@charset "UTF-8";
/* CSS Document */

/* -----------------------------------
    汎用クラス
   ----------------------------------- */
body, td, th, h1, h2, h3, h4, h5, h6 { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body {
	font-size: 13px;
	color: #333333;
	line-height: 1.6;
	background-color: #333333;
	-webkit-text-size-adjust : none;
	margin: 0;
}

@media screen and (max-width: 639px) {
  body { font-size: 14px;}
}
a { text-decoration: none; }
a:link { color: #00F;}
a:visited { color: #800080; }
a:hover { color: #F60; transition: all 0.3s linear; }
a:active { color: #F00; }
a:hover img {
	filter: alpha(opacity=60);
	opacity: 0.6;
	transition: all 0.3s linear;
	text-align: center;
}

.textSmall { font-size: 85%; }
.textLarge { font-size: 20px; }
.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.textLeft { text-align: left !important; }
.textSuper { font-size: 10px; vertical-align: text-top; text-align: center; }
.textBold { font-weight: bold;}
.textRed { color: #F00; }
.text16px { font-size: 16px;}

.margin-auto{margin: auto !important}
.marginTop0px { margin-top: 0px !important; }
.marginTop3px { margin-top: 3px !important; }
.marginTop5px { margin-top: 5px !important; }
.marginTop10px { margin-top: 10px !important; }
.marginTop15px { margin-top: 15px !important; }
.marginTop20px { margin-top: 20px !important; }
.marginTop30px { margin-top: 30px !important; }
.marginTop35px { margin-top: 35px !important; }
.marginTop50px { margin-top: 50px !important; }
.marginTop100px { margin-top: 100px !important; }
.marginBottom0px { margin-bottom: 0px !important; }
.marginBottom3px { margin-bottom: 3px !important; }
.marginBottom5px { margin-bottom: 5px !important; }
.marginBottom10px { margin-bottom: 10px !important; }
.marginBottom15px { margin-bottom: 15px !important; }
.marginBottom20px { margin-bottom: 20px !important; }
.marginBottom30px { margin-bottom: 30px !important; }
.marginTopBottom5px { margin-top: 5px !important; margin-bottom: 5px !important; }
.marginTopBottom10px { margin-top: 10px !important; margin-bottom: 10px !important; }
.marginLeft0px { margin-left: 0px !important; }
.marginLeft5px { margin-left: 5px !important; }
.marginLeft10px { margin-left: 10px !important; }
.marginLeft15px { margin-left: 15px !important; }
.marginLeft20px { margin-left: 20px !important; }
.marginRight10px { margin-right: 10px !important; }
.marginRight20px { margin-right: 20px !important; }
.marginRight30px { margin-right: 30px !important; }
.marginRight50px { margin-right: 50px !important; }
.marginRightLeft5px { margin-right: 5px !important; margin-left: 5px !important;}
.marginRightLeft10px { margin-right: 10px !important; margin-left: 10px !important;}
.marginRightLeft15px { margin-right: 15px !important; margin-left: 15px !important;}
.paddingLeft5px { padding-left: 5px !important; }
.paddingLeft10px { padding-left: 10px !important; }
.paddingLeft20px { padding-left: 20px !important; }
.paddingRight0px { padding-right: 0px !important; }
.paddingRight5px { padding-right: 5px !important; }
.paddingRight10px { padding-right: 10px !important; }
.paddingRight20px { padding-right: 20px !important; }
.paddingTop5px { padding-top: 5px !important; }
.paddingBottom10px { padding-bottom: 10px !important; }
.paddingBottom30px { padding-bottom: 30px !important; }
.paddingTopBottom2px { padding-top: 2px !important; padding-bottom: 2px; }

.width1em { width: 1em !important; }
.width2em { width: 2em !important; }
.width3em { width: 3em !important; }
.width4em { width: 4em !important; }
.width5em { width: 5em !important; }
.width6em { width: 6em !important; }
.width7em { width: 7em !important; }
.width8em { width: 8em !important; }
.width10em { width: 10em !important; }
.width12em { width: 12em !important; }
.width15em { width: 15em !important; }
.width20em { width: 20em !important; }
.width25em { width: 25em !important; }
.width30em { width: 30em !important; }
.width40em { width: 40em !important; }
.width50em { width: 50em !important; }

.block-wide {width: 90% !important;}
.block-medium {width: 65% !important;}
.block-half {width: 48.5% !important}
.block-small {width: 30% !important}
.block-50per{width: 50% !important}
@media (width <= 768px) {  
.block-wide,
.block-medium,
.block-half,
.block-small{width: 100% !important}    
}

/* -----------------------------------
   PC/SP表示切り替え
 * ----------------------------------- */
.convert {
	display: none !important;
}

@media only screen and (max-width: 641px) {
.convert {
	display: block !important;
}
}

/* -----------------------------------
   PC/SP改行切り替え
 * ----------------------------------- */
.pc-br {
	display: inline;
}
.sp-br {
	display: none;
}

@media screen and (max-width: 640px) {
.pc-br {
	display: none;
}
.sp-br {
	display: inline;
}
}


/* flexbox */
.flex,
.flex-left,
.flex-right,
.flex-center{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.flex-left{justify-content: flex-start !important;}
.flex-right{justify-content: flex-end !important;}
.flex-center{justify-content: center !important;}
.flex-align-center{align-items: center !important;}
.flex-align-stretch{align-items: stretch !important;}
.flex-align-end {align-items: flex-end !important;}
.flex-all{flex: 1 0 100%}
.flex-fit{flex-grow: 1;}
.flex-gap-15{gap:15px}
.flex-gap-30{gap:30px}
.flex-gap-30_20{gap: 30px 20px}
.flex-gap-15_30{gap: 15px 30px}
.flex-gap-50{gap:30px 50px}
.flex-gap-80{gap:30px 80px}


.img-width_100per img{width: 100%}

/* -----------------------------------
    ヘッダー
   ----------------------------------- */
#wrapper {
	background-color: #f3f7ff;
}
#header-fix {
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
}
#main-header {
	background-color: #FFFFFF;
}
#logo {
	width: 350px;
}
#logo img {
	width: 100%
}
#logo:hover img {
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00FFFFFF,EndColorStr=#00FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00FFFFFF,EndColorStr=#00FFFFFF)";
}
#logo img:not(:target) {
	filter: none;
	-ms-filter: none;
}

#inquiry {
	padding-top: 10px;
	padding-right: 20px;
	float: right;
	text-align: right;
}
#inquiry a,
#inquiry a:visited {
	color: #333333;
}
#inquiry a:hover {
	color: #ffce00;
}
#inquiry a:before {
	font-family: 'FontAwesome';
	content: "\f0e0";
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 3px;
}

@media screen and (max-width: 767px) {
#header-fix {
	position: relative;
}
#main-header {
	height: 40px;
	border-bottom: 1px solid #3f4062;
}
#logo img {
	width: auto;
}
#inquiry {
	display: none;
}
}
@media screen and (max-width:767px) {
.col-sm-10#logo {
	width: 300px;
	height: 40px;
	float: none;
}
#logo img {
	width: 100%;
}
}

/* -----------------------------------
    ナビゲーション
   ----------------------------------- */
#main-nav {
	height: 40px;
	background-color: #3f4062;
	background-image: url(../images/common/bg_navi.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.navbar {
    border: none;
    margin-bottom: 0px;
    min-height: 40px;
    position: relative;
}
.nav {
	position: absolute;
	top: 0px;
}
.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
}
#first-column a:hover {
	background-color: #3f4062;
}
#second-column,
#second-column a:hover {
	background-color: #575885;
}
#third-column,
#third-column a:hover {
	background-color: #797AB2;
}
#fourth-column,
#fourth-column a:hover {
	background-color: #9495D3;
}
#fifth-column a:hover {
	background-color: #B4B5F0;
}
#first-column a,
#second-column a,
#third-column a,
#fourth-column a,
#fifth-column a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	height: 40px;
	line-height: 22px;
}


@media screen and (max-width:767px) {
.navbar-collapse {
	max-height: none
}
#main-nav {
	height: 0px;
	background-color: #ffffff;
	background-image: none;
}
}

/* ナビゲーション下階層 */
#business-container,
#company-container,
#recruit-container {
	height: 140px;
	display: none;
	background-color: #E7E5E0;
	border-top: 5px solid #575885;
	border-bottom: 2px solid #575885;
	background-image: url(../images/common/bg_navi-lower.png);
	background-repeat: repeat;
}
#company-container {
	border-top: 5px solid #797AB2;
	border-bottom: 2px solid #797AB2;
}
#recruit-container {
	border-top: 5px solid #9495D3;
	border-bottom: 2px solid #9495D3;
}
.show-container#business-container,
.show-container#company-container,
.show-container#recruit-container {
	display: block;
}
.globalNavi-lower {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.globalNavi-lower li {
	display: table-cell;
}
.globalNavi-lower li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	width: 95px;
	height: 95px;
	color: #575885;
	text-align: center;
}
#business-container .globalNavi-lower li a{
	width: 90px;
}
.globalNavi-lower li a#kasen-btn,
.globalNavi-lower li a#sabo-btn,
.globalNavi-lower li a#kiso-btn,
.globalNavi-lower li a#kouwan-btn,
.globalNavi-lower li a#douro-btn,
.globalNavi-lower li a#gesuidou-btn,
.globalNavi-lower li a#chichuka-btn,
.globalNavi-lower li a#keikaku-btn,
.globalNavi-lower li a#cim-btn,
.globalNavi-lower li a#soft-btn,
.globalNavi-lower li a#shikaku-btn,
.globalNavi-lower li a#aisatsu-btn,
.globalNavi-lower li a#outline-btn,
.globalNavi-lower li a#history-btn,
.globalNavi-lower li a#organization-btn,
.globalNavi-lower li a#recruit-btn,
.globalNavi-lower li a#senior-btn,
.globalNavi-lower li a#registration-btn{
	background-image: url(../images/common/bg_globalNavi_kasen.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.globalNavi-lower li a#sabo-btn {
	background-image: url(../images/common/bg_globalNavi_sabo.png);
}
.globalNavi-lower li a#kiso-btn {
	background-image: url(../images/common/bg_globalNavi_kiso.png);
}
.globalNavi-lower li a#kouwan-btn {
	background-image: url(../images/common/bg_globalNavi_kowan.png);
}
.globalNavi-lower li a#douro-btn {
	background-image: url(../images/common/bg_globalNavi_douro.png);
}
.globalNavi-lower li a#gesuidou-btn {
	background-image: url(../images/common/bg_globalNavi_gesuidou.png);
}
.globalNavi-lower li a#chichuka-btn {
	background-image: url(../images/common/bg_globalNavi_chichuka.png);
}
.globalNavi-lower li a#keikaku-btn {
	background-image: url(../images/common/bg_globalNavi_keikaku.png);
}
.globalNavi-lower li a#cim-btn {
	background-image: url(../images/common/bg_globalNavi_cim.png);
}
.globalNavi-lower li a#soft-btn {
	background-image: url(../images/common/bg_globalNavi_soft.png);
}
.globalNavi-lower li a#shikaku-btn {
	background-image: url(../images/common/bg_globalNavi_shikaku.png);
}
.globalNavi-lower li a#aisatsu-btn {
	background-image: url(../images/common/bg_globalNavi_aisatsu.png);
}
.globalNavi-lower li a#outline-btn {
	background-image: url(../images/common/bg_globalNavi_outline.png);
}
.globalNavi-lower li a#history-btn {
	background-image: url(../images/common/bg_globalNavi_history.png);
}
.globalNavi-lower li a#organization-btn {
	background-image: url(../images/common/bg_globalNavi_organization.png);
}
.globalNavi-lower li a#recruit-btn {
	background-image: url(../images/common/bg_globalNavi_recruit.png);
}
.globalNavi-lower li a#senior-btn {
	background-image: url(../images/common/bg_globalNavi_senior.png);
}
.globalNavi-lower li a#registration-btn{
	background-image: url(../images/common/bg_globalNavi_registration.png);
}
.globalNavi-lower li a#kasen-btn:hover,
.globalNavi-lower li a#kasen-btnSelect,
.globalNavi-lower li a#sabo-btn:hover,
.globalNavi-lower li a#sabo-btnSelect,
.globalNavi-lower li a#kiso-btn:hover,
.globalNavi-lower li a#kiso-btnSelect,
.globalNavi-lower li a#kouwan-btn:hover,
.globalNavi-lower li a#kouwan-btnSelect,
.globalNavi-lower li a#douro-btn:hover,
.globalNavi-lower li a#douro-btnSelect,
.globalNavi-lower li a#gesuidou-btn:hover,
.globalNavi-lower li a#gesuidou-btnSelect,
.globalNavi-lower li a#chichuka-btn:hover,
.globalNavi-lower li a#chichuka-btnSelect,
.globalNavi-lower li a#keikaku-btn:hover,
.globalNavi-lower li a#keikaku-btnSelect,
.globalNavi-lower li a#cim-btn:hover,
.globalNavi-lower li a#cim-btnSelect,
.globalNavi-lower li a#soft-btn:hover,
.globalNavi-lower li a#soft-btnSelect,
.globalNavi-lower li a#shikaku-btn:hover,
.globalNavi-lower li a#shikaku-btnSelect,
.globalNavi-lower li a#aisatsu-btn:hover,
.globalNavi-lower li a#aisatsu-btnSelect,
.globalNavi-lower li a#outline-btn:hover,
.globalNavi-lower li a#outline-btnSelect,
.globalNavi-lower li a#history-btn:hover,
.globalNavi-lower li a#history-btnSelect,
.globalNavi-lower li a#organization-btn:hover,
.globalNavi-lower li a#organization-btnSelect,
.globalNavi-lower li a#recruit-btn:hover,
.globalNavi-lower li a#recruit-btnSelect,
.globalNavi-lower li a#senior-btn:hover,
.globalNavi-lower li a#senior-btnSelect,
.globalNavi-lower li a#registration-btn:hover,
.globalNavi-lower li a#registration-btnSelect{
	background-image: url(../images/common/bg_globalNavi_kasen_select.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.globalNavi-lower li a#sabo-btn:hover,
.globalNavi-lower li a#sabo-btnSelect {
	background-image: url(../images/common/bg_globalNavi_sabo_select.png);
}
.globalNavi-lower li a#kiso-btn:hover,
.globalNavi-lower li a#kiso-btnSelect {
	background-image: url(../images/common/bg_globalNavi_kiso_select.png);
}
.globalNavi-lower li a#kouwan-btn:hover,
.globalNavi-lower li a#kouwan-btnSelect {
	background-image: url(../images/common/bg_globalNavi_kowan_select.png);
}
.globalNavi-lower li a#douro-btn:hover,
.globalNavi-lower li a#douro-btnSelect {
	background-image: url(../images/common/bg_globalNavi_douro_select.png);
}
.globalNavi-lower li a#gesuidou-btn:hover,
.globalNavi-lower li a#gesuidou-btnSelect {
	background-image: url(../images/common/bg_globalNavi_gesuidou_select.png);
}
.globalNavi-lower li a#chichuka-btn:hover,
.globalNavi-lower li a#chichuka-btnSelect {
	background-image: url(../images/common/bg_globalNavi_chichuka_select.png);
}
.globalNavi-lower li a#keikaku-btn:hover,
.globalNavi-lower li a#keikaku-btnSelect {
	background-image: url(../images/common/bg_globalNavi_keikaku_select.png);
}
.globalNavi-lower li a#cim-btn:hover,
.globalNavi-lower li a#cim-btnSelect {
	background-image: url(../images/common/bg_globalNavi_cim_select.png);
}
.globalNavi-lower li a#soft-btn:hover,
.globalNavi-lower li a#soft-btnSelect {
	background-image: url(../images/common/bg_globalNavi_soft_select.png);
}
.globalNavi-lower li a#shikaku-btn:hover,
.globalNavi-lower li a#shikaku-btnSelect {
	background-image: url(../images/common/bg_globalNavi_shikaku_select.png);
}
.globalNavi-lower li a#aisatsu-btn:hover,
.globalNavi-lower li a#aisatsu-btnSelect {
	background-image: url(../images/common/bg_globalNavi_aisatsu_select.png);
}
.globalNavi-lower li a#outline-btn:hover,
.globalNavi-lower li a#outline-btnSelect {
	background-image: url(../images/common/bg_globalNavi_outline_select.png);
}
.globalNavi-lower li a#history-btn:hover,
.globalNavi-lower li a#history-btnSelect {
	background-image: url(../images/common/bg_globalNavi_history_select.png);
}
.globalNavi-lower li a#organization-btn:hover,
.globalNavi-lower li a#organization-btnSelect {
	background-image: url(../images/common/bg_globalNavi_organization_select.png);
}
.globalNavi-lower li a#recruit-btn:hover,
.globalNavi-lower li a#recruit-btnSelect {
	background-image: url(../images/common/bg_globalNavi_recruit_select.png);
}
.globalNavi-lower li a#senior-btn:hover,
.globalNavi-lower li a#senior-btnSelect {
	background-image: url(../images/common/bg_globalNavi_senior_select.png);
}
.globalNavi-lower li a#registration-btn:hover,
.globalNavi-lower li a#registration-btnSelect {
	background-image: url(../images/common/bg_globalNavi_registration_select.png);
}

#company-container #company-navi li a {
	width: 120px;
	color: #797AB2;
}
#recruit-container #recruit-navi li a {
	width: 120px;
	color: #9495D3;
}

.globalNavi-lower li a:hover span,
.globalNavi-lower li a#kasen-btnSelect span,
.globalNavi-lower li a#sabo-btnSelect span,
.globalNavi-lower li a#kiso-btnSelect span,
.globalNavi-lower li a#kouwan-btnSelect span,
.globalNavi-lower li a#douro-btnSelect span,
.globalNavi-lower li a#gesuidou-btnSelect span,
.globalNavi-lower li a#chichuka-btnSelect span,
.globalNavi-lower li a#keikaku-btnSelect span,
.globalNavi-lower li a#cim-btnSelect span,
.globalNavi-lower li a#soft-btnSelect span,
.globalNavi-lower li a#shikaku-btnSelect span,
.globalNavi-lower li a#aisatsu-btnSelect span,
.globalNavi-lower li a#outline-btnSelect span,
.globalNavi-lower li a#history-btnSelect span,
.globalNavi-lower li a#organization-btnSelect span,
.globalNavi-lower li a#recruit-btnSelect span,
.globalNavi-lower li a#senior-btnSelect span{
	display: none;
}

@media screen and (max-width:677px) {
#business-container,
#company-container,
#recruit-container {
	height: auto;
	padding: 10px 13px 0px;
	z-index: 1000;
	position: relative;
}
.globalNavi-lower {
	margin: 0px;
}
.globalNavi-lower li img {
	display: none;
}
.globalNavi-lower li {
	display: inline-block;
}
.globalNavi-lower li a {
	width: auto;
	height: 25px;
	font-size: 13px;
	padding-right: 13px;
	color: #666666!important;
}
.globalNavi-lower li a:before {
	font-family: 'Glyphicons Halflings';
	content: '\e258';
	font-size: 11px;
}
#company-container #company-navi li a,
#recruit-container #recruit-navi li a {
	width: auto;
}

.globalNavi-lower li a#kasen-btn,
.globalNavi-lower li a#sabo-btn,
.globalNavi-lower li a#kiso-btn,
.globalNavi-lower li a#kouwan-btn,
.globalNavi-lower li a#douro-btn,
.globalNavi-lower li a#gesuidou-btn,
.globalNavi-lower li a#chichuka-btn,
.globalNavi-lower li a#keikaku-btn,
.globalNavi-lower li a#cim-btn,	
.globalNavi-lower li a#soft-btn,
.globalNavi-lower li a#registration-btn,
.globalNavi-lower li a#shikaku-btn,
.globalNavi-lower li a#aisatsu-btn,
.globalNavi-lower li a#outline-btn,
.globalNavi-lower li a#history-btn,
.globalNavi-lower li a#organization-btn,
.globalNavi-lower li a#recruit-btn,
.globalNavi-lower li a#senior-btn,
.globalNavi-lower li a#kasen-btn:hover,
.globalNavi-lower li a#kasen-btnSelect,
.globalNavi-lower li a#sabo-btn:hover,
.globalNavi-lower li a#sabo-btnSelect,
.globalNavi-lower li a#kiso-btn:hover,
.globalNavi-lower li a#kiso-btnSelect,
.globalNavi-lower li a#kouwan-btn:hover,
.globalNavi-lower li a#kouwan-btnSelect,
.globalNavi-lower li a#douro-btn:hover,
.globalNavi-lower li a#douro-btnSelect,
.globalNavi-lower li a#gesuidou-btn:hover,
.globalNavi-lower li a#gesuidou-btnSelect,
.globalNavi-lower li a#chichuka-btn:hover,
.globalNavi-lower li a#chichuka-btnSelect,
.globalNavi-lower li a#keikaku-btn:hover,
.globalNavi-lower li a#keikaku-btnSelect,
.globalNavi-lower li a#cim-btn:hover,
.globalNavi-lower li a#cim-btnSelect,	
.globalNavi-lower li a#soft-btn:hover,
.globalNavi-lower li a#soft-btnSelect,
.globalNavi-lower li a#registration-btn:hover,
.globalNavi-lower li a#registration-btnSelect,    
.globalNavi-lower li a#shikaku-btn:hover,
.globalNavi-lower li a#shikaku-btnSelect,
.globalNavi-lower li a#aisatsu-btn:hover,
.globalNavi-lower li a#aisatsu-btnSelect,
.globalNavi-lower li a#outline-btn:hover,
.globalNavi-lower li a#outline-btnSelect,
.globalNavi-lower li a#history-btn:hover,
.globalNavi-lower li a#history-btnSelect,
.globalNavi-lower li a#organization-btn:hover,
.globalNavi-lower li a#organization-btnSelect,
.globalNavi-lower li a#recruit-btn:hover,
.globalNavi-lower li a#recruit-btnSelect,
.globalNavi-lower li a#senior-btn:hover,
.globalNavi-lower li a#senior-btnSelect  {
	background-image: none;
}
.globalNavi-lower li a:hover span,
.globalNavi-lower li a#kasen-btnSelect span,
.globalNavi-lower li a#sabo-btnSelect span,
.globalNavi-lower li a#kiso-btnSelect span,
.globalNavi-lower li a#kouwan-btnSelect span,
.globalNavi-lower li a#douro-btnSelect span,
.globalNavi-lower li a#gesuidou-btnSelect span,
.globalNavi-lower li a#chichuka-btnSelect span,
.globalNavi-lower li a#keikaku-btnSelect span,
.globalNavi-lower li a#cim-btnSelect span,	
.globalNavi-lower li a#soft-btnSelect span,
.globalNavi-lower li a#registration-btnSelect span,    
.globalNavi-lower li a#shikaku-btnSelect span,
.globalNavi-lower li a#aisatsu-btnSelect span,
.globalNavi-lower li a#outline-btnSelect span,
.globalNavi-lower li a#history-btnSelect span,
.globalNavi-lower li a#organization-btnSelect span,
.globalNavi-lower li a#recruit-btnSelect span,
.globalNavi-lower li a#senior-btnSelect span,
.globalNavi-lower li a:hover span,
.globalNavi-lower li a#kasen-btnSelect:before,
.globalNavi-lower li a#sabo-btnSelect:before,
.globalNavi-lower li a#kiso-btnSelect:before,
.globalNavi-lower li a#kouwan-btnSelect:before,
.globalNavi-lower li a#douro-btnSelect:before,
.globalNavi-lower li a#gesuidou-btnSelect:before,
.globalNavi-lower li a#chichuka-btnSelect:before,
.globalNavi-lower li a#keikaku-btnSelect:before,
.globalNavi-lower li a#cim-btnSelect:before,	
.globalNavi-lower li a#soft-btnSelect:before,
.globalNavi-lower li a#registration-btnSelect:before,    
.globalNavi-lower li a#shikaku-btnSelect:before,
.globalNavi-lower li a#aisatsu-btnSelect:before,
.globalNavi-lower li a#outline-btnSelect:before,
.globalNavi-lower li a#history-btnSelect:before,
.globalNavi-lower li a#organization-btnSelect:before,
.globalNavi-lower li a#recruit-btnSelect:before,
.globalNavi-lower li a#senior-btnSelect:before {
	color: #575885!important;
	display: inline-block;
}
}

/* -----------------------------------
   スマホ用メニューボタン
 * ----------------------------------- */
@media screen and (max-width: 767px) {
.spTopNavi {
	position: absolute;
	right: 0;
	top: 0;
}
  .visible-xs {
    display: block !important;
  }
}

#right-menu {
	position: absolute;
	z-index: 100000;
	background-color: #3f4062;
	right: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
}
a#right-menu {
	text-decoration: none;
}
a#right-menu:before {
	font-family: 'Glyphicons Halflings';
	content: '\e236';
	font-size: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
}
#sidr-right #spMenu li a span {
	display: inline-block;
}
/* -----------------------------------
   カラム
 * ----------------------------------- */

#contents-main {
	margin-right: auto;
	margin-left: auto;
	padding: 0px 15px 50px;
	min-height: 800px;
}
#main-image img,
.main-image img{
	width: 100%;
}
#main-image.bg{background-color: #d9e9f2}
#main-leftColumn {
	padding-right: 30px;
}
#main-rightColumn {
	padding-left: 30px;
    padding-right: 0px;
}
#main-rightColumn img {
	width: 100%;
}

.box-frame{
    border: 1px solid #575885;
    padding: 10px 15px;
}
@media screen and (max-width: 768px) {
#contents-main {
	padding: 0px 10px 25px;
	min-height: 400px;
}
#main-image img,
.main-image img{
	height: auto;
}
}
@media screen and (max-width: 640px) {
.contents-img {
	margin: 10px auto;
	width: 85%;
}
#main-leftColumn {
	padding-right: 0px;
	padding-left: 0px;
}
#main-rightColumn {
	padding-right: 0px;
	padding-left: 0px;
}
}

/* -----------------------------------
   見出し
 * ----------------------------------- */

h2 {
	font-size: 28px;
	color: #FFFFFF;
	background-color: #575885;
	padding: 10px 12px 7px;
}
h3 {
	font-size: 20px;
	color: #575885;
	border-bottom: 2px solid #575885;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: bold;
}
h3.h3-sub{
    background-color: #575885;
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    padding: 7px 12px 3px;
    border: none
}
.caption {
	font-size: 12px;
}

span.br {
	display: none;
}
.tx-120per{font-size: 120%;}
.tx-130per{font-size: 130%;}
.tx-140per{font-size: 140%;}
@media screen and (max-width: 768px) {
span.br {
	display: inline;
}
}

@media screen and (max-width: 640px) {
h2 {
	font-size: 20px;
}
h3 {
	font-size: 17px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.tx-120per,
.tx-130per,
.tx-140per{font-size: 100%;}    
}

/* -----------------------------------
    囲み
   ----------------------------------- */
.well {
	min-height: auto;
	padding: 15px 10px;
	margin: 30px 0px 10px;
	background-color: #ffffff;
	border-radius: 0px;
}
@media (max-width: 640px) {
.well {
	padding: 8px ;
	margin-top: 15px;
}
}

/* -----------------------------------
   お問い合わせ
 * ----------------------------------- */
#Inquiry-container {
	background-color: #E7E5E0;
	border-top: 2px solid #afafaf;
}
#Inquiry-container > div {
	margin: 20px auto;
	width: 600px;
}
#inquiry-title {
	color: #3f4062;
	font-size: 15px;
	font-weight: bold;
	width: 56%;
	float: left;
	margin-right: 30px;
	display: inline-block;
	margin-top: 5px;
}
#inquiry-title:after {
	font-family: 'Glyphicons Halflings';
	content: '\e072';
	font-size: 22px;
	display: inline-block;
	padding-left: 30px;
	vertical-align: middle;
}
#email {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
#email-attention {
	font-size: 13px;
	font-weight: normal;
	color: #FF0000;
	display: inline-block;
}
@media screen and (max-width: 640px) {
#Inquiry-container > div {
	width: 100%;
	margin: 10px auto 15px;
	padding: 0px 15px;
	vertical-align: middle;
}
#inquiry-title {
	width: 100%;
}
#inquiry-title:after {
	display: none;
}
#inquiry-title:before {
	font-family: 'Glyphicons Halflings';
	content: '\e252';
	font-size: 20px;
	display: inline-block;
	padding: 0px 5px 5px 10px;
	vertical-align: middle;
}
#email {
	padding-left: 18px;
}
}

/* -----------------------------------------
   テーブルデザイン
 * ----------------------------------------- */
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
	background-color: #FFF9A3;
	transition: all 0.3s linear;
}

.table-separate {
	border-spacing : 8px;
	border-collapse : separate;
}
.tbl-textCenter,
.tbl-textLeft {
	width: 100%;
	margin-bottom: 20px;
}
.tbl-textCenter th,
.tbl-textCenter td,
.tbl-textLeft th,
.tbl-textLeft td {
	text-align: center;
	padding: 4px 0px 10px;
	line-height: 1.42857143;
	vertical-align: middle;
}
.tbl-textLeft th,
.tbl-textLeft td {
	text-align: left;
}
.tbl-textCenter td,
.tbl-textLeft td {
	border-bottom: 1px solid #999999;
}
.tbl-textLeft td {
	padding-left: 20px;
	padding-right: 20px;
}
.tbl-textCenter th,
.tbl-textLeft th {
	text-align: center;
	background-color: #B1B1C4;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 6px;
}


.tbl-02 th{
    font-weight: bold;
    background-color: transparent;
    color: #575885;
}
.tbl-02 th,
.tbl-02 td{vertical-align: top}
@media screen and (max-width: 641px) {
.tbl-02 th {
    white-space: nowrap;
}
}

/* -----------------------------------
   ボタン
 * ----------------------------------- */
.btn {
	padding: 3px 8px 1px;
	background-color: #666666;
	border-color: #5E5E5E;
	color: #FFFFFF;
	margin-bottom: 10px;
}

/* -----------------------------------
    ページトップ
   ----------------------------------- */
#page-top {
	display: none;
}
@media screen and (max-width: 640px) {
#page-top {
	position: fixed;
	right: 20px;
	z-index: 100000;
	display: block;
}
#page-top a {
	font-size: 25px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: #666;
	color: #fff;
	text-align: center;
	padding-top: 7px;
	display: block;
}
}

/* -----------------------------------
    フッター
   ----------------------------------- */
footer {
	background-color: #3f4062;
	color: #fff;
	width: 100%;
}
footer > .container{
	width: 920px;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}
#column-navi {
	float: right;
}
#column-info {
	float: left;
}
#footer-navi {
	display: table;
	padding-top: 25px;
}
#footer-navi li {
	display: table-cell;
}
#footer-navi li a {
	color: #FFFFFF;
	margin-left: 15px;
}
#footer-navi li a:before {
	font-family: 'Glyphicons Halflings';
	content: '\e080';
	font-size: 12px;
	margin-right: 2px;
}
#footer-navi li a:hover {
	color: #FFF9A3;
}
.footer_logo {
	width: 350px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.footer_logo img {
	width: 100%;
}
.footer_logo a img:hover {
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC3f4062,EndColorStr=#CC3f4062);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC3f4062,EndColorStr=#CC3f4062)";
}
.footer_logo a img:hover:not(:target) {
	filter: none;
	-ms-filter: none;
}

.footer_logo a #footer-pc {
	display: block;
}
.footer_logo a #footer-sp {
	display: none;
}
#address a {
	color: #FFFFFF;
}
#copyright {
	background-color: #333333;
	padding-bottom: 15px;
}
#copyright > div {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}
#copyright p {
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
}
@media screen and (max-width: 768px) {
	footer > .container{
	width: 100%;
	}
#column-info {
	padding-left: 20px;
}
#footer-navi {
	display: block;
	padding-top: 20px;
	padding-right: 20px;
}
#footer-navi li {
	display: block;
}
#copyright p {
	padding-right: 20px;
}
}
@media screen and (max-width: 639px) {
footer > .container{
	margin-bottom: 0px;
}
#column-navi {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
}
#column-info {
	float: none;
	border-top: 1px solid #FFFFFF;
	margin-top: 15px;
	padding-top: 15px;
	background-color: #333333;
	padding-left: 0px;
	padding-bottom: 15px;
}
#footer-navi {
	display: block;
	padding-top: 15px;
	padding-right: 0px;
}
#footer-navi li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#footer-navi li a {
	background-image: none;
	margin-left: 0px;
	padding-left: 0px;
}
#footer-navi li a:before {
	display: none;
}
.footer_logo {
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: center;
}
#address {
	text-align: center;
	font-size: 12px;
	margin-bottom: 30px;
}
.footer_logo a #footer-pc {
	display: none;
}
.footer_logo a #footer-sp {
	display: block;
	width: 60%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#copyright {
	display: none;
}
}

/* -----------------------------------
   その他、調整等
 * ----------------------------------- */
.per80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 639px) {
.per80 {
	width: 100%;
}
}

.img-contents img {
	width: 100%;
}
@media screen and (max-width: 640px) {
.img-contents {
	text-align: center;
}
.img-contents img {
	width: 85%;
}
}

/* -----------------------------------
   movei
 * ----------------------------------- */
.youtube-contents{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto auto auto 0;
    aspect-ratio: 16 / 9;
}
.youtube-contents iframe{
    width: 100%;
    height: auto;
    margin:auto;
    aspect-ratio: 16 / 9;
}

video{
    width: 100%
}