@charset "utf-8";
/*------------------ based on 18/12/05 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

/* --------------------------------------
 基本設定
-------------------------------------- */
/* 游ゴシック/游明朝 を使わない */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mincho {
	font-family: "Hiragino Mincho ProN", "HGS明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}


/* font-sizeは14pxが規準です */
body {
	color: #333;
}

a:link {
	color: #0090cb;
	text-decoration: none;
}

a:visited {
	color: #800080;
}

a:hover ,
a:active {
	text-decoration: underline;
}

/*------------------------------------- 
 グリットレイアウト
-------------------------------------*/
#html1 {
}

/*-- コンテンツエリア --*/
#wrapper-2 {
}

#nav {
}

#wrapper-3 {
	padding: 0px 5px;
	margin-bottom: 20px;
}

#sharewithmain {
}


/*-- コンテンツ下エリア --*/
#promos3 {
}


/*-- サイドナビエリア --*/
#promos1 {
}

#nav-box {
	margin: 0 5px;
	margin-bottom: 20px;
}

#promos2 {
}


/* サイドナビ表示なし */
.col-subcol #wrapper-3 {
}

.col-subcol #nav {
}


/*------------------------------------- 
 フッターエリア
-------------------------------------*/
/*-- セクションフッター --*/
#section-site-info {
}

#section-site-info-box {
}

/*-- フッター --*/
#site-info {
	background: #00a3e6;
}

#site-info-box {
}

p#copyright {
/*	padding: 10px 0; */
	font-size: 10px;
}



/*------------------------------------- 
 ヘッダエリア
-------------------------------------*/
/*-- 画像とテキストの場合のみ --*/
#branding ,
#logo ,
#nav-meta {
	display: none;
}

/*-- 更新日表示 --*/
#pub-date {
	margin: auto;
}

#pub-date p {
	text-align: right;
}

/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
#section-header {
	background: #555;
	border: 1px solid #333;
	color: #fff;
}

#section-header h5 {
}

#section-header p {
}


/*------------------------------------- 
 ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
	padding: 5px 5px;
	font-size: 1.1rem;
	background: #f4f7fc;
}

.bread-crumb ol:after ,
.bread-crumb:after {
	content: "";
	display: block;
	clear: both;
}

.bread-crumb a {
/*	color: inherit; */
}

.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
	float: left;
}

.bread-crumb ol li:first-child > a {
	background: url(../../../../../../resources/sw_img_recruit/icon_bread_home.png) center center no-repeat;
	font-size: 0;
	display: inline-block;
	width: 13px;
	height: 11px;
}

.bread-crumb h5 p:after ,
.bread-crumb h5 span:after ,
.bread-crumb ol li:after {
	content: ">";
	padding: 0 0.5em;
}

.bread-crumb ol li:last-child:after {
	content: none;
}

/* -- TOP書き換え -- */
/*
.bread-crumb ol li:first-child a {
	font-size: 0;
}
#header.ja ~ * .bread-crumb ol li:first-child a:before ,
#header.ja ~ .bread-crumb ol li:first-child a:before {
	content: "ホーム";
	font-size: 1.1rem;
}
#header.en ~ * .bread-crumb ol li:first-child a:before ,
#header.en ~ .bread-crumb ol li:first-child a:before {
	content: "HOME";
	font-size: 1.1rem;
}
*/


/* -----------------------------
 グローバルナビ
--------------------------------- */
/*-- ページプロパティから設定可 --*/
/* -- トグル初期非表示 -- */ 
#nav-global {
	display: none;
}

#nav-global ul:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#nav-global div > ul > li {
	display: table;
	width: 50%;
	float: left;
	border-bottom: #999 1px solid;
}

#nav-global div > ul > li > a ,
#nav-global div > ul > li > strong {
	display: table-cell;
    height: 50px;
    vertical-align: middle;
	text-align: center;

	background-color: #2b2b2b;
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#nav-global div > ul > li:nth-child(odd) > a ,
#nav-global div > ul > li:nth-child(odd) > strong {
	border-right: #999 1px solid;
}



/*------------------------------------- 
 サイドナビ
-------------------------------------*/
/*-- ページプロパティから設定可 --*/
#nav-box input ,
#nav-box label {
	display: none;
}

#nav-box h6 {
	display: none;
}

#nav-box p.btn {
	display: none;
}


/*1階層*/
#nav-box ul.navLevel_1 {
}

#nav-box ul.navLevel_1 > li {
	/* border-bottom: solid 10px;
	border-bottom-color: #00a7eb;
	border-radius: 0px 0px 10px 10px; */
	border-right: 1px solid #c8c8c8;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(200, 200, 200);
        border-left: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        overflow: hidden;
}

#nav-box ul.navLevel_1 > li:not(.open) {
	display: block;
}


#nav-box ul.navLevel_1 > li > h5 > a{
	/* border-bottom: solid 10px;
	border-bottom-color: #00a7eb;
	border-radius: 0px 0px 10px 10px; */
	display: block;
        padding: 15px 12px;
        background: #fff;
        color: #464e56;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 8px;
}


#nav-box ul.navLevel_1 > li:last-child{
	border-bottom: solid 10px;
        border-bottom-color: #00a7eb;
        border-radius: 0px 0px 10px 10px;
}

#nav-box ul.navLevel_1 > li:first-child > h5 > a{
	display: block;
	padding: 6px 12px;
	background: #00a7eb;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 10px 10px 0px 0px;
	padding-top: 12px;
	padding-bottom: 8px;
}


#nav-box ul.navLevel_1 > li:first-child > h5 > a:hover{
	text-decoration: underline;
}

#nav-box ul.navLevel_1 > li:first-child{
	border: none;
}

#nav-box ul.navLevel_1 > li.open > h5 > strong{
	font-weight: bold;
	background-color: #e8f8ff;
}

#nav-box ul.navLevel_1 > li > h5 > strong,
#nav-box ul.navLevel_1 > li > h5 > a,
#nav-box ul.navLevel_1 > li > strong ,
#nav-box ul.navLevel_1 > li > a {
	display: block;
        padding: 15px 12px;
        background: #fff;
        color: #464e56;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 8px;
		position: relative;
}

#nav-box ul.navLevel_1 > li > h5 > strong ,
#nav-box ul.navLevel_1 > li > h5 > a:hover ,
#nav-box ul.navLevel_1 > li > strong ,
#nav-box ul.navLevel_1 > li > a:hover {
}

/* #nav-box ul.navLevel_1 > li > h5 > a:hover ,
#nav-box ul.navLevel_1 > li > a:hover {
	text-decoration: underline;
} */

/*2階層*/
#nav-box ul.navLevel_2 {
}

#nav-box ul.navLevel_2 > li {
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	overflow: hidden;
}

#nav-box ul.navLevel_2 > li.open {
}
#nav-box ul.navLevel_2 > li > h5 {
	position: relative;
}

#nav-box ul.navLevel_2 > li > h5  > strong,
#nav-box ul.navLevel_2 > li > h5  > a ,
#nav-box ul.navLevel_2 > li > strong,
#nav-box ul.navLevel_2 > li > a {
	display: block;
	padding: 15px 12px;
	background: #fff;
	color: #464e56; 
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 8px;
}

#nav-box ul.navLevel_1 > li > h5 > strong:after,
#nav-box ul.navLevel_1 > li > h5 > a:after {
	content: "";
	right: 6px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #00a7eb;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

/*--サイドナビの外部リンクに外窓アイコンをつける--*/
#nav-box ul.navLevel_1 > li > h5 a[target="_blank"]:after {
	content: "";
	right: 6px;
	background: url(../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png) center center no-repeat;
	width: 10px;
	height: 10px;
	border: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

#nav-box ul.navLevel_2 > li > h5 > p:after {
	border: 4px solid #00a7eb;
	display: block;
}

#nav-box ul li > h5 > strong ,
#nav-box ul li > h5 > a:hover ,
#nav-box ul li > strong ,
#nav-box ul li > a:hover {
	background-color: #e8f8ff;
	text-decoration: none;
}
#nav-box ul.navLevel_2 > li.on > h5  > strong,
#nav-box ul.navLevel_2 > li.on > h5  > a
 {
	font-weight: bold;
}

#nav-box ul.navLevel_1 > li.open:not(.no-children) > h5 > strong:after,
#nav-box ul.navLevel_1 > li.open:not(.no-children) > h5 > a:after {
	content: "";
	right: 9px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #00a7eb;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

#nav-box ul.navLevel_2 > li > a:hover{
	background-color: #e8f8ff;
	text-decoration: none;
}
#nav-box ul.navLevel_2 > li > a:active {
	font-weight: bold;
}
#nav-box ul.navLevel_2 > li:last-child {
	border-bottom: none;
}

/* ディスクロージャーポリシーだけ１文字はみ出るので補整 */
[data-page-path="/ja/ir/disclosure"] #nav-box ul.navLevel_2 > li > h5 > strong ,
[data-page-path="/ja/ir/disclosure"] #nav-box ul.navLevel_2 > li > strong ,
#nav-box ul.navLevel_2 > li > h5 > a[href*="/ja/ir/disclosure.html"] ,
#nav-box ul.navLevel_2 > li > a[href*="/ja/ir/disclosure.html"] {
	letter-spacing: -1px;
}


/*3階層*/
#nav-box ul.navLevel_2 {
}

#nav-box ul.navLevel_2 > li {
	border-right: none;
	border-left: none;
}

#nav-box ul.navLevel_2 > li.open {
}

#nav-box ul.navLevel_2 > li > h5 > strong ,
#nav-box ul.navLevel_2 > li > h5 > a ,
#nav-box ul.navLevel_2 > li > strong ,
#nav-box ul.navLevel_2 > li > a {
	position: relative;
	display: block;
	padding: 8px 12px;
	padding-left: 32px;
	background: #f6f8fb;
	color: inherit; 
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid #ffffff;
}

#nav-box ul.navLevel_2 > li > h5 > a:hover{
	background-color: #e8f8ff;
}


#nav-box ul.navLevel_2 > li.on > h5 > strong ,
#nav-box ul.navLevel_2 > li.on > h5 > a ,
#nav-box ul.navLevel_2 > li.on > strong ,
#nav-box ul.navLevel_2 > li.on > a {
	font-weight: bold;
	background-color: #e8f8ff;
}

#nav-box ul.navLevel_3 > li > h5 > strong:before ,
#nav-box ul.navLevel_3 > li > h5 > a:before ,
#nav-box ul.navLevel_3 > li > strong:before ,
#nav-box ul.navLevel_3 > li > a:before {
/*--行頭の「＞」つけない*/
/*
	content: ">";
	position: absolute;
	left: 18px;
*/
}

#nav-box ul.navLevel_3 > li > h5 > strong[target="_blank"]:after ,
#nav-box ul.navLevel_3 > li > h5 > a[target="_blank"]:after ,
#nav-box ul.navLevel_3 > li > strong[target="_blank"]:after ,
#nav-box ul.navLevel_3 > li > a[target="_blank"]:after {
	content: "";
	right: 8px;
	border: none;
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

#nav-box ul.navLevel_3 > li > h5 > strong ,
#nav-box ul.navLevel_3 > li > h5 > a:hover ,
#nav-box ul.navLevel_3 > li > strong ,
#nav-box ul.navLevel_3 > li > a:hover {
	background-color: #e8f8ff;
}


/*4階層*/
#nav-box ul.navLevel_4 {
}

#nav-box ul.navLevel_4 > li {
}

#nav-box ul.navLevel_4 > li.open {
}

#nav-box ul.navLevel_4 > li > h5 > strong ,
#nav-box ul.navLevel_4 > li > h5 > a ,
#nav-box ul.navLevel_4 > li > strong ,
#nav-box ul.navLevel_4 > li > a {
	display: block;
	padding: 5px 12px;
	background: #dcdcdc;
	color: #323232; 
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #c8c8c8;
}

#nav-box ul.navLevel_4 > li > h5 > strong:before ,
#nav-box ul.navLevel_4 > li > h5 > a:before ,
#nav-box ul.navLevel_4 > li > strong:before ,
#nav-box ul.navLevel_4 > li > a:before {
	content: "・";
	margin-left: 0.5em;
}

#nav-box ul.navLevel_4 > li > h5 > strong ,
#nav-box ul.navLevel_4 > li > h5 > a:hover ,
#nav-box ul.navLevel_4 > li > strong ,
#nav-box ul.navLevel_4 > li > a:hover {
	background: #eb3132;
	color: #fff; 
}


#nav-box ul.navLevel_5 {
	display: none;
}
/* -- ☆階層が増えるごとに、連番で追加 -- */



/* -----------------------------
 コンテンツエリア
--------------------------------- */
/*------- リンクテキスト ----------*/
.quoted-text blockquote a ,
.highlight-quoted-text a ,
.text-section a ,
.faq-item a ,
.vtable-item a ,
.ircalendar-title a ,
.ircalendar-item a {
}

/*------- 別窓アイコン ----------*/
.quoted-text blockquote a[target="_blank"]:after ,
.highlight-quoted-text a[target="_blank"]:after ,
.text-section a[target="_blank"]:after ,
.faq-item a[target="_blank"]:after ,
.vtable-item a[target="_blank"]:after ,
.ircalendar-title a[target="_blank"]:after ,
.ircalendar-item a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: baseline;
	margin: 0 5px;
}

/*------- PDFアイコン ----------*/
.quoted-text blockquote a[href$=".pdf"]:after ,
.highlight-quoted-text a[href$=".pdf"]:after ,
.text-section a[href$=".pdf"]:after ,
.faq-item a[href$=".pdf"]:after ,
.vtable-item a[href$=".pdf"]:after ,
.ircalendar-title a[href$=".pdf"]:after ,
.ircalendar-item a[href$=".pdf"]:after ,
.quoted-text blockquote a[href*=".pdf#"]:after ,
.highlight-quoted-text a[href*=".pdf#"]:after ,
.text-section a[href*=".pdf#"]:after ,
.faq-item a[href*=".pdf#"]:after ,
.vtable-item a[href*=".pdf#"]:after ,
.ircalendar-title a[href*=".pdf#"]:after ,
.ircalendar-item a[href*=".pdf#"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 5px;
}



/*------------------------------------- 
 見出し
-------------------------------------*/
/*-- ページ概要エリア --*/
#page-intro {
	margin: 0 -5px 20px;
}

/* -- ページタイトルをテキストで表示 -- */
#page-intro > h1 {
	background: #53595f;
	color: #FFF;
	font-size: 2.0rem;
	line-height: 1.2;
	padding: 15px 20px;
	margin-bottom: 20px;
}

/* -- ページタイトルを画像で表示 -- */
#page-intro .titleImage {
	margin-bottom: 20px;
}

#page-intro .titleImage h1 {
}

#page-intro .titleImage h1 img {
	width: auto;
}

/* -- 日付（ニュース・マルチ2） -- */
#page-intro .text-meta {
	margin: 0 15px;
	color: inherit;
}

/*-------------- 中見出し(共通) ------------*/
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title2:not(.highlight) h2 {
	padding-bottom: 4px;
	padding-top: 5px;
	color: inherit;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: solid 4px #eceff4;
	border-left: none;

	margin-bottom: 20px;
}

/*-------------- 小見出し --------------*/
/* -- 見出しh2レベル -- */
.title2.highlight h2 {

}

.title2:last-child h2 {
	margin-bottom: 10px;
}

/* -- 見出しh3レベル -- */
.title3:not(.highlight) h3 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	border: none;
	padding: 8px 0px 6px;
	margin-bottom: 12px;
	color: #03b1f8;
}

.title3.highlight h3 {

}

/* -- 見出しh4レベル -- */
.title4:not(.highlight) h4 {
	margin-bottom: 8px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	border-left: #999 3px solid;
	padding-top: 1px;

	padding-left: 8px;
}

.title4.highlight h4 {

}


/*------------------------------------- 
 テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.quoted-text {
	margin: 5px 8px;
}

.quoted-text blockquote {
	background: none;
	padding: 10px;
	border: #F00 2px solid;
}

/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
	background-color: #f6f8fb;
	padding: 10px;
	margin-bottom: 20px;
}

.highlight-quoted-text cite {
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px;
	padding-left: 10px;
	font-size: 1.2rem;
	font-style: italic;
}

/*-------------- テキストと画像 --------------*/
.text-section {
	margin-bottom: 10px;
}

/*-------------- FAQ --------------*/
.faq-list {
}

.faq-list > ul {
}

.faq-list > ul > li {
	clear: both;
	margin-bottom: 30px;
	min-height: 67px;
}

.faq-list h3 {
	margin-bottom: 15px;
	position: relative;
	background: #f6f8fb;
	padding: 10px;
}
.faq-list h3:before {
	content:"";
	background: url("../../../../../../resources/sw_img_recruit/icon_q.png") no-repeat;
	display: block;
	width: 25px;
	height: 25px;
}

.faq-item {
	position: relative;
	padding: 10px;
	min-height: 35px;
}
.faq-item:before {
	content:"";
	background: url("../../../../../../resources/sw_img_recruit/icon_a.png") no-repeat;
	display: block;
	width: 25px;
	height: 25px;
}

/*-- FAQを出しっぱなしにする設定 --*/
/*
.faq-list h3 a {
	cursor: inherit;
}
.faq-list > ul > li {
	height: auto !important;
}
.faq-item {
	display: block !important;
}
*/


/*------------------------------------- 
 ページ内リンク・バナーリンク・エリアリンク
-------------------------------------*/
/* 原則、内部リンクと外部リンクは同スタイルを設定する */

/*-------------- ページ内リンク --------------*/
/* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */
.anchor-link {
	margin-bottom: 10px;
}

.anchor-link a {
	display: block;
	padding-left: 18px;
	position: relative;
}

.anchor-link a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-top: solid 5px #ff1a00;
}


/*-------------- バナー（共通設定） --------------*/
.teaser ,
.external-teaser ,
.download-teaser {
}

/* テキストのみ／テキストと画像 */
.teaser h2 ,
.external-teaser h2 ,
.download-teaser h2 {
	margin-bottom: 5px;
}

.teaser h2 a ,
.external-teaser h2 a ,
.download-teaser h2 a {
}

.teaser p ,
.external-teaser p ,
.download-teaser p {
	margin-bottom: 10px;
}

/* 画像のみ／テキストと画像 */
.teaser > a ,
.external-teaser > a ,
.download-teaser > a {
}

.teaser > a img ,
.external-teaser > a img ,
.download-teaser > a img {
}


/*-------------- 内部・外部ページバナー --------------*/
/*--- ハイライト表示 画像左寄せ ---*/
.teaser.highlight:not(.no-img) img ,
.external-teaser.highlight:not(.no-img) img {
	margin: 0;
}
/*--- 内部・外部バナー（テキストのみ）メインエリア用 ハイライト表示 */
[role="main"] .teaser.no-img.highlight ,
[role="main"] .external-teaser.no-img.highlight {
/*
	max-width: 500px;
*/
}

[role="main"] .teaser.no-img.highlight h2
    , [role="main"] .external-teaser.no-img.highlight h2 {
	position: relative;
	margin-bottom: 0;
}

[role="main"] .teaser.no-img.highlight h2 a ,
[role="main"] .external-teaser.no-img.highlight h2 a {
	padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
	text-align: left;
	font-size: 1.8rem;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
	border-top: 4px solid #00a7eb;
    border-bottom: 1px solid #eceff4;
}
[role="main"] .teaser.no-img.highlight h2 a:after, 
[role="main"] .external-teaser.no-img.highlight h2 a:after {
    content: "";
    left: 6px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #00a7eb;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}

[role="main"] .teaser.no-img.highlight h2 a[target="_blank"]:after, 
[role="main"] .external-teaser.no-img.highlight h2 a[target="_blank"]:after {
    content: "";
    left: 2px;
	width: 10px;
	height: 10px;
	border: none;
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}

[role="main"] .teaser.no-img.highlight p ,
[role="main"] .external-teaser.no-img.highlight p {
    padding: 10px 20px;

}

[role="main"] .teaser.no-img.highlight h2 a:hover ,
[role="main"] .external-teaser.no-img.highlight h2 a:hover {
}

/*-------------- ダウンロードページバナー ------*/
/*--- ダウンロードページバナー ハイライト表示 画像左寄せ ---*/
.download-teaser.highlight:not(.no-img) img {
	margin: 0;
}


/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */
[role="main"] .teaser.no-img:not(.highlight) ,
[role="main"] .external-teaser.no-img:not(.highlight) {
	max-width: 500px;
}

[role="main"] .teaser.no-img:not(.highlight) h2 ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 {
}

[role="main"] .teaser.no-img:not(.highlight) h2 a ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a {
	padding: 10px 20px;
	text-align: center;
	font-size: 1.4rem;
	color: #333;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #999;
	border-radius: 10px;
}

[role="main"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:after ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-left: 5px;
}

[role="main"] .teaser.no-img:not(.highlight) p ,
[role="main"] .external-teaser.no-img:not(.highlight) p {
}

[role="main"] .teaser.no-img:not(.highlight) h2 a:hover ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover {
/*
	background-color: #7F9BDA;
	color: #fff;
*/	
}


/* お問い合わせ専用 チェックボックスつきテキスト */
[role="main"] .external-teaser.with-checkbox:not(.highlight) p {
	text-align: center;
}

[role="main"] .external-teaser.with-checkbox:not(.highlight) input[type=checkbox] {
	vertical-align: middle;
}

/* お問い合わせ専用 リンク無効時 */
[role="main"] .external-teaser.with-checkbox.disabled:not(.highlight) h2 a {
	background-color: #ccc;
	color: #999;
}


/* ----- 内部バナー　プロモス1用 ----- */
#promos1 .teaser.no-img ,
#promos1 .teaser.no-img h2 {
	margin-bottom: 0;
}


/* ----- 内部・外部バナー（テキストと画像）　メインエリア用 ----- */
/* 画像あり内部バナー（ハイライトなし）に対するスタイル設定（「採用情報」「会社概要」等）*/
[role="main"] .teaser:not(.no-img):not(.highlight) ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

[role="main"] .teaser:not(.no-img):not(.highlight) > * ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	position: relative;/* アイコンをつけるため、relativeに変更 */
	margin-bottom: -5px;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a {
	padding: 10px 20px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	color: #53595F;
	color: inherit;
	text-decoration: none;
}
/* 右三角アイコンをつける*/
[role="main"] .teaser:not(.no-img):not(.highlight) h2 a:after ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:after {
	content: "";
	left: 6px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #00a7eb;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 + a ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	display: block;
	border-bottom: 4px solid #00a7eb;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 + a img ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
}


[role="main"] .teaser:not(.no-img):not(.highlight) p ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) p {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	padding-left: 20px;
}
[role="main"] .teaser:not(.no-img):not(.highlight):hover > h2,
[role="main"] .external-teaser:not(.no-img):not(.highlight):hover > h2,
[role="main"] .teaser:not(.no-img):not(.highlight):hover > a,
[role="main"] .external-teaser:not(.no-img):not(.highlight):hover > a {
	opacity: 0.7;
}


/* 画像あり内部バナー（ハイライト設定）に対するスタイル設定（「採用情報」＞「エントリー」向け）*/
/* 基本的にハイライトなしと同じ設定で、別ページ表示の場合のみ外窓アイコンがつくようにする。*/
[role="main"] .teaser:not(.no-img).highlight ,
[role="main"] .external-teaser:not(.no-img).highlight {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

[role="main"] .teaser:not(.no-img).highlight > * ,
[role="main"] .external-teaser:not(.no-img).highlight > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

[role="main"] .teaser:not(.no-img).highlight h2 ,
[role="main"] .external-teaser:not(.no-img).highlight h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	position: relative;/* アイコンをつけるため、relativeに変更 */
	margin-bottom: -5px;
}

[role="main"] .teaser:not(.no-img).highlight h2 a ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a {
	padding: 10px 20px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	color: #53595F;
	color: inherit;
	text-decoration: none;
}
/* デフォルトはハイライトなし同様、右三角アイコンをつける*/
[role="main"] .teaser:not(.no-img).highlight h2 a:after ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a:after {
	content: "";
	left: 6px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #00a7eb;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}

/* 別ページで表示する場合のみ、外窓アイコンをつける*/
[role="main"] .teaser:not(.no-img).highlight h2 a[target="_blank"]:after ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a[target="_blank"]:after {
	content: "";
	left: 2px;
	width: 10px;
	height: 10px;
	border: none;
	/*外窓アイコンをつける*/
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}

[role="main"] .teaser:not(.no-img).highlight h2 + a ,
[role="main"] .external-teaser:not(.no-img).highlight h2 + a {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	display: block;
	border-bottom: 4px solid #00a7eb;
}

[role="main"] .teaser:not(.no-img).highlight h2 + a img ,
[role="main"] .external-teaser:not(.no-img).highlight h2 + a img {
	display: block;
	width: 100%;
}


[role="main"] .teaser:not(.no-img).highlight p ,
[role="main"] .external-teaser:not(.no-img).highlight p {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	padding-left: 20px;
}
[role="main"] .teaser:not(.no-img).highlight:hover > h2,
[role="main"] .external-teaser:not(.no-img).highlight:hover > h2,
[role="main"] .teaser:not(.no-img).highlight:hover > a,
[role="main"] .external-teaser:not(.no-img).highlight:hover > a {
	opacity: 0.7;
}

/* ----- ダウンロードバナー（テキストのみ）　メインエリア用 ----- */
[role="main"] .download-teaser.no-img:not(.highlight) {
	max-width: 500px;
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 {
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 a {
	padding: 10px 20px;
	text-align: center;
	color: #333;
	background-color: #FCC;
	text-decoration: none;
}

[role="main"] .download-teaser.no-img:not(.highlight) p {
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover {
	background-color: rgba(255, 192, 192, 0.8);
}


/*-------------- 内部ページ エリアリンク --------------*/
/*-------------- 外部ページ エリアリンク --------------*/
.internal-link-area ,
.external-link-area {
	margin-bottom: 20px;
}

.internal-link-area > a ,
.external-link-area > a {
	display: block;
	text-decoration: none;
}

/*-- マウスオーバー --*/
.internal-link-area > a:hover ,
.external-link-area > a:hover {
	opacity: 0.7;
}


/*-------------- ダウンロード エリアリンク --------------*/
.download-link-area {
	margin-bottom: 20px;
}

.download-link-area > a {
	display: block;
	text-decoration: none;
}

.download-link-area > a:hover {
	opacity: 0.7;
}

/* -- テキスト先頭にpdfアイコンを付ける -- */
.download-link-area > a[href$=".pdf"] > p:first-child:before ,
.download-link-area > a[href$=".pdf"] > img + p:before {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;

	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 5px;
}


/*------------------------------------- 
 リスト
-------------------------------------*/
/* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */
/* マージ設定用マルチカラムclass名： "edit-only" */

.link-list.highlight ul,
.link-list:not(.highlight) ul,
.link-list-url ul ,
.news-result dl ,
.news-yuho dl ,
.news-presentation dl ,
.news-material dl {
	margin-bottom: 20px;
}

/*-- 副見だし --*/
.link-list.highlight h2,
.link-list:not(.highlight) h2 ,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt {
}

.link-list.highlight ul li[class] ,
.link-list:not(.highlight) ul li[class] ,
.link-list-url ul li[class] ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
	position: relative;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 6px;
}

/* マージされたハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li.internal-link-text.highlight ,
.link-list:not(.highlight) li.extermal-link-text.highlight ,
.link-list:not(.highlight) li.download-link-text.highlight ,
.link-list:not(.highlight) li.text-without-link.highlight ,
.news-result dl dd.merged.highlight ,
.news-yuho dl dd.merged.highlight ,
.news-presentation dl dd.merged.highlight ,
.news-material dl dd.merged.highlight {
	margin-top: 0px;
	padding-left: 30px;
}

/* マージされたハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li.internal-link-text.highlight:before ,
.link-list:not(.highlight) li.extermal-link-text.highlight:before ,
.link-list:not(.highlight) li.download-link-text.highlight:before ,
.link-list:not(.highlight) li.text-without-link.highlight:before ,
.news-result dl dd.merged.highlight:before ,
.news-yuho dl dd.merged.highlight:before ,
.news-presentation dl dd.merged.highlight:before ,
.news-material dl dd.merged.highlight:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}

/* リンクアイコン（ダウンロード以外） */
.news-result dl dd.merged.no-download:not(.highlight) ,
.news-yuho dl dd.merged.no-download:not(.highlight) ,
.news-presentation dl dd.merged.no-download:not(.highlight) ,
.news-material dl dd.merged.no-download:not(.highlight) {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 6px no-repeat;
	padding-left: 20px;
}

/* 外窓アイコン（ダウンロード以外） */
.news-result dl dd.merged.no-download a[target="_blank"]:after ,
.news-yuho dl dd.merged.no-download a[target="_blank"]:after ,
.news-presentation dl dd.merged.no-download a[target="_blank"]:after ,
.news-material dl dd.merged.no-download a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 3px;
}


/*-------------- リンクリスト ------------------- */
/*-------------- リンクリストURL事前確認 ---------*/
.link-list:not(.highlight) ,
.link-list-url {
}

/* -- 副見出し -- */
.link-list:not(.highlight) h2,
.link-list-url h2 {
}

.link-list:not(.highlight) ul,
.link-list-url ul {
}

/* -- ダウンロード以外 -- */
/*
.link-list:not(.highlight) .internal-link-text ,
.link-list:not(.highlight) .external-link-text ,
*/
.link-list.highlight .text-without-link ,
.link-list:not(.highlight) .text-without-link ,
.link-list-url .internal-link-text ,
.link-list-url .external-link-text {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 1em no-repeat;
	padding-left: 20px;
}

.link-list.highlight .internal-link-text ,
.link-list.highlight .external-link-text ,
.link-list:not(.highlight) .internal-link-text ,
.link-list:not(.highlight) .external-link-text {
	border-bottom: solid 4px #eceff4;
}

.link-list.highlight .internal-link-text > a,
.link-list.highlight .external-link-text > a ,
.link-list:not(.highlight) .internal-link-text > a,
.link-list:not(.highlight) .external-link-text > a {
	display: inline-block;
	color: #53595F;
	padding-left: 16px;
	font-weight: bold;
}

.link-list:not(.highlight) .internal-link-text > a ,
.link-list:not(.highlight) .external-link-text > a {
	display: inline-block;
}

/*
.link-list:not(.highlight) .internal-link-text > a:before,
.link-list:not(.highlight) .external-link-text > a:before {
*/
.link-list:not(.highlight) .internal-link-text > a:not([target="_blank"]):after,
.link-list:not(.highlight) .external-link-text > a:not([target="_blank"]):after {
	content: "";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #53595F;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
}

.link-list.highlight .internal-link-text > a:hover,
.link-list.highlight .external-link-text > a:hover ,
.link-list:not(.highlight) .internal-link-text > a:hover,
.link-list:not(.highlight) .external-link-text > a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* リンクテキスト */
.link-list.highlight .internal-link-text a ,
.link-list.highlight .external-link-text a ,
.link-list.highlight .download-link-text a:not(.d_icon) ,
.link-list.highlight .text-without-link span ,
.link-list:not(.highlight) .internal-link-text a ,
.link-list:not(.highlight) .external-link-text a ,
.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list:not(.highlight) .text-without-link span ,
.link-list-url .internal-link-text a ,
.link-list-url .external-link-text a ,
.news-result dl dd a:not(.d_icon) ,
.news-yuho dl dd a:not(.d_icon) ,
.news-presentation dl dd a:not(.d_icon) ,
.news-material dl dd a:not(.d_icon) {
}

/* -- 別窓アイコン -- */
/*
.link-list:not(.highlight) .internal-link-text a[target="_blank"]:after ,
.link-list:not(.highlight) .external-link-text a[target="_blank"]:after ,
*/
.link-list-url .internal-link-text a[target="_blank"]:after ,
.link-list-url .external-link-text a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 5px;
}

.link-list.highlight .internal-link-text a[target="_blank"]:after ,
.link-list.highlight .external-link-text a[target="_blank"]:after ,
.link-list:not(.highlight) .internal-link-text a[target="_blank"]:after ,
.link-list:not(.highlight) .external-link-text a[target="_blank"]:after {
	content: "";
	left: 0;
	background: url(../../../../../../resources/sw_img_recruit/icon_link_blank_black.png) center center no-repeat;
	width: 8px;
	height: 8px;
	border: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

/* -- ダウンロードリンク -- */
.link-list:not(.highlight) .download-link-text,
.link-list-url .download-link-url {
}

.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list-url .download-link-url a:not(.d_icon) {
}


/* 右寄せ */
.link-list.highlight li[class] a {
	float: right;
	padding-right: 16px;
}

.link-list.highlight li[class] a[target="_blank"]:after {
	left: auto;
	right: 0;
}

.link-list.highlight li[class]:after {
	content: "";
	display: block;
	clear: both;
}


/*-- リンクリスト（ハイライト表示） --*/
.link-list.highlight {
}

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li[class] {
}

.link-list.highlight ul li[class] a {
}


/*------------------------------------- 
 表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- table共通 --*/

/* セル */
/* 枠線とセル内余白を指定 */
.shwTable table.htCore tr td ,
th, td {
	color: inherit;
	padding: 10px 10px;
	border: 1px solid #d6d9e2;
}
/* 背景色を指定 */
.htCore tr td ,
th, td {
	background: #fff;
}

/* 見出し */
/* 背景色と文字色を指定 */
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1,
.haitou-table-2nd td.t2,
.haitou-table-2nd td.t12 ,
.shwTable tr td.tableRowHead ,
.shwTable tr td.tableColumnHead ,
td.tbRowHead ,
td.tbColumnHead ,
th {
	background-color: #f6f8fb;
	font-weight: normal;
	vertical-align: middle;
}

/* 見出し列 */
/* 背景色と文字色を指定 */
.form-summary table td:first-child ,
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1,
.haitou-table-2nd td.t2,
.haitou-table-2nd td.t12 ,
.shwTable tr td.tableColumnHead ,
td.tbColumnHead ,
.vtable-item > table > tbody > tr > th {
	background-color: #f6f8fb;
	text-align: left;
	border-right: none;
/*	vertical-align: middle; */
}

/* 見出し行 */
/* 背景色と文字色を指定 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th ,
.haitou-table-2nd th ,
.shwTable tr td.tableRowHead ,
td.tbRowHead ,
.ircalendar-title > table > tbody > tr > th ,
thead th {
	background-color: #f6f8fb;
	text-align: center;
/*	vertical-align: middle;*/
}

/* 見出し中の細字 */
.vtable-item > table > tbody > tr > th strong ,
.ircalendar-title > table > tbody > tr > th strong {
	font-weight: normal;
}


/*-------------- テーブル縦 --------------*/
/* -- デフォルト比率  -- */
.vtable-item > table > tbody > tr > td {
	width: 25%;
}

.vtable-item > table > tbody > tr > th {
	width: 12.5%;
}

/* テーブル縦を、縦に並べるスタイル */
/*
.vtable-item > table ,
.vtable-item > table > tbody ,
.vtable-item > table > tbody > tr ,
.vtable-item > table > tbody > tr > th ,
.vtable-item > table > tbody > tr > td {
	display: block;
}

.vtable-item > table > tbody > tr > th ,
.vtable-item > table > tbody > tr > td {
	width: auto !important;
}

.vtable-item > table > tbody > tr > th:after ,
.vtable-item > table > tbody > tr > td:after {
	content: "";
	display: block;
	clear: both;
}
*/

/*-------------- テーブル横 --------------*/
/* -- デフォルト比率  -- */
.ircalendar-title > table > tbody > tr > th,
.ircalendar-item > table > tbody >tr > td {
	width: 25%;
}

.ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
.ircalendar-item > table > tbody > tr > td.ircalendar-item1  {
	width: 12.5%;
}

/*-------------- 表組 --------------*/
/* -- 表タイトル -- */
.shwTableTitle {
}

.shwTableTitle h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

/* -- 表組 -- */
.shwTable {
	margin-bottom: 20px;
}

/* -- 単位（表組の外） -- */
.shwTable td.shw-table-row {
	color: inherit;
}


/*-------------- 財務ハイライト表組 --------------*/
.highlights-table ,
.highlights-alltable-2nd {
	margin-bottom: 20px;
}

/* 単位 */
.highlights-table .unit {
}

/*-------------- 配当 表組 --------------*/
.haitou-table-2nd {
	margin-bottom: 20px;
}

/* 配当予想セル */
.haitou-table-2nd table th.y0 ,
.haitou-table-2nd table td.y0 {
}


/*------------------------------------- 
 グラフ・財務ハイライト(グラフ)・配当金(グラフ)
-------------------------------------*/
/* important付きは、html上のスタイルを上書きする必要があるもの */

/*-------------- グラフ --------------*/
.graph {
	margin-bottom: 20px;
}

/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
/*	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; */
}

/* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */
.highlights-2nd > div:not([class]) {
/*	height: auto !important; */
	margin-bottom: 40px;
}

/* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */
.highlights-2nd .highlights-graph {
/*	width: 100% !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}

/* -- 財務ハイライトver2 グラフ 凡例 -- */
.highlights-2nd .legend {
/*	margin: auto !important; */
/*	width: auto !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	text-align: center; */
}

.highlights-2nd .legend-item-box {
/*	float: none !important; */
/*	display: inline-block !important; */
/*	margin-left: -5px; */
}

/*-------------- 配当グラフ --------------*/
.haitou-graph-2nd {
	margin-bottom: 40px;
}

.haitou-graph-2nd .graph {
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}


/*------------------------------------- 
 ニュース
-------------------------------------*/
/*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/
.news-list-2nd ,
.news-list-tabbed-2nd ,
.news-english-2nd ,
.news-english-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

.news-list-2nd ul ,
.news-list-tabbed-2nd ul ,
.news-english-2nd ul ,
.news-english-tabbed-2nd ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-list-2nd ul li ,
.news-list-tabbed-2nd ul li ,
.news-english-2nd ul li ,
.news-english-tabbed-2nd ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-list-2nd ul li h3 ,
.news-list-tabbed-2nd ul li h3 ,
.news-english-2nd ul li h3 ,
.news-english-tabbed-2nd ul li h3 {
	position: relative;
	display: block; 
	padding-left: 0px;
	padding-top: 1.5em;
}

/*-- 画像 --*/
.news-list-2nd ul li .n_img ,
.news-list-tabbed-2nd ul li .n_img ,
.news-english-2nd ul li .n_img ,
.news-english-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-list-2nd ul li .news_tx ,
.news-list-tabbed-2nd ul li .news_tx ,
.news-english-2nd ul li .news_tx ,
.news-english-tabbed-2nd ul li .news_tx {
}

.news-list-2nd ul li .news_tx a ,
.news-list-tabbed-2nd ul li .news_tx a ,
.news-english-2nd ul li .news_tx a ,
.news-english-tabbed-2nd ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-list-2nd ul li .date ,
.news-list-tabbed-2nd ul li .date ,
.news-english-2nd ul li .date ,
.news-english-tabbed-2nd ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-list-2nd ul li .d_icon ,
.news-list-tabbed-2nd ul li .d_icon ,
.news-english-2nd ul li .d_icon ,
.news-english-tabbed-2nd ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-list-2nd ul li .det_tx ,
.news-list-tabbed-2nd ul li .det_tx ,
.news-english-2nd .det_tx ,
.news-english-tabbed-2nd .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-list-2nd ul li .det_tx em.more ,
.news-list-tabbed-2nd ul li .det_tx em.more ,
.news-english-2nd .det_tx em.more ,
.news-english-tabbed-2nd .det_tx em.more {
	display: none;
}


/*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/
.news-latest-2nd ,
.news-latest-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

.news-latest-2nd ul ,
.news-latest-tabbed-2nd ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-latest-2nd ul li ,
.news-latest-tabbed-2nd ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-latest-2nd ul li h3 ,
.news-latest-tabbed-2nd ul li h3 {
	position: relative;
	display: block; 
	background: none;
	padding-left: 0px;
	padding-top: 1.5em;
}

/*-- 画像 --*/
.news-latest-2nd ul li .n_img ,
.news-latest-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-latest-2nd ul li .news_tx ,
.news-latest-tabbed-2nd ul li .news_tx {
}

.news-latest-2nd ul li .news_tx a ,
.news-latest-tabbed-2nd ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-latest-2nd ul li .date ,
.news-latest-tabbed-2nd ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-latest-2nd ul li .d_icon ,
.news-latest-tabbed-2nd ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-latest-2nd ul li .det_tx ,
.news-latest-tabbed-2nd ul li .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-latest-2nd ul li .det_tx em.more ,
.news-latest-tabbed-2nd ul li .det_tx em.more {
	display: none;
}

/* -- 全てのニュース -- */
.news-latest-2nd .all ,
.news-latest-tabbed-2nd .all {
	margin-top: 10px;
	position: relative;
}

.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
	display: block;
	padding-left: 18px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}


/* テキスト変更 */
/*
.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
	font-size: 0;
}

.news-latest-2nd .all a:after ,
.news-latest-tabbed-2nd .all a:after {
	font-size: 1.4rem;
	display: block;
}

#header.ja ~ div .news-latest-2nd .all a:after ,
#header.ja ~ div .news-latest-tabbed-2nd .all a:after {
	content: "一覧へ";
}

#header.en ~ div .news-latest-2nd .all a:after ,
#header.en ~ div .news-latest-tabbed-2nd .all a:after {
	content: "List";
}
*/


/*-------------- タブ共通 --------------*/
/* -- 年度タブ -- */
p.yearTabs {
	margin-bottom: 10px;
	font-size: 0;
}

p.yearTabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.4rem;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.yearTabs a.active {
	font-weight: bold;
}

p.yearTabs a:hover ,
p.yearTabs a.active {
	background-color: #dddddd;
}


/* -- カテゴリタブ -- */
p.tabs{
	margin-bottom: 10px;
	font-size: 0;
}

p.tabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.4rem;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.tabs a.active {
	font-weight: bold;
}

p.tabs a:hover ,
p.tabs a.active {
	background-color: #dddddd;
}

/* アクティブなカテゴリタブをアイコン色と同色にする */
/*
p.tabs a.allTab:hover ,
p.tabs a.allTab.active {
}
p.tabs a.tekijiTab:hover ,
p.tabs a.tekijiTab.active {
	color: #FFF;
	background-color: #2980b9;
}
p.tabs a.resultTab:hover ,
p.tabs a.resultTab.active {
	color: #FFF;
	background-color: #e67e22;
}
p.tabs a.gyousekiTab:hover ,
p.tabs a.gyousekiTab.active {
	color: #FFF;
	background-color: #f1c40f;
}
p.tabs a.prTab:hover ,
p.tabs a.prTab.active {
	color: #FFF;
	background-color: #c2185b;
}
p.tabs a.irTab:hover ,
p.tabs a.irTab.active {
	color: #FFF;
	background-color: #1abc9c;
}
p.tabs a.governanceTab:hover ,
p.tabs a.governanceTab.active {
	color: #FFF;
	background-color: #34495e;
}
p.tabs a.yuhoTab:hover ,
p.tabs a.yuhoTab.active {
	color: #FFF;
	background-color: #16a085;
}
p.tabs a.syosyuTab:hover ,
p.tabs a.syosyuTab.active {
	color: #FFF;
	background-color: #e74c3c;
}
p.tabs a.noneTab:hover ,
p.tabs a.noneTab.active {
	color: #FFF;
	background-color: #9b59b6;
}
*/


/*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/
/*
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon ,
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
	display: block;
}

.news-list-2nd ul li .c_icon:before ,
.news-list-tabbed-2nd ul li .c_icon:before ,
.news-english-2nd ul li .c_icon:before ,
.news-english-tabbed-2nd ul li .c_icon:before ,
.news-latest-2nd ul li .c_icon:before ,
.news-latest-tabbed-2nd ul li .c_icon:before {
	display: block;
	width: 76px;
	height: 24px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	padding-top: 7px;
	margin-top: -2px;

	color: #fff;
	background: #646464;
}

.news-list-2nd ul li .c_icon img ,
.news-list-tabbed-2nd ul li .c_icon img ,
.news-english-2nd ul li .c_icon img ,
.news-english-tabbed-2nd ul li .c_icon img ,
.news-latest-2nd ul li .c_icon img ,
.news-latest-tabbed-2nd ul li .c_icon img {
	display: none;
}

.news-list-2nd ul li.tekijiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-english-2nd ul li.tekijiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.tekijiElm .c_icon:before {
	content: "適時開示";
}

.news-list-2nd ul li.resultElm .c_icon:before ,
.news-list-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-english-2nd ul li.resultElm .c_icon:before ,
.news-english-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-latest-2nd ul li.resultElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.resultElm .c_icon:before {
	content: "決算";
}

.news-list-2nd ul li.gyousekiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.gyousekiElm .c_icon:before {
	content: "業績";
}

.news-list-2nd ul li.prElm .c_icon:before ,
.news-list-tabbed-2nd ul li.prElm .c_icon:before ,
.news-english-2nd ul li.prElm .c_icon:before ,
.news-english-tabbed-2nd ul li.prElm .c_icon:before ,
.news-latest-2nd ul li.prElm .c_icon:before ,
.news-latest-tabbed-2nd ul.prElm li .c_icon:before {
	content: "PR";
}

.news-list-2nd ul li.irElm .c_icon:before ,
.news-list-tabbed-2nd ul li.irElm .c_icon:before ,
.news-english-2nd ul li.irElm .c_icon:before ,
.news-english-tabbed-2nd ul li.irElm .c_icon:before ,
.news-latest-2nd ul li.irElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.irElm .c_icon:before {
	content: "IR";
}

.news-list-2nd ul li.governanceElm .c_icon:before ,
.news-list-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-english-2nd ul li.governanceElm .c_icon:before ,
.news-english-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-latest-2nd ul li.governanceElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.governanceElm .c_icon:before {
	content: "ガバナンス";
}

.news-list-2nd ul li.yuhoElm .c_icon:before ,
.news-list-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-english-2nd ul li.yuhoElm .c_icon:before ,
.news-english-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.yuhoElm .c_icon:before {
	content: "有報";
}

.news-list-2nd ul li.syosyuElm .c_icon:before ,
.news-list-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-english-2nd ul li.syosyuElm .c_icon:before ,
.news-english-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.syosyuElm .c_icon:before {
	content: "招集通知";
}

.news-list-2nd ul li.noneElm .c_icon:before ,
.news-list-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-english-2nd ul li.noneElm .c_icon:before ,
.news-english-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-latest-2nd ul li.noneElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.noneElm .c_icon:before {
	content: "その他";
}
*/


/*-------------- rss --------------*/
.rss-content {
}
.rss-content:after {
	content: "";
	display: block;
	clear: both;
}

.rss-content em {
	font-style: normal;
	float: right;
	margin-bottom: 10px;
}

.rss-content a {
	text-decoration: none;
}

/*
.rss-content em {
	padding: 0 !important;
	background: none !important;
	margin-top: -16px;
}

.rss-content a {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../../../../../.resources/feed.gif") no-repeat left top;
}

.rss-content a:hover {
	opacity: 0.7;
}
*/


/*------------------------------------- 
 マルチ２
-------------------------------------*/

/*----------- サムネイルなし -----------*/
.basic-list:not(.thumnail) ,
.basic-list-english:not(.thumnail) {
}

.basic-list:not(.thumnail) ul.tabItems ,
.basic-list-english:not(.thumnail) ul.tabItems {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.basic-list:not(.thumnail) ul.tabItems li ,
.basic-list-english:not(.thumnail) ul.tabItems li {
	position: relative;

	margin-top: 5px;
	padding-bottom: 5px;
}

.basic-list:not(.thumnail) ul.tabItems li h3 ,
.basic-list-english:not(.thumnail) ul.tabItems li h3 {
	position: relative;
	display: block; 
	padding-top: 1.6em;
	padding-left: 0;
}

.basic-list:not(.thumnail) ul.tabItems li a ,
.basic-list-english:not(.thumnail) ul.tabItems li a {
	font-weight: normal;
}

/* -- リリースのテキスト -- */
.basic-list:not(.thumnail) ul.tabItems li .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
}

/* -- 日付 -- */
.basic-list:not(.thumnail) ul.tabItems li .date ,
.basic-list-english:not(.thumnail) ul.tabItems li .date {
	position: absolute;
	top: 0;
	left: 0;

	color: #333;
	text-decoration: none;
}

/* -- カテゴリアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	text-decoration: none;
	display: block;
	margin-top: -1.6em;
	min-height: 1.6em;
	/* 日付に重なる部分 */
	padding-left: 6.8em;
}

/* -- ファイルアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .d_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .d_icon {
}

/* NEWアイコン */
.basic-list:not(.thumnail) ul.tabItems li .n_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon {
	margin: 0 0.5em;
}

.basic-list:not(.thumnail) ul.tabItems li .n_icon:before ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon:before {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	font-size: 1.0rem;
	font-weight: bold;
	color: #e7191b;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.basic-list:not(.thumnail) ul.tabItems li .det_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .det_tx {
	display: none;
}



/*----------- サムネイルあり -----------*/
.basic-list.thumnail ,
.basic-list-english.thumnail {
}

.basic-list.thumnail ul.tabItems ,
.basic-list-english.thumnail ul.tabItems {
	font-size: 0;
	text-align: left;
	margin-right: -18px;
}

/* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */
.basic-list.thumnail ul.tabItems li ,
.basic-list-english.thumnail ul.tabItems li {
	cursor: inherit;
	font-size: 1.4rem;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;

	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 2 - 18px);
	margin-right: 18px;
	margin-bottom: 30px;
}

.basic-list.thumnail .n_img ,
.basic-list-english.thumnail .n_img {
	width: 100%;
	margin-bottom: 10px;
}

/* 日付、カテゴリアイコンを非表示 */
.basic-list.thumnail ul.tabItems li .date ,
.basic-list-english.thumnail ul.tabItems li .date {
	display: none;
}

.basic-list.thumnail ul.tabItems li .c_icon ,
.basic-list-english.thumnail ul.tabItems li .c_icon {
	position: static;
	margin: 10px 0 0;
}

.basic-list.thumnail ul.tabItems li a ,
.basic-list-english.thumnail ul.tabItems li a {
	color: #000;
	text-decoration: none;
}

.basic-list.thumnail ul.tabItems li a:hover img ,
.basic-list-english.thumnail ul.tabItems li a:hover img {
	-ms-opacity: 0.8;
	opacity: 0.8;
}

/* NEWアイコン */
/* 左上の切欠きの形に */
.basic-list.thumnail ul.tabItems li .n_icon ,
.basic-list-english.thumnail ul.tabItems li .n_icon {
	position: absolute;
	top: 0;
	right: 0;
}

.basic-list.thumnail ul.tabItems li .n_icon:before ,
.basic-list-english.thumnail ul.tabItems li .n_icon:before {
	content: "NEW";
	display: block;
	padding: 3px 10px;
	font-size: 1.2rem;
	color: #fff;
	background: #ff5445;
}

/* 非公開アイコンテキスト */
/* タイルの形が崩れない様に上に載せている */
.basic-list.thumnail ul li .note_tx ,
.basic-list-english.thumnail ul li .note_tx {
	position: absolute;
	z-index: 1;
}

.basic-list.thumnail ul.tabItems li h3 ,
.basic-list-english.thumnail ul.tabItems li h3 {
	overflow: hidden;
}

/* ニューステキスト */
.basic-list.thumnail ul.tabItems li .news_tx ,
.basic-list-english.thumnail ul.tabItems li .news_tx {
	display: block;
}

/* 概要テキスト */
.basic-list.thumnail ul.tabItems li .det_tx ,
.basic-list-english.thumnail ul.tabItems li .det_tx {
}



/*----------- タブ(絞込み) -----------*/
.basic-list .countTab ,
.basic-list-english .countTab ,
.basic-list .clearTab ,
.basic-list-english .clearTab {
	display: none;
}

.basic-list .yearTabs ,
.basic-list-english .yearTabs {
	margin-bottom: 20px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #ddd;
}

.basic-list .tabs ,
.basic-list-english .tabs {
	margin-bottom: 40px;
}

.basic-list .tabs > ul > li[aria-hidden="false"] ,
.basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: block;
	margin-bottom: 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #ddd;
}

.basic-list .yearTabs span:before ,
.basic-list-english .yearTabs span:before ,
.basic-list .tabs span:before ,
.basic-list-english .tabs span:before {
	display: inline-block;
	padding: 5px 20px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #000;
}

.basic-list .yearTabs span[active="true"]:before ,
.basic-list-english .yearTabs span[active="true"]:before ,
.basic-list .tabs span[active="true"]:before ,
.basic-list-english .tabs span[active="true"]:before {
	background: #ddd;
}

.basic-list .yearTabs span:hover:before ,
.basic-list-english .yearTabs span:hover:before ,
.basic-list .tabs span:hover:before ,
.basic-list-english .tabs span:hover:before {
	background: #ddd;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .tabs ul[data-category-level="1"] > li > span ,
.basic-list-english .tabs ul[data-category-level="1"] > li > span {
	display: none;
}

/* 全ての全てタブは、デフォルト非表示 */
.basic-list .tabs li.allall ,
.basic-list-english .tabs li.allall {
	display: none;
}


/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .c_icon span.renkei ,
.basic-list .c_icon span[category-level="1"] ,
.basic-list-english .c_icon span[category-level="1"] {
	display: none;
}

.basic-list .c_icon span:before ,
.basic-list-english .c_icon span:before {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;

	width: 105px;
	height: 24px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding-top: 6px;

	color: #fff;
	background: #646464;
}

/* カテゴリ設定で設定した名称と、アイコン上の文字を変えたい場合は */
/* contentで上書きする。個別に背景色等を設定する場合も同様 */
/* ↓サンプル */
.basic-list .c_icon span.tekiji:before ,
.basic-list-english .c_icon span.tekiji:before {
/*	content: "適時開示"; */
/*	background: #e9452a; */
	background: #1a3a8f;
}

.basic-list .c_icon span.result:before ,
.basic-list-english .c_icon span.result:before {
/*	content: "決算"; */
/*	background: #2a3d81; */
	content: "短信"; 
	background: #07abd4; 
}

.basic-list .c_icon span.gyouseki:before ,
.basic-list-english .c_icon span.gyouseki:before {
/*	content: "業績"; */
/*	background: #43a4a1; */
	background: #AE8BC9;
}

.basic-list .c_icon span.pr:before ,
.basic-list-english .c_icon span.pr:before {
/*	content: "PR"; */
/*	background: #f68100; */
	content: "PR情報";
	background: #f46143;
}

.basic-list .c_icon span.ir:before ,
.basic-list-english .c_icon span.ir:before {
/*	content: "IR"; */
/*	background: #6f4abc; */
	content: "IRお知らせ";
	background: #fe7fac;
}

.basic-list .c_icon span.governance:before ,
.basic-list-english .c_icon span.governance:before {
/*	content: "ガバナンス"; */
/*	background: #43a46a; */
}

.basic-list .c_icon span.yuho:before ,
.basic-list-english .c_icon span.yuho:before {
/*	content: "有価証券報告書"; */
/*	background: #798dd4; */
	content: "有報";
	background: #f39107;
}

.basic-list .c_icon span.meeting:before ,
.basic-list-english .c_icon span.meeting:before {
/*	content: "株主総会";
/*	background: #006fbe; */
	background: #76c428;
}

.basic-list .c_icon span.none:before ,
.basic-list-english .c_icon span.none:before {
/*	content: "その他"; */
/*	background: #777; */
}


/* マルチ２一覧 カテゴリをフラット選択に */
.layout_flat_category .basic-list .tabs li.allall ,
.layout_flat_category .basic-list-english .tabs li.allall ,
.layout_flat_category .basic-list .tabs span.allall ,
.layout_flat_category .basic-list-english .tabs span.allall {
	display: inline;
}

.layout_flat_category .basic-list .tabs li.all ,
.layout_flat_category .basic-list-english .tabs li.all {
	display: none;
}

.layout_flat_category .basic-list .tabs > ul > li[aria-hidden="false"] ,
.layout_flat_category .basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

.layout_flat_category .basic-list .tabs ,
.layout_flat_category .basic-list-english .tabs {
}



/*------------------------------------- 
 メディア
-------------------------------------*/
/*------------- flash --------------*/
.flash-animation {
	margin: auto;
	text-align: center;
}

.flash-animation embed {
	width: 100%;
	height: 100%;
}

/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
	margin-bottom: 10px;
}

div.video dl {
	width: 100%;
}

div.video dl dt {
	text-align: center;
	margin-bottom: 5px;
}

div.video dl dt video {
	width: auto;
	max-width: 100%;
}

div.video dl dd {
}

/* -- 動画キャプション -- */
div.video dl dd.caption {
}

/* -- 動画コピーライト -- */
div.video dl dd.copyright {
}

/* -- 動画ディスクリプション -- */
div.video dl dd.longdesc {
/*	display: none; */
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
	margin-bottom: 10px;
}

div.audio dl {
	width:80%;
	margin: auto;
}

div.audio dl dt {
	margin-bottom:5px;
}

div.audio dl dt audio {
	width:100%;
}

div.audio dl dd {
}

/* -- 音声キャプション -- */
div.audio dl dd.caption {
}

/* -- 音声コピーライト -- */
div.audio dl dd.copyright {
}

/* -- 音声ディスクリプション -- */
div.audio dl dd.longdesc {
/*	display: none; */
}


/*-------------- GoogleMap（地図埋め込み） --------------*/
div.map {
	position: relative;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
}

div.map:after {
	content: "";
	display: block;
/*	padding-top: 56.25%; */	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	padding-top: 75%;	/* 高さと幅の比を4:3に固定。3/4*100=75 */
}

div.map > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*-------------- iframe表示 --------------*/
.disp-external-page {
	overflow-x: scroll;
}

.disp-external-page iframe {
	border: none;
	display: block;
	width: 100%;
	height: 800px;
	margin: auto;
}


/*------------------------------------- 
 サイトマップ
-------------------------------------*/
/*-------------- サイトマップ --------------*/
.sitemap {
	margin-bottom:20px;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap > h2 {
	line-height: 1.2;
	font-size: 1.4rem;
	font-weight: bold;
	border: #CCC 1px solid;
	padding: 8px 8px 6px;
	margin-bottom: 8px;
}

.sitemap > h2 a {
	padding-left: 12px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
.sitemap > h2 a:hover {
	opacity: 0.7;
}

/* -- 第３階層 -- */
.sitemap > ul {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}
.sitemap > ul:nth-child(odd) { /* 最初にh2がある為、奇数が左側 */
	margin-right: 0;
}

.sitemap > ul > li {
	padding-left: 12px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* -- 第４階層 -- */
.sitemap > ul > li > ul {
	margin-top: 10px;
}

.sitemap > ul > li > ul > li {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* -- 第５階層以降は非表示 -- */
.sitemap > ul > li > ul > li > ul {
	display: none;
}


/*-------------- 正規化版サイトマップ --------------*/
.sitemap-1st {
	font-size: 0;
}

.sitemap-1st > ul > li  {
	margin-bottom: 20px;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap-1st > a ,
.sitemap-1st > ul > li > a {
	line-height: inherit;
	font-size: 1.4rem;

	display: block;
	font-weight: bold;
	border: #CCC 1px solid;
	margin-bottom: 12px;
	padding: 8px 8px 6px 20px;
	line-height: 1.2;

	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 8px center no-repeat;
	color: inherit;
	font-weight: bold;
}

/* -- 第３階層 -- */
.sitemap-1st ul.siteLevel_2 > li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 4%;
}
.sitemap-1st ul.siteLevel_2 > li:nth-child(even) {
	margin-right: 0;
}

.sitemap-1st ul.siteLevel_2 > li > a {
	font-size: 1.4rem;

	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* -- 第４階層 -- */
.sitemap-1st ul.siteLevel_3 {
	margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li {
	margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li > a {
	font-size: 1.4rem;

	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* -- 第５階層以降は非表示 -- */
.sitemap-1st ul.siteLevel_4 {
	display: none;
}


/*------------------------------------- 
 フッター専用パーツ
-------------------------------------*/
/*-------------- フッター（テキストと画像） --------------*/
.footer-about {
	clear: both;
	padding: 5px 0;
	font-size: 10px;
}

.footer-about img {
	display: block;
	margin: auto;
}

/*-------------- フッタリンクリスト --------------*/
.footer-link-list {
	background-color: #2b2b2b;
}

.footer-link-list ul {
}

.footer-link-list ul:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.footer-link-list ul li {
	float: left;
	width: 50%;
	padding: 16px 0px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: #999 1px solid;
}

.footer-link-list ul li a {
	color: #ccc;
	display: block;
	text-align: center;
}

.footer-link-list ul li:nth-child(odd){
	border-right: #999 1px solid;
}

/* -- 別窓アイコン -- */
.footer-link-list .footer-link-internal a[target="_blank"]:after ,
.footer-link-list .footer-link-external a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 35x;
}


/* --------------------------------------
 フォーム
-------------------------------------- */
/* Forms */
.required {
	margin: 10px 5px;
}
#Check p.required {
	display: none;
}
.form-wrapper input,
.form-wrapper textarea {
	width: 100%;
	padding: 3px;
}
.form-wrapper textarea {
	border: 1px solid #aaa;
}
.form-wrapper input[type="checkbox"] ,
.form-wrapper input[type="radio"] {
	width: auto;
}
.form-wrapper input[type="submit"] {
	width: auto;
	font-size: 18px;
}
.form-wrapper fieldset fieldset {
	border: none;
	padding: 0;
}
.form-wrapper label {
/*	display: block; */
}
.form-wrapper .form-item {
	display: block;
	float: none;
	margin: 0 0.5em;
}
.form-wrapper fieldset fieldset.mod .form-item {
	float: left;
	margin-right: 1em;
}
.form-wrapper .form-item label {
	display: inline;
}
.form-wrapper .form-item input {
	padding: 0 3px 0 0;
}
.form-wrapper div span {
/*	display: block; */
}
.form-wrapper p.required {
	margin: 10px 5px;
}
.form-wrapper p.required span {
	display: inline;
}
.form-wrapper p.required span,
.form-wrapper dfn {
	color: #ec1549;
	font-weight: bold;
	font-style: normal;
}

/* -- お問い合わせページ -- */
.form-wrapper .form-edit ,
.form-wrapper .form-selection {
	border-top: 1px dashed #ccc;
	margin-bottom: 0;
	padding: 10px 0;
}


.form-wrapper .form-edit > span {
	padding: 0;
	font-size: 87.5%;
}

.form-wrapper .form-selection > fieldset > legend {
	font-size: 87.5%;
}

.form-wrapper .form-selection > fieldset > select {
	margin: 0;
	width: auto;
	display: block;

	padding: 0.25em 0.25em;
}


.form-wrapper .button-wrapper {
	margin: 5px auto 20px;
}



.form-summary {
	margin-bottom: 20px;
}



.form-summary table tr {
	display: block;
	margin-top: 10px;
	border: 1px solid #CCC;
	padding: 5px;
}

.form-summary table td {
	display: block;
	padding: 5px 0;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}
.form-summary table td:first-child {
	border-bottom: 1px dashed #CCC;
	font-size: 87.5%;
}


.new-search .button,  /* button outside button-wrapper */
.form-wrapper .button-wrapper input { /* button */
	float: none;
	font-family: inherit;
	margin-right: 10px;
	margin-bottom: 10px;

/*	background: #FFF; */
/*	border: 1px solid #777; */
	color: inherit;
	font-weight: normal;
}
.form-wrapper .button-wrapper input:last-child {
/*	border: 1px solid #777; */
	color: inherit;
	font-weight: normal;
}

.form-wrapper .button-wrapper input:hover,
.form-wrapper .button-wrapper input:active,
.form-wrapper .button-wrapper input:focus {
	border: 1px solid #ccc;
}

.form-wrapper div.error input,
.form-wrapper div.error select,
.form-wrapper div.error textarea ,
.form-wrapper div input.form-ui-invalid,
.form-wrapper div textarea.form-ui-invalid,
.form-wrapper div select.form-ui-invalid {
	border: 1px solid #ec1549;
}

.form-wrapper div.form-edit > input[type="text"]:active,
.form-wrapper div.form-edit > input[type="text"]:focus ,
.form-wrapper div.form-edit > textarea:active,
.form-wrapper div.form-edit > textarea:focus {
	box-shadow: 0 0 7px #03b1f8;
	border: 1px solid #03b1f8;
	outline: none;
	transition: all .3s;
}


/*==== ページ遷移時フェイドイン設定 ====*/
body {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

body:not(.ready) {
	opacity: 0;
	visibility: hidden;
}

body.in-editor {
	opacity: 0.3;
	visibility: visible;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

body.ready {
	opacity: 1;
	visibility: visible;
}

body.loaded {
}

/* iframe・印刷時はフェイドしない */
body.special {
	opacity: 1 !important;
	visibility: visible !important;
}

@media print {
	body {
		opacity: 1 !important;
		visibility: visible !important;
	}
}


/* --------------------------------------
 個別設定
-------------------------------------- */
/* -- 装飾 -- */
table.wrapbox ,
table.wrapbox > tbody ,
table.wrapbox > tbody > tr ,
table.wrapbox > tbody > tr > td {
	display: inline;
}

/* google search */
.gsc-control-cse ,
.gsc-control-cse * {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.gsc-control-cse {
	line-height: 1;
}


#promos3 .note_tx ,
#site-info .note_tx {
    display: none;
}

/*-- 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .topcontrol ,
#topcontrol {
	position: fixed;
	font-size: 0;
	bottom: -50px;
	right: 15px;
	opacity: 0.3;
	cursor: pointer;
	z-index: 1000;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}


#site-info .topcontrol.visible ,
#topcontrol.visible {
	right: 15px;
	bottom: 15px;
	opacity: 1;
}

/* 画像を使用する場合 */
/*
#site-info .topcontrol a ,
#topcontrol a {
	display: block;
	width: 51px;
	height: 42px;
	background: url("../../../../../../resources/sw_img_recruit/up.png") no-repeat center top;
}

#site-info .topcontrol.visible a ,
#topcontrol.visible a {
	width: 51px;
	height: 42px;

	transition: 0s;
}
*/

/* 画像を使用しない場合 */
#site-info .topcontrol a ,
#topcontrol a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #00a3e6;
	border-radius: 50%;
	background: #fff;
}

#site-info .topcontrol a:before ,
#topcontrol a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -9px;
	display: block;
	width: 17px;
	height: 17px;
	border-top: 3px solid #00a3e6;
	border-left: 3px solid #00a3e6;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}


#site-info .toTop ,
#toTop {
	text-align: right;
	margin: 2em 20px 40px;
}

#site-info .toTop a ,
#toTop a {
	padding-left: 1.44em;
	display: inline-block;
	position: relative;
	overflow: visible;
}

#site-info .toTop a:before ,
#toTop a:before {
	content: "";
	margin-top: -0.3em;
	border-top: 0.1em solid #e50000;
	border-right: 0.1em solid #e50000;
	width: 0.7em;
	height: 0.7em;
	position: absolute;
	top: 0.85em;
	left: 0;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	    transform: rotate(315deg);
}

#site-info .toTop ,
#toTop {
	display: none;
}



/* ---- サイトロゴ ---- */
.sp_navi {
	position: relative;
	width: 100%;
	text-align: right;
}

.sp_navi:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.sp_navi h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
}

.sp_navi h1 a {
	display: block;
	padding: 10px 5px;
}

/* -- ハンバーガーアイコン -- */
#panel-btn:hover{
  background: #fafafa;
}

/* -- x1.0サイズ -- */

/*
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 3px;
  margin: -2px 0 0 -12px;
  background: #2196F3;
  transition: .2s;
}

#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 3px;
  background: #2196F3;
  transition: .3s;
}

#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}


#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#panel-btn .close:after{
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 5px 10px 10px 0;
  border-radius: 10%;
  background: #fff;
}
*/


/* -- x1.5サイズ -- */

#panel-btn-icon{
  display: block;
  position: absolute;
  top: 28px;
  left: 12px;
  width: 36px;
  height: 4px;
  margin: 0;
  background: #EB5E00;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 4px;
  background: #EB5E00;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 8px;
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  margin: 5px 10px 10px 0;
  border-radius: 10%;
  background: #fafafa;
}


/* -- open時 -- */

#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
#panel-btn .close:after{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}


/* -- css ハンバーガーメニュー -- */

#panel2-sw {
	display: none;
}

#panel2-btn{
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 44px;
	margin: 8px 9px;
	border-radius: 10%;
	background: #FFF;
	z-index: 10011;
}

#panel2-btn:hover{
	background: #FFF;
	background: rgba(255,255,255, 0.8);
}

.panel2-btn-icon1 ,
.panel2-btn-icon2 ,
.panel2-btn-icon3 {
	display: block;
	position: absolute;
	top: 17px;
	left: 9px;
	width: 22px;
	height: 2px;
	margin: 0;
	background: #0097e0;

	-webkit-transition: .2s .4s;
	-o-transition: .2s .4s;
	transition: .2s .4s;
}

.panel2-btn-icon1 {
	margin-top: -7px;
}
.panel2-btn-icon2 {
	margin-top: 0px;
}
.panel2-btn-icon3 {
	margin-top: 7px;
}

.panel2-btn-icon1:before ,
.panel2-btn-icon3:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 2px;
	background: #0097e0;

	-webkit-transition: .3s .1s;
	-o-transition: .3s .1s;
	transition: .3s .1s;
}

.panel2-btn-title {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 31px;
	left: 0;
	width: 40px;
	height: 12px;
}

.panel2-btn-title li {
	display: block;
	width: 40px;
	height: 15px;

	line-height: 1;
	font-size: 10px;
	color: #0097e0;
	text-align: center;

	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	    transform: scale(0.8);
}
.panel2-btn-title li:first-child {
	margin-top: -15px;

	-webkit-transition: .5s .1s;
	-o-transition: .5s .1s;
	transition: .5s .1s;
}


/* -- open時 -- */
#panel2-sw:checked + div .panel2-btn-icon1 ,
#panel2-sw:checked + div .panel2-btn-icon2 ,
#panel2-sw:checked + div .panel2-btn-icon3 {
	background: transparent;
	margin-top: 0;

	-webkit-transition: .2s .1s;
	-o-transition: .2s .1s;
	transition: .2s .1s;
}

#panel2-sw:checked + div .panel2-btn-icon1:before ,
#panel2-sw:checked + div .panel2-btn-icon3:before {
	width: 30px;
	left: -4px;

	-webkit-transition: .3s .3s;
	-o-transition: .3s .3s;
	transition: .3s .3s;
}

#panel2-sw:checked + div .panel2-btn-icon1:before {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	    transform: rotate(-225deg);
}

#panel2-sw:checked + div .panel2-btn-icon3:before {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	    transform: rotate(-135deg);
}

#panel2-sw:checked + div .panel2-btn-title li:first-child {
	margin-top: 0px;

	-webkit-transition: .5s .25s;
	-o-transition: .5s .25s;
	transition: .5s .25s;
}



/*-- ヘッダー --*/
#header {
	height: 70px;
}

#promos3 .area-pc-header {
	display: none !important;
}

#promos3 .area-sp-header {
}

/* ロゴ */
#promos3 .area-sp-header .area-logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: #fff;
	z-index: 10010;
}

#promos3 .area-sp-header .area-logo > div {
	position: absolute;
	top: 5px;
	left: 5px;
}

#promos3 .area-sp-header .area-logo a {
	width: 270px;
	padding: 10px;
}

#header.en ~* #promos3 .area-sp-header .area-logo a {
	width: 320px;
}

/* メニュー */
#promos3 .area-menu {
	font-size: 0;
	width: 100vw;
	height: calc(100% - 70px);
	max-height: 100%;
	overflow: hidden;
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 10000;

	-webkit-transition: .7s .1s;
	-o-transition: .7s .1s;
	transition: .7s .1s;

	background-color: #fff;
/*	background-color: rgba(255, 255, 255, 0.9); */
}

#panel2-sw:not(:checked) ~ div #promos3 .area-sp-header .area-menu {
	max-height: 0;
}

#promos3 .area-menu > div {
}


/* ナビ */
#promos3 .area-gnavi {
	position: absolute;
	width: 100vw;
	height: calc(100% - 70px);
	border-top: 1px solid #ddd;
	overflow: hidden;
	overflow-y: scroll;
	padding-bottom: 64px;
}


/* フォルダ開閉 */
#promos3 .area-gnavi .sitemap-1st ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 1;
	transition: 0.5s;
}


#promos3 .area-gnavi .sitemap-1st ul.open {
	left: 0;
}

#promos3 .area-gnavi .sitemap-1st ul.active {
	overflow-y: scroll;
}

#promos3 .area-gnavi > div {
}

#promos3 .area-gnavi .teaser ,
#promos3 .area-gnavi .external-teaser {
	display: none;
}


#promos3 .area-gnavi .sitemap-1st {
}

#promos3 .area-gnavi .sitemap-1st a {
	position: relative;
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 25px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

#promos3 .area-gnavi .sitemap-1st a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #21a9ed;
	border-left: 2px solid #21a9ed;
	transform: rotate(135deg);
}

#promos3 .area-gnavi .sitemap-1st a[target="_blank"]:after {
	content: "";
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png");
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 5px;
}

#promos3 .area-gnavi .sitemap-1st a.act:not(.gn-to-folder) {
	color: #fff;
	background: #21a9ed;
}




/* ↑階層フォルダへ */
#promos3 .area-gnavi .sitemap-1st .gn-back span {
	position: relative;
	display: block;
	background: #008ed6;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

#promos3 .area-gnavi .sitemap-1st .gn-back span:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
}



/* ↓階層フォルダへ */
#promos3 .area-gnavi .sitemap-1st a.gn-to-folder:before {
	left: auto;

	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #21a9ed;
	border-left: 2px solid #21a9ed;
	transform: rotate(135deg);
}

/* フォルダトップ */
#promos3 .area-gnavi .sitemap-1st a.gn-folder-top {
	color: #fff;
	background: #21a9ed;
}

#promos3 .area-gnavi .sitemap-1st a.gn-folder-top:before {
	right: auto;
	left: 10px;
	border-color: #fff;
	transform: rotate(135deg);
}




/* 言語切り替え */
#promos3 .area-lang-navi {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #fff;
}

#promos3 .area-lang-navi .internal-link-area > a ,
#promos3 .area-lang-navi .external-link-area > a {
	position: relative;
	display: block;
	background: #fff;
	color: #008ed6;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #008ed6;
	margin: 5px;
}

#promos3 .area-lang-navi .internal-link-area > a * ,
#promos3 .area-lang-navi .external-link-area > a * {
	display: inline;
}




#promos3 .area-head-navi {
}

#promos3 .area-head-navi > div {
	position: absolute;
/*	top: calc(100vh - 70px - 150px); */
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	z-index: 1000;
}

#promos3 .area-head-navi .link-list {
	padding: 20px 10px;
	border-top: 1px solid #ddd;
}

#promos3 .area-head-navi .link-list ul {
}
#promos3 .area-head-navi .link-list ul:after {
	content: "";
	clear: both;
}

#promos3 .area-head-navi .link-list li {
	border-left: 1px solid #ddd;
	float: left;
	width: 50%;
}

#promos3 .area-head-navi .link-list li + li {
	border-right: 1px solid #ddd;
}

#promos3 .area-head-navi .link-list li a {
	text-align: center;
	color: #21a9ed;
	font-size: 1.4rem;
}

#promos3 .area-head-navi .link-list li a[href*="contact"]:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 9px;
	background: url("../../../../../../resources/sw_img_recruit/icon_contact.png") no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}

#promos3 .area-head-navi .link-list li a[href*="sitemap"]:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 13px;
	background: url("../../../../../../resources/sw_img_recruit/icon_sitemap.png") no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}




/*-- フッター*/
#site-info .area-footer {
	color: #fff;
}

#site-info .area-footer a:hover {
	text-decoration: underline;
}

#site-info .area-footer-sitemap {
	padding: 10px 10px 20px;
}
#site-info .area-footer-sitemap:after {
	content: "";
	display: block;
	clear: both;
}

#site-info .area-footer-sitemap .sitemap-1st > a,
#site-info .area-footer-sitemap .teaser.no-img > h2 > a {
	float: left;
	width: 50%;
	padding-top: 10px;
	font-size: 1.2em;
}

/*-- 行頭アイコンをつけるための設定--*/
#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 > li,
#site-info .area-footer-sitemap .teaser.no-img > h2,
#site-info .area-footer-sitemap .link-list > ul > li {
	position: relative;
}


#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 > li > a,
#site-info .area-footer-sitemap .link-list > ul > li > a {
	display: none;

	padding-left: 16px;
}

#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 li a:before,
#site-info .area-footer-sitemap .link-list a:before {
	content: "";
	left: 2px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

/*-- 外窓アイコンをつける（外部リンク・別ページで開く内部リンク）--*/
#site-info .area-footer-sitemap .link-list /*.external-link-text > */ a[target="_blank"]:before {
	content: "";
	left: 0;
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_white.png") center center no-repeat;
	width: 10px;
	height: 10px;
	border: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}
/*-- 外窓アイコンをつける（（外部リンク・別ページで開く内部リンク）ここまで--*/
/*-- 行頭アイコンをつけるための設定 ここまで--*/

#site-info .area-footer-bottom {
	position: relative;
	border-top: 1px solid #50cafc;
}

#site-info .area-footer .area-footer-bottom > div {
	padding: 10px;
}
#site-info .area-footer-bottom .area-footer-logo {
	position: absolute;
	left: 10px;
	bottom: 20px;
}

/* フッターリンク集 */
#site-info .area-footer .area-footer-bottom .area-footer-link {
	margin: 0;
	text-align: center;
}

#site-info .area-footer .area-footer-bottom .area-footer-link .link-list li {
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #fff;
	margin-bottom: 5px;
}

#site-info .area-footer .area-footer-bottom .area-footer-link .link-list li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#site-info .area-footer .area-footer-bottom .area-footer-link .link-list li a {
	font-size: 13px:
}

/* コピーライト */
#site-info .area-footer .area-footer-bottom .area-footer-copyright {
	padding: 15px 0;
	padding-left: 40px;
	font-size: 12px;
	text-align: right;
}

#site-info .area-footer .area-footer-bottom .area-footer-copyright > div {
}




/* スライドMV */
[data-page-marker~="with-slider"] #mv ,
#promos3 .area-slider {
	position: relative;
	display: block;
	width: 100%;
	height: calc(100vw * 300 / 940);
	height: 31.9149vw;
}

#promos3 .area-slider  {
	position: absolute;
	top: 70px;
	left: 0;
	overflow: hidden;
}

#promos3 .area-slider  > .column1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% * 1180 / 940);
	width: 125.5319%;
}

#area-slider .slick-slide img {
	width: 100%;
}

#area-slider .slick-dots {
	display: none;
}

#area-slider .slick-prev {
	left: 50%;
	top: 50%;
	margin-top: -12px;
	margin-left: -48vw;
	width: 25px;
	height: 25px;
	z-index: 1;
}

#area-slider .slick-next {
	right: 50%;
	top: 50%;
	margin-top: -12px;
	margin-right: -48vw;
	width: 25px;
	height: 25px;
	z-index: 1;
}

#area-slider .slick-prev:before {
	content: "";
	width: 25px;
	height: 25px;
	background: url("../../../../../../resources/sw_img_recruit/btn_prev.png") no-repeat center center;
	background-size: contain;
}

#area-slider .slick-next:before {
	content: "";
	width: 25px;
	height: 25px;
	background: url("../../../../../../resources/sw_img_recruit/btn_next.png") no-repeat center center;
	background-size: contain;

}





/*-- 装飾用 --*/



/*-- タブ風スタイル --*/
.layout_link_tabstyle01 div.link-list:not(.highlight) {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul {
	margin: 0;

	display: table-row
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class] {
	margin: 0;
	padding: 0;
	background: none;

	display: table-cell;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class]:before {
	content: none;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a {
	position: relative;
	overflow: visible;
	display: block;
	padding: 10px 0 2px;
	text-align: center;
	color: #00a258;
	text-decoration: none;
	border-bottom: 5px solid #dbdcdc;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	display: block;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 15px solid #dbdcdc;
	margin-left: -15px;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover {
	color: #333;
	border-bottom-color: #00a258;

}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a:before ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover:before {
	border-top-color: #00a258;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li[class] {
	display: block;
	margin-bottom: 10px;
}





/*-- 画像にボーダーをつける*/
.border_img img {
	border: 1px solid #d6d9e2;
}

/*-- 関連リンク表示箇所 --*/
/*見出しとリンクの余白を詰める*/
.bottom_link_header .column1 {
	margin-bottom: 0;
}

.bottom_link_header ~ .multiColumn3 > div {
	width: calc(100% - 10px);
	margin-bottom: 0;
}

.bottom_link_header ~ .multiColumn3 .link-list ul {
	margin-bottom: 0;
}


/*--別ページで開く場合、外窓アイコンをつける --*/
.bottom_link_blank .link-list:not(.highlight) .internal-link-text > a[target="_blank"]:after,
.bottom_link_blank .link-list:not(.highlight) .external-link-text > a[target="_blank"]:after {
	content: "";
	left: 0;
	background: url("../../../../../../resources/sw_img_recruit/icon_link_blank_black.png") center center no-repeat;
	width: 8px;
	height: 8px;
	border: none;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}
/*--別ページで開く場合、外窓アイコンをつける ここまで--*/
/*-- 関連リンク表示箇所 ここまで--*/


/***--テーブル特殊設定 --***/
/*--CSRページ*/
/*-- 見出し上詰め --*/
.vtable_border_top_none .vtable-item > table > tbody > tr > th {
	vertical-align: top;
}

.vtable_border_top_none .vtable-item > table > tbody > tr > th:empty {
	border-top: none;
}
/* ２列目の背景色を灰色に変更、右罫線を消す設定 */
.vtable_border_top_none .vtable-item > table > tbody > tr > th + td {
    border-right: none;
    background: #f6f8fb;
}

.vtable_border_top_none .vtable-item > table > tbody > tr > td + td {
    border-left: none;
}
/* 価値創造への取り組みの背景色と罫線を設定しなおす */
.vtable_border_top_none #vtable-item-6 > table > tbody > tr > td {
    background: #fff;
    border-right: 1px solid #d6d9e2;
}
/*--CSRページ ここまで*/



/*--沿革ページ --*/
.ircalendar_for_history .ircalendar {
	margin-top: 40px;
	margin-bottom: 20px;
}

.ircalendar_for_history .ircalendar .tableContents {
	position: relative;
}

.ircalendar_for_history .ircalendar .tableContents:after {
	content: "▼";
	position: absolute;
	bottom: -15px;
	left: 0;
	color: #ade0ee;
	font-size: 1.5rem;
	margin-left: -7px;
}

.ircalendar_for_history tr td ,
.ircalendar_for_history tr th {
	border: none;
	background: none;
}

.ircalendar_for_history .ircalendar-title,
.ircalendar_for_history .ircalendar-item {
	position: relative;
	margin-bottom: -10px;
}



.ircalendar_for_history .ircalendar-title > table ,
.ircalendar_for_history .ircalendar-title > table > tbody ,
.ircalendar_for_history .ircalendar-item > table ,
.ircalendar_for_history .ircalendar-item > table > tbody {
	display: block;
}

.ircalendar_for_history .ircalendar-title > table > tbody > tr ,
.ircalendar_for_history .ircalendar-item > table > tbody > tr {
	display: flex;
	flex-direction: column;
	border-left: 2px solid #ade0ee;
}

.ircalendar_for_history .ircalendar-title > table > tbody > tr > th,
.ircalendar_for_history .ircalendar-item > table > tbody >tr > td {
	flex: 0 0 auto;
	width: 100% !important;
}

.ircalendar_for_history .ircalendar-title2 ,
.ircalendar_for_history .ircalendar-item2 {
	order: 3;
}

.ircalendar_for_history .ircalendar-title1,
.ircalendar_for_history .ircalendar-item1 {
	position: relative;
}

.ircalendar_for_history .ircalendar-item1:not(:empty):after {
	content: "●";
	position: absolute;
	top: -14px;
	left: -8px;
	color: #ade0ee;
	font-size: 1.5rem;
}

.ircalendar_for_history .ircalendar-title1 th,
.ircalendar_for_history .ircalendar-item1 td {
	position: absolute;
	left: 0;
	top: -30px;
}

.ircalendar_for_history .ircalendar-title1 > p,
.ircalendar_for_history .ircalendar-item1 > p {
	top: -25px;
    left: 20px;
	position: absolute;
	font-size: 30px;
	font-style: italic;
	font-family: inherit;
	-webkit-transform: scale( 1.2 , 1 );
	    -ms-transform: scale( 1.2 , 1 );
	        transform: scale( 1.2 , 1 );
	color: #c0c0c0;
}

.ircalendar_for_history .ircalendar-title2,
.ircalendar_for_history .ircalendar-title3,
.ircalendar_for_history .ircalendar-item2,
.ircalendar_for_history .ircalendar-item3 {
	padding-bottom: 20px;
	top: -20px;
}

.ircalendar_for_history .ircalendar-title2.has-img ,
.ircalendar_for_history .ircalendar-title3.has-img ,
.ircalendar_for_history .ircalendar-item2.has-img ,
.ircalendar_for_history .ircalendar-item3.has-img {
	padding-bottom: 40px;
}


.ircalendar_for_history .ircalendar-title2,
.ircalendar_for_history .ircalendar-item2 {
	position: relative;
}

.ircalendar_for_history .ircalendar-title3.has-img > p,
.ircalendar_for_history .ircalendar-item3.has-img > p {
	padding-left: 40px;
}

/*-------------- 「事業内容」ページの囲み線ありテキスト設定 ここから--------------*/
.tbl_service .highlight-quoted-text {
	border: none;
	background-color: #f0fbff;
}

.tbl_service .highlight-quoted-text > table > tbody > tr > td {
	padding-bottom: 10px;
}

.tbl_service .highlight-quoted-text > table > tbody > tr > td > p > strong, 
.tbl_service .highlight-quoted-text > table > tbody > tr > td > strong {
	font-weight: bold;
}
/*-------------- 「事業内容」ページの囲み線ありテキスト設定 ここまで--------------*/

/*-------------- 「バリデーションサポート事業」-「バリデーションサポート業務の進め方」の設定 ここから--------------*/
.tbl_progress .ircalendar-title, .tbl_progress .ircalendar-item {
	position: relative;
}

.tbl_progress .ircalendar-title:nth-child(2n) > table > tbody > tr > th.ircalendar-title1,
.tbl_progress .ircalendar-item:nth-child(2n) > table > tbody > tr > td.ircalendar-item1 {
	background: #f0fbff;
}

.tbl_progress .ircalendar-title:nth-child(odd) > table > tbody > tr > th.ircalendar-title1 {
	background: #fff;
}

.tbl_progress .ircalendar-title > table > tbody > tr > th.ircalendar-title1:after,
.tbl_progress .ircalendar-item > table > tbody > tr > td.ircalendar-item1:after {
	content: "";
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -10px;
	top: 100%;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	border-right: 1px solid #d6d9e2;
	border-bottom: 1px solid #d6d9e2;
	background: #f0fbff;
	display: block;
	position: absolute;
	z-index: 1;
}
.tbl_progress .ircalendar-title:nth-child(odd) > table > tbody > tr > th.ircalendar-title1:after,
.tbl_progress .ircalendar-item:nth-child(odd) > table > tbody > tr > td.ircalendar-item1:after {
	background: #fff;
}

.tbl_progress .ircalendar-title:last-child > table > tbody > tr > th.ircalendar-title1:after,
.tbl_progress .ircalendar-item:last-child > table > tbody > tr > td.ircalendar-item1:after {
	display: none;
}

/*-------------- 「バリデーションサポート事業」-「バリデーションサポート業務の進め方」の設定 ここまで--------------*/

/*-------------- 「プラン作成・計画立案」-「プラン作成・計画立案の流れ」の設定 ここから----------------------------*/

.tbl_plan_progress .ircalendar-title > table > tbody > tr > th,
.tbl_plan_progress .ircalendar-item > table > tbody > tr > td {
	width: 100% !important;
	vertical-align: middle;
}

.tbl_plan_progress .ircalendar-title > table ,
.tbl_plan_progress .ircalendar-title > table > tbody ,
.tbl_plan_progress .ircalendar-title > table > tbody > tr ,
.tbl_plan_progress .ircalendar-title > table > tbody > tr > th ,
.tbl_plan_progress .ircalendar-item > table ,
.tbl_plan_progress .ircalendar-item > table > tbody ,
.tbl_plan_progress .ircalendar-item > table > tbody > tr ,
.tbl_plan_progress .ircalendar-item > table > tbody > tr > td {
	display: block;
}

.tbl_plan_progress {
	display: block;
	background: #e8f8ff;
	padding: 20px;
}

.tbl_plan_progress > .column1 {
	margin-bottom: 0;
}

.tbl_plan_progress .ircalendar th,
.tbl_plan_progress .ircalendar td {
	border: none;
}

.tbl_plan_progress .title4:not(.highlight) h4 {
	border-left: #00a7eb 4px solid;
}

.tbl_plan_progress .ircalendar-title > table > tbody > tr > th {
	text-align: left;/*左カラムのみ後で中央寄せに上書き*/
	background: #fff;/*左カラムのみ後で#00a7eb;に上書き*/
}


.tbl_plan_progress .ircalendar-title,
.tbl_plan_progress .ircalendar-item {
	background: #fff;
	vertical-align: middle;
	margin-bottom: 40px;
	position: relative;
}

.tbl_plan_progress .ircalendar-title > table > tbody > tr > th.ircalendar-title1,
.tbl_plan_progress .ircalendar-item > table > tbody > tr > td.ircalendar-item1 {
	background: #00a7eb;
	color: #fff;
	font-weight: bold;
	text-align: center;

}

.tbl_plan_progress div.ircalendar-title tr:before,
.tbl_plan_progress div.ircalendar-item tr:before {
	position: absolute;
	bottom: 100%;
	left: 10%;
	margin-left: -9px;
	margin-bottom: 4px;
	content: "";
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	border-right: 2px solid #00a7eb;
	border-bottom: 2px solid #00a7eb;
	display: block;
}

.tbl_plan_progress div.ircalendar-title:first-child tr:before,
.tbl_plan_progress div.ircalendar-item:first-child tr:before {
	display: none;
}

.tbl_plan_progress div.ircalendar-title tr:after,
.tbl_plan_progress div.ircalendar-item tr:after {
	position: absolute;
	top: 100%;
	left: 10%;
	content: "";
	width: 2px;
	height: 40px;
	background-color: #00a7eb;
}

.tbl_plan_progress div.ircalendar-title:last-child tr:after,
.tbl_plan_progress div.ircalendar-item:last-child tr:after {
	display: none;
}


.tbl_plan_progress .ircalendar-title:last-child,
.tbl_plan_progress .ircalendar-item:last-child {
	margin-bottom: 0;
}

/*-------------- 「プラン作成・計画立案」-「プラン作成・計画立案の流れ」の設定 ここまで----------------------------*/
/*-------------- 「プラン作成・計画立案」-「メンテナンス・リニューアル」の設定 ここから----------------------------*/

.tbl_mnt_ren .ircalendar-title > table > tbody > tr > th,
.tbl_mnt_ren .ircalendar-item > table > tbody > tr > td {
	width: 100% !important;
	vertical-align: middle;
}

.tbl_mnt_ren .ircalendar-title > table ,
.tbl_mnt_ren .ircalendar-title > table > tbody ,
.tbl_mnt_ren .ircalendar-title > table > tbody > tr ,
.tbl_mnt_ren .ircalendar-title > table > tbody > tr > th ,
.tbl_mnt_ren .ircalendar-item > table ,
.tbl_mnt_ren .ircalendar-item > table > tbody ,
.tbl_mnt_ren .ircalendar-item > table > tbody > tr ,
.tbl_mnt_ren .ircalendar-item > table > tbody > tr > td {
	display: block;
}

.tbl_mnt_ren {
	display: block;
	background: #e0f8ef;
	padding: 20px;
	margin-top: 60px;
	position: relative;
}

.tbl_mnt_ren > .column1 {
	margin-bottom: 0;
}

.tbl_mnt_ren .ircalendar th,
.tbl_mnt_ren .ircalendar td {
	border: none;
}

.tbl_mnt_ren .ircalendar-title > table > tbody > tr > th,
.tbl_mnt_ren .ircalendar-item > table > tbody > tr > td {
	vertical-align: middle;
}

.tbl_mnt_ren .ircalendar-title > table > tbody > tr > th {
	text-align: left;/*左カラムのみ後で上書き*/
	background: #fff;/*左カラムのみ後で上書き*/
}


.tbl_mnt_ren .ircalendar-title,
.tbl_mnt_ren .ircalendar-item {
	background: #fff;
}

.tbl_mnt_ren .ircalendar-title > table > tbody > tr > th.ircalendar-title1,
.tbl_mnt_ren .ircalendar-item > table > tbody > tr > td.ircalendar-item1 {
	background: #2cba83;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.tbl_mnt_ren > .column1:before {
	position: absolute;
	bottom: 100%;
	left: 10%;
	margin-left: 6px;
	margin-bottom: 4px;
	content: "";
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	border-right: 2px solid #2cba83;
	border-bottom: 2px solid #2cba83;
	display: block;
}

.tbl_mnt_ren > .column1:after {
	position: absolute;
	bottom: 100%;
	left: 10%;
	margin-left: 15px;
	content: "";
	width: 2px;
	height: 60px;
	background-color: #2cba83;
}

.tbl_mnt_ren .ircalendar-title a:before,
.tbl_mnt_ren .ircalendar-item a:before {
	content: "";
	border: 4px solid transparent;
	border-left: 4px solid #00a7eb;
	display: inline-block;
	margin-left: 2px;
	margin-right: 4px;
}
/*-------------- 「プラン作成・計画立案」-「メンテナンス・リニューアル」の設定 ここまで----------------------------*/

/*-------------- 「財務ハイライト」の設定 ここから---------*/
.fin_highlights_switch .teaser.no-img:not(.highlight) h2 a.act ,
.fin_highlights_switch .external-teaser.no-img:not(.highlight) h2 a.act {
	padding: 10px 20px;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	background-color: #00a7eb;
	text-decoration: none;
	border: 1px solid #00a7eb;
	border-radius: 10px;
}

/*-------------- 「財務ハイライト」の設定 ここまで---------*/










/*-------------- 「経営理念・行動規範・社是」の太字設定 ここから---------*/
.strong_philosophy strong {
	font-weight: bold;
}
/*-------------- 「経営理念・行動規範・社是」の太字設定 ここまで---------*/

/*-------------- 「コーポレート・ガバナンス」のリンク上下余白詰め ここから---------*/
.governance_bottom_link > .column1,
.governance_bottom_link > .column2,
.governance_bottom_link > .column3 {
	margin-bottom: 0;
}
/*-------------- 「コーポレート・ガバナンス」のリンク上下余白詰め ここまで---------*/

/*-------------- 「コーポレート・ガバナンス」のダウンロードリンク背景 ここから---------*/
.governance_dl_link_grey .link-list {
	padding: 10px 10px;
	background: #f6f8fb;
}

.governance_dl_link_grey .link-list ul {
	margin-bottom: 10px;
}
/*-------------- 「コーポレート・ガバナンス」のダウンロードリンク背景 ここまで---------*/

/*-------------- 「投資家情報」のページ設定 ここから---------*/

#sharewithmain .ir_top_layout > div {
	border: 2px solid #eceff4;
    border-radius: 9px;
    overflow: hidden;
/*    height: 200px; 高さはjQueryで揃える*/
	margin-bottom: 40px;
}

.ir_top_layout .link-list:not(.highlight) .download-link-text a:not(.d_icon) {
	padding-left: 20px;
}
.ir_top_layout .link-list:not(.highlight) .download-link-text a.d_icon + a:not(.d_icon) {
    padding-left: 0;
}


.ir_top_layout .link-list:not(.highlight) .download-link-text a:not(.d_icon):after {
/*.ir_top_layout .link-list-url .download-link-url a:not(.d_icon) { */

	content: "";
    left: 6px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #00a7eb;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.ir_top_layout .link-list:not(.highlight) .download-link-text a.d_icon + a:not(.d_icon):after {
    content: none;
}

[role="main"] > .ir_top_layout > div > .teaser:not(.no-img):not(.highlight) h2,
[role="main"] > .ir_top_layout > div > .external-teaser:not(.no-img):not(.highlight) h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 1;
	        order: 1;
	position: relative;
	margin-bottom: 0;
/*	margin-right: 40px; */
}

[role="main"] > .ir_top_layout > div > .teaser:not(.no-img):not(.highlight) h2 + a,
[role="main"] > .ir_top_layout > div > .external-teaser:not(.no-img):not(.highlight) h2 + a {
    -ms-flex-order: 2;
    order: 2;
    border-top: 2px solid #eceff4;
	border-bottom: none;
}

[role="main"] .ir_top_layout > div > .teaser:not(.no-img):not(.highlight) h2 a,
[role="main"] .ir_top_layout > div > .external-teaser:not(.no-img):not(.highlight) h2 a {
	padding: 10px 10px;
	padding-left: 25px;
}

[role="main"] .ir_top_layout > div > .teaser:not(.no-img):not(.highlight) h2 a:after,
[role="main"] .ir_top_layout > div > .external-teaser:not(.no-img):not(.highlight) h2 a:after {
    content: "";
    left: 10px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #53595F;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.ir_top_layout .internal-link-area:not(.highlight),
.ir_top_layout .external-link-area:not(.highlight) {
	margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 1.8rem;
    font-weight: bold;
/*    color: #53595F;*/
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #eceff4;
}

/* エリアリンクの色は黒のままにする（ハイライト有無共通）*/
.ir_top_layout .internal-link-area > a:link,
.ir_top_layout .external-link-area > a:link,
.ir_bottom_layout .internal-link-area > a:link,
.ir_bottom_layout .external-link-area > a:link,
.ir_ir_news .internal-link-area > a:link,
.ir_ir_news .external-link-area > a:link,

.ir_top_layout .internal-link-area > a:visited,
.ir_top_layout .external-link-area > a:visited,
.ir_bottom_layout .internal-link-area > a:visited,
.ir_bottom_layout .external-link-area > a:visited,
.ir_ir_news .internal-link-area > a:visited,
.ir_ir_news .external-link-area > a:visited {
/*    color: #53595F;*/
    color: #333;
}

/* エリアリンク、リンクリストホバー時の透過を解除*/
/*
.ir_top_layout .internal-link-area:hover > a,
.ir_top_layout .external-link-area:hover > a,
.ir_ir_news .internal-link-area:hover > a,
.ir_ir_news .external-link-area:hover > a,
.ir_bottom_layout .internal-link-area:hover > a,
.ir_bottom_layout .external-link-area:hover > a,

.ir_bottom_layout .link-list:not(.highlight) .internal-link-text > a,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text > a {
	opacity: 1;
}
*/


.ir_top_layout .internal-link-area a:hover,
.ir_top_layout .external-link-area a:hover,
.ir_ir_news .internal-link-area a:hover,
.ir_ir_news .external-link-area a:hover,
.ir_bottom_layout .internal-link-area a:hover,
.ir_bottom_layout .external-link-area a:hover,
.ir_bottom_layout .link-list:not(.highlight) .internal-link-text > a:hover,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text > a:hover {
	opacity: 1;
	text-decoration: underline;
}
/* 画像の透過も解除 */
.ir_top_layout .internal-link-area a:hover > img,
.ir_top_layout .external-link-area a:hover > img,
.ir_ir_news .internal-link-area a:hover > img,
.ir_ir_news .external-link-area a:hover > img,
.ir_bottom_layout .internal-link-area a:hover > img,
.ir_bottom_layout .external-link-area a:hover > img {
	opacity: 1;
}


/*-- 社長メッセージのバナー補整 --*/
.ir_top_layout .teaser:not(.no-img):not(.highlight) ,
.ir_top_layout .external-teaser:not(.no-img):not(.highlight) {
	height: 100%;
	margin: 0;
}

.ir_top_layout.img-fit .teaser:not(.no-img):not(.highlight) h2 + a,
.ir_top_layout.img-fit .external-teaser:not(.no-img):not(.highlight) h2 + a {
	height: calc(100% - 48px);
}

/* （日）だけ高さが足りないので、無理やり引き伸ばし */
/*
.ir_top_layout.img-fit .teaser:not(.no-img):not(.highlight) h2 + a img ,
.ir_top_layout.img-fit .external-teaser:not(.no-img):not(.highlight) h2 + a img {
	max-width: none;
	width: auto;
	height: 100%;
	margin: 0 -12%;
}
*/

/* IRニュース*/
.ir_ir_news {
    position: relative;
}
.ir_ir_news > div > .internal-link-area,
.ir_ir_news > div > .external-link-area {
    font-size: 1.8rem;
    font-weight: bold;
/*    color: #53595F;*/
    color: #333;
    text-decoration: none;
    margin-right: 40px;
    border-bottom: 4px solid #eceff4;
}

.ir_ir_news .rss-content {
    position: absolute;
    top: 0;
    right: 0;
}

.ir_ir_news .rss-content em {
    padding: 0px 0 0 0;
    margin-top: -10px;
}

.ir_bottom_layout .internal-link-area.highlight,
.ir_bottom_layout .external-link-area.highlight {
	margin-bottom: 10px;
    padding: 10px 0px;
    padding-right: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
    text-decoration: none;
	border-top: 4px solid #00a7eb;
    border-bottom: 2px solid #eceff4;
}
.ir_bottom_layout .link-list:not(.highlight) .internal-link-text,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text {
    border-bottom: none;
}


.ir_bottom_layout .link-list:not(.highlight) .internal-link-text > a,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text > a {
    color: #0090cb;;
    padding-left: 20px;
    font-weight: normal;
}

.ir_top_layout .link-list:not(.highlight) .internal-link-text > a:visited,
.ir_top_layout .link-list:not(.highlight) .external-link-text > a:visited,
.ir_bottom_layout .link-list:not(.highlight) .internal-link-text > a:visited,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text > a:visited {
    color: #800080;;
}

.ir_bottom_layout .link-list:not(.highlight) .internal-link-text > a:not([target="_blank"]):after,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text > a:not([target="_blank"]):after {
	content: "";
    left: 6px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #00a7eb;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.ir_bottom_layout .link-list:not(.highlight) .internal-link-text a[target="_blank"]:after,
.ir_bottom_layout .link-list:not(.highlight) .external-link-text a[target="_blank"]:after {
    content: "";
    left: 4px;
    background: url(../../../../../../resources/sw_img_recruit/icon_link_blank_blue.png) center center no-repeat;
    width: 8px;
    height: 8px;
    border: none;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
}

.ir_bottom_layout .text-section {
    padding: 10px 20px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-top: 4px solid #00a7eb;
    border-bottom: 2px solid #eceff4;
}


/*-------------- 「投資家情報」のページ設定 ここまで---------*/



/*----- 最新決算資料 -----*/
.ir_lib_layout > div {
	background: #f6f8fb;
	padding: 20px 20px 10px;
}

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


/*ボタンのホバーアクション*/
/* 使用ページ： 「財務ハイライト」・「財政状況」・「キャッシュ・フローの状況」・「お問い合わせ」の個人情報保護方針同意画面*/
.button_hover_action .teaser.no-img:not(.highlight) h2 a:hover,
.button_hover_action .external-teaser.no-img:not(.highlight) h2 a:hover, 
.button_hover_action .external-teaser.with-checkbox:not(.highlight) h2 a:hover {
    color: #fff;
    background-color: #00a7eb;
    border: 1px solid #00a7eb;
}

/* お問い合わせ専用 リンク無効時 */

.button_hover_action .external-teaser.with-checkbox.disabled:not(.highlight) h2 a:hover {
	background-color: #ccc;
	color: #999;
    border: 1px solid #999
}


/*-------------- 「お問い合わせ」「個人情報保護方針」同意ページ設定 ここから---------*/
.layout_contact1 .teaser.no-img:not(.highlight),
.layout_contact1 .external-teaser.no-img:not(.highlight) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layout_contact1 .external-teaser.with-checkbox:not(.highlight) p {
	-ms-flex-order: 1;
	order: 1;
}

.layout_contact1 .teaser.no-img:not(.highlight) h2,
.layout_contact1 .external-teaser.no-img:not(.highlight) h2 {
	-ms-flex-order: 2;
    order: 2;
}
/*-------------- 「お問い合わせ」「個人情報保護方針」同意ページ設定 ここまで---------*/



/*-------------- トップページ(index) ここから---------*/
/*
.layout_home .teaser:not(.no-img):not(.highlight) h2,
.layout_home .external-teaser:not(.no-img):not(.highlight) h2 {
    border-left: 2px solid #eceff4;
    border-right: 2px solid #eceff4;
    border-bottom: 2px solid #eceff4;
    border-radius: 0 0 9px 9px;
}

.layout_home .teaser:not(.no-img):not(.highlight) h2 a,
.layout_home .external-teaser:not(.no-img):not(.highlight) h2 a {
    text-align: center;
    font-size: inherit;
    font-weight: normal;
    color: #0090cb;
    text-decoration: none;
}
    
.layout_home .teaser:not(.no-img):not(.highlight) h2 a:after,
.layout_home .external-teaser:not(.no-img):not(.highlight) h2 a:after {
    content: "";
    left: 30px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 5px solid #00a7eb;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    transform: scaleX(1.8);
}

.layout_home .teaser:not(.no-img):not(.highlight) h2 + a,
.layout_home .external-teaser:not(.no-img):not(.highlight) h2 + a {
    border: none;
}
*/

body.sitetop #wrapper-2 {
	width: 100%;
	margin: 0;
	padding: 20px 0px;

	background: url("../../../../../../resources/sw_img_recruit/bg_home.png") repeat center center;
}

body.sitetop .multiColumn3 > div {
/*	width: calc(100% - 10px); */
}



body.sitetop .teaser:not(.no-img):not(.highlight) ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) {
	position: relative;

	margin-bottom: 0;
	border-radius: 9px;
}

body.sitetop .teaser:not(.no-img):not(.highlight) h2 ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 {
	margin: 0;
	position: static;

	z-index: 1;
}

body.sitetop .teaser:not(.no-img):not(.highlight) h2 a ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 a {
	padding: 0;
	margin: 0;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px 10px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff669;
	font-size: 1.6rem;
	background: rgba(0, 167, 235, 0.8);
	opacity: 0;
	border-radius: 9px;
}

body.sitetop .teaser:not(.no-img):not(.highlight) h2 a:before ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 a:before ,
body.sitetop .teaser:not(.no-img):not(.highlight) h2 a:after ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 a:after {
	content: none;
}

body.sitetop .teaser:not(.no-img):not(.highlight) p ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) p {
	margin: 0;

	position: relative;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 13px 5px;
	padding-left: 20px;
	color: #0090cb;
	background: #fff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	border-radius: 0 0 9px 9px;
	letter-spacing: -1px;
}

body.sitetop .teaser:not(.no-img):not(.highlight) p:after,
body.sitetop .external-teaser:not(.no-img):not(.highlight) p:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 4px solid transparent;
	border-left: 9px solid #00a7eb;
}

body.sitetop .teaser:not(.no-img):not(.highlight) h2 + a ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 + a {
	border-bottom: none;
	border-radius: 9px 9px 0 0;
}

body.sitetop .teaser:not(.no-img):not(.highlight) h2 + a img ,
body.sitetop .external-teaser:not(.no-img):not(.highlight) h2 + a img {
	opacity: 1;
}

body.sitetop .teaser:not(.no-img):not(.highlight):hover > h2,
body.sitetop .external-teaser:not(.no-img):not(.highlight):hover > h2,
body.sitetop .teaser:not(.no-img):not(.highlight):hover > a,
body.sitetop .external-teaser:not(.no-img):not(.highlight):hover > a {
	opacity: 1;
}

body.sitetop .teaser:not(.no-img):not(.highlight):hover h2 a ,
body.sitetop .external-teaser:not(.no-img):not(.highlight):hover h2 a {
	opacity: 1;
}
/*?????*/
body.sitetop .teaser:not(.no-img):not(.highlight) a:visited + p,
body.sitetop .external-teaser:not(.no-img):not(.highlight) a:visited + p {
	color :#800080;
}
/* トップのニュース設定 */
/* 背景色、位置修正 */
.layout_top_news .basic-list:not(.thumnail) ul.tabItems,
.layout_top_news .basic-list-english:not(.thumnail) ul.tabItems {
    padding: 10px;
    margin-right: 10px;
    background: #fff;
}

/* ニュース見出し */
.layout_top_news {
    position: relative;
}
.layout_top_news > div > .internal-link-area,
.layout_top_news > div > .external-link-area {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    margin-right: 40px;
	margin-bottom: 10px;
}

.layout_top_news .internal-link-area > a:link,
.layout_top_news .external-link-area > a:link,
.layout_top_news .internal-link-area > a:visited,
.layout_top_news .external-link-area > a:visited {
    /* color: #53595F; */
    color: #333;
}

/*ホバー時の透過を解除し、下線をつける */
.layout_top_news .internal-link-area a:hover,
.layout_top_news .external-link-area a:hover {
	opacity: 1;
	text-decoration: underline;
}
/* 画像の透過も解除 */
.layout_top_news .internal-link-area a:hover > img,
.layout_top_news .external-link-area a:hover > img {
	opacity: 1;
}

/* RSSアイコンの設定 */
.layout_top_news .rss-content {
    position: absolute;
    top: 0;
    right: 0;
}

.layout_top_news .rss-content em {
    padding: 0px 0 0 0;
    margin-top: -10px;
}

/*-------------- トップページ(index) ここまで---------*/

/*-------------ニュースアイコン設定-------------------*/
/*-------------- ニュースアイコン「お知らせ」の色設定---------*/
.basic-list .c_icon .info:before,
.basic-list-english .c_icon .info:before {
    background: #7a592f;
}

/* 重要なお知らせ */
.basic-list .c_icon span.important:before,
.basic-list-english .c_icon span.important:before {
    background: #199973;
}

/* IR資料 */
.basic-list .c_icon span.material:before,
.basic-list-english .c_icon span.material:before {
    background: #aaa;
}



/* 上部切り替えタブの色設定 */

/* 短信 */
.basic-list .tabs span.result:before,
.basic-list-english .tabs span.result:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #07abd4;
}

/* 業績 */
.basic-list .tabs span.gyouseki:before,
.basic-list-english .tabs gyouseki.result:before {
    border-color: transparent;
	background: none;

	color: #fff;
	background: #AE8BC9;
}


/* 適時 */
.basic-list .tabs span.tekiji:before,
.basic-list-english .tabs span.tekiji:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #1a3a8f;
}

/* PR情報 */
.basic-list .tabs span.pr:before,
.basic-list-english .tabs span.pr:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #f46143;
}


/* IRお知らせ */
.basic-list .tabs span.ir:before,
.basic-list-english .tabs span.ir:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #fe7fac;
}
/* ガバナンス */
.basic-list .tabs span.governance:before,
.basic-list-english .tabs span.governance:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #646464;
}

/* 株主総会 */
.basic-list .tabs span.meeting:before,
.basic-list-english .tabs span.meeting:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #76c428;
}

/* 有報 */
.basic-list .tabs span.yuho:before,
.basic-list-english .tabs span.yuho:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #f39107;
}

/* IR資料 */
.basic-list .tabs span.material:before,
.basic-list-english .tabs span.material:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #aaa;
}

/* お知らせ */
.basic-list .tabs span.info:before,
.basic-list-english .tabs span.info:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #7a592f;
}

/* 重要なお知らせ */
.basic-list .tabs span.important:before,
.basic-list-english .tabs span.important:before {
    border-color: transparent;
	background: none;

	color: #fff;
    background: #199973;
}


/* お問い合わせフォームの設定 */
.form-wrapper div.form-edit > input[type="text"] ,
.form-wrapper div.form-edit > textarea {
	/* 入力域に丸み */
	border-radius: 5px;
}
/*
.form-wrapper div.form-edit > input[type="text"]:focus,
.form-wrapper div.form-edit > textarea:focus {
	border: 1px solid #00a3e6;

}
*/

.form-wrapper div.button-wrapper.form-submit > input {
    background: none;
}

.form-wrapper div.button-wrapper.form-submit > input:hover,
.form-wrapper div.button-wrapper.form-submit > input:focus {
    background: #00a3e6;
	border: 1px solid #00a3e6;
	color: #fff;
}
/* お問い合わせフォームの設定 ここまで*/






/* **********************************************************
	profile__office
********************************************************** */
.sp_map_con {
	padding:15px;
	background: #f0ffff;
}
.sp_map{
	width:100%;
	overflow:hidden;
	background:url(../../../../../../resources/img_office_map/img_office_map_sp.jpg) 50% 50% no-repeat,#f0ffff;;
	background-size:80% auto,auto;
	background-size: contain;
}
.sp_map ul{
	padding:0;overflow:hidden;
	margin:0;
}
.sp_map ul li{
	width:50%;
	float:left;
	text-align:center;
	padding:2.5px;
}
.sp_map ul li a{
	display:block;
	height:100%;
	width:100%;
	background:rgba(0,175,204,.86);
	border-radius:6px;
	color:#fff;font-weight:bold;
	padding:6px;
}
.sp_map ul li.asia a{
	display:block;
	height:100%;
	width:100%;
	background:rgba(255,201,0,.86);
	border-radius:6px;
	color:#fff;font-weight:bold;
	padding:6px;
}
.sp_map ul li a span{
	padding:10px;
	border:1px solid #fff;
	display:block;
	height:100%;border-radius:6px;
	width:100%;
}



/*===== 採用 共通設定 ====*/
/* ヘッダー */
[data-page-marker~="header-overwrite"] #promos3 .area-sp-header:not(.overwrite) {
	display: none !important;
}

/* フッター */
[data-page-marker~="footer-overwrite"] #site-info .area-footer:not(.overwrite) {
	display: none !important;
}

/* html1バナー */
#html1 .teaser.no-img:not(.highlight) ,
#html1 .external-teaser.no-img:not(.highlight) {
	text-align: center;
}

#html1 .teaser.no-img:not(.highlight) h2 ,
#html1 .external-teaser.no-img:not(.highlight) h2 {
	display: inline-block;
}

#html1 .teaser.no-img:not(.highlight) h2 a ,
#html1 .external-teaser.no-img:not(.highlight) h2 a {
	margin: 0;

	position: relative;
	border: 1px solid #dadada;
	padding: 8px 35px;
	color: #0090cb;
	background: #fff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	border-radius: 9px;
	letter-spacing: -1px;
}

#html1 .teaser.no-img:not(.highlight) h2 a:after,
#html1 .external-teaser.no-img:not(.highlight) h2 a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 4px solid transparent;
	border-left: 9px solid #00a7eb;
}

/*===== 採用 TOP ====*/
[data-page-marker~="with-html1-bg"] #html1 .multiColumn1 ,
[data-page-marker~="with-html1-bg"] #html1 .multiColumn2 ,
[data-page-marker~="with-html1-bg"] #html1 .multiColumn3 ,
[data-page-marker~="with-html1-bg"] #html1 .multiColumn4 ,
[data-page-marker~="with-html1-bg"] #html1 .multiColumn5 {
	display: block;
}

[data-page-marker~="with-html1-bg"] #html1 .column1 ,
[data-page-marker~="with-html1-bg"] #html1 .column2 ,
[data-page-marker~="with-html1-bg"] #html1 .column3 ,
[data-page-marker~="with-html1-bg"] #html1 .column4 ,
[data-page-marker~="with-html1-bg"] #html1 .column5 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

[data-page-marker~="with-html1-bg"] #html1 .text-section ,
[data-page-marker~="with-html1-bg"] #html1 .text-section img {
	margin-bottom: 0;
}

[data-page-marker~="with-html1-bg"] #html1 .area-recruit-caption {
	padding: 40px 15px;
	background: url("../../../../../../resources/sw_img_recruit/bg_home.png") repeat center center;
}

[data-page-marker~="with-html1-bg"] #html1 .area-recruit-concept {
	background: url("../../../../../../resources/sw_img_recruit/bg_home.png") repeat center center;
}

[data-page-marker~="with-html1-bg"] #html1 .area-recruit-concept .teaser.no-img:not(.highlight) ,
[data-page-marker~="with-html1-bg"] #html1 .area-recruit-concept .external-teaser.no-img:not(.highlight) {
	margin: 10px 15px;
	text-align: right;
}


/* 中央揃え */
.lx_col_center {
	display: block;
	text-align: center;
}

.lx_col_center > .empty {
	display: none;
}







/*===== カラム下マージン無し =====*/
.lx_col_mb0 > .column1 ,
.lx_col_mb0 > .column2 ,
.lx_col_mb0 > .column3 ,
.lx_col_mb0 > .column4 ,
.lx_col_mb0 > .column5 {
	margin-bottom: 0;
}

/*===== マルチカラム下マージン設定 =====*/
#sharewithmain .lx_mcol_mb0 ,
#promos1 .lx_mcol_mb0 ,
#promos2 .lx_mcol_mb0 ,
#promos3 .lx_mcol_mb0 ,
#site-info .lx_mcol_mb0 {
	margin-bottom: 0px;
}

#sharewithmain .lx_mcol_mb10 ,
#promos1 .lx_mcol_mb10 ,
#promos2 .lx_mcol_mb10 ,
#promos3 .lx_mcol_mb10 ,
#site-info .lx_mcol_mb10 {
	margin-bottom: 10px;
}

#sharewithmain .lx_mcol_mb20 ,
#promos1 .lx_mcol_mb20 ,
#promos2 .lx_mcol_mb20 ,
#promos3 .lx_mcol_mb20 ,
#site-info .lx_mcol_mb20 {
	margin-bottom: 20px;
}

#sharewithmain .lx_mcol_mb30 ,
#promos1 .lx_mcol_mb30 ,
#promos2 .lx_mcol_mb30 ,
#promos3 .lx_mcol_mb30 ,
#site-info .lx_mcol_mb30 {
	margin-bottom: 30px;
}

#sharewithmain .lx_mcol_mb40 ,
#promos1 .lx_mcol_mb40 ,
#promos2 .lx_mcol_mb40 ,
#promos3 .lx_mcol_mb40 ,
#site-info .lx_mcol_mb40 {
	margin-bottom: 40px;
}

#sharewithmain .lx_mcol_mb60 ,
#promos1 .lx_mcol_mb60 ,
#promos2 .lx_mcol_mb60 ,
#promos3 .lx_mcol_mb60 ,
#site-info .lx_mcol_mb60 {
	margin-bottom: 60px;
}

#sharewithmain .lx_mcol_mb80 ,
#promos1 .lx_mcol_mb80 ,
#promos2 .lx_mcol_mb80 ,
#promos3 .lx_mcol_mb80 ,
#site-info .lx_mcol_mb80 {
	margin-bottom: 80px;
}

#sharewithmain .lx_mcol_mb100 ,
#promos1 .lx_mcol_mb100 ,
#promos2 .lx_mcol_mb100 ,
#promos3 .lx_mcol_mb100 ,
#site-info .lx_mcol_mb100 {
	margin-bottom: 100px;
}


/*===== SP表示で強制的に1カラムに =====*/
@media handheld, only screen and (max-width: 767px) {
	.lx_col_sp100 > .column1 ,
	.lx_col_sp100 > .column2 ,
	.lx_col_sp100 > .column3 ,
	.lx_col_sp100 > .column4 ,
	.lx_col_sp100 > .column5 ,
	body[id=index] [role="main"] > .lx_col_sp100 {
		width: 100%;
	}
}







/*==== テーブルの枠線を消す ====*/
#sharewithmain .lx_table_no_border {
}

/*.lx_table_no_border .shwTable table.htCore tr td ,*/
#sharewithmain .lx_table_no_border th,
#sharewithmain .lx_table_no_border td {
	border-color: transparent;
}


#sharewithmain .lx_table_no_v_border {
}

/*.lx_table_no_v_border .shwTable table.htCore tr td ,*/
#sharewithmain .lx_table_no_v_border th,
#sharewithmain .lx_table_no_v_border td {
	border-left-color: transparent;
	border-right-color: transparent;
}


#sharewithmain .lx_table_no_h_border {
}

/*.lx_table_no_h_border .shwTable table.htCore tr td ,*/
#sharewithmain .lx_table_no_h_border th,
#sharewithmain .lx_table_no_h_border td {
	border-top-color: transparent;
	border-bottom-color: transparent;
}


/*==== テーブルの背景を消す ====*/
#sharewithmain .lx_table_no_bg {
}

#sharewithmain .lx_table_no_bg th,
#sharewithmain .lx_table_no_bg td {
	background: none;
}


/*==== テーブルのパディングを０にする ====*/
#sharewithmain .lx_table_no_pad {
}

#sharewithmain .lx_table_no_pad th,
#sharewithmain .lx_table_no_pad td {
	padding: 0;
}


/*==== テーブルを上下中央揃えにする ====*/
#sharewithmain .lx_table_valign_middle {
}

.lx_table_valign_middle .shwTable table.htCore tr td ,
.lx_table_valign_middle th,
.lx_table_valign_middle td {
	vertical-align: middle;
}






/*== テキスト下マージン無し ==*/
#sharewithmain .lx_text_mb0 {
}

#sharewithmain .lx_text_mb0 .text-section {
	margin-bottom: 0;
}

/*== 画像下マージン無し ==*/
#sharewithmain .lx_text_img_mb0 {
}

#sharewithmain .lx_text_img_mb0 .text-section img {
	margin-bottom: 0;
}


/*== バナー下マージン無し ==*/
#sharewithmain .lx_teaser_mb0 {
}

#sharewithmain .lx_teaser_mb0 .teaser ,
#sharewithmain .lx_teaser_mb0 .external-teaser ,
#sharewithmain .lx_teaser_mb0 .download-teaser {
	margin-bottom: 0;
}





/*-------------- YouTube（動画埋め込み） --------------*/
div.youtube {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

div.youtube > iframe {
	display: block;
	margin: auto;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	div.youtube {
		padding: 0 10px;
	}

	div.youtube::after {
		content: "";
		display: block;
		padding-top: 56.25%; 	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	/*	padding-top: 75%; */	/* 高さと幅の比を4:3に固定。3/4*100=75 */
	}

	div.youtube > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}


/*LP用*/


@media handheld, only screen and (max-width: 767px){
[data-page-path="/ja/lp/index"] #sharewithmain .multiColumn1 > .column1, [data-page-path="/ja/lp/index"] #sharewithmain .multiColumn2 > .column1, [data-page-path="/ja/lp/index"] #sharewithmain .multiColumn2 > .column2 {
    width: 100%;
}
}


@media handheld, only screen and (max-width: 767px){
[data-page-path="/ja/lp/index"] #sharewithmain .column1, [data-page-path="/ja/lp/index"] #sharewithmain .column2, [data-page-path="/ja/lp/index"] #sharewithmain .column3, [data-page-path="/ja/lp/index"] #sharewithmain .column4, [data-page-path="/ja/lp/index"] #sharewithmain .column5 {
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: top;
    clear: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}
}

[data-page-path="/ja/lp/index"] #sharewithmain #logo{
    display: block;
}


#site-info .area-footer-sitemap .fx_fotter_sitemap_linklist .link-list > ul > li > a{
	display: block;
}

#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 > li > a{
	display: block;
}


#site-info .area-footer-sitemap .sitemap-1st > a{
	float: none;
	width: 100%;
	padding-top: 0px;
}


#site-info .area-footer-sitemap .fx_fotter_sitemap_linklist .column{
	padding-bottom: 20px;
}