@charset "UTF-8";
/* CSS Document */
/*===================================================
    土台作成用CSS
===================================================*/
/*//////////////////////////////////////////////////
    Base set
///////////////////////////////////////////////////*/
*,
*:before,
*:after {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all;
    text-align: left;
    color: #000;
}

/* レスポンシブ対応をしない場合 */
body.pcOnly {
	min-width: 1000px;
}

/* --------------------------------------------------------
    clearfix
-------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* --------------------------------------------------
    リンク
-------------------------------------------------- */
a {
	color: #0072CE;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a:focus{
	outline: none;
}

/* リンクの「 > 」マーク arrowクラスは汎用。aタグに設定して使用 */
.arrow,
li.link a {
	position: relative;
	padding-left: 10px;
}

/* 汎用＋エクステンション用liリンク＋メガドロップ、ぱんくず、サイドメニュー、フッター */
.arrow:before,
#megaMenu .chiMenu a:before,
#tpcpth li:before,
#sideMenu dd li a:before,
#sideMenu .accordion:before,
footer .inner li a:before,
footer .inner p a:before {
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 1px #005CA6;
	border-right: solid 1px #005CA6;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.arrow:before,
li.link a:before {
	top: 8px;
}

/* --------------------------------------------------
    input
-------------------------------------------------- */
input, textarea, button {
    -webkit-appearance: none;
	border-radius: 0;
	font-size: 14px;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	vertical-align: middle;
	outline: 0;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"] {
	width: 100%;
    height: 30px;
	padding: 1px 10px;
	ime-mode: disabled;
	border: solid 1px #D8D8D8;
}
input[type="text"] {
	ime-mode: auto;
}

textarea {
	width: 100%;
	padding: 10px;
	resize: none;
	overflow: auto;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
textarea:focus {
	outline: 1px #7FB8E6 solid;
}

input[type="submit"]:focus,
input[type="button"]:focus {
	outline: none;
}

/* メインコンテンツ内 */
#main input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

#main input[type="radio"] {
	-webkit-appearance: radio;
}

#main button,
#main input[type="button"],
#main input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/* --------------------------------------------------
    hタグ
-------------------------------------------------- */
h1, h2, h3 {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* --------------------------------------------------
    レイアウト調整用
-------------------------------------------------- */
.mTop1em {
	margin-top: 1em;
}

/*//////////////////////////////////////////////////
    header
///////////////////////////////////////////////////*/
header {
	width: 100%;
	background-color: #FFF;
	padding-top: 10px;
	position: relative;
	z-index: 100;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	header a:hover {
		text-decoration: none;
	}

	header .headWrap {
		position: relative;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
		z-index: 10;
	}
		header .headWrap h1 {
			font-weight: 500;
			font-size: 24px;
			letter-spacing: 2px;
			line-height: 1;
		}
			header .headWrap h1 img {
				width: 100%;
				max-width: 266px;
			}

header input[type="button"] {
	border: none;
}

/* --------------------------------------------------------
    グローバルメニュー
-------------------------------------------------------- */
#navi {
	display: none;
}
#smtMenu{
  display: none;
}

/* メニュー
-----------------------------------------------------*/
#gNav > ul {
	padding-top: 25px;
	display: table;
	width: 100%;
}
	#gNav > ul li {
		display: table-cell;
		position: relative;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		width: 12%;
	}
	/* メニュー幅 */
	#gNav > ul #gNavM01 {
		width: auto;
	}
	#gNav > ul #gNavM02 {
		width: auto;
	}
	#gNav > ul #gNavM03 {
		width: auto;
	}
	#gNav > ul #gNavM04 {
		width: auto;
	}
	#gNav > ul #gNavM05 {
		width: auto;
	}
	#gNav > ul #gNavM06 {
		width: auto;
	}
	#gNav > ul #gNavM07 {
		width: auto;
	}
		#gNav > ul li a {
			color: #000;
			position: relative;
			display: inline-block;
			padding-bottom: 15px;
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 400;
			letter-spacing: 0.05em
		}

		#gNav > ul li a:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 3px;
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			background-color: #462882;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		#gNav > ul li.now a,
		#gNav > ul li.act a {
			color: #462882;
			font-weight: 700;
		}

		#gNav > ul li.now a:after,
		#gNav > ul li.act a:after {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

@media (min-width: 878px) and (max-width: 990px) {
	body:not(.pcOnly) #gNav > ul li {
		font-size: 13px;
		width: auto;
	}
}
@media (max-width: 877px) {
	body:not(.pcOnly) #gNav > ul li {
		font-size: 12px;
		width: auto;
	}
		body:not(.pcOnly) #gNav > ul li a {
			letter-spacing: 0;
		}
}

/* メガドロップダウンメニュー */
#megaMenu {
	position: absolute;
	background-color: #FFF;
	width: 100%;
	height: 0;
	z-index: 1;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
	#megaMenu dl {
		width: 100%;
		max-width: 1000px;
		margin: 30px auto;
		position: relative;
		overflow: hidden;
		display: none;
	}
		#megaMenu dl > * {
			width: 250px;
			float: left;
			border-right: solid 1px #D8D8D8;
		}

		/* 見出し */
		#megaMenu dt {
			font-size: 18px;
			padding-top: 4px;
			background: left 57px no-repeat;
		}
		#megaMenu dt a:hover {
			text-decoration: underline;
		}

		/* 中項目 */
		#megaMenu .parMenu > li > a {
			display: block;
			min-height: 40px;
			padding: 10px 5px 7px 20px;
			color: #000;
			-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}
		#megaMenu .parMenu > li:hover {
			background-color: #EAEAEA;
		}

		/* 小項目 */
		#megaMenu .chiMenu {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 499px;
			display: none;
		}
			#megaMenu .chiMenu li {
				margin-top: 8px;
				padding-left: 20px;
			}
				#megaMenu .chiMenu a {
					position: relative;
					padding-left: 15px;
					color: #000;
				}
				#megaMenu .chiMenu a:hover {
					text-decoration: underline;
				}
				#megaMenu .chiMenu a:before {
					top: 8px;
				}

/* メガドロップダウンイメージ設定（Drop04、Drop05は存在しない） */
#Drop01 dt {
	background-image: url("/image/r1/common/Drop01_bg.png");
}
#Drop02 dt {
	background-image: url("/image/r1/common/Drop02_bg.png");
}
#Drop03 dt {
	background-image: url("/image/r1/common/Drop03_bg.png");
}
#Drop06 dt {
	background-image: url("/image/r1/common/Drop06_bg.png");
}
#Drop07 dt {
	background-image: url("/image/r1/common/Drop07_bg.png");
}

/* お問い合わせ＆検索
-----------------------------------------------------*/
#gNav .scWrap {
	position: absolute;
	top: 0;
	right: 0;
}
	#gNav .scWrap > *,
	#gNav .inWrap > * {
		display: inline-block;
		vertical-align: middle;
	}
		#gNav .scWrap > p a {
			color: #333 !important;
			font-weight: normal !important;
			font-size: 13px;
		}
		#gNav .scWrap > p a:hover {
			text-decoration: underline;
		}

	/* 言語切り替え */
	#gNav .scWrap ul {
		overflow: hidden;
		margin: 0 10px 0 20px;
	}
		#gNav .scWrap ul li {
			width: 30px;
			height: 20px;
			line-height: 16px;
			text-align: center;
			border: solid 1px #462882;
			background-color: #462882;
			color: #FFF;
			font-size: 12px;
			font-weight: 400;
			font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			float: left;
		}
			#gNav .scWrap ul li a {
				display: block;
				width: 100%;
				height: 100%;
				color: #462882;
				background-color: #FFF;
				-webkit-transition: 0.5s;
				transition: 0.5s;
			}
			#gNav .scWrap ul li a:hover {
				-webkit-opacity: 0.7;
				opacity: 0.7;
			}

			/* 英語リンク */
			#gNav .scWrap ul li a.arrow {
				padding-left: 0;
			}
			#gNav .scWrap ul li a.arrow:before,
			#gNav .scWrap ul li a.arrow span {
				display: none;
			}

/* 検索 */
#Search {
	position: relative;
	overflow: hidden;
}
	#Search input[type="text"] {
		visibility: hidden;
		width: 1px;
		padding: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		background-color: #F5F5F5;
	}
	#Search.open input[type="text"] {
		visibility: visible;
		width: 220px;
		border: solid 1px #462882;
		padding: 1px 10px;
		margin: 0 10px;
	}

	#Search #SCBtn {
		width: 20px;
		height: 20px;
		overflow: hidden;
		font-size: 0;
		text-indent: 20px;
		background: url("/image/r1/common/header_scIcon.png") no-repeat;
		background-size: 20px auto;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#Search #SCBtn:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

/* --------------------------------------------------------
    グローバルメニュー(追尾モード)
header.fix {
	position: fixed;
	padding-top: 18px;
}
	header.fix .inner {
		display: table;
		width: 100%;
	}
		header.fix .inner > * {
			display: table-cell;
			vertical-align: middle;
		}
		header.fix .inner > .smtH {
			vertical-align: baseline;
		}
			header.fix h1 {
				width: 100px;
				line-height: 20px;
				font-size: 12px;
			}

			header.fix #gNav > ul {
				padding-top: 0;
			}
				header.fix #gNav > ul li {
					width: auto;
				}

非表示
header.fix .scWrap {
	display: none;
}

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

/*//////////////////////////////////////////////////
    main
///////////////////////////////////////////////////*/
/* --------------------------------------------------
    コンテンツを全て包む
-------------------------------------------------- */
.wrap {
	overflow: hidden;
}

/* --------------------------------------------------
    inner(幅1000pxのコンテンツbox)
-------------------------------------------------- */
.inner {
	max-width: 1000px;
	margin: auto;
	position: relative;
}

/* --------------------------------------------------
    パンくず
-------------------------------------------------- */
#tpcpth {
	min-height: 40px;
	background-color: #F7F7F7;
	padding: 10px 10px 0;
}
	#tpcpth li {
		display: inline;
		margin-left: 25px;
		position: relative;
		font-size: 12px;
	}
	#tpcpth li:before {
		border-color: #818181;
		top: 6px;
		left: -16px;
	}
	#tpcpth li:first-child {
		margin-left: 0;
	}
	#tpcpth li:first-child:before {
		display: none;
	}
		#tpcpth li img {
			width: 12px;
			vertical-align: 0;
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}
		#tpcpth li a:hover img {
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}

/*--------------------------------------------------
    オーバレイ*/
#overlay {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
	-webkit-opacity: 0;
	opacity: 0;
}

/* --------------------------------------------------
    外部リンク
-------------------------------------------------- */
/* 黒 */
.outLink a,
.outLinkB a {
	background: url("/image/r1/common/icon_externalLink.png") right 45% no-repeat;
	background-size: 10px 10px;
	padding-right: 18px;
}

/* 青 */
.outLinkB a {
	background-image: url("/image/r1/common/com_ic003.gif");
}

/* --------------------------------------------------------
    擬似セレクト
-------------------------------------------------------- */
.selBox {
	min-width: 120px;
	height: 40px;
	border: solid 1px #CCC;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #FFF;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.selBox:hover {
	background-color: #EEE;
}
.selBox:before {
	position: absolute;
	right: 15px;
	top: 15px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 1px #005CA6;
	border-right: solid 1px #005CA6;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.selBox:after {
	position: absolute;
	right: 0;
	top: 4px;
	content: "";
	width: 37px;
	height: 30px;
	border-left: solid 1px #CCC;
}
	.selBox p {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	.selBox select {
		-webkit-appearance:none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-opacity: 0;
		opacity: 0;
		cursor: pointer;
		z-index: 2;
	}
		.selBox select option{
			padding-left: 5px;
		}

/* 見出しと同じ位置にする場合はselWrapで囲む */
.selWrap {
	overflow: hidden;
	margin-bottom: 30px;
}
	.selWrap > h2 {
		float: left;
	}
	.selWrap .backnumber {
		float: right;
	}

/* --------------------------------------------------------
    擬似チェックボックス
-------------------------------------------------------- */
.ckBox label {
	min-height: 20px;
	position: relative;
	cursor: pointer;
	display: block;
	padding-left: 30px;
}
.ckBox label:before,
.ckBox label:after {
	content:"";
	display: block;
	position: absolute;
}
.ckBox label:before {
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border: solid 1px #D8D8D8;
}
.ckBox label:after {
	width: 7px;
	height: 13px;
	top: 2px;
	left: 6px;
	border-bottom: solid 2px #D8D8D8;
	border-right: solid 2px #D8D8D8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	.ckBox label input {
		position: absolute;
		left: 0;
		-webkit-opacity: 0;
		opacity: 0;
	}

/* チェックボックス */
.ckBox label.checked:before {
	border-color: #462882;
	background-color: #462882;
}
.ckBox label.checked:after {
	border-color: #FFF;
}

/* 全てチェックする */
.ckBox .ckAll {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #D8D8D8;
}

/* --------------------------------------------------------
    見出し
-------------------------------------------------------- */
/* 大見出し */
#title {
	display: table;
	width: 100%;
	height: 160px;
	background: center center no-repeat;
	background-size: cover;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 300;
	font-size: 34px;
}
	#title p {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #FFF;
		line-height: 1.3;
		letter-spacing: 3px;
		text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
	}
		#title p span{
			display: block;
			font-size: 20px;
			margin-bottom: 10px;
		}

/* 大見出し 背景（コンサルティングサービス） */
#title.cont01 {
	background-image: url("/image/r1/common/title_bg01.png");
}

/* 大見出し 背景（経営コラム） */
#title.cont02 {
	background-image: url("/image/r1/common/title_bg02.png");
}

/* 大見出し 背景（経済・政策レポート） */
#title.cont03 {
	background-image: url("/image/r1/common/title_bg03.png");
}

/* 大見出し 背景（セミナー・イベント） */
#title.cont04 {
	background-image: url("/image/r1/common/title_bg04.png");
}

/* 大見出し 背景（研究員紹介） */
#title.cont05 {
	background-image: url("../images/cont05.jpg");
}

/* 大見出し 背景（採用情報） */
#title.cont06 {
	background-image: url("/image/r1/common/title_bg06.png");
}

/* 大見出し 背景（会社情報） */
#title.cont07 {
	background-color: #462882;
}

/* 大見出し 背景（メディア掲載） */
#title.cont08 {
	background-image: url("/image/r1/common/title_bg08.png");
}

/* 大見出し 背景（お問い合わせ） */
#title.cont09 {
	background-image: url("/image/r1/common/title_bg09.png");
}

/* 大見出し 背景（国際戦略研究所） */
#title.cont10 {
	background-image: url("/image/r1/common/title_bg10.png");
}

/* 大見出し 背景（ご利用環境＆サイトマップ） */
#title.cont11 {
	background-image: url("/image/r1/common/title_bg11.png");
}

/* 赤文字
-----------------------------------------*/
#main .ftRed {
	color: #E52600;
}

/* hタグ装飾クラス
-----------------------------------------*/
/* 二列レイアウト用 */
#main.two h2 {
	font-size: 20px;
	margin-top: 36px;
	padding-bottom: 0.05em;
	line-height: 1.4;
}

/* 青見出し(細い青文字) */
#main .contTtl {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #462882;
	margin-bottom: 30px;
	letter-spacing: 0.08em;
}
	#main .contTtl span {
		display: inline-block;
		text-align: left;
	}

#main .contTtl + p + p {
	margin-top: 20px;
}

/* 青下線＆灰色下線見出し */
#main .borBlue,
#main .borGray,
#main h2.borBlue,
#main h2.borGray {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	font-size: 24px;
	border-bottom: solid 2px #007CC2;
	padding-bottom: 10px;
	margin-top: 60px;
}

#main .borGray,
#main h2.borGray {
	border-bottom-color: #CCC;
}

/* h1(最初の見出し)の場合、上マージンをなくす */
#main > section > h1.borBlue {
	margin-top: 0;
}

/* 青下線見出し直下のpタグにはマージンを設定 */
#main .borBlue + p {
	margin-top: 25px;
}

/* 青左線見出し */
#main .borBlueL,
#main h2.borBlueL {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 20px;
	border-left: solid 4px #007CC2;
	padding-left: 15px;
}
/* 青左線見出しに隣接するpタグ */
#main .borBlueL + p {
	margin-top: 25px;
}

/* h1より一行上の親タイトル */
#main .parentTtl {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 10px;
}

/* 小見出し */
#main .hline {
	line-height: 1.3;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.02em;
}


/* --------------------------------------------------------
    箇条書きリスト
-------------------------------------------------------- */
.bulletPt li {
	position: relative;
	padding-left: 10px;
}
.bulletPt li:before {
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #C8C8C8;
	position: absolute;
	top: 7px;
	left: 0;
}

/* --------------------------------------------------------
    段落ごとにマージンを発生させるテキストエリア
-------------------------------------------------------- */
#main .sentBox p {
	margin-bottom: 1em;
    text-align: left;
}

/* --------------------------------------------------------
    枠
-------------------------------------------------------- */
#main .waku {
	padding: 15px 20px;
	border: solid 1px #D8D8D8;
}

/* --------------------------------------------------------
    独立コンテンツ
-------------------------------------------------------- */
#cntnt {
	width: 100%;
	max-width: 1000px;
	margin: 55px auto 100px;
	overflow: hidden;
}
	#main {
		position: relative;
		overflow: hidden;
	}
	/*サイドメニューがある場合*/
	#main.two {
		width: 74.4%;
		float: right;
		line-height: 1.7;
	}
	#main img {
		max-width: 100%;
		vertical-align: middle;
	}

/* --------------------------------------------------------
    お知らせ
-------------------------------------------------------- */
#main .info {
	width: 100%;
	display: table;
	text-align: left;
	margin-top: 20px;
}
	#main .info > * {
		vertical-align: top;
		display: table-cell;
	}

	#main .info > *:first-child {
		width: 160px;
		height: 40px;
		line-height: 40px;
		background-color: #462882;
		color: #FFF;
		padding-left: 15px;
	}
		#main .info > *:first-child span {
			display: block;
			padding-left: 35px;
			background: url("../image/icon_info.png") left center no-repeat;
			background-size: 20px 20px;
		}

	#main .info ul {
		padding: 10px 10px 10px 40px;
		background-color: #F0EEEC;
	}

/* --------------------------------------------------------
    コンテンツリスト（左側背景に写真画像）
-------------------------------------------------------- */
#main .contList {
	margin: 30px -20px 0 0;
	overflow: hidden;
}
	#main .contList li,
	#main .longBox {
		width: 100%;
		height: 120px;
		margin: 0 20px 15px 0;
		background-color: #F0F0F0;
		letter-spacing: 0.5px;
		position: relative;
	}
		#main .contList li a > div + *,
		#main .longBox h3 {
			font-weight: 500;
			font-size: 18px;
			color: #462882;
			line-height: 1;
			margin-bottom: 10px;
			letter-spacing: 1px;
		}
		#main .longBox h3 {
			margin-bottom: 20px !important;
			font-size: 20px !important;
			line-height: 1.3;
		}

		#main .contList li a > div,
		#main .longBox a > div {
			position: absolute;
			top: 0;
			left: 0;
			width: 160px;
			height: 100%;
			overflow: hidden;
		}
			#main .contList li a > div img,
			#main .longBox a > div img {
				width: 100%;
			}

		#main .contList li a,
		#main .longBox a {
			display: block;
		    height: 100%;
			padding: 20px 40px 0 180px;
			-webkit-transition: 0.5s;
			transition: 0.5s;
			position: relative;
			z-index: 1;
		}
		#main .contList li a:hover,
		#main .longBox a:hover {
			text-decoration: none;
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}
		#main .contList li a > p,
		#main .longBox a > p {
			color: #000;
		}

	/* 短め */
	#main .contList li.short {
		width: 48%;
		overflow: hidden;
		float: left;
		margin-right: 2%;
	}
		#main .contList li.short a {
			padding-top: 15px;
		}

		#main .contList li.short p {
			font-size: 13px;
		}

/* ひとつだけ
------------------------------------------- */
#main div.longBox,
#main .contList li.longBox {
	min-height: 180px;
}
#main .contList li.longBox {
	padding-right: 40px;
}
	#main div.longBox a,
	#main .contList li.longBox a {
		padding: 30px 20px 0 525px;
	}
		#main .longBox a > div {
			width: 500px !important;
		}

/* 分割する場合はsplitクラスを指定
------------------------------------------- */
#main .contList.split li {
	float: left;
	margin-right: 20px;
}
	#main .contList.split li a {
		padding: 170px 10px 20px;
	}
		#main .contList.split li a > div {
			width: 100%;
			height: 150px;
			overflow: hidden;
		}
		#main .contList.split li a > div + * {
			text-align: center;
		}
		#main .contList.split li a > p {
			padding: 0 10px;
		}

/* 2Box分割 */
#main .contList.box2 {
	margin-top: 60px;
}
	#main .contList.box2 li {
		width: 490px;
		height: 300px;
	}
	/* サイドメニューがある場合 */
	#main.two .contList.box2 li {
		width: 360px;
	}

/* 3Box分割 */
#main .contList.box3 li {
	width: 320px;
	height: 300px;
}

/* 4Box分割 */
#main .contList.box4 li {
	width: 235px;
	height: 235px;
}
	#main .contList.box4 li a > div {
		height: 175px;
	}
	#main .contList.box4 li a > div + * {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 10px;
	}

/* サブコンテンツテキスト
------------------------------------------- */
#main .contList.sub {
	margin-top: 40px;
}
	#main .contList.sub li {
		width: 490px;
		height: 120px;
		margin-right: 20px;
		float: left;
	}
		#main .contList.sub li a {
			padding: 23px 20px 20px;
		}
			#main .contList.sub li a > *:first-child {
				font-weight: 500;
				font-size: 18px;
				color: #462882;
				line-height: 1;
				margin-bottom: 10px;
				letter-spacing: 1px;
			}

/* 外部リンク付き
------------------------------------------- */
#main .contList .outLinkB:after {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background: url("/image/r1/common/com_ic003.gif") right 45% no-repeat;
	background-size: 10px 10px;
	margin-left: 8px;
}

/* --------------------------------------------------------
    種別リンク一覧＆pdfリンク
-------------------------------------------------------- */
#main .linkList ul,
#main ul.linkList,
#main div.linkList .two-column .col-01,
#main div.linkList .two-column .col-02 {
	overflow: hidden;
	margin: 30px -20px -10px 0;
}
#main div.linkList .two-column .col-01,
#main div.linkList .two-column .col-02 {
	margin-top: 0;
}

	#main .linkList li,
	#main div.linkList .link {
		width: 235px;
		height: 50px;
		display: table;
		float: left;
		margin: 0 20px 10px 0;
		background-color: #F0F0F0;
		position: relative;
		word-break: normal;
	}

	/* 2分割 */
	#main .linkList.large li {
		width: 360px;
		height: 70px;
		font-size: 18px;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
	}

	/* 4分割 */
	#main section.linkList.mid {
		margin-top: 0;
	}
		#main section.linkList.mid > h2 {
			margin-top: 50px;
		}
		#main .linkList.mid li {
			width: 170px;
			height: 70px;
			font-weight: bold;
			line-height: 1.6;
		}

	/* 短め */
	#main .linkList.short li {
		width: 80px;
	}

	#main .pdfLink {
		width: 220px;
		height: 50px;
		display: table;
		margin-top: 15px;
		background: #F0F0F0 url("/image/r1/common/com_ic004.gif") 192px center no-repeat;
		background-size: 13px auto;
	}
		#main .linkList li a,
		#main .linkList .link a,
		#main .pdfLink a {
			display: table-cell;
			vertical-align: middle;
			padding: 0 15px;
			font-weight: bold;
		}
			#main .linkList li a span,
			#main .pdfLink a span {
				position: relative;
				display: inline-block;
				padding-left: 13px;
			}
			/* ieでずれるため、ここのアローは画像にする。 */
			#main .linkList li span,
			#main .pdfLink span,
			#main .linkList .link a {
				background: url("/image/r1/common/blueArrow.png") left 7px no-repeat;
				background-size: 5px auto;
			}
			#main .linkList .link a {
				background-position: 15px center;
			}

			/* 2分割 */
			#main .linkList.large li span {
				padding-left: 20px;
			}
			#main .linkList.large li span:before {
				width: 6px;
				height: 6px;
				top: 12px;
				left: 0;
			}

		#main .linkList li,
		#main .pdfLink,
		#main .linkList .link {
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}

		#main .linkList li:hover,
		#main .pdfLink:hover,
		#main .linkList .link:hover {
			background-color: #462882;
		}

		#main .linkList li:hover a,
		#main .pdfLink:hover a,
		#main .linkList .link:hover a {
		    color: #FFF;
			text-decoration: none;
		}

		#main .linkList li:hover span,
		#main .pdfLink:hover span,
		#main .linkList .link:hover a {
			background-image: url("../image/whiteArrow.png");
		}

/* 位置調整 */
#main .linkList .borBlue {
	margin-bottom: 30px;
}
#main .linkList .link a {
	padding-left: 30px;
}

/* h3見出しがついているパターン(経営コラム・レポート)の場合 */
#main .linkList .two-column h3 {
	clear: both;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
#main .linkList .two-column .col-01 h3 {
	padding-top: 30px;
}
#main .linkList .two-column .col-02 h3 {
	padding-top: 50px;
}

/* 青色pdfLink */
#main .pdfLink.blue {
	width: 100%;
	max-width: 350px;
	background: #462882;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin: 35px 0;
}
#main .pdfLink.blue:hover {
	-webkit-opacity: 0.7;
	opacity: 0.7;
}
	#main .pdfLink.blue a {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		color: #FFF;
		text-align: center;
	}
	#main .pdfLink.blue span {
		display: inline-block;
		padding: 0 20px 0 0;
		background: url("/image/r1/common/com_ic004.gif") right center no-repeat;
		background-size: 13px auto;
	}
	#main .pdfLink.blue span:before {
		display: none;
	}
	#main .pdfLink.blue a:hover span {
		text-decoration: none;
	}


/* --------------------------------------------------------
    サービスについてのお問い合わせ
-------------------------------------------------------- */
#main .inquiryBox {
	width: 100%;
	height: 100px;
	display: table;
	background-color: #F0EEEC;
	padding: 0 20px;
	margin-top: 80px;
}
	#main .inquiryBox > * {
		display: table-cell;
		vertical-align: middle;
	}
	#main .inquiryBox h2 {
		font-weight: 400;
		font-size: 20px;
		margin: 0 0 5px;
		padding: 0;
		line-height: 1.5;
	}

/* サイドメニューがある場合 */
#main.two .inquiryBox {
	padding-right: 40px;
}
	#main.two .inquiryBox .inqLink {
		width: 180px;
	}

/* --------------------------------------------------------
    表(dlをtableっぽくする)
-------------------------------------------------------- */
#main .infoTbl {
	margin-bottom: 70px;
}
#main .infoTbl.person {
	margin-bottom: 15px;
}
	#main .infoTbl h3 {
		font-size: 20px;
		font-weight: 500;
		margin-top: 30px;
	}
	#main .infoTbl h3 + p {
		margin-top: 20px;
	}
	#main .infoTbl p:not(.title) + p {
		margin-top: 5px;
	}

	/* 擬似テーブル */
	#main .infoTbl > dl {
		width: 100%;
		display: table;
		border-left: solid 1px #D8D8D8;
	}
	#main .infoTbl > dl:nth-of-type(1) {
		border-top: solid 1px #D8D8D8;
		margin-top: 25px;
	}
		#main .infoTbl > dl > * {
			display: table-cell;
			border-right: solid 1px #D8D8D8;
			border-bottom: solid 1px #D8D8D8;
			vertical-align: top;
		}
		#main .infoTbl > dl > dt {
		width: 18%;
			background-color: #F0EEEC;
			padding: 15px 5px 10px 17px;
			font-weight: bold;
		}
		/* 縦位置を中央にする場合 */
		#main .infoTbl > dl > dt.vMid {
			vertical-align: middle;
			padding: 0 5px 0 17px;
		}

		/* 注釈 */
		#main .infoTbl > dl > dt .anno {
			font-size: 12px;
			font-weight: normal;
			display: block;
			text-indent: -1em;
			padding-left: 1em;
		}

		#main .infoTbl > dl > dd {
			padding: 15px 20px;
		}
		#main .infoTbl > dl > dd p:first-child {
			margin-bottom: 5px;
		}

		/* タイトル太字 */
		#main .infoTbl > dl > dd .title {
			font-weight: bold;
			margin: 8px 0;
		}
		/* 赤文字 */
		#main .infoTbl > dl > dd .note {
			color: #E52600;
		}

		/* ボタン風リンクのマージン調整 */
		#main .infoTbl > dl > dd .blueBtn,
		#main .infoTbl > dl > dd .grayBtn,
		#main .infoTbl > dl > dd .darkGrayBtn {
			max-width: 150px;
			margin: 0;
		}

		/* チェックボックスのマージン調整 */
		#main .infoTbl > dl > dd.ckBox label ~ label {
			margin-top: 10px;
		}

/*  一行目が見出し
-------------------------------------------------------- */
#main .infoTbl .tblTtl {
	width: 100%;
	display: table;
	border-left: solid 1px #D8D8D8;
	border-top: solid 1px #D8D8D8;
	background-color: #F0F0F0;
}
#main .infoTbl .tblTtl + dl {
	margin-top: 0;
}
	#main .infoTbl .tblTtl p,
	#main .infoTbl .tblTtl:before {
		display: table-cell;
		border-right: solid 1px #D8D8D8;
		vertical-align: top;
	}
	#main .infoTbl .tblTtl p {
		padding: 2px 20px;
		font-weight: bold;
	}
	#main .infoTbl .tblTtl:before {
		content: "";
		width: 18%;
	}

/*  サイドメニューがある場合
-------------------------------------------------------- */
#main.two .infoTbl {
	margin-bottom: 30px;
}
	#main.two .infoTbl > dl > dt,
	#main.two .infoTbl .tblTtl:before {
		width: 23%;
	}

/*  表内のinput
-------------------------------------------------------- */
#main .infoTbl > dl > dd input[type="text"],
#main .infoTbl > dl > dd input[type="tel"],
#main .infoTbl > dl > dd input[type="email"] {
	max-width: 300px;
	background-color: #F5F5F5;
	border-radius: 0;
	vertical-align: middle;
}
#main .infoTbl > dl > dd input.short {
	max-width: 150px;
}
#main .infoTbl span.exe {
	display: inline-block;
	color: #999;
	margin-left: 18px;
	vertical-align: middle;
}

/*  所在地
-------------------------------------------------------- */
#main .infoTbl .adr dt {
	margin: 15px 0 5px;
}

#main .infoTbl .adr dt:first-child {
	margin-top: 0;
}

#main .infoTbl .adr .selBox {
	width: 250px;
}

/* --------------------------------------------------------
    不正アクセス防止入力
-------------------------------------------------------- */
#main .checkAcc {
	background-color: #F0EEEC;
	text-align: center;
	padding: 15px 10px 20px;
	margin-top: 20px;
}

#main .checkAcc p:first-child {
	font-weight: bold;
	margin-bottom: 15px;
}

#main .checkAcc input,
#main .checkAcc img {
	vertical-align: middle;
}

#main .checkAcc input {
	max-width: 150px;
	border: solid 1px #D8D8D8;
	margin-left: 10px;
}

/* --------------------------------------------------------
    バックナンバー
-------------------------------------------------------- */
#main .backnumber {
	margin-top: 30px;
}
	#main .backnumber > *,
	#main .backnumber form > * {
		display: inline-block;
		vertical-align: middle;
		font-size: 13px;
	}
	#main .backnumber > p {
		font-weight: bold;
	}

	#main .backnumber input[type="submit"] {
		width: 60px;
		height: 40px;
		font-weight: 500;
		background-color: #462882;
		color: #FFF;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin-left: 5px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		letter-spacing: 0.08em;
		border: none;
	}
	#main .backnumber input[type="submit"]:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

/* --------------------------------------------------------
    TV出演、講演など
-------------------------------------------------------- */
#main .media dt {
	margin: 25px 0 15px;
	font-size: 16px;
	font-weight: bold;
}

/* --------------------------------------------------------
    セミナータイトル＆ステータス
-------------------------------------------------------- */
#main h1.semTtl {
	font-size: 24px;
	font-weight: 400;
}

#main .stArea {
	display: table;
	width: 100%;
	margin: 20px 0 50px;
	position: relative;
	min-height: 40px;
}
	#main .stArea .status {
		color: #E52600;
		display: table-cell;
		padding-right: 10px;
	}

	/* ドキュメントリンク */
	#main .docBox {
		width: 380px;
		display: table-cell;
	}
		#main .docBox .pdfLink {
			height: 32px;
			margin: 0 0 10px;
			background-position: 198px center;
		}
			#main .docBox .pdfLink  a {
				padding: 0 9px;
			}

		#main .docBox aside {
			color: #E52600;
		}

	/* 印刷ボタン */
	#main .stArea .printPre {
		position: absolute;
		top: 0;
		right: 0;
	}

/* 概要 */
#main .stArea + section:not(.infoTbl) {
	margin-bottom: 50px;
}

/* 満席アイコン */
#main .fully {
	width: 30px;
	line-height: 20px;
	display: inline-block;
	color: #FFF;
	background-color: #E52600;
	font-size: 12px;
	text-align: center;
}

/* 申し込み後に変更する場合の連絡先 */
#main .infoTbl + .ifChange {
	text-indent: -1em;
	padding-left: 1em;
}

/* --------------------------------------------------------
    セミナー申込みリンク
-------------------------------------------------------- */
#main .propose {
	text-align: center;
	margin-top: 40px;
}
	#main .propose p {
		width: 300px;
		height: 50px;
		background-color: #462882;
		display: inline-block;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		letter-spacing: 0.08em;
	}
		#main .propose p:hover {
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}
			#main .propose p a {
				font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
				font-weight: 500;
				color: #FFF;
				display: table;
				width: 100%;
				height: 100%;
			}
			#main .propose p a:hover {
				text-decoration: none;
			}
				#main .propose p a span {
					display: table-cell;
					vertical-align: middle;
				}

	#main .propose .fax {
		background-color: #EAEAEA;
		margin-left: 40px;
	}
		#main .propose .fax a {
			color: #000;
		}

/* --------------------------------------------------------
    セミナー申込み入力遷移
-------------------------------------------------------- */
#main .route {
	position: relative;
	text-align: center;
	margin-top: 60px;
	overflow: hidden;
}
	#main .route input[type="submit"] {
		border: none;
	}

	#main .route .smit,
	#main .route .arrow {
		-webkit-transition: 0.5s;
		transition: 0.5s;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		display: inline-block;
	}
	#main .route .smit:hover,
	#main .route .arrow:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

	#main .route .smit {
		width: 100%;
		max-width: 320px;
		height: 50px;
		background-color: #462882;
		color: #FFF;
		letter-spacing: 0.08em;
	}
	#main .route .smit + .arrow {
		position: absolute;
		top: 0;
		left: 0;
	}
	#main .route .arrow {
		float: left;
		background-color: #F0F0F0;
		padding-left: 0;
		letter-spacing: 1px;
	}
	#main .route .arrow:before {
		border-color: #333;
		width: 5px;
		height: 5px;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		top: 23px;
		left: 11px;
	}
		#main .route .arrow a {
			display: block;
			line-height: 50px;
			color: #000;
			padding: 0 10px 0 25px;
			letter-spacing: 0.08em;
		}
		#main .route .arrow a:hover {
			text-decoration: none;
		}

/* アローなしの長い灰色ボタン */
#main .route .arrow.long {
	width: 100%;
	max-width: 320px;
	float: none;
}
#main .route .arrow.long:before {
	display: none;
}
	#main .route .arrow.long a {
		padding: 0;
	}

/* --------------------------------------------------------
    セミナー申込みフロー
-------------------------------------------------------- */
#main .webAppFlow {
	width: 100%;
	display: table;
	background-color: #F0EEEC;
	padding: 15px 0;
	margin: 30px 0 55px;
}
	#main .webAppFlow li {
		width: 25%;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 400;
		font-size: 16px;
		text-align: center;
		background: url("/image/r1/common/webAppFlow.png") right center no-repeat;
		background-size: 8px auto;
	}

	#main .webAppFlow li:last-child {
		background: none;
	}

	/* 経過した手順 */
	#main .webAppFlow li.comp {
		-webkit-opacity: 0.5;
		opacity: 0.5;
	}

	/* 現在の手順 */
	#main .webAppFlow li.act {
		font-weight: 700;
		color: #462882;
	}

	/* メールマガジン用 */
	#main #magazine.webAppFlow {
		padding: 10px 0;
	}
	  #main .webAppFlow li span.outwin span {
		  display: block;
		  font-weight: 500;
		  font-size: 12px;
	  }

/* --------------------------------------------------------
    ウイルスセキュリティ
-------------------------------------------------------- */
#main .verisign {
	display: table;
	width: 225px;
	position: absolute;
	right: 0;
	margin-bottom: -60px;
}
	#main .verisign > div {
		width: 110px;
		vertical-align: middle;
		display: table-cell;
	}
	#main .verisign > p {
		display: table-cell;
		font-size: 12px;
		line-height: 1.2;
	}

/* pタグと隣接する場合 */
#main .noteSent {
	width: 700px;
	margin-bottom: 90px;
}
#main .noteSent + .verisign {
	margin: -110px 0 0;
}

/* --------------------------------------------------------
    個人情報保護方針
-------------------------------------------------------- */
#main .privacy {
	border-top: solid 1px #D8D8D8;
	border-bottom: solid 1px #D8D8D8;
	margin: 30px 0;
	padding: 35px 0 30px;
}
	#main .privacy h3,
	#main .privacy h4 {
		font-weight: bold;
	}
	#main .privacy h3 {
		font-size: 16px;
		margin-bottom: 25px;
	}
	#main .privacy h4 {
		margin-top: 25px;
	}
	/* 署名 */
	#main .privacy .right-adjust {
		text-align: right;
		margin: 10px 0 35px;
	}
	#main .privacy li {
		text-indent: -4em;
		padding-left: 4em;
	}
	#main .privacy li.last {
		text-indent: -2em;
		padding-left: 2em;
	}
	#main .privacy li span {
		margin-left: 1em;
	}

	/* 個人情報保護方針同意 */
	#main .agree {
		background-color: #F0F0F0;
		text-align: center;
		padding: 15px 0;
		margin-top: 30px;
	}
		#main .agree label {
			display: inline-block;
			padding-left: 30px;
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
			font-size: 16px;
		}
		#main .agree label:before {
			top: 5px;
		}
		#main .agree label:after {
			top: 7px;
		}

	#main .agree + .route {
		margin: 45px 0 80px;
	}

	#main .agree + .route .smit:disabled {
		-webkit-opacity: 0.3;
		opacity: 0.3;
		cursor: default;
	}

/*プライバシーマーク  */
#main .pMark {
	display: table;
	width: 100%;
}
	#main .pMark > p {
		display: table-cell;
		vertical-align: top;
	}
	#main .pMark > p:first-child {
		width: 90px;
		text-align: left;
	}

/* --------------------------------------------------------
    書籍一覧
-------------------------------------------------------- */
#main .bookList {
	overflow: hidden;
	margin-right: -40px;
}
	#main .bookList li {
		width: 480px;
		height: 200px;
		margin: 30px 35px 0 0;
		float: left;
		display: table;
	}

		#main .bookList li > * {
			display: table-cell;
			vertical-align: top;
		}

		#main .bookList li > figure {
			width: 140px;
			padding-right: 20px;
		}
			#main .bookList li > figure img {
				width: 100%;
				min-width: 90px;
				border : solid 1px #CCC;
			}

		#main .bookList dt {
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
			font-size: 16px;
			margin-bottom: 10px;
		}

/* サイドメニューがある場合 */
#main.two .bookList {
	margin: 0 0 -40px;
}
	#main.two .bookList li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 40px;
	}

/* --------------------------------------------------------
    書籍詳細
-------------------------------------------------------- */
#main .bookDetail {
	display: table;
	width: 100%;
	margin: 55px 0 15px;
}
	#main .bookDetail > * {
		display: table-cell;
		vertical-align: top;
	}
	#main .bookDetail figure {
		width: 200px;
		padding-right: 40px;
	}
		#main .bookDetail figure img {
			border: #bbb solid 1px;
		}

	#main .bookDetail dl {
		overflow: hidden;
		margin-bottom: 15px;
	}
		#main .bookDetail dt {
			width: 70px;
			float: left;
			clear: both;
		}
		#main .bookDetail dd {
			margin-left: 70px;
			padding-left: 25px;
			position: relative;
		}
		#main .bookDetail dd:before {
			content: "：";
			position: absolute;
			left: 0;
		}

/* 目次 */
#main .bookCont > li {
	margin-top: 35px;
}
	#main .bookCont .bulletPt {
		margin: 5px 0 0 20px;
	}

/* --------------------------------------------------------
    リンク設置用の箱
-------------------------------------------------------- */
#main .formLink {
	overflow: hidden;
	margin-right: -2%;
}
	#main .formLink li {
		width: 48%;
		height: 230px;
		margin: 30px 2% 0 0;
		padding: 0 20px;
		float: left;
		border: solid 1px #D8D8D8;
		position: relative;
	}
		#main .formLink li .ttl {
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
			font-size: 20px;
			padding: 12px 0;
			margin-bottom: 10px;
			text-align: center;
			border-bottom: solid 1px #D8D8D8;
		}
		#main .formLink li .inqLink {
			position: absolute;
			bottom: 35px;
			left: 50%;
			margin-left: -150px;
		}

/* --------------------------------------------------------
    電話＆FAX＆メールアドレス
-------------------------------------------------------- */
#main .telAndMali {
	width: 320px;
	background-color: #F0EEEC;
	padding: 15px 20px 10px;
}
	#main .telAndMali p.ttl {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-size: 16px;
		margin-bottom: 12px;
	}

	#main .telAndMali dl {
		overflow: hidden;
		font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 400;
		font-size: 16px;
	}
		#main .telAndMali:not(.white) dt {
			min-width: 40px;
			display: inline-block;
			position: relative;
			padding-right: 10px;
			clear: both;
			float: left;
		}
		#main .telAndMali:not(.white) dt:before {
			content: "：";
			position: absolute;
			right: 0;
		}
		#main .telAndMali dd {
			margin: 0 0 5px 60px;
		}

/* 白背景(FAX送信先) */
#main .telAndMali.white {
	width: 100%;
	background-color: #FFF;
	border: solid 1px #D8D8D8;
}
	#main .telAndMali.white p.ttl {
		font-size: 20px;
	}
	#main .telAndMali.white dl {
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: normal;
		font-size: 14px;
	}
		#main .telAndMali.white dt {
			clear: both;
			float: left;
			width: 60px;
		}
		#main .telAndMali.white dd {
			position: relative;
			padding-left: 1em;
		}
		#main .telAndMali.white dd:before {
			content: "：";
			position: absolute;
			left: 0;
		}

/* --------------------------------------------------------
    h3に装飾なし。sectionごとにマージンを発生させる
-------------------------------------------------------- */
#main .h3Cont {
	margin-top: 50px;
}
#main h2 + .h3Cont {
	margin-top: 25px;
}
	#main .h3Cont h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 15px;
	}
#main p {
    margin-left: 20px;
}
#main h4 {
    	clear: both;
    	font-size: 14px;	/*文字サイズ*/
		margin-bottom: 10px;
        font-weight: bold;
        margin-left: 15px;
}
#main h4::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  color: #2e4e9f;
  margin-right: 5px;
}

/* --------------------------------------------------------
    お電話・メールでのお問い合わせ（種類別）
-------------------------------------------------------- */
/* 問い合わせ情報エリア */
#main .h3Cont .telAndMali {
	margin-top: 15px;
}

/* 採用に関する注意文 */
#main .adoption {
	border: solid 1px #D8D8D8;
	padding: 15px 20px;
	font-size: 12px;
	margin: 20px 0;
}
	#main .adoption ul {
		margin-top: 10px;
	}

/* --------------------------------------------------------
    Adobe Readerダウンロード用バナー(main用)
-------------------------------------------------------- */
#main .pdfBnr {
	display: table;
	width: 100%;
	margin: 40px 0 60px;
}
	#main .pdfBnr > p {
		display: table-cell;
		vertical-align: middle;
	}
	#main .pdfBnr > p:first-child {
		width: 180px;
	}
	#main .pdfBnr img {
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#main .pdfBnr a:hover img {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

/* --------------------------------------------------------
    関連リンク
-------------------------------------------------------- */
#main .related {
	padding: 0 20px 10px;
	border: solid 1px #D8D8D8;
	margin-top: 80px;
}
	#main .related > dl > dt {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-size: 20px;
		padding: 12px 0;
		margin-bottom: 10px;
		border-bottom: solid 1px #D8D8D8;
	}
	/* 複数行 */
	#main .related > dl > dd + dd {
		margin-top: 10px;
		padding-top: 10px;
		border-top: solid 1px #D8D8D8;
	}
	/* 日付付き */
	#main .related dd .dateWrap {
		overflow: hidden;
	}
		#main .related dd .dateWrap time {
			float: left;
			width: 140px;
		}
		#main .related dd .dateWrap p {
			margin-left: 140px;
		}

/* --------------------------------------------------------
    採用情報の個人情報保護方針
-------------------------------------------------------- */
#main .privacyTxt {
	margin-top: 35px;
}
#main.two .privacyTxt {
	margin-top: 25px;
}
	#main .privacyTxt dt {
		margin-bottom: 10px;
	}
	#main .privacyTxt p {
		font-size: 12px;
		margin-bottom: 5px;
	}

/* --------------------------------------------------------
    注意書き(caution)
-------------------------------------------------------- */
#main .caution {
	color: #E52600;
	margin-top: 35px;
}
	#main .caution dt {
		font-weight: bold;
		font-size: 16px;
		background: url("/image/r1/common/icon_caution.png") left top no-repeat;
		background-size: 24px 22px;
		padding-left: 32px;
		margin-bottom: 15px;
	}

/* --------------------------------------------------------
    質問と回答
-------------------------------------------------------- */
#main .faq {
	margin-top: 55px;
}
	#main .faq > *:before {
		position: absolute;
		left: 17px;
		font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 16px;
		font-weight: 300;
	}

	#main .faq dt {
		min-height: 40px;
		border: solid 1px #DDD;
		font-weight: bold;
		position: relative;
		padding: 8px 30px 10px 40px;
		cursor: pointer;
		margin-top: 20px;
	}
	#main .faq dt:before {
		content: "Q";
		top: 5px;
		color: #626262;
	}

	#main .faq dd {
		position: relative;
		padding: 18px 10px 0 40px;
		display: none;
	}
	#main .faq dd:before {
		content: "A";
		top: 16px;
		color: #462882;
	}


/*＋、－切り替え*/
#main .faq dt span:before,
#main .faq dt span:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 1px;
	background-color: #462882;
	border-radius: 4px;
}
#main .faq dt span:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#main .faq dt.open span:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* --------------------------------------------------------
    会社概要トップ　社長メッセージへのリンク
-------------------------------------------------------- */
#main .president {
	width: 100%;
	height: 200px;
	background-color: #F5F5F5;
	letter-spacing: 0.5px;
	margin-top: 55px;
}
	#main .president > a {
		width: 100%;
		height: 200px;
		display: table;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#main .president > a:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
		text-decoration: none;
	}
	#main .president > a p {
		color: #000;
	}

		#main .president > a > div {
			display: table-cell;
			vertical-align: middle;
		}
		#main .president > a > div:first-child {
			width: 235px;
		}
		#main .president > a > div + div {
			padding-left: 30px;
		}

	#main .president h2 {
		font-weight: 500;
		font-size: 24px;
		color: #462882;
		line-height: 1;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}

#main .president + .contList {
	margin-top: 20px;
}

/* --------------------------------------------------------
    社長メッセージ　タイトル画像
-------------------------------------------------------- */
#main .msgTtl {
	width: 100%;
	height: 250px;
	display: table;
	position: relative;
	background-color: #F0EEEC;
	margin-bottom: 50px;
}
	#main .msgTtl .ttlBox {
		display: table-cell;
		padding-left: 5%;
		vertical-align: middle;
	}
		#main .msgTtl .ttlBox h1 {
			font-weight: 300;
			font-size: 28px;
			margin: 0 0 30px;
			letter-spacing: 2px;
		}

		#main .msgTtl .ttlBox p {
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 400;
		}
			#main .msgTtl .ttlBox p img {
				display: block;
				margin-top: 5px;
			}

	#main .msgTtl .imgBox {
		position: absolute;
		height: 100%;
		top: 0;
		right: 10%;
		padding-top: 10px;
	}
		#main .msgTtl .imgBox img {
			width: auto;
			height: 100%;
		}

/* -----------------------------------------------------------
    会社概要
----------------------------------------------------------- */
#main .comData {
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	margin-top: 35px;
}
	#main .comData > * {
		border-top: 1px solid #DDD;
		padding: 15px 0;
	}
	#main .comData > dt {
		clear: both;
		float: left;
		width: 130px;
		padding-left: 20px;
		font-weight: bold;
	}
	#main .comData > dd {
		margin-left: 130px;
		overflow: hidden;
	}
		#main .comData > dd dl {
			width: 50%;
			float: left;
		}
		#main .comData > dd dt {
			font-weight: bold;
			margin-bottom: 5px;
		}

/* 役員一覧
------------------------------------------------------*/
#main .officer {
	overflow: hidden;
	margin-top: 35px;
}
	#main .officer dt {
		width: 130px;
		padding-left: 20px;
		font-weight: bold;
	}
	#main .officer dd {
		overflow: hidden;
		margin-bottom: 30px;
	}
	#main .comData > dt {
		clear: both;
		float: left;
		width: 130px;
		padding-left: 20px;
		font-weight: bold;
	}
		#main .officer dd ul {
			width: 100%;
			float: left;
		}
			#main .officer dd li {
        		clear: both;
                float: left;
				margin-bottom: 3px;
                padding: 15px 0 0 30px;
        		font-weight: bold;
			}
				#main .officer dd li span {
					width: 450px;
					display: inline-block;
				}
	#main .officer p {
		clear: both;
		padding-left: 50px;
	}
	#main .officer + .pdfBnr {
		margin: 95px 0 0;
	}

/* -----------------------------------------------------------
    沿革
----------------------------------------------------------- */
/* 共通 */
#main .history dl {
	display: table;
	width: 100%;
}
	#main .history dl > * {
		display: table-cell;
	}

/* 外枠 */
#main .history .hisBox:first-child {
	border-top: solid 1px #EDEDED;
	margin-top: 40px;
}

#main .history .hisBox {
	padding-bottom: 10px;
	border-bottom: solid 1px #EDEDED;
}
	#main .history .hisBox > dt {
		width: 70px;
		padding-top: 10px;
	}
	#main .history .hisBox > dd {
		padding-top: 0;
	}

/* 内側 */
#main .history .hisBox > dd dt {
	width: 90px;
}
#main .history .hisBox > dd dl {
	padding-top: 5px;
}

/* -----------------------------------------------------------
    国内拠点＆海外拠点
----------------------------------------------------------- */
#main .office:nth-of-type(1) h2 {
	margin-top: 60px;
}
#main .office + .office h2 {
	margin-top: 80px;
}

#main .officeAdr {
	margin-top: 35px;
	position: relative;
}
	#main .officeAdr > dt{
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-size: 16px;
		margin-bottom: 10px;
	}
	#main .officeAdr > dd {
		width: 500px;
	}
		#main .officeAdr > dd div {
			width: 240px;
			height: 180px;
			position: absolute;
			top: 0;
			right: 0;
		}
		#main .officeAdr > dd > p:first-child {
			margin-bottom: 10px;
		}

		#main .officeAdr a.arrow {
			display: inline-block;
			margin-top: 10px;
		}

#main .borBlueL + .officeAdr {
	min-height: 180px;
}

/* 拠点の詳細画面
------------------------------------------------------*/
#main.two .content-title + p.address {
	margin: 10px 0 0;
}
#main.two .adrWrap {
	overflow: hidden;
}
	#main.two .adrWrap .officeAdr {
		width: 50%;
		float: left;
	}

#main.two figure.officeMap {
	max-width: 560px;
	margin-top: 35px;
	border: solid 1px #D8D8D8;
}

/* 海外拠点の設立年＆資本金
------------------------------------------------------*/
#main .officeAdr .comInfo {
	overflow: hidden;
}
	#main .officeAdr .comInfo dt {
		clear: both;
		float: left;
		width: 50px;
	}
	#main .officeAdr .comInfo dd {
		margin-left: 50px;
	}
	#main .officeAdr .comInfo dd:before {
		content: "：";
	}

/* -----------------------------------------------------------
    事業内容
----------------------------------------------------------- */
/* タイトルイメージ */
#main .imgTtl {
	height: 300px;
	position: relative;
	margin: 55px 0;
	overflow: hidden;
}
	#main .imgTtl img {
		width: 100%;
	}
	#main .imgTtl > p {
		width: 100%;
		min-height: 85px;
		position: absolute;
		bottom: 0;
		z-index: 1;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 200;
		color: #FFF;
		background-color: rgba(0,0,0,0.5);
		padding: 13px 20px 0;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: 1px;
	}

/* 部長 */
#main .staffPro {
	display: table;
	width: 100%;
	margin: 30px 0 25px;
}
	#main .staffPro > * {
		display: table-cell;
		vertical-align: top;
	}
	#main .staffPro figure {
		width: 135px;
	}
	#main .staffPro p {
		padding-left: 30px;
		font-weight: bold;
		font-size: 13px;
		color: #666;
	}
		#main .staffPro p span.name {
			display: block;
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 200;
			font-size: 30px;
			color: #000;
			letter-spacing: 1.5px;
			margin: 5px 0;
		}
		#main .staffPro p span.yomi {
			font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-size: 14px;
		}

/* メールマガジンのご紹介
------------------------------------------------------*/
#main .mailMagTxt > p:first-child {
	margin: 25px 0 20px;
    text-align: left;
}

#main .mailMagTxt ul {
	overflow: hidden;
}
	#main .mailMagTxt li {
		float: left;
		max-width: 234px;
		margin-bottom: 0;
	}
	#main .mailMagTxt li.blueBtn {
		margin-right: 20px;
	}

/* 創発 Mail Magazine バックナンバー
------------------------------------------------------*/
#main .bkNumBox h3 {
	font-weight: 400;
	font-size: 20px;
	background-color: #F0EEEC;
	overflow: hidden;
	padding: 10px 20px;
}
	#main .bkNumBox h3 a {
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		margin-top: 5px;
		float: right;
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}

#main .bkNumBox {
	counter-reset: listNum;
}
#main .bkNumBox + .bkNumBox {
	margin-top: 100px;
}
	#main .bkNumBox ol li {
		counter-increment: listNum;
		margin-top: 15px;
	}
	#main .bkNumBox ol li > * {
		position: relative;
		padding-left: 35px;
	}

	#main .bkNumBox ol li h4 {
		min-height: 36px;
		font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 18px;
		border-bottom: solid 1px #D8D8D8;
		margin-bottom: 7px;
	}
	#main .bkNumBox ol li h4:before {
		content: counter(listNum) ;
		color: #462882;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 200;
		font-size: 24px;
		position: absolute;
		top: -4px;
		left: 8px;
	}

/* 創発 Mail Magazine 登録の解除
------------------------------------------------------*/
#main .infoTbl.cancel,
#main .infoTbl.cancel .darkGrayBtn {
	margin-bottom: 0;
}

/* 開発プロジェクト事例
------------------------------------------------------*/
#main .project {
	overflow: hidden;
	margin: 25px -2% 0 0;
}
	#main .project li {
		width: 48%;
		float: left;
		margin-right: 2%;
		font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
		#main .project li a {
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
		}
			#main .project li a.outCont p {
				margin: 5px 0 15px;
				display:inline-block;
			}
			#main .project li a.outCont p:after {
				content: "";
				display: inline-block;
				width: 10px;
				height: 10px;
				background: url("/image/r1/common/com_ic003.gif") right 45% no-repeat;
				background-size: 10px 10px;
				margin-left: 5px;
			}
  			#main .project li a img {
				-webkit-transition: 0.5s;
				transition: 0.5s;
			}
			#main .project li a:hover img {
				-webkit-opacity: 0.7;
				opacity: 0.7;
			}
			#main .project li a:hover p {
				text-decoration: underline;
			}

/* -----------------------------------------------------------
    次世代の国づくり
----------------------------------------------------------- */
#main .contTtl.spTtl {
	text-align: left;
}

/* 目指す方向性 */
#main .direction {
	padding: 0 20px 20px;
	background-color: #F0F0F0;
}
	#main .direction > dt {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 200;
		font-size: 20px;
		padding: 12px 0;
		margin-bottom: 15px;
		border-bottom: solid 1px #D8D8D8;
	}

/* スローガン一覧 */
#main .slogan {
	margin-right: -20px;
	overflow: hidden;
}
	#main .slogan li {
		width: 320px;
		height: 220px;
		padding: 12px 20px 0;
		background-color: #F0F0F0;
		margin: 25px 20px 0 0;
		float: left;
	}
		#main .slogan li h3 {
			color: #462882;
			font-size: 20px;
			font-weight: 200;
			margin-bottom: 10px;
		}

/* ブランドロゴ */
#main .brandLogo {
	display: table;
	margin-top: 25px;
}
	#main .brandLogo > * {
		display: table-cell;
		vertical-align: top;
	}
	#main .brandLogo figure {
		width: 330px;
		padding-left: 30px;
	}

/* -----------------------------------------------------------
    国際戦略研究所　田中均「考」
----------------------------------------------------------- */
#main .contTtl.inst {
	color: #000;
	margin-bottom: 55px;
	padding: 0 10px;
}

#main .tanaka {
	overflow: hidden;
	background-color: #F0EEEC;
	padding: 10px;
	margin-bottom: 80px;
}
	#main .tanaka > figure {
		width: 240px;
		float: left;
	}
	#main .tanaka p {
		margin-left: 265px;
	}
	#main .tanaka p + p {
		margin-top: 5px;
	}

	/* 見出し */
	#main .tanaka h2 {
		font-weight: 300;
		font-size: 13px;
		margin: 5px 0 20px 265px;
		letter-spacing: 1px;
	}
		#main .tanaka h2 span {
			display: block;
			font-weight: 400;
		}
		#main .tanaka h2 .name {
			font-size: 24px;
			margin-top: 5px;
			letter-spacing: 2.5px;
		}
		#main .tanaka h2 .yomi {
			font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-size: 12px;
		}

/* バックナンバー */
#main .tanakaClm {
	position: relative;
	height: 53px;
}
	#main .tanakaClm > * {
		position: absolute;
		top: 0;
		margin: 0 !important;
	}
	#main .tanakaClm h2 {
		width: 100%;
		left: 0;
		padding-bottom: 15px;
	}
	#main .tanakaClm .backnumber {
		z-index: 1;
		right: 0;
	}
		#main .tanakaClm .backnumber input {
			background-color: #626262;
		}
		#main .tanakaClm .selBox:before {
			border-color: #666;
		}

/* ニュース一覧 */
#main .tanakaClm + .news-link > *:nth-of-type(1) {
	border-top: none;
}

/* 関連リンク */
#main .relationLink {
	margin: 25px 0 80px;
}
	#main .relationLink dt {
		font-weight: bold;
	}
	#main .relationLink dd p {
		margin: 20px 0 35px;
	}
	#main .relationLink dd a {
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#main .relationLink dd a:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

/* -----------------------------------------------------------
    ご利用環境
----------------------------------------------------------- */
/* 環境一覧表 */
#main .environ {
	width: 100%;
	margin-top: 25px;
	border-bottom: solid 1px #D8D8D8;
}
#main .environ + .environ {
	margin-top: 55px;
}
	#main .environ caption {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 17px;
	}
	#main .environ tr > * {
		border-top: solid 1px #D8D8D8;
		padding: 15px 0;
		vertical-align: top;
	}
	#main .environ th {
		width: 110px;
		font-weight: bold;
	}
	#main .environ th + td {
		width: 155px;
	}

/* プラグイン一覧 */
#main .plugIn .outLinkB {
	margin-top: 15px;
}
	#main .plugIn .outLinkB img {
		margin-bottom: 10px;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#main .plugIn .outLinkB img:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}

#main .plugIn .player {
	overflow: hidden;
	margin-bottom: 50px;
}
	#main .plugIn .player li {
		float: left;
	}
	#main .plugIn .player li:first-child {
		margin-right: 30px;
	}

/* -----------------------------------------------------------
    サイトマップ
----------------------------------------------------------- */
#main .siteMap:nth-of-type(1) h2 {
	margin-top: 0;
}
#main .siteMap h2 + p {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 20px;
}
#main .siteMap h2 + p a.arrow:before {
	top: 10px;
}

#main .siteMap h3 {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-top: 20px;
}

#main .siteMap ul {
	overflow: hidden;
	margin: 8px 0 35px;
}
	#main .siteMap ul li {
		width: 33.3%;
		float: left;
		margin-top: 5px;
	}
	#main .siteMap .arrow:before {
		top: 7px;
	}

/* -----------------------------------------------------------
    SNS
----------------------------------------------------------- */
#SNS {
    width: 100%;
    max-width: 1000px;
	text-align: right;
	margin: auto;
	position: relative;
}
	#SNS ul {
		position: absolute;
		right: 160px;
		top: 54px;
		z-index: 1;
	}
		#SNS li {
			text-align: left;
			display: inline-block;
			vertical-align: middle;
		}
		#SNS li:first-child {
			margin-left: 0;
		}
		/* PC版ではラインは非表示 */
		#SNS li.line {
			display: none;
		}

		#SNS li:not(.pdfBtn) {
			width: 30px;
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}
		#SNS li:not(.pdfBtn):hover {
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}
			#SNS li img {
				width: 100%;
			}

/* -----------------------------------------------------------
    テキストを回り込ませる
----------------------------------------------------------- */
.around {
	overflow: hidden;
}
.around .contentbox {
	float: right;
	margin: 0 0 20px 25px;
}
.around .contentbox p {
	text-align: center;
}

/* -----------------------------------------------------------
    PC版→画像横並び　スマホ版→画像縦一列-
----------------------------------------------------------- */
.imgBox img {
	display: inline-block;
}

/* --------------------------------------------------------
    コラムタイトル
-------------------------------------------------------- */
.clmTtl {
	width: 100%;
	display: table;
	background-color: #F8F8F8;
}
	.clmTtl > * {
		width: 50%;
		display: table-cell;
	}
		.clmTtl .photo img {
			width: 100%;
		}

	.clmTtl .ttlTxt {
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 28px;
		font-weight: 400;
		padding-left: 10px;
	}

/* --------------------------------------------------------
    アンカーリンク調整
-------------------------------------------------------- */
#CATEGORY,
#SP_COLUMN {
	padding-top: 60px !important;
	margin-top: 0 !important;
}


/*//////////////////////////////////////////////////
    ボタン＆ボタン風リンク
///////////////////////////////////////////////////*/
/* --------------------------------------------------------
    印刷プレビューボタン＆pdfダウンロードボタン
-------------------------------------------------------- */
.printPre,
.pdfBtn {
	width: 150px;
	line-height: 30px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-size: 13px;
	border: solid 1px #CCC;
}
.printPre {
	background: #FFF url("/image/r1/common/printPre_bg.png") 10px center no-repeat;
	padding-left: 40px;
	cursor: pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	letter-spacing: 0.08em;
}
.printPre:hover {
	background-color: #EEE;
}

/* pdfBtnにaタグを設置した場合 */
.pdfBtn a {
	color: #000;
	padding-left: 35px;
	display: block;
	background: #FFF url("/image/r1/common/com_ic004.gif") 10px center no-repeat;
	background-size: 13px auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	letter-spacing: 0.02em;
}
.pdfBtn a:hover {
	text-decoration: none;
	background-color: #EEE;
}

/* 印刷ボタンセミナータイトル隣接 */
#main .infoTbl h3 + .printPre {
	position: absolute;
	right: 0;
	margin-top: -60px;
}

#main .infoTbl h3 + .printPre {
	margin-top: -30px;
}

/* --------------------------------------------------------
    お問い合わせフォームリンクボタン
-------------------------------------------------------- */
#main .inqLink {
	width: 300px;
}
	#main .inqLink a {
		display: block;
		line-height: 50px;
		color: #FFF;
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		text-align: center;
		background: #626262 url("/image/r1/common/inqLink_bg.png") 10px center no-repeat;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		letter-spacing: 0.08em;
	}
		#main .inqLink a:hover {
			text-decoration: none;
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}

/* --------------------------------------------------------
    青色＆薄灰色＆濃灰色 ボタンリンク
-------------------------------------------------------- */
.blueBtn,
.grayBtn,
.darkGrayBtn {
	width: 100%;
	height: 50px;
	max-width: 300px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin: 35px auto;
	display: table;
	background-color: #462882;
	cursor: pointer;
}
.blueBtn:hover,
.grayBtn:hover,
.darkGrayBtn:hover {
	-webkit-opacity: 0.7;
	opacity: 0.7;
}

/* inputタグに指定した場合 */
input.blueBtn,
input.grayBtn,
input.darkGrayBtn {
	max-width: 320px;
	display: block;
}
	input.blueBtn,
	input.grayBtn,
	input.darkGrayBtn,
	.blueBtn a,
	.grayBtn a,
	.darkGrayBtn a {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		color: #FFF;
	}
	.blueBtn a,
	.grayBtn a,
	.darkGrayBtn a {
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}

	.blueBtn a:hover,
	.grayBtn a:hover,
	.darkGrayBtn a:hover {
		text-decoration: none;
	}

/* 薄灰色ボタンのみの設定 */
.grayBtn {
	background-color: #EAEAEA;
}
	input.grayBtn,
	.grayBtn a {
		color: #000;
	}

/* 濃灰色ボタンのみの設定 */
.darkGrayBtn {
	background-color: #626262;
}

/*//////////////////////////////////////////////////
    main(エクステンション混在ページ用)
///////////////////////////////////////////////////*/
/* --------------------------------------------------------
    見出し
-------------------------------------------------------- */
/* 独立コンテンツ見出し */
#main.two .content-title {
	overflow: hidden;
	position: relative;
}
	#main.two .content-title h1 {
		font-weight: 400;
		font-size: 30px;
		clear: both;
	}
	#main .content-title h1 {
		font-weight: 400;
		font-size: 30px;
		clear: both;
	}
		#main.two .content-title h1 img {
			max-width: 100%;
		}
	#main.two .content-title h1 + p {
		margin-top: 20px;
	}
	/* content-titleクラス内 サブタイトル */
	#main.two .content-title .sub-title {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #462882;
		padding-right: 400px;
		margin-bottom: 40px;
	}

	/* content-titleクラス内 印刷ボタン(エクステンション画面用) */
	#main.two .content-title .content-utility {
		width: 150px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
	}
		#main.two .content-title .content-utility img {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 1;
		}
		#main.two .content-title .content-utility a {
			display: block;
			-webkit-transition: 0.5s;
			transition: 0.5s;
			background-color: #FFF;
		}
		#main.two .content-title .content-utility a:hover {
			background-color: #EEE;
		}

	/* content-titleクラス内 印刷ボタン(printPreクラス用) */
	#main.two .content-title .printPre {
		position: absolute;
		top: 10px;
		right: 0;
		margin-top: 0;
	}

#main.two .content-title + p {
	margin: 50px 0 35px;
}

/* 障害者採用 */
#main.two .content-title + p + .linkList.large {
	margin-top: -10px;
}

/* 青文字見出し(左寄せ) */
#main.two .lead-txt {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 200;
	color: #462882;
	font-size: 20px;
}
#main.two .content-title + p.lead-txt {
	font-weight: 500;
	margin-bottom: 20px;
}

/* financeクラス配下の場合、マージンが発生 */
#main.two .finance .lead-txt {
	margin: 25px 0 15px;
}

/* 黒文字下線見出し */
#main.two .lead-txtBlk {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	font-size: 20px;
	border-bottom: solid 1px #D8D8D8;
	padding-bottom: 15px;
	margin: 40px 0 15px !important;
}

/* --------------------------------------------------------
    リスト
-------------------------------------------------------- */
#main.two .normal-list li {
	padding-left: 13px;
	position: relative;
	margin-bottom: 5px;
}
#main.two .normal-list li:before {
	display: block;
	content: "";
	background-color: #CCC;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	position: absolute;
	top: 8px;
	left: 0;
}

/* -----------------------------------------------------------
    新着リスト(news-link)＆研究員のコラム・レポート
----------------------------------------------------------- */
#main .news-link,
#main.two .staff-achievement {
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
	#main .news-link > *,
	#main.two .staff-achievement > * {
		border-top: 1px solid #DDD;
		padding: 10px 0;
	}
	#main h2 + .news-link > *:nth-of-type(1),
	#main .news-link + .news-link > *:nth-of-type(1),
	#main.two .staff-achievement > *:nth-of-type(1) {
		border-top: none;
	}
	#main .news-link > dt,
	#main.two .staff-achievement > dt {
		clear: both;
		float: left;
		width: 130px;
	}
	#main .news-link > dd,
	#main.two .staff-achievement > dd {
		margin-left: 130px;
	}

#main h2 + p + .news-link {
	margin-top: 30px;
}

/* 一覧を見る */
#main .listLink {
	text-align: right;
	margin-top: 15px;
}

/* --------------------------------------------------------
    関連情報
-------------------------------------------------------- */
#main.two .relation-block {
	border: solid 1px #D8D8D8;
	margin-top: 75px;
	padding: 16px 20px 20px;
}
	#main.two .relation-block span.bold {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 20px;
		font-weight: 500;
	}

	#main.two .relation-block span.bold + ul {
		border-top: solid 1px #D8D8D8;
		padding-top: 10px;
	}
		#main.two .relation-block span.bold + ul p {
			margin-top: 15px;
		}
		#main.two .relation-block span.bold + ul > br {
			display: none;
		}

/* --------------------------------------------------------
    サービス紹介　主要サービス一覧
-------------------------------------------------------- */
#main.two .mainService h2 {
	font-size: 20px;
	border-left: solid 4px #007CC2;
	padding-left: 15px;
	margin-top: 60px;
	font-weight: 500;
}

#main.two .mainService h3 {
	font-size: 16px;
	margin: 55px 0 15px;
	font-weight: 500;
}

#main.two .mainService h2 + h3 {
	margin-top: 25px;
}

#main.two .mainService li.link {
	margin-top: 10px;
}
	#main.two .mainService li.link a {
		display: inline-block;
	}

/* --------------------------------------------------------
    研究員紹介_五十音＆部門
-------------------------------------------------------- */
#main p.staffInfo ~ h2 {
	font-weight: 500;
	font-size: 20px;
	border-left: solid 4px #007CC2;
	padding-left: 15px;
	margin: 55px 0 30px;
	clear: both;
}
#main p.staffInfo + h2 {
	margin-top: 0;
}
	#main .column-three .col {
		float: left;
		width: 248px;
		height: 100px;
	}
		#main .column-three .col .staff {
			display: table;
		}
			#main .column-three .col .staff > * {
				display: table-cell;
				vertical-align: top;
			}

/* 左　画像 */
#main .column-three .col .staff p.img {
	width: 60px;
	text-align: left;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#main .column-three .col .staff p.img:hover {
	-webkit-opacity: 0.7;
	opacity: 0.7;
}

/* 右　文章 */
#main .column-three .col .staff p.text {
	padding-right: 10px;
	font-size: 12px;
}
	#main .column-three .col .staff p.text > a {
		font-size: 16px;
		font-weight: normal;
	}
	#main .column-three .col .staff p.text .name {
		font-weight: normal;
		font-family: 'Open Sans', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}

/* --------------------------------------------------------
    研究員紹介_詳細
-------------------------------------------------------- */
#main.two .staff-img-column {
	display: table;
	margin-bottom: 55px;
}
	#main.two .staff-img-column > * {
		display: table-cell;
		vertical-align: top;
	}

	/* 画像 */
	#main.two .staff-img-column .img {
		max-width: 135px;
		padding-top: 5px;
	}
		#main.two .staff-img-column .img img {
			width: 100%;
		}

	/* テキスト */
	#main.two .staff-img-column .text {
		padding-left: 30px;
		color: #666;
	}
		#main.two .staff-img-column .text > p:first-child {
			font-weight: bold;
		}
		#main.two .staff-img-column .text h1 {
			font-size: 30px;
			font-weight: 200;
			color: #000;
			letter-spacing: 1px;
		}
		#main.two .staff-img-column .text .roman-name {
			font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 700;
		}
/* --------------------------------------------------------
    研究員紹介_詳細
-------------------------------------------------------- */
#main.staff-img-column {
	display: table;
	margin-bottom: 55px;
    padding-bottom: 55px;
}
	#main.staff-img-column > * {
		display: table-cell;
		vertical-align: top;
	}

	/* 画像 */
	#main .staff-img-column .img {
		max-width: 135px;
		padding-top: 5px;
	}
		#main.staff-img-column .img img {
			width: 100%;
		}

	/* テキスト */
	#main.staff-img-column .text {
		padding-left: 30px;
		color: #666;
	}
		#main.staff-img-column .text > p:first-child {
			font-weight: bold;
		}
		#main.staff-img-column .text h1 {
			font-size: 30px;
			font-weight: 200;
			color: #000;
			letter-spacing: 1px;
		}
		#main.staff-img-column .text .roman-name {
			font-family: 'Lato', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 700;
		}
.staff-profile h3 {
    clear: both;
	margin-bottom: 20px;
	padding: 10px 15px;	/*上下、左右への余白*/
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 1px solid #2e4e9f;		/*枠線の幅、線種、色*/
    display: inline-block;
	color: #000;	/*文字色*/
}
.staff-profile h3::first-letter {
    border-left: 3px solid #2e4e9f;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
}
/*  経歴
-------------------------------------------------------- */
#main.two .staff-profile h3,
#main.two .staff-profile ~ h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 33px 0 10px;
}

/* 詳細 */
#main.two .staff-profile ~ hr,
#main.two .staff-profile ~ h3 + br {
	display: none;
}

#main.two .staff-profile ~ h2 {
	font-weight: 500;
	font-size: 20px;
	border-left: solid 4px #007CC2;
	padding-left: 15px;
	margin: 55px 0 25px;
}

#main.two .staff-profile ~ p {
	margin-bottom: 5px;
}

#main.two .staff-profile ~ h3 + p ~ p {
	border-top: solid 1px #DDD;
	padding: 10px 0 5px;
}

/* メッセージ用 */
#main.two .staff-profile ~ h2 + p {
	border-top: none !important;
	padding: 0 !important;
}
/*  経歴 main one
-------------------------------------------------------- */
#main.staff-profile h3,
#main.staff-profile ~ h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 33px 0 10px;
}

/* 詳細 */
#main.staff-profile ~ hr,
#main.staff-profile ~ h3 + br {
	display: none;
}

#main.staff-profile ~ h2 {
	font-weight: 500;
	font-size: 20px;
	border-left: solid 4px #007CC2;
	padding-left: 15px;
	margin: 55px 0 25px;
}

#main.staff-profile ~ p {
	margin-bottom: 5px;
}

#main.staff-profile ~ h3 + p ~ p {
	border-top: solid 1px #DDD;
	padding: 10px 0 5px;
}

/* メッセージ用 */
#main.staff-profile ~ h2 + p {
	border-top: none !important;
	padding: 0 !important;
}

/*//////////////////////////////////////////////////
    sideMenu
///////////////////////////////////////////////////*/
#sideMenu {
	width: 200px;
}
	#sideMenu dt {
		font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: 500;
		padding: 0 0 5px 8px;
		font-size: 16px;
		border-bottom: solid 2px #462882;
	}
	#sideMenu dd {
		border-bottom: solid 1px #462882;
	}
	/* レベルBは非表示にしておく */
	#sideMenu dd ul {
		display: none;
	}
	/* dmTtlに隣接している場合は表示 */
	#sideMenu dd .dmTtl + ul {
		display: block;
	}
		#sideMenu dd li,
		#sideMenu dd p {
			width: 100%;
			min-height: 40px;
		}
		#sideMenu dd li {
			border-top: solid 1px #D8D8D8;
		}

		#sideMenu dd a,
		#sideMenu dd .accordion,
		#sideMenu dd .dmTtl {
			display: block;
			width: 100%;
			height: 100%;
			min-height: 40px;
			padding: 12px 0 5px 10px;
			line-height: 1.3;
			color: #000;
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}

		#sideMenu dd .accordion {
			position: relative;
			cursor: pointer;
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
			padding-top: 10px;
		}
		#sideMenu dd .accordion:before {
			left: auto;
			top: 15px;
			right: 10px;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			border-color: #CCC;
		}

		/* 研究員用　ただの見出し */
		#sideMenu dd .dmTtl {
			font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			font-weight: 500;
			padding-top: 10px;
		}
		#sideMenu dd ~ dd .dmTtl {
			margin-top: 20px;
		}

		/* アコーディオンオープン時 */
		#sideMenu dd .accordion.open:before {
		    top: 18px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		/* 子要素にnowクラスがある場合 */
		#sideMenu dd .accordion.parAct {
			background-color: #EEE;
		}

		#sideMenu dd a:hover,
		#sideMenu dd .accordion:hover {
			text-decoration: none;
			background-color: #EEE;
		}
			#sideMenu dd p span {
				font-weight: bold;
				display: inline-block;
			}

			#sideMenu li p,
			#sideMenu dd li a {
				padding: 12px 0 10px 45px;
				position: relative;
			}
			#sideMenu dd li a:before {
				top: 17px;
				left: 30px;
			}

		#sideMenu .now,
		#sideMenu .act {
			font-weight: bold;
		}
		#sideMenu .now:not(li),
		#sideMenu .act {
			background-color: #EEE;
		}
			#sideMenu .now a {
				color: #462882;
			}

/* カテゴリーから探す */
#sideMenu dl.cat {
	margin-top: 40px;
}
	#sideMenu dl.cat dt {
		font-size: 14px;
		border-bottom: solid 1px #D8D8D8;
		padding-bottom: 10px;
		letter-spacing: -0.3px;
	}

/* お問い合わせリンク */
#sideMenu .inq {
	width: 100%;
	height: 62px;
	border: solid 1px #D8D8D8;
	display: table;
	margin-top: 40px;
}
	#sideMenu .inq a {
		display: table-cell;
		vertical-align: middle;
		padding-left: 8px;
		color: #000;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}
	#sideMenu .inq a:hover {
		text-decoration: none;
		background-color: #EEE;
	}
		#sideMenu .inq .arrow {
			display: inline-block;
			padding: 3px 0 0 15px;
			line-height: 1.3;
		}
		#sideMenu .inq .arrow:before {
			border-color: #818181;
			top: 7px;
			left: -1px;
		}

/* 外部リンク */
#sideMenu .out a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	background: url("/image/r1/common/icon_externalLink.png") center center no-repeat;
	background-size: contain;
}

/*//////////////////////////////////////////////////
    footer
///////////////////////////////////////////////////*/
footer {
	background-color: #F5F5F5;
	font-size: 13px;
	color: #000;
}
	footer .inner {
		overflow: hidden;
	}
		footer .inner * a {
			width: 100%;
			line-height: 22px;
			color: #000;
			position: relative;
		}
		footer .inner li a ,
		footer .inner p a {
			font-size: 11px;
			padding-left: 13px;
		}
		footer .inner li a:before ,
		footer .inner p a:before {
			border-color: #444;
		}

		footer .inner > ul {
			float: left;
		}
		footer .inner > p.cp {
			float: right;
		}
			/* 会社名 */
			footer p.cName {
				max-width: 1000px;
				margin: auto;
				padding: 20px 0;
				letter-spacing: 1px;
                font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing: 0.08em;
			}
				footer p.cName span {
					font-size: 16px;
					font-weight: bold;
					display: block;
					font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
					position: relative;
					margin-bottom: 7px;
				}
				footer p.cName span:before {
					/*content: "";*/
					display: block;
					width: 1px;
					height: 16px;
					background-color: #666;
					position: absolute;
					top: 7px;
					left: 196px;
				}
					footer p.cName img {
						width: 18px;
						height: auto;
						vertical-align: -3px;
						margin-left: 20px;
					}

		/* フッターリンク集 */
		footer .linkWrap {
			line-height: 1;
			border-top: solid 1px #D9D9D9;
			border-bottom: solid 1px #D9D9D9;
			overflow: hidden;
			padding: 30px 0 20px;
		}
			footer .linkWrap .inner {
				display: table;
				width: 100%;
			}
				footer .linkWrap .flBox {
					display: table-cell;
					padding-right: 10px;
				}
				footer .linkWrap dl.flBox {
					width: 51%;
				}
				footer .linkWrap div.flBox {
					width: 25%;
				}
					footer .linkWrap div.flBox dl + dl,
					footer .linkWrap .inner .single,
					footer .linkWrap .inner .single + dl {
						margin-top: 22px;
					}

			footer .linkWrap .inner dt,
			footer .linkWrap .inner p,
			footer .linkWrap .inner li {
				min-height: 22px;
			}

			footer .linkWrap .inner dt {
				font-weight: bold;
				color: #000;
			}
			footer .linkWrap .inner p {
				font-size: 11px;
			}
				footer .linkWrap dl.flBox div.flBox > p {
					padding-top: 4px;
				}

			/* セミナー・イベント、メディア掲載・書籍、お問い合わせ */
			footer .linkWrap .inner .single a {
				font-size: 13px;
				font-weight: bold;
				padding-left: 0;
				color: #000;
			}
			footer .linkWrap .inner .single a:before {
				display: none;
			}

		/* その他リンク＆コピーライト */
		footer .linkWrap + .inner {
			padding: 15px 0;
		}
			footer .linkWrap + .inner ul {
				overflow: hidden;
			}
				footer .linkWrap + .inner li {
					float: left;
					margin-left: 40px;
				}
				footer .linkWrap + .inner li:first-child {
					margin-left: 0;
				}

				@media (min-width: 863px) and (max-width: 903px) {
					footer .linkWrap + .inner li {
						margin-left: 30px;
					}
				}
				@media (max-width: 862px) {
					footer .linkWrap + .inner li {
						margin-left: 15px;
					}
				}

			/* コピーライト */
			footer p.cp small {
				font-size: 10px;
				letter-spacing: 0.8px;
				font-family: 'Roboto', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			}

/*  ページトップ
------------------------------------------------------------*/
#pageTop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 99;
	cursor: pointer;
	display: none;
}
	#pageTop img {
		width: 100%;
	}

/*  国際戦略研究所用
------------------------------------------------------------*/
footer p.cName.inst {
	max-width: none;
	border-bottom: solid 1px #D9D9D9;
}
	footer p.cName.inst span {
		display: block;
		max-width: 1000px;
		margin: auto;
	}
	footer p.cName.inst span:before {
		display: none;
	}

footer p.cName.inst + .inner {
	padding: 15px 0;
}

/*  スクロール部品
------------------------------------------------------------*/
#main .sclArea {
	overflow: auto;
}

/*ta2設定*/
.ta2 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;	/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;	/*ボックス内の余白*/
}
.ta2 {
  border-collapse: collapse;
  width: 100%;
}
.ta2, .ta2 th {
  padding: 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.ta2 td {
  padding: 1rem 2rem;
    text-align: left;
  border-bottom: 1px solid #ddd;
}
.ta2 aside {
    text-align: center;
    border-bottom: 1px solid #462882;
    display: inline-block;
}

.ta2 th {
  font-weight: normal;
  font-size: .875rem;
  color: #000;
  background: #eee;
  position: sticky;
  top: 0;
}
.time {
    width: 150px;
}

@media(max-width: 500px) {
  .heading {
    display: none;
  }
  .ta2 td {
    display: block;
  }
  .ta2 td::before {
    content: attr(data-label);
    font-size: 0.7rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
  }
  .time {
    background: #ddd;
    width: 100%;
  }
}

/* --------------------------------------------------------
    feature
-------------------------------------------------------- */
#feat li h3,
#report .inner h3 {
	font-weight: 500;
	font-size: 18px;
    text-align: center;
	line-height: 1;
}

#feat {
	width: 940px;
	margin: auto;
	position: relative;
	overflow: hidden;
}
	#feat li {
		width: 300px;
		height: 300px;
		padding: 180px 18px 0;
		font-size: 13px;
		background: #F5F5F5 left top no-repeat;
		background-size: 100% auto;
		float: left;
		margin-right: 20px;
		cursor: default;
		position: relative;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		cursor: pointer;
	}
	#feat li:hover {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}
		#feat li a:hover {
			text-decoration: none;
		}
			#feat li a img {
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
			}
			#feat li a p {
				margin-top: 17px;
				letter-spacing: 0.5px;
				color: #333;
			}

	#feature .prev,
	#feature .next {
		width: 15px;
		height: 25px;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -12.5px;
		cursor: pointer;
		z-index: 3;
	}
	#feature .prev{
		left: -20px;
		background-image: url("/image/r1/index/feat_prev.png");
	}
	#feature .next{
		right: -20px;
		background-image: url("/image/r1/index/feat_next.png");
	}
	#feature .pager {
		display: none !important;
	}

	/* 二個の場合 */
	#feature.box2 .inner,
	#feature.box2 .caroufredsel_wrapper > div {
		width: 620px !important;
		margin: auto !important;
	}
	#feature.box2 .prev{
		left: -40px;
	}
	#feature.box2 .next{
		right: -40px;
	}
	/* 一個の場合 */
	#feature.box1 .inner,
	#feature.box1 .caroufredsel_wrapper > div {
		width: 300px !important;
		margin: auto !important;
	}
/* --------------------------------------------------------
    feature
-------------------------------------------------------- */
@media(max-width: 500px) {
body {
	min-width: 320px;
}
#main > section#feature {
	padding-bottom: 105px;
}
#feat li {
	-webkit-transition: none;
	transition: none;
}
#feat li:hover {
	-webkit-opacity: 1;
	opacity: 1;
}

	#feature .inner,
	#feature .caroufredsel_wrapper > div {
		width: 300px !important;
		margin: auto !important;
	}
		#feature .prev{
			left: 0;
		}
		#feature .next{
			right: 0;
		}
		#feature .pager {
			display: block !important;
			bottom: auto;
			margin-top: 25px;
		}
		#feature .pager.hide {
			display: none !important;
		}

#feature .pager a {
	border-color: #D8D8D8;
	background-color: #FFF;
	margin-left: 10px;
}
#feature .pager a:first-child {
	margin-left: 0;
}
#feature .pager a:hover,
#feature .pager a.selected {
	background-color: #D8D8D8;
}
	#feature .prev,
	#feature .next {
		top: auto;
		margin-top: 20px;
	}

}