@charset "utf-8";

/* =====================================================================
メディアクエリ
*/
@media (min-width:768px) {
	/* スマホ画面以上 */
}

@media (max-width:767px) {
	/* スマホ画面対応 */
}

@media (max-width:991px) {
	/* col-md 未満 */
}

@media screen and (min-width: 992px) {
	/* col-md 以上 */
}

@media screen and (min-width: 1200px) {
	/* col-lg 以上 */
}

/* =====================================================================
カラー
#4FAFC2　メインの緑 rgb(79,175,194)
#338595　濃い緑 rgb(51,133,149)
#EAF1F1　薄い緑 rgb(234,241,241)
#F8F8F8　薄いグレー
#DD4814　赤ボタン
*/
/* =====================================================================
ボタン　トランジション
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
*/
/* =====================================================================
影
	box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
スライスの影
	box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
*/
.color-main {
	background-color: #4FAFC2;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
}

a.link-w {
	color: #FFF;
}

/* lineup */
#lineup-font-size-sampler {
	display: none;
}

/* =====================================================================
言語切替
*/
.tools {
	background-color: #F2F2F2;
	border-bottom: 1px solid #DEDEDE;
	display: flex;
	justify-content: flex-end;
	padding: 5px 15px;
}

.tools lang {
	font-size: 12px;
}

/* =====================================================================
ロゴ
*/
.logo {
	z-index: 9999;
}

.tagline {
	color: #666;
	font-size: 19px;
}

.tagline>div {
	padding-top: 15px;
	padding-bottom: 5px;
}

#menu-sticky-wrapper {
	height: 75px !important;
}

/* =====================================================================
ナビゲーション
*/
#menu {
	width: 100%;
	z-index: 9998;
	font-size: 14px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar {
	border-radius: 0px;
}

.navbar-default {
	background-color: #FFF;
	border: none;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

/* アイコン　メイン */
.navbar-default .navbar-nav>li>a i.fa-fw {
	color: #4FAFC2;
	display: block;
	font-size: 24px;
	width: 24px;
	height: 24px;
	margin: 0px auto;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* アイコン　メイン　Hover */
.navbar-default .navbar-nav>li>a:hover i.fa-fw {
	color: #FFFFFF;
}

/* リンク */
.navbar-default .navbar-nav>li>a {
	color: #4FAFC2;
	margin: 5px;
	border-radius: 4px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* リンク　Hover */
.navbar-default .navbar-nav>li>a:focus {
	color: #4FAFC2;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #FFF;
	background-color: #4FAFC2;
}

/* リンク　サイズ調整 */
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px;
}

.nav-pills>li>a {
	height: auto;
	border-radius: 7.5px;
	padding: 7px 10px;
	font-size: 12px;
	background-color: #BBDEFB;
	margin-left: 2.5px;
	margin-right: 2.5px;
}

/* リンク　アクティブ */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
	color: #FFFFFF;
	background-color: #4FAFC2;
}

/* アイコン　アクティブ */
.navbar-default .navbar-nav>.active>a i.fa-fw {
	color: #FFFFFF;
}

/* リンク　オープン */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
	color: #555;
	background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a i.fa-fw,
.navbar-default .navbar-nav>.open>a:hover i.fa-fw {
	color: #555;
}

/* ドロップダウン　サイズ */
.dropdown-menu>li>a {
	display: block;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 20px;
	padding-bottom: 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
}

/* =====================================================================
ページ内アンカーナビ
*/
ul#page-anchor {
	padding: 10px;
	background-color: #F5F5F5;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
	width: 940px;
	z-index: 9997;
	font-size: 14px;
}

ul#page-anchor>li>a>span {
	font-size: 12px;
}

.is-sticky>ul#page-anchor {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

@media screen and (min-width: 1200px) {
	ul#page-anchor {
		width: 1140px;
	}
}

/* 機能紹介 */
.nav-justified>li {
	display: table-cell;
	width: 1%;
}

.anchor-fix {
	margin-top: -150px;
	padding-top: 150px;
}

/* 連携ソフト */
.page-collabo .anchor-fix {
	margin-top: -135px;
	padding-top: 135px;
}

/* =====================================================================
パンくずリスト
*/
.wrap-breadcrumb {
	padding: 10px 0px;
	margin-bottom: 0px;
	background-color: #4FAFC2;
	position: relative;
	z-index: 9990;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

ul.breadcrumb {
	font-size: 18px;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #EAF1F1;
}

.breadcrumb {
	padding: 10px 25px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
}

.breadcrumb>li+li:before,
.breadcrumb>li.nochild:before {
	color: #EAF1F1;
	display: inline-block;
	font: normal normal normal 1em/1em FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f054";
	margin-left: 0.3em;
	margin-right: 0.7em;
}

.breadcrumb>.active {
	color: #EAF1F1;
}

.breadcrumb a {
	color: #FFF;
	text-decoration: none;
}

/* =====================================================================
トップへ戻る
*/
#page-top {
	width: 80px;
	height: 40px;
	display: none;
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 9999;
}

#page-top p {
	margin: 0;
	padding: 0;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#A64FAFC2, EndColorStr=#A64FAFC2);
	background-color: rgba(79, 175, 194, 0.65);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 6px;
}

#page-top p:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#A6338595, EndColorStr=#A6338595);
	background-color: rgba(51, 133, 149, 0.65);
}

#move-page-top {
	width: 80px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

/* =====================================================================
ボタン
*/
.btn-conmas {
	color: #fff;
	background-color: #DD4814;
	border-color: #bf3e11;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-conmas:hover,
.btn-conmas:focus,
.btn-conmas.focus,
.btn-conmas:active,
.btn-conmas.active,
.open>.dropdown-toggle.btn-conmas {
	color: #fff;
	background-color: #ae3910;
	border-color: #a5360f;
}

.btn-exlg,
.btn-group-exlg>.btn {
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 10px;
	font-size: 22px;
	line-height: 1.33;
	border-radius: 6px;
}

.btn-default {
	color: #337ab7;
	background-color: #FFFFFF;
	border-color: #337ab7;
}

.btn-primary {
	color: #fff;
	background-color: #2196F3;
	border-color: #1976D2;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1976D2;
	border-color: #0D47A1;
}

/* =====================================================================
トップページ
*/
#top-hero {
	background-image: url(../images/top_hero.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
	background-color: #009688;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 9;
}

#home {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F5F5F5;
}

/* シェア */
#share {
	background-image: url(../images/share.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	background-color: #FF5722;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 8;
}

#share .container {
	position: relative;
}

.sharebadge {
	position: absolute;
	top: 10px;
	left: 10px;
}

.sharecaption {
	position: absolute;
	left: 300px;
	right: 0px;
	top: 50px;
}

#share h3 {
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
}

#share h3.line {
	font-size: 28px;
	border: 1px solid #FFF;
	padding: 0.5em;
	display: inline-block;
}

#share h3.num {
	font-size: 30px;
}

@media screen and (min-width: 1200px) {
	#share h3.num {
		font-size: 38px;
	}
}

#share h3 span {
	font-size: 160%;
}

#share p {
	color: #FFF;
}

#record {
	background-image: url(../images/Record.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	background-color: #0288D1;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 10;
}

/* =====================================================================
メインカラーのパネル
*/
.panel-conmas {
	border-color: #4FAFC2;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
}

.panel-conmas>.panel-heading {
	color: #FFFFFF;
	background-color: #4FAFC2;
	border-color: #4FAFC2;
}

.panel-conmas>.panel-footer {
	padding: 10px 15px;
	background-color: #EAF1F1;
	border-top: 1px solid #4FAFC2;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/* =====================================================================
App Store へのリンク
*/
.appstore {
	background-color: #009688;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 8;
}

/* =====================================================================
お試しクラウドの告知
*/
.trial {
	background-color: #F8F8F8;
	padding-top: 10px;
	padding-bottom: 40px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

/* =====================================================================
セクションヘッダー
*/
.section-header {
	padding-top: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

/* =====================================================================
ユーティリティ
*/
.btn-bottom {
	position: relative;
}

.btn-bottom .panel-body {
	margin-bottom: 34px;
}

.btn-bottom a.btn-block {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	width: auto;
}

/* 見出し */
h2.article-title {
	border-left: 6px solid #B0BEC5;
	padding: 10px;
	color: #757575;
	font-size: 28px;
	font-weight: bold;
	overflow: hidden;
}

h3.article-subtitle {
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 0px;
	color: #666666;
	font-size: 20px;
	position: relative;
	margin-bottom: 1em;
	overflow: hidden;
}

h3.article-subtitle:before {
	position: absolute;
	content: "";
	height: 1px;
	background: #4FAFC2;
	width: 90px;
	bottom: -1px;
	left: 0px;
}

h3.caption-title {
	font-size: 20px;
	font-weight: bold;
	color: #FF9800;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* 画像の回り込み */
.img-right {
	padding-left: 40px;
	padding-bottom: 5px;
}

.font-size-36 {
	font-size: 36px;
}

.box-o-white {
	border-radius: 5px;
	padding: 15px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.5);
}

.box-o-white a.btn {
	margin-top: 15px;
}

.box-o-white a.btn:first-child {
	margin-top: 0px;
}

.boxContent {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}

/* 固定ポップオーバー */
.popover-row {
	position: relative;
	padding-top: 20px;
	padding-bottom: 15px;
}

.popover {
	margin: 20px;
}

/* カテゴリ内ページ移動 */
.slice-pagenavi {
	background-color: #009688;
}

.slice-pagenavi a {
	color: #ffffff;
}

.slice-pagenavi a span.small {
	color: #B2DFDB;
	display: block;
	padding: 0em 0.8em;
}

ul.page-navi {
	list-style: none;
	font-size: 18px;
}

ul.page-navi>li {
	display: inline-block;
}

ul.page-navi>li.previous {
	float: left;
	width: 30%;
}

ul.page-navi>li.previous a {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	display: block;
}

ul.page-navi>li.next {
	text-align: right;
	float: right;
	width: 30%;
}

ul.page-navi>li.next a {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	display: block;
}

/* 引用 */
blockquote {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 45px;
	padding-bottom: 10px;
	margin: 0 0 20px;
	position: relative;
	font-size: 16px;
	background-color: #FAFAFA;
}

blockquote p:before {
	display: block;
	font: normal normal normal 1.5em/1em FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f10d";
	color: #DDDDDD;
	position: absolute;
	left: 10px;
	top: 10px;
}

/* ラベル */
.label {
	display: inline;
	padding-top: 0.2em;
	padding-right: .6em;
	padding-left: .6em;
	padding-bottom: 0.17em;
	font-size: 75%;
	font-weight: normal;
	line-height: 1em;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

/* メディア */
.media-heading {
	margin-top: 5px;
	margin-bottom: 10px;
}

/* モーダル */
.modal {
	z-index: 10000;
}

.modal .terms h3 {
	font-size: 16px;
}

.modal .terms p {
	font-size: 12px;
}

/* リスト　success */

ul.success {
	padding-left: 1.2em;
	font-size: 14px;
}

/* =====================================================================
イベント情報
*/
#news {
	padding-bottom: 40px;
}

#news article {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #eee;
}

.date-box {
	color: #2c3e50;
	background-color: #EAF1F1;
	border-radius: 6px;
}

#news article p.post-date {
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
}

#news article p.event-date,
#news article p.start-date,
#news article p.end-date {
	font-size: 14px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 4px;
	margin: 0px;
}

#news article p.start-date,
#news article p.end-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#news article p.event-date {
	padding-top: 6px;
	font-size: 16px;
}

#news article p.end-date {
	margin-top: -4px;
}

#news article p.end-date:before {
	content: "▼\A";
	white-space: pre;
}

#news article img {
	border: 1px solid #EEE;
	margin-bottom: 10px;
	padding: 10px;
}

#news article h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
}

#news article p,
#news article li {
	font-size: 14px;
	color: #666;
}

/* =====================================================================
導入事例
*/
#page-example .slice {
	background-color: #F7F7F7;
	padding-top: 2em;
	padding-bottom: 1.5em;
}

#page-example .container.interview {
	padding: 40px 60px;
}

#page-example h2 {
	font-size: 26px;
	color: #424242;
}

#page-example .boxContent h2 {
	margin-top: 0px;
	font-size: 30px;
	color: #424242;
}

#page-example h3 {
	font-size: 20px;
	line-height: 1.3em;
	color: #757575;
	font-weight: bold;
}

#page-example .interview p {
	line-height: 1.5em;
	padding-bottom: 0.6em;
	font-size: 18px;
	color: #424242;
}

#page-example .interview p.small {
	line-height: 1.3em;
	padding: 0.6em;
	font-size: 14px;
	color: #424242;
}

#page-example p.caption {
	line-height: 1.3em;
	font-size: 14px;
	padding: 1em;
}

.photo-right {
	float: right;
	font-size: 14px;
	padding: 0px;
	width: 230px;
	background: #EEE;
	margin: 0px 0px 15px 15px;
}

.photo-right-2x {
	float: right;
	font-size: 14px;
	padding: 0px;
	width: 460px;
	background: #EEE;
	margin: 0px 0px 15px 15px;
}

.photo-left {
	float: left;
	font-size: 14px;
	padding: 0px;
	width: 230px;
	background: #EEE;
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
}

.photo-left-2x {
	float: left;
	font-size: 14px;
	padding: 0px;
	width: 460px;
	background: #EEE;
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
}

#page-example .photo-right p,
#page-example .photo-left p,
#page-example .photo-right-2x p,
#page-example .photo-left-2x p {
	line-height: 1.2em;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
}

#page-example .interview p.text-question {
	color: #4FAFC2;
	padding-top: 1em;
}

#page-example .text-effect {
	font-size: 24px;
	font-weight: bold;
	color: #FF9800;
}

/* =====================================================================
講習会
*/
.modal-dialog.modal-lg {
	width: 900px;
}

.modal .table {
	margin-bottom: 0px;
}

.modal .table th {
	white-space: nowrap;
}

#page-workshop .table>thead>tr>th,
#page-workshop .table>tbody>tr>th,
#page-workshop .table>tfoot>tr>th,
#page-workshop .table>thead>tr>td,
#page-workshop .table>tbody>tr>td,
#page-workshop .table>tfoot>tr>td {
	padding: 0.5em 1em;
}

tr.end>td,
tr.closedate>td,
tr.full>td {
	color: #AAAAAA;
	text-decoration: line-through;
}

tr.end>td.kintone,
tr.closedate>td.kintone,
tr.full>td.kintone,
tr.end>td.cert,
tr.closedate>td.cert,
tr.full>td.cert {
	text-decoration: none;
}

table.table-date tr.end>td,
table.table-date tr.closedate>td,
table.table-date tr.full>td {
	background-color: #FAFAFA;
}

/* =====================================================================
フッター
*/
#footer {
	color: #666;
	background-color: #EAF1F1;
	border-top: 5px solid #8BCAD6;
	padding-top: 40px;
	padding-bottom: 30px;
}

/* =====================================================================
スライダー
*/
#slider-app {
	background-color: #FAFAFA;
}

.slice-slider {
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 20px;
	margin-bottom: 30px;
}

.sp-thumbnail-image-container {
	width: 110px;
	float: left;
}

.sp-thumbnail {
	background-color: #F0F0F0;
}

.sp-thumbnail-text {
	width: 240px;
	float: right;
	padding: 8px;
	/* 18pxはアクティブマーカー用なので引く。jsで368なら350-100 */
}

.sp-thumbnail-title {
	font-size: 14px;
}

.sp-thumbnail-description {
	font-size: 12px;
}

#page-product .container.article {
	padding-bottom: 30px;
}


/* =====================================================================
導入実績1000
*/
#record {
	background-image: url(../images/Record/Record.png);
	background-color: #81C784;
	height: 500px
}

#record>.inner {
	width: 910px;
	position: relative;
	margin: 0 auto;
}

#record>.inner>.intro {
	position: absolute;
	top: 130px;
	left: 10px;
}

#record>.inner>.ribbon {
	position: absolute;
	top: 22px;
	left: 9px;
}

#record>.inner>.text {
	position: absolute;
	top: 354px;
	left: 13px;
}

#record>.inner>.hiritsu {
	position: absolute;
	top: 42px;
	right: 6px;
}

#record>.inner>.graph {
	position: absolute;
	top: 304px;
	right: 6px;
}

#record>.inner>a {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
	color: rgba(216, 27, 96, 0.7);
	text-decoration: none;
}

/* =====================================================================
講習会（201807以降）
*/
#training .panel table {
	font-size: 90%;
}

#training .panel table ul {
	margin-bottom: 0;
}

/* =====================================================================
ドロップダウン
*/
.mega-dropdown-menu {
	position: absolute;
	top: 80px;
	left: 0px;
	right: 0px;
	display: none;
	box-shadow: none;
}

.mega-dropdown-menu>.container {
	padding: 20px 0px;
	margin: 0 auto;
	min-width: auto;
	max-width: 100%;
	background-color: #ffffff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .15);
}

.nav-flex {
	display: flex;
	justify-content: space-around;
}

.mega-col {
	border-left: 1px solid #F5F5F5;
	width: 25%;
}

.mega-col:first-of-type {
	border-left: none;
}

.mega-col>ul {
	padding: 0 8px;
	margin: 0;
}

.mega-col>ul>li {
	list-style: none;
}

.dropdown-header {
	color: #607D8B;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 12px;
}

.mega-col>ul>li>a {
	display: block;
	padding: 5px 12px;
	clear: both;
	font-weight: normal;
	line-height: 1.5;
	color: #4FAFC2;
	white-space: normal;
}

.mega-col>ul>li>a:hover,
.mega-col>ul>li>a:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0099FF;
}

.sub-menu {
	background-color: #ffffff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .15);
	position: absolute;
	top: 80px;
	display: none;
	padding: 7px 0px;
	margin: 0;
	left: 0;
	right: auto;
}

.navbar-right .sub-menu {
	left: auto;
	right: 0;
}

.sub-menu>li {
	list-style: none;
}

.sub-menu>li>a {
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.5;
	color: #4FAFC2;
	white-space: nowrap;
}

.sub-menu>li>a:hover,
.sub-menu>li>a:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0099FF;
}

.mega-col .divider {
	border-top: 1px solid #EEEEEE;
	margin: 7.5px;
}

/* =====================================================================
header
*/

.header-top {
	background: #FFF;
	padding: 8px 40px;
}

.header-top a {
	text-decoration: none;
	display: inline-block;
}

.header-top__logo {
	width: 120px;
	margin-right: 20px;
}

.header-top__desc {
	font-weight: bold;
	font-size: 12px;
	color: #222;
}

.float-right {
	float: right !important;
}

.btn__header--document {
	background-color: #ea660d;
}

.btn__header--seminar {
	background-color: #172e5a;
}

.btn__header--base {
	border-radius: 4px;
	color: #fff !important;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 12px;
}
