@charset "UTF-8";

/**LOGOSWARE CSS*****************
corp.css
Version:2
履歴：2014/07/14

1.サイト毎の色指定 ★指定必須
2.位置指定★指定必須
3.製品単体サイト共通指定
4.その他サイトごとのスタイル

***************************************************************/

/* =========================================================
1.サイト毎の色指定
★マークつきは設定必須
========================================================= */

/***************************************************************
★A：プロダクトカラー指定箇所
・重要メニューの枠色、 ボタンベースカラー等
プロダクトカラー：corp： #899fca;
***************************************************************/

/*重要メニュー枠
------------------------------------------------------------*/
#sideMenu .VIB{
border-color: #899fca;
}

/*背景プロダクトカラー適用クラス／汎用：bg_p_color
------------------------------------------------------------*/
.btnBase,.bg_p_color,#page .mod-merit h3:first-letter,.mod-numH:first-letter,
.voiceEntryTitle h2 .tag02 a,.voiceList h3 .tag01 a,#sideMenu h4.tag03{
background-color: #899fca;
}

/*文字色プロダクトカラー適用クラス／汎用：p_color
------------------------------------------------------------*/
#headerNavi a:hover, #gMenu a:hover, #pankuzu a:hover, .catName,
.p_color, .voiceList h3 a, #voiceLead h4,#page h3,#main #page table.movieList h5{
/*color:#899fca;*/
color:#377AD5;
}

/***************************************************************
★B：プロダクトカラー薄め
・メニューのカレント、メニューのhover（カレントと同色でも良い？）
・bg_p_color2：背景にプロダクトカラーをを使うには濃すぎる場合に利用
***************************************************************/

/*current：薄め1*/
#subMenu ul.menu li.current_page_item > a,
#subMenu ul.menu li ul li.current_page_item > a,
.entryList h3 .categoryLink a:hover{
	background-color:#c5ddf2;
}

/*hover指定：薄め2 currentよりちょい薄め
 矢印が白なので、あまり薄すぎない方がいいかも
------------------------------------------------------------*/
#subMenu li a:hover,
#subMenu li.current_page_item ul li a:hover/*親がカレント*/{
	background-color:#deecf8;
	}

/*bg_p_color2：薄め3（必要なければhover色と同じ色を指定）
------------------------------------------------------------*/
.bg_p_color2,#main .table-colorLeftTH tbody>tr>th,.table-colorLeftTH thead>tr>th:first-child{
	background-color: #ecf4fb;
}

/*背景にプロダクトカラーが使いづらいときはグレー*/
.bg_ef3{
	background-color:#efefef;
}

/***************************************************************
C：その他色指定（任意指定）
・重要メニューhover指定／ボタンベースのhover指定／テーブルhover指定
***************************************************************/

/*重要メニューhover：デフォは黄色 上書きしたい場合は指定
------------------------------------------------------------*/
/*#sideMenu div.VIB a:hover {}

/*ベースボタンhover：デフォルトは赤。libraのみ変更
------------------------------------------------------------*/
/*.btnBase:hover{}

/*テーブルhover：上書きしたい場合は指定
------------------------------------------------------------*/
/*.mod-tableBase tr:hover{}*/


/* =========================================================
2.位置指定
========================================================= */

/*★サイトタイトルのdiscription位置指定*
*------------------------------------------------------------*/
#header h1{
	left:0px;
	top:0px;
	color:#fff;
}

/*★gMenuメニューの基本幅指定
------------------------------------------------------------*/
#gMenu li#home a {
	width: 95px;
}

/***************************************************************
★トップページヘッダ画像用位置指定
***************************************************************/

div#topHeader{
	height:370px;
	}

div#topHeader h2 img{
	margin-top:0;
}

/* =========================================================
3.製品単体サイト共通指定
========================================================= */

/* 単体サイトグローバルメニュー
------------------------------------------------------------*/
#gMenu li a{
	background:url(../images/borderBottom.png) no-repeat 0 28px;
	}

#gMenu li a:hover,
#gMenu li.current_page_item a,
#gMenu li.active a{
	background:url(../images/borderBottom_hover.png) no-repeat 0 28px;
	font-weight:bold;
	}

/* =========================================================
4.サイト固有スタイル
→別サイトの同一ページで使い回すスタイルはsub.cssに移動
→別サイトで汎用に使う場合はmodule.cssに移動
========================================================= */

/**********************************************
#home
**********************************************/
body#home{
	background-image: url(../images/baseBG.png);
}

/**********************************************
沿革
**********************************************/
#main #page .historical h4{
	margin-top: 40px;
}

#main #page .historical h4:first-child{
	margin-top: 0px;
}


/**********************************************
働く理由
**********************************************/
#page #r_category{
}

#page #r_category ul{
	list-style-type:none;
	margin-top:10px;
}

#page #r_category ul li{
	float:left;
	margin-right:9px;
	}

/*リンク先が出来たら*/
#page #r_category ul li a{
	display:block;
	width:220px;
	height:211px;
	border:1px solid #ccc;
}


/**********************************************
求人
**********************************************/
/* 募集終了 */
#main .close{
	border:5px solid #ffb3b3;
	padding:1rem 1rem 0.5rem 1rem;
	margin-bottom:20px;
	font-size: 1.4em;
}


/**********************************************
ロゴスウェアで働く現役社員の声
**********************************************/
/* 吹き出しカードリンク */
.voice-of-staff #main .balloon-bottom {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: auto;
	line-height: 1.4;
	color: #19283C;
	text-align: center;
	background: #F6F6F6;
	border: 3px solid #AAA;
	z-index: 0;
}
.voice-of-staff #main .balloon-bottom:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #F6F6F6 transparent transparent transparent;
	z-index: 0;
}
.voice-of-staff #main .balloon-bottom:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #AAA transparent transparent transparent;
	z-index: -1;
}

.voice-of-staff #main a:hover .balloon-bottom {
	border-color: #899fca;
	background: #899fca;
	color:#FFF;
	}

.voice-of-staff #main a:hover .balloon-bottom:before {
	border-color: #899fca transparent transparent transparent;

}
.voice-of-staff #main a:hover .balloon-bottom:after {
	border-color: #899fca transparent transparent transparent;
	}


/* インタビューエリア */
.voice-of-staff #main .voice-of-staff-case{
	border-top:5px solid #899fca;
	margin:20px 0 40px 0;
	padding: 40px 0 20px 0;
}

/* 写真と名前 */
.voice-of-staff #main .profile{
	float: left;
	width:220px;
	text-align:center;
	margin:0 20px 10px 0;
}

.voice-of-staff #main .profile h3{
	margin:0 0 0.5em 0;
	line-height: 1.2;
}

.voice-of-staff #main .profile img{
	border-radius:100px;
	margin-top:-20px;
}

/* 声部分 */
.voice-of-staff #main .voice{
	float: left;
	width:450px;
}

.voice-of-staff #main .voice h4{
	margin-bottom: 1em;
}


/**********************************************
フォーム：チェックボックスのグループ分け
**********************************************/

fieldset{
padding:10px;
margin:10px 20px 10px 0;
background-color:#fff;
}

fieldset>legend{
	font-weight:bold;}

/**********************************************
汎用
**********************************************/
#main p.lead{font-size:15px}


/**********************************************
規約表示用括弧つき数字リスト
**********************************************/
#main ol.second{
	padding-left: 0;
}

#main ol.second li{
	font-size: 1em;
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

#main ol.second li:before {
	content: "(" counter(cnt) ") ";
	display: inline-block;
	margin-left: -2.5em; /* サイトに合せて調整 */
	width: 2.5em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

#main ol.second li>ul li{
	list-style: disc;
	font-size: 1em;
	counter-increment: none;
}

#main ol.second li>ul li:before{
	content: "";
}

.fz-1em{
	font-size: 1em!important;
}

/*役員一覧*/
.chief-offce-dl{
	display: flex;
	flex-wrap: wrap;
}

.chief-offce-dl dt {
	padding-left: 1rem;
	width: 50%;
}
.chief-offce-dl dd {
width: 40%;
}