@charset "utf-8";
/**
 * Forguncyサイトのオフライン認証およびオフライン認証解除の新規スタイル及び、
 * Bootstrapを上書きするためのスタイルを記述
 */

/* ----------------------------------------------------------------
    共通
----------------------------------------------------------------- */
body {
	color: #323232;
	font-family: "Helvetica", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "Hiragino Sans", "メイリオ", meiryo, verdana, sans-serif;
	font-size: 16px;
	font-weight: 500;
}
    .cd-nav-icons img {
        height: 50px;
    }
h1 {
	margin-bottom: 50px;
	font-weight: bold;
	font-size: 60px;
}
h2 {
	margin: 0;
	padding-bottom: 20px;
	color: #008dbe;
	line-height: 1.6;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
}
h2 span {
	font-size:20px;
}
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
	line-height: 1.6;
}
h3 {
	/*font-size: 36px;*/
    font-size: 28px;
}
h4 {
	color: #cd7363;
	/*font-size: 28px;*/
    font-size: 24px;
    
}
h5 {
    /*font-size: 24px;*/
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small {
		color: inherit;
		font-size: 60%;
	}


	.row > div {
		padding: 15px;
	}
p {
	line-height: 1.7;
	margin: 20px 0 0;
}
a {
	/* リンク*/
	color: #005acd;
	text-decoration: none;
}
	a:hover,
	a:focus,
	a:active {
		color: #0097c9;
		text-decoration: underline;
		transition: color .2s linear;
	}
	.sub-section {
		margin-top: 40px;
	}
	.unit {
		margin-top: 10px;
	}
.text--red {
	/* 文字色 */
	color: #c80000;
}
.read-more {
	/* 詳細 */
	margin-top: 0;
}
figure {
	/* 画像 */
}
	.figure__img {
		margin: 20px 0 50px;
	}
		figcaption {
			margin-top: 10px;
			color: #505050;
			font-size: 90%;
			text-align: center;
		}
		.row img,
		.modal-body img,
		.figure__img img {
			display: block;
			max-width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		.figure__img--frame img {
			border: 1px solid #dcdcdc;
		}
		.figure__img--round-frame img {
			border: 1px solid #dcdcdc;
			border-radius: 6px;
			padding: 24px;
			background-color: #ffffff;
		}
		.figure__img--round-frame figcaption {
			text-align: center;
		}
.table {
	/* 表 */
	width: auto;
	max-width: none;
	margin-top: 10px;
	border-color: #dcdcdc;
}
	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		border-color: #dcdcdc;
		padding: 15px;
	}
	.table thead tr th {
		text-align: center;
		background-color: #e6e6e6;
	}
	.table tbody tr th {
		vertical-align: middle;
		background-color: #f0f0f0;
	}
	.table tbody tr td {
		vertical-align: middle;
		background-color: #fff;
	}
ul.list,
ol.list--decimal {
	/* 箇条書き */
	margin: 10px 0 25px;
	padding-left: 25px;
}
	ul.list li {
		padding: 0 0 5px 5px;
		color: #969696;
	}
	ul.list span {
		color: #323232;
	}
	ul.list--check {
		/* 箇条書き > チェック付き */
		padding-left: 0;
	}
		ul.list--check li {
			padding: 0 0 10px 10px;
			list-style: none;
		}
			ul.list--check li:before {
				margin-right: 12px;
				content: "✔";
				list-style: outside;
			}
	ol.list--decimal {
		/* 箇条書き > 番号付き */
		padding-left: 26px
	}
		ol.list--decimal li {
			padding: 0 0 5px 4px;
			list-style: decimal;
		}
	ol.list--decimal--styled {
		/* 箇条書き > 番号付き + 背景色あり */
		position: relative;
		padding-left: 2.2em;
		counter-reset: number;
		list-style: none;
	}
		ol.list--decimal--styled li {
			margin-bottom: 25px;
		}
			ol.list--decimal--styled li:before {
				position: absolute;
				left: 0;
				float: left;
				width: 1.5em;
				height: 1.5em;
				line-height: 1.5;
				border-radius: 50%;
				counter-increment: number;
				content: counter(number);
				color: #fff;
				font-family: arial,verdana,sans-serif;
				font-weight: bold;
				font-style: italic;
				font-size: 15px;
				text-align: center;
				background-color: #00336e;
			}
pre {
	margin-bottom: 25px;
	border: 1px solid #dcdcdc;
	border-radius: 0;
	padding: 14px;
	font-size: inherit;
	background-color: #f5f5f5;
}
	pre code {
		font-family: "メイリオ",meiryo,verdana,sans-serif;
	}
.cloud-icon {
    display: block;
    margin: 0 auto 20px;
}
.notes {
	/* 注記文 */
    color: #646464;
    font-size: 14px;
}
.complement {
	/* 補足分 */
	padding: 25px;
	border-radius: 4px;
	background-color: #e6e6e6;
}
.card-ui a:hover,
.card-ui a:active,
.card-ui a:focus {
	/* カード型UI */
	text-decoration: none;
}
	.card-ui__detail {
		border-radius: 6px;
		background-color: #ffffff;
	}
		.card-ui__detail img {
			border-radius: 6px 6px 0 0;
		}
		.card-ui__detail .card-ui__detail__title {
			margin-top: 0;
			padding: 20px;
			border: 1px solid #dcdcdc;
			border-width:  1px 1px 0;
			border-radius: 6px 6px 0 0;
			color: #506b9d;
			font-size: 24px;
			text-align: center;
		}
		.card-ui__detail .card-ui__detail__title:before{
			display: block;
			margin-bottom: 20px;
			color: #506b9d;
			font-size: 80px;
			text-align: center;
			font-family: fontawesome;
		}
		.icon--catalog .card-ui__detail__title:before{
			content:"\f02d";
		}
		.icon--price .card-ui__detail__title:before{
			content:"\f157";
		}
		.icon--releasenote .card-ui__detail__title:before{
			content:"\f0f6";
		}
		.icon--implement .card-ui__detail__title:before{
			content:"\f059";
		}
		.icon--trial .card-ui__detail__title:before{
			content:"\f019";
		}
		.icon--estimate .card-ui__detail__title:before{
			content:"\f0f6";
		}
		.icon--agreement .card-ui__detail__title:before{
			content:"\f14b";
		}
		.icon--support .card-ui__detail__title:before{
			content:"\f0e6";
		}
		.icon--update .card-ui__detail__title:before{
			content:"\f01b";
		}
		.icon--seminar .card-ui__detail__title:before{
			content:"\f073";
		}
		.card-ui__detail__description {
			margin-top: 0;
			padding: 20px;
			border: 1px solid #dcdcdc;
			border-width: 1px 1px 0 1px;
			border-radius: 0;
			color: #323232;
		}
		.card-ui__detail .card-ui__detail__link {
			margin-top: 0;
			padding: 15px;
			color: #fff;
			background-color: #506b9d;
			border-radius: 0 0 6px 6px;
			text-align: center;
		}
		.card-ui a:hover .card-ui__detail__link,
		.card-ui a:active .card-ui__detail__link,
		.card-ui a:focus .card-ui__detail__link {
			background-color: #345186;
			transition: background-color .2s linear;
		}
.discription .sub-section {
	/* PickUp情報 */
	margin-top: 25px;
}
	.discription ul {
		margin: 0;
		text-align: center;
	}
		.discription li {
			display: inline-block;
			padding: 10px;
		}
			.discription li p {
				display: table;
				width: 178px;
				height: 178px;
				margin-top: 0;
				border-radius: 50%;
				color: #ffffff;
				background-color: #008dbe;
			}
				.discription li p span {
					display: table-cell;
					text-align: center;
					vertical-align: middle;
				}
					.discription li p span strong {
						line-height: 1;
						font-family: arial,verdana,sans-serif;
						font-size: 60px;
						font-weight: bold;
					}
					.discription li:last-child p span strong {
						line-height: 1.4;
						font-family: "游ゴシック","メイリオ",meiryo,verdana,sans-serif;
						font-size: 30px;
					}
.red {
	color: #e7355c;
	/*text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;*/
}

/*-----------追加_Forguncy_20190524-----------*/
/*---------------------START---------------------*/
.content-section {
	/* セクション */
	padding: 70px 0;
}
.contents-subsection{
    padding: 40px 20px;
    border-radius: 5px;
    border: 1px solid #009fe8;
    background-color: #fff;
}
.pattern {
    background: white url(../images/background-pattern.png) center top repeat;
}
h2 {
	margin: 0;
	padding-bottom: 20px;
	color: #0171bc;
	line-height: 1.6;
	font-size: 36px;
	text-align: center;
}
textarea.form-control {
    height: 200px;
}

/*-----------追加_Forguncy_20190524-----------*/
/*---------------------FIN---------------------*/


/* ボタン・リンクテキスト
----------------------------------------------------------------- */
.btn {
	line-height: 1.6;
	padding: 10px 20px 9px;
	border: 0;
	color: #333333;
	font-weight: inherit;
	font-size: 16px;
}
	.btn:focus,
	.btn:hover {
		box-shadow: none;
	}
.main-container .btn {
	min-width: 160px;
}
.btn--primary {
	color: #ffffff;
	background-color: #009fe8;
}
	.btn--primary:hover,
	.btn--primary:focus,
	.btn--primary:active:focus,
	.btn--primary:active:hover {
		transition: background-color .2s linear;
		color: #ffffff;
		background-color: #60d1ef;
	}
.link--white,
.link--white:hover,
.link--white:focus {
	color: #ffffff;
}
.link:before {
	/* リンク > アイコンを付加 */
	display: inline-block;
	padding-right: 8px;
	content: "\f105";
	font-family: fontawesome;
	font-size: 17px;
}
	.link--blank:before {
		content: "\f08e";
	}
	.link--blank--inline:before {
		content: "\f08e";
		padding: 0 8px;
	}
	.link--pdf:before {
		content: "\f1c1";
		font-size: 16px;
	}
	.link--zoom:before {
		content: "\f00e";
		font-size: 17px;
	}
	.link--anchor:before {
		content: "\f175";
		font-size: 14px;
	}
	.link--back:before {
		content: "\f060";
	}
	a[href^="mailto"]:before {
		/* E-mailアドレス */
		display: inline-block;
		padding-right: 8px;
		content: "\f003";
		font-family: fontawesome;
		font-size: 17px;
	}


/* ----------------------------------------------------------------
    ヘッダー
----------------------------------------------------------------- */
.header {
	z-index: 999;
	width: 100%;
	background-color: #ffffff;
}
	html > body .header {
		position: relative;
		z-index: 3;
	}
	.header:after {
		display: block;
		clear: both;
		height: 0;
		content: "";
	}
	.is-fixed {
		position: fixed;
		top: 0;
		z-index: 3;
		width: 100%;
	}
	.header .primary-nav {
		/* プライマリーナビゲーション */
		height: 36px;
		line-height: 36px;
		margin: 0;
		padding: 0 10px;
		font-size: .875em;
		text-align: right;
		background-color: #d1e9f1;
	}
		.header .primary-nav li {
			padding: 0 10px;
		}
			.header .primary-nav li a {
				color: #464646;
				text-decoration: none;
			}
			.header .primary-nav li a:hover {
				color: #008dbe;
			}
			.header .primary-nav li a:before {
				display: inline-block;
				vertical-align: middle;
				font-family: fontawesome;
				font-size: 1.063em;
			}
			.header .primary-nav li a.icon__check:before {
				padding-right: 6px;
				content: "\f046";
			}
			.header .primary-nav li a.icon__calendar:before {
				padding-right: 6px;
				content: "\f073";
			}
			.header .primary-nav li a.icon__blog:before {
				padding-right: 6px;
				content: "\f14b";
			}
			.header .primary-nav li a.icon__info:before {
				height: 16px;
				width: 16px;
				line-height: 16px;
				margin-right: 4px;
				margin-bottom: 1px;
				padding-right: 0;
				border: 1px solid #5a5a5a; 
				border-radius: 50%;
				content: "\f129";
				font-size: .688em;
				text-align: center;
			}
			.header .primary-nav li a:hover.icon__info:before {
				border: 1px solid #008dbe; 
				transition: border .2s linear;
			}
			.header .primary-nav li a.icon__partner:before {
				padding-right: 6px;
				content: "\f2be";
			}
			.header .primary-nav li a.icon__envelope:before {
				padding-right: 6px;
				content: "\f003";
			}
	.cd-main-header {
		height: 60px;
		border-bottom: 1px solid #dcdcdc;
		background-color: #ffffff;
	}

/* サイトID
----------------------------------------------------------------- */
.site-id {
	position: relative;
	z-index: 4;
	float: left;
}
	.site-id a {
		display: inline-block;
	}
		.site-id h1 {
			display: inline-block;
			margin-bottom: 0;
			font-size: .75em;
		}
			.site-id h1 {
				display: inline-block;
				margin: 6px 0 6px 20px;
				height: 48px;
			}
				.site-id h1 img {
					height: 48px;
				}
		.site-id span {
			float: right;
			height: 36px;
			line-height: 36px;
			margin: 12px 0 12px 20px;
			border-left: 1px solid #dcdcdc;
			padding-left: 20px;
			color: #008dbe;
		}
			.site-id span q {
				margin: 0 5px 0;
			}

/* グローバルナビゲーション
----------------------------------------------------------------- */
.global-nav {
	float: right;
	margin: 0;
	list-style: none;
}
	.global-nav li a:hover {
		text-decoration: none;
	}

/* その他
----------------------------------------------------------------- */
@media (max-width:768px) {
.container {
	padding: 0 30px;
}
}
@media (min-width:768px) {
.container {
	width: 750px;
}
}
@media (min-width:992px) {
.container {
	width: 1024px;
}
}
@media (min-width:1200px) {
.container {
	width: 1024px;
}
}
@media (max-width:768px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		padding-bottom: 0;
	  font-size: 24px;
}
	h3 {
	font-size: 22px;
}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
		font-weight: bold;
	}
	h6 {
		font-size: 16px;
		font-weight: bold;
	}
	.content-section {
		padding-top: 25px;
	}
	.mainvisual__inner {
		height: 100px;
	}
}
@media (max-width:1200px) {
.cd-nav-icons img {
    height: 25px;
}
}


/* ----------------------------------------------------------------
    フッタ
----------------------------------------------------------------- */
footer {
	padding: 20px 0;
	background-color: #282828;
}
	footer .footer--nav {
		margin-bottom: 20px;
	}
	footer .footer--nav li {
		padding: 10px 15px;
	}
	footer .footer--nav a,
	footer .footer--nav a:hover,
	footer .footer--nav a:focus {
		color: #ffffff;
	}
footer .copy-right {
	/* コピーライト */
	color: #ffffff;
	font-family: arial,verdana,sans-serif;
}
footer .contact {
    
    border-top: 1px solid #fff;
}
footer h3 {
color: #fff;
margin-top: 10px;
} 
footer p {
    color: #fff;
    font-size: 14px;
}

@media only screen and (max-width: 1169px) {
body.nav-on-left.overflow-hidden {
	overflow: hidden;
}
}

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

Main components 

-------------------------------- */
.cd-main-content,
.cd-main-header {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}
.primary-nav,
.cd-main-content,
footer {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.cd-main-header {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible,
.cd-main-header.nav-is-visible,
.primary-nav.nav-is-visible,
footer.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible,
.nav-on-left .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
}
.nav-is-fixed .cd-main-header {
	/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
@media only screen and (min-width: 1170px) {
.cd-main-header::after {
	clear: both;
	content: "";
	display: table;
}
}
.cd-header-buttons {
	position: absolute;
	display: inline-block;
	right: 20px;
	margin-bottom: 0;
	padding-left: 0;
}
	.cd-header-buttons li {
		display: inline-block;
		vertical-align: middle;
	}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
	right: auto;
	left: 5%;
}
.nav-on-left .cd-header-buttons li {
	float: right;
}
.cd-search-trigger,
.cd-nav-trigger {
	margin-top: 0;
}
}
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
	right: 20px;
}
/*.cd-header-buttons {
	display: none;
	right: 4em;
}*/
}
.cd-search-trigger,
.cd-nav-trigger {
	position: relative;
	display: block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	margin-top: 19px;
	margin-left: 30px;
	white-space: nowrap;
	/* hide text */
	color: transparent;
	z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #2e3233;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #2e3233;
  top: 16px;
  left: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before,
.cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-nav-trigger {
	position: relative;
	display: block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	/* hide text */
	color: transparent;
	z-index: 3;
}
.cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 22px;
	background: #2e3233;
}
.cd-nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	margin-top: -2px;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
	/* menu icon top line */
	top: -6px;
}
.cd-nav-trigger span::after {
	/* menu icon bottom line */
	top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
	/* hide line in the center */
	background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
	/* keep visible other 2 lines */
	background: #2e3233;
}
.cd-nav-trigger.nav-is-visible span::before {
	-webkit-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-2px) rotate(45deg);
	transform: translateX(4px) translateY(-2px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
	display: none;
}
}
.cd-primary-nav,
.cd-primary-nav ul {
	/*position: fixed;*/
	top: 0;
	right: 0;
	height: 100%;
	width: 260px;
	padding-left: 0;
	background: #2e3233;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 3;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
@media (max-width:1170px) {
.cd-primary-nav,
.cd-primary-nav ul {
	position: fixed;
    }
}

	.cd-primary-nav a,
	.cd-primary-nav ul a {
		display: block;
		/* height: 50px; */
		line-height: 50px;
		padding: 0 20px;
		color: #ffffff;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* overflow: hidden; */
		text-overflow: ellipsis;
		/* white-space: nowrap; */
		border-bottom: 1px solid #3a3f40;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform, opacity;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}
.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden {
	/* secondary navigations hidden by default */
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a,
.cd-primary-nav ul.moves-out > li > a {
	/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
 @media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav,
.nav-on-left .cd-primary-nav ul {
	right: auto;
	left: 0;
}
}
.cd-primary-nav .see-all a {
	/* 子メニュー > 「～一覧を見る」ボタンのテキスト */
	/* color: #0398c9; */
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item,
.cd-primary-nav .cd-nav-icons .cd-nav-item {
	/* 子メニュー > 項目の高さ */
	/* height: 80px;
	line-height: 80px; */
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
	padding-left: 90px;
}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
		position: absolute;
		display: block;
		height: 40px;
		width: auto;
		left: 20px;
		top: 50%;
		margin-top: -20px;
	}

	.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
	.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
		/* ハンバーガー > 子メニュー > 項目名 */
		overflow: hidden;
		padding: 15px 0;
		color: #ffffff;
		font-family: arial,verdana,sans-serif;
		font-weight: normal;
		font-size: 1.6rem;
		/* text-overflow: ellipsis; */
	}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
	/* 子メニュー > 項目の左余白 */
	/* padding-left: 75px; */
}
	.cd-primary-nav .cd-nav-icons .cd-nav-item p {
		/* 子メニュー > 項目の説明 */
		margin-bottom: 0;
		color: #323232;
		font-size: 1.5rem;
		/* hide description on small devices */
		display: none;
	}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
	/* item icon
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px; */
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
	background-image: url("../img/line-icon-1.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
	background-image: url("../img/line-icon-2.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
	background-image: url("../img/line-icon-3.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
	background-image: url("../img/line-icon-4.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
	background-image: url("../img/line-icon-5.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
	background-image: url("../img/line-icon-6.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
	background-image: url("../img/line-icon-7.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
	background-image: url("../img/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
.cd-primary-nav {
	/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
	position: fixed;
	visibility: hidden;
	padding-left: 0;
	-webkit-transition: visibility 0s 0.3s;
	-moz-transition: visibility 0s 0.3s;
	transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
	/*position: static;*/
	padding: 0 57px 0 0;
	height: auto;
	width: auto;
	float: right;
	overflow: visible;
	background: transparent;
}
.cd-primary-nav::after {
	clear: both;
	content: "";
	display: table;
}
.cd-primary-nav.moves-out > li > a {
	/* reset mobile style */
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.cd-primary-nav ul {
	position: static;
	height: auto;
	width: auto;
	background: transparent;
	overflow: visible;
	z-index: 3;
}
.cd-primary-nav ul.is-hidden {
	/* reset mobile style */
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a {
	/* reset mobile style */
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.cd-primary-nav > li > a {
	/* main navigation buttons style */
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	color: #2e3233;
	overflow: visible;
	border-bottom: none;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	-moz-transition: color 0.3s, box-shadow 0.3s;
	transition: color 0.3s, box-shadow 0.3s;
}
.global-nav li {
	float: left;
	padding: 0;
}
/*.global-nav li a:before {
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	height: 0;
	transition: all .2s ease-in-out 0s;
	width: 100%;
}*/
.global-nav > li > a {
	position: relative;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 15px;
	color: #1e1e1e;
}
	.global-nav > li > a:hover,
	.global-nav > li > a:focus,
	.global-nav > li > a:active {
		color: #008dbe;
		text-decoration: none;
	}
	/*.global-nav > li > a:hover:before {
		height: 5px;
		background-color: #4a059b;
	}*/
.cd-primary-nav > li > a.selected {
	color: #008dbe;
	box-shadow: inset 0 -5px 0 #008dbe;
}
.cd-primary-nav .go-back,
.cd-primary-nav .see-all {
	display: none;
}
.cd-primary-nav .cd-secondary-nav,
.cd-primary-nav .cd-nav-gallery,
.cd-primary-nav .cd-nav-icons {
	/* dropdown menu style */
	position: absolute;
	top: 60px;
	width: 100vw;
	background: #ffffff;
	padding: 48px 64px 130px;
	/* box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
	（子メニュー上部の境界線） */
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after,
.cd-primary-nav .cd-nav-gallery::after,
.cd-primary-nav .cd-nav-icons::after {
	clear: both;
	content: "";
	display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden,
.cd-primary-nav .cd-nav-gallery.is-hidden,
.cd-primary-nav .cd-nav-icons.is-hidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all,
.cd-primary-nav .cd-nav-gallery > .see-all,
.cd-primary-nav .cd-nav-icons > .see-all {
	/* 子メニュー > 「～一覧を見る」ボタン */
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 80px;
	width: 100%;
	overflow: hidden;
	/* reset some inherited style */
	margin: 0;
	padding: 0;
}
	.cd-primary-nav .cd-secondary-nav > .see-all a,
	.cd-primary-nav .cd-nav-gallery > .see-all a,
	.cd-primary-nav .cd-nav-icons > .see-all a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		color: #0398c9;
		font-size: 2.2rem;
		/*font-weight: bold;*/
		text-align: center;
		line-height: 80px;

		border-top: 1px solid #e2e3df;
		/* reset some inherited style */
		border-bottom: none;
		margin: 0;
		padding: 0;
		-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
		-moz-transition: color 0.2s, background 0.2s, border 0.2s;
		transition: color 0.2s, background 0.2s, border 0.2s;
	}
	.cd-primary-nav .cd-secondary-nav > .see-all a:hover,
	.cd-primary-nav .cd-nav-gallery > .see-all a:hover,
	.cd-primary-nav .cd-nav-icons > .see-all a:hover {
		border-color: #2e3233;
		color: #ffffff;
		background: #2e3233;
	}
.cd-primary-nav .cd-secondary-nav > li {
	/* change the height according to your needs - you can even set height: auto */
	height: 340px;
	/* here you set the number of columns - use width percentage */
	width: 23%;
	float: left;
	margin-right: 2.66%;
	border-right: 1px solid #e2e3df;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
	/* +2 because we have 2 list items with display:none */
	margin-right: 0;
	border-right: none;
}
.cd-primary-nav .cd-secondary-nav > li > a {
	/* secondary nav title */
	color: #69aa6f;
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: .6em;
}
.cd-primary-nav .cd-secondary-nav a {
	height: 30px;
	line-height: 30px;
	padding: 0 18% 0 0;
	color: #2e3233;
	border-bottom: none;
	font-size: 1.4rem;
}
.cd-primary-nav .cd-secondary-nav a:hover {
	color: #69aa6f;
}
.cd-primary-nav .cd-secondary-nav ul {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul {
	/* tertiary navigation */
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
	display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
	color: transparent;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
	display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
	/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.cd-primary-nav .cd-nav-gallery li {
	/* set here number of columns - use width percentage */
	width: 22%;
	float: left;
	margin: 0 4% 40px 0;
}
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
	/* +2 because we have two additional list items with display:none */
	margin-right: 0;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
	border-bottom: none;
	padding: 0;
	height: auto;
	line-height: 1.2;
}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
		position: static;
		margin-top: 0;
		height: auto;
		width: 100%;
		margin-bottom: .6em;
	}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
		color: #69aa6f;
		font-weight: bold;
		padding: 0 .4em;
	}
.cd-primary-nav .cd-nav-icons li {
	/* 子メニュー > カラム（標準値：幅32%） */
	width: 48%;
	float: left;
	margin: 0 2% 0 0;
	list-style: none;
}
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
	/* +2 because we have two additional list items with display:none */
	margin-right: 0;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
	/* 子メニュー > 項目 */
	border-bottom: none;
	/* height: 80px; */
	line-height: 1.3;
	/* padding: 24px 0 0 85px; */
	padding: 20px;
	position: relative;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
	border-radius: 4px;
	background: #f5f5f5;
}
	.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
		/* 子メニュー > 項目名 */
		line-height: inherit;
		padding: 0;
		color: #0398c9;
		font: normal 26px arial,verdana,sans-serif;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item p {
		/* 子メニュー > 項目の説明 */
		display: block;
	}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
	left: 25px;
}
}
.has-children > a, .go-back a {
	position: relative;
}
.has-children > a::before,
.has-children > a::after,
.go-back a::before,
.go-back a::after {
	/* arrow icon in CSS - for element with nested unordered lists */
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1px;
	display: inline-block;
	height: 2px;
	width: 10px;
	background: #464c4e;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.has-children > a::before,
.go-back a::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.has-children > a::after,
.go-back a::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.has-children > a::before,
.has-children > a::after,
.go-back a::before,
.go-back a::after {
	background: #c9cbc4;
}
.has-children > a:hover::before,
.has-children > a:hover::after,
.go-back a:hover::before,
.go-back a:hover::after {
	background: #69aa6f;
}
}
.has-children > a {
	padding-right: 40px;
}
.has-children > a::before,
.has-children > a::after {
	/* arrow goes on the right side - children navigation */
	right: 20px;
	-webkit-transform-origin: 9px 50%;
	-moz-transform-origin: 9px 50%;
	-ms-transform-origin: 9px 50%;
	-o-transform-origin: 9px 50%;
	transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
	padding-left: 40px;
}
.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after {
	/* arrow goes on the left side - go back button */
	left: 20px;
	-webkit-transform-origin: 1px 50%;
	-moz-transform-origin: 1px 50%;
	-ms-transform-origin: 1px 50%;
	-o-transform-origin: 1px 50%;
	transform-origin: 1px 50%;
}
@media only screen and (min-width: 1170px) {
.has-children > a::before,
.has-children > a::after {
	right: 15%;
}
.cd-primary-nav > .has-children > a {
	/* 子メニュー有の場合の親メニュー >  */
	padding-right: 34px !important;
}
.cd-primary-nav > .has-children > a::before,
.cd-primary-nav > .has-children > a::after {
	width: 9px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background: #b4b4b4;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: width 0.3s, -webkit-transform 0.3s;
	-moz-transition: width 0.3s, -moz-transform 0.3s;
	transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before {
	right: 20px;
}
.cd-primary-nav > .has-children > a::after {
	/* アイコン > 右 */
	right: 15px;
}
	.cd-primary-nav > .has-children > a.selected::before,
	.cd-primary-nav > .has-children > a.selected::after {
		width: 14px;
	}
	.cd-primary-nav > .has-children > a.selected::before {
		-webkit-transform: translateX(5px) rotate(-45deg);
		-moz-transform: translateX(5px) rotate(-45deg);
		-ms-transform: translateX(5px) rotate(-45deg);
		-o-transform: translateX(5px) rotate(-45deg);
		transform: translateX(5px) rotate(-45deg);
	}
	.cd-primary-nav > .has-children > a.selected::after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
.cd-secondary-nav > .has-children > a::before,
.cd-secondary-nav > .has-children > a::after {
	/* remove arrows on secondary nav titles */
	display: none;
}
.cd-primary-nav .go-back a {
	padding-left: 20px;
}
.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after {
	left: 1px;
}
}
.cd-search {
	/* サイト内検索 */
	position: absolute;
	height: 50px;
	width: 100%;
	top: 60px;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
	.is-fixed .cd-search {
		top: 60px;
	}
	.cd-search form {
		height: 100%;
		width: 100%;
	}
	.cd-search input {
		/* サイト内検索 > テキストボックス */
		border-radius: 0;
		border: none;
		background: #ffffff;
		height: 100%;
		width: 100%;
		padding: 0 5%;
		/* box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); */
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
	.cd-search input::-webkit-input-placeholder {
	  color: #c9cbc4;
	}
	.cd-search input::-moz-placeholder {
	  color: #c9cbc4;
	}
	.cd-search input:-moz-placeholder {
	  color: #c9cbc4;
	}
	.cd-search input:-ms-input-placeholder {
	  color: #c9cbc4;
	}
	.cd-search input:focus {
	  outline: none;
	}
	.cd-search.is-visible {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
	  -moz-transition: opacity .3s 0s, visibility 0s 0s;
	  transition: opacity .3s 0s, visibility 0s 0s;
	}
	.nav-is-fixed .cd-search {
	  position: fixed;
	}
@media only screen and (min-width: 1170px) {
.cd-search {
	height: 120px;
}
.cd-search input {
	padding: 0 2em;
	font-size: 1.75em;
	font-weight: 300;
}
}
.cd-overlay {
	/* shadow layer visible when navigation is active */
	position: fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(0,141,190,.7);
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible,
.nav-on-left .cd-overlay.is-visible.search-is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
	.cd-search {
		top: 96px;
	}
}
@media only screen and (max-width: 768px) {
.site-id span {
	display: none;
}
	.header .primary-nav {
		text-align: center;
        display: inline-table;
	}
}
/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
	position: relative;
	height: auto;
	width: 100%;
	overflow: visible;
	visibility: visible;

	z-index: 2;
}
.no-js .cd-search {
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
}
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
	position: absolute;
	z-index: 3;
	display: inline-block;
	width: auto;
	top: 0;
	right: 150px;
	padding: 0;
}
.no-js .nav-is-fixed .cd-primary-nav {
	position: fixed;
}
}