.header-wrapper {
	position: fixed;
	width: 100%;
}

.header-wrapper .site-menu-close {
	background-color: #ffffff;
}

.masthead .header-widget {
	margin: 0;
}

.top_section {
	width: 960px;
	margin: 0 auto;
}

#main2 {
	width: 960px;
	margin: 0 auto;
}

.white3 .item-title a {
	color: #000;
}

.white3 .panel-primary>.panel-heading {
	background-color: #00174c;
	color: #ffffff;
}

@media screen and (min-width: 1024px) {
	.header-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
		background-color: #ffffff;
	}
	
	.banner-area {
		float: left;
		display: table;
		width: 65%;
		padding: 0;
	}
	
	.header-wrapper, .site-branding {
		height: 50px;
	}
}

.footer-widget {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	font-family: ;
}

aside#custom_html-5 {
	margin-left: 200px;
	font-size: 120%;
	line-height: 1.8;
}

.footer-company {
	line-height: 1.8;
}

aside#custom_html-6 {
	margin-left: 150px;
	font-size: 120%;
	line-height: 1.8;
}

.footer-privacy {
	line-height: 1.8;
}

aside#custom_html-7 {
	margin-left: 150px;
	font-size: 120%;
	line-height: 1.8;
}

.footer-contact {
	line-height: 1.8;
}

/*aside#custom_html-8 {
										margin-left: 100px;
										font-size: 250%;
										line-height: 1.8;
										}*/
.entry-title {
	margin-bottom: 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #00174c;
	box-shadow: 0 1px 0 #eee;
}

.site-info {
	padding-top: 20px;
	border-top: 0;
	font-size: 12px;
	text-align: center;
}

.content-wrapper {
	padding-top: 100px;
}

.site-footer {
	background-color: #00174c;
	color: #fff;
	font-size: 11px;
}

.site {
	width: 100%;
	position: relative;
}

.bread_crumb {
	list-style: none;
	font-size: 10px;
	padding: 0;
	font: #000000;
}

.bread_crumb li::after {
	content: \"?\";
	font-size: 16px;
	font: #000000;
}

.bread_crumb li a {
	text-decoration: none;
	color: #000000;
}

h2 {
	border-bottom: solid 2px #3f49b7;
	margin-top: 20px;
	padding: 10px 10px 0;
}

h3 {
	font-style: ;
	font-weight: bold;
	color: #ffffff;
	background-color: #a5cae2;
/* 文字の色 */
	font-size: 14pt;
/* 文字のサイズ */
	letter-spacing: 2px;
/* 文字間 */
	text-shadow: 1px 1px 0 #000066, -1px 1px 0 #000066, 1px -1px 0 #000066, -1px -1px 0 #000066, 1px 0 0 #000066, 0 1px 0 #000066, -1px 0 0 #000066, 0 -1px 0 #000066;
/* 文字の影 */
	display: inline-block;
/* 奥行表示のためのブロック化 */
	transform: skewX(0deg);
/* 傾き角度 */
}

#body-inside {
	overflow-x: hidden;
}

.orverwidth {
	margin: 0 -200%;
	padding: 0 200%;
	margin-top: 5px;
	margin-bottom: 0;
	background: #00174c;
	color: #ffffff;
	text-align: center;
}

.orverwidth p {
	padding: 1em;
}

.orverwidth2 {
	margin-top: 10px;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	background: #00174c;
	color: #ffffff;
	text-align: center;
}

.line1 {
	border-bottom: double #ff0000;
}

.line2 {
	border-bottom: double #008299;
}

div.white {
	background-color: transparent;
	padding-bottom: 0;
	padding-top: 5px;
}

div.white2 {
	background-color: transparent;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	opacity: 1;
/* 指定要素の透過を設定 */
}

div.white3 {
/*position: relative;*/
	background-color: #ffffff;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 50px;
}

div.gray {
	background-color: #dcdcdc;
	margin: 0 -200%;
	padding: 0 200%;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.gray2 {
	background-color: #dcdcdc;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	opacity: 1;
/* 指定要素の透過を設定 */
}

div.black {
	background-color: #000000;
	padding-bottom: 0;
	padding-top: 5px;
}

.p1 {
	font-style: ;
	font-weight: ;
	color: #000000;
	background-color: #ffffff;
/* 文字の色 */
	font-size: 12pt;
/* 文字のサイズ */
/* 		letter-spacing: 2px;*/
/* 文字間 */
/* 	text-shadow: 1px 1px 0 #000066, -1px 1px 0 #000066, 1px -1px 0 #000066, -1px -1px 0 #000066, 1px 0 0 #000066, 0 1px 0 #000066, -1px 0 0 #000066, 0 -1px 0 #000066;*/
/* 奥行表示のためのブロック化 */
/* 		transform: skewX(0deg);*/
/* 傾き角度 */
}

/*================================================
									* PC設定
	================================================*/
.site-header {
	max-width: 100%;
	margin: auto;
	padding: 0 15px;
}

.site-menu {
	position: absolute;
	top: 50px;
	left: 0;
	float: none;
	width: 100%;
	font-size: 11pt;
	background-color: #00174c;
}

.main-navigation.align-center {
	text-align: center;
}

.main-navigation.full-width .menu {
	width: 100%;
}

.main-navigation .menu {
	float: none;
	margin: 0 auto;
}

.main-navigation .menu {
	display: table;
	max-width: 1170px;
	padding-left: 0;
	list-style: none;
	padding-top: 0;
}

.main-navigation .menu>.menu-item {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}

.main-navigation .menu-item-link-wrapper {
	position: relative;
	border-bottom: 0 solid rgba(0,0,0,0.2);
	box-shadow: inset 0 0 0 rgba(255,255,255,0.8);
}

.main-navigation a {
	display: block;
	width: 100%;
	padding: 15px 10px;
	transition: all 2s;
}

a {
	color: #ffffff;
	text-decoration: none;
}

/*================================================
								ＭＢ設定
	=============================================*/
.serapist .btns:hover {
/*ボタンを押したとき*/
	background: #0e3da5;
}

@media screen and (max-width: 1024px) {
	.serapist .btns {
		width: 50%;
		display: block;
		margin: 0 auto 10px;
	}
	
	@media screen and (max-width: 480px) {
	.serapist .btns {
		width: 70%;
	}
}

@media screen and (max-width: 896px) {
	.main-navigation a {
		display: block;
		width: 100%;
		padding: 11px 15px;
		transition: all .0.5s;
		background-color: #00174c;
	}
	
	a {
		color: #eef4f7;
		text-decoration: none;
	}
}

@media screen and (max-width: 480px) {
	.main-navigation a {
		display: block;
		width: 100%;
		padding: 11px 15px;
		transition: all .1s;
		background-color: #00174c;
	}
	
	a {
		color: #eef4f7;
		text-decoration: none;
	}
}

.twoCol {
	margin-right: 0;
	margin-bottom: 0;
}

.twoColInner {
	margin-right: 0;
}

.twoColInner div {
	float: none;
	width: 100%;
}

.site-footer {
	background-color: #00174c;
	color: #fff;
}

/*================================================
 * HOME
================================================*/
#post-7 h1.entry-title {
	display: none;
}

#metaslider_171.flexslider {
	margin-bottom: 50px;
}

/* テーブル */
table.news {
	width: 100%;
	background-color: #ffffff;
	border-collapse: separate;
	border-spacing: 1px;
	margin-top: 50px;
}

/* news */
.news th.title {
	background-color: #00174c;
	border: 1px #d3d3d3;
	color: #fff;
	font-weight: 700;
}

.news th {
	width: 30%;
	background-color: #ffffff;
	color: #0f2431;
	border: 1px #d3d3d3;
	text-align: left;
	font-weight: 400;
}

.news td {
	width: ;
	background-color: #ffffff;
	color: #0f2431;
	border: 1px #d3d3d3;
}

/* companyinfo */
table.companyinfo {
	width: 100%;
	background-color: #d3d3d3;
	border-collapse: separate;
	border-spacing: 1px;
}

.companyinfo th.title {
	background-color: #00174c;
	border: 1px #d3d3d3;
	color: #fff;
	font-weight: 700;
}

.companyinfo th {
	width: 30%;
	background-color: #ffffff;
	border: 1px #d3d3d3;
	text-align: left;
}

.companyinfo td {
	width: 100%;
	background: #ffffff;
	border: 1px transparent;
}

/*================================================
 * 物流総合コンサルティング
================================================*/
#post-15 h1.entry-title {
	display: none;
}

body.page-id-15 {
	background-image: url(\"https://blublo.reposu.co.jp/bear-of-the-forest/wp-content/uploads/sites/215/2019/04/wall_13.jpg\");
	background-position: top;
	background-size: 5000px;
	background-repeat: norepeat;
	background-attachment: noscroll;
}

.logistics td {
	padding: 10px;
	border: 0 solid #f9f6f6;
	font-size: 14px;
	margin-right: auto;
}

p.center {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

p.right {
	width: 450px;
	margin-left: auto;
}

/*================================================
 * 技術コンサルティング・試作開発
================================================*/
#post-9 h1.entry-title {
	display: none;
}

body.page-id-9 {
	background-image: url(\"https://blublo.reposu.co.jp/bear-of-the-forest/wp-content/uploads/sites/215/2019/05/wall_07a.jpg\");
	background-position: left middle;
	background-size: 2000px;
	background-repeat: norepeat;
	background-attachment: noscroll;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow: hidden;
	margin-bottom: 50px;
}

.twoColInner {
	overflow: hidden;
	margin-right: 0;
}

.twoColInner div {
	width: 50%;
	float: left;
	margin-right: 0;
}

.twoColInner div:nth-child(2n+1) {
	clear: both;
}

.twoColInner img {
	width: 100%;
	margin-bottom: 0;
	border-radius: 0;
}

/* Gray Scale */
/*.hover01 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}/*

/*================================================
 * 防衛関連
================================================*/
#post-11 h1.entry-title {
	display: none;
}

body.page-id-11 {
	background-image: url(\"https://blublo.reposu.co.jp/bear-of-the-forest/wp-content/uploads/sites/215/2019/04/wall_12.jpg\");
	background-position: center top;
	background-size: 2500px;
	background-repeat: norepeat;
	background-attachment: noscroll;
}

.defense td {
	padding: 5px;
	border: 0 solid #ddd;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
}

/*================================================
 * コンサルティング（企業支援・海外支援）
================================================*/
#post-13 h1.entry-title {
	display: none;
}

body.page-id-13 {
	background-image: url(\"https://blublo.reposu.co.jp/bear-of-the-forest/wp-content/uploads/sites/215/2019/04/wall_01.jpg\");
	background-position: left middle;
	background-size: 2150px;
	background-repeat: norepeat;
	background-attachment: noscroll;
}

/*================================================
 * お問合せ
================================================*/
#post-17 h1.entry-title {
	display: none;
}

body.page-id-17 {
	background-image: url(\"https://blublo.reposu.co.jp/bear-of-the-forest/wp-content/uploads/sites/215/2019/04/wall_14.jpg\");
	background-position: left middle;
	background-size: 2500px;
	background-repeat: norepeat;
	background-attachment: noscroll;
}

/* contact */
.contact th {
	width: 20%;
	text-align: left;
	background: #dcdcdc;
}

/*================================================
 * Ipad
================================================*/
@media screen and (max-width: 768px) {
	.site-title {
		text-align: left;
		margin-top: 18px;
	}
	
	.header-widget-mobile,.site-menu-toggle,.site-menu-close {
		display: none;
	}
	
	.site-menu {
		display: block;
	}
	
	.main-navigation .menu-item-link-wrapper {
		font-size: 11px;
	}
	
	.content-wrapper {
		padding-top: 87px;
	}
}

/*================================================
 * レシポンシブ
================================================*/
@media screen and (max-width: 480px) {
	.site-title {
		margin-top: 28px;
	}
	
	.header-widget-mobile,.site-menu-toggle,.site-menu-close {
		display: block;
	}
	
	.site-menu {
		display: none;
	}
	
	.main-navigation .menu-item-link-wrapper {
		font-size: 11px;
	}
	
	.top_section {
		width: 100%;
		padding: 0 10px;
	}
	
	.content-wrapper {
		padding-top: 70px;
	}
	
	#main2 {
		width: 100%;
		padding: 0 10px;
	}
	
	.main-navigation .menu {
		display: block;
		text-align: center;
	}
	
	.main-navigation .menu>.menu-item {
		display: block;
		padding: 0;
	}
	
	.main-navigation .menu-item-link-wrapper {
		border-bottom: 1px solid #ffffff;
	}
}