@charset "UTF-8";
/* CSS Document */
/*===================================================
    スマホ用共通ベースCSS(PCの定義に上書きして使用)
===================================================*/
/*//////////////////////////////////////////////////
    Base set
///////////////////////////////////////////////////*/
body {
	min-width: 320px;
}

/* --------------------------------------------------
    リンク
-------------------------------------------------- */
a:hover {
	text-decoration: none;
}

/*//////////////////////////////////////////////////
    header
///////////////////////////////////////////////////*/
/*header {
	position: fixed;
	top: 0;
	min-height: 45px;
}
	header .headWrap h1 {
		margin-left: 10px;
		float: left;
		font-size: 18px;
	}
		header .headWrap h1 img {
			width: 98.5px;
		}
*/
/* --------------------------------------------------------
    グローバルメニュー
-------------------------------------------------------- */
header .smtH {
	padding-bottom: 10px;
	overflow: hidden;
}
header .smtH.view {
	border-bottom: solid 1px #E1E1E1;
}

/* メニュー開閉ボタン
-----------------------------------------------------
#smtMenu {
	width: 26px;
	height: 25px;
	display: block;
	color: #0072CE;
	float: right;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
}
/* 横棒
#smtMenu:before,
#smtMenu:after,
#smtMenu span:before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #0072CE;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
/* 上
#smtMenu:before {
	top: 0;
}
/* 中
#smtMenu:after {
	top: 6px;
}
/* 下
#smtMenu span:before {
	top: 12px;
}
	/* menuという文字
	#smtMenu img {
		position: absolute;
		bottom: 0;
		width: 100%;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

/* メニューオープン時の横棒
header .smtH.view #smtMenu:before {
	-webkit-transform: translateY(11px) rotate(-135deg);
	transform: translateY(11px) rotate(-135deg);
}
header .smtH.view #smtMenu:after,
header .smtH.view #smtMenu img {
	-webkit-opacity: 0;
	opacity: 0;
}
header .smtH.view #smtMenu span:before {
	-webkit-transform: translateY(-1px) rotate(135deg);
	transform: translateY(-1px) rotate(135deg);
}
*/
/* メニュー
-----------------------------------------------------*/

#gNav {
	clear: both;
	display: none;
}
	#gNav > ul {
		padding-top: 0;
		display: block;
	}
		#gNav > ul li {
			margin-left: 0;
			display: block;
			width: auto !important;
			font-size: 14px;
		}

		/* メニューリンク */

		#gNav > ul li,
		#gNav .scWrap > p {
			height: 40px;
			line-height: 40px;
			position: relative;
			float: none;
			border-bottom: solid 1px #D8D8D8;
		}

		#gNav > ul li:before,
		#gNav .scWrap > p:before {
			position: absolute;
			content: "";
			width: 6px;
			height: 6px;
			top: 18px;
			right: 10px;
			border-top: 1.5px solid #005CA6;
			border-right: 1.5px solid #005CA6;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

			#gNav > ul li a,
			#gNav .scWrap > p a {
				display: block;
				width: 100%;
				height: 100%;
				padding-left: 10px;
				color: #005CA6;
				font-weight: 400;
				letter-spacing: 0.05em;
			}

			#gNav > ul li a {
				padding-bottom: 0;
			}
			#gNav > ul li a:after {
				display: none;
			}

/* スマホ閲覧時のハンバーガーメニュー
-----------------------------------------------------*/

			#hanburger {
			  display: none; /* チェックボックスを非表示 */
			}

			#navibtn { /* ボタンのスタイル */
			  width: 50px; /* 幅 */
			  height: 50px; /* 高さ */
			  position: fixed;
			  top: 20px;
			  right: 20px;
			  background: #ccc; /* 背景色 */
			  z-index: 10;
			}

			#navibtn::before { /* アイコンのスタイル */
			  font-family: "Font Awesome 5 Free";
			  content: "\f0c9"; /* アイコン「３本線」 */
			  font-weight: 900;
			  position: absolute;
			  color: #000;
			  top: 50%;
			  left: 50%;
			  transform: translate(-50%,-50%);
			}

			#hanburger:checked + #navibtn::before { /* アイコンのスタイル（チェック済み） */
			  content: "\f00d"; /* アイコン「×印」 */
			}

			#navi { /* メニュー全体のスタイル */
  width: 100%;
	max-height:calc(100% - 148px);
  position: fix;
  top: 148px;
  left: 0;
	background-color: #fff;
}

.menu-parent .pd {
	display: inline-block;
	width: 100%;
}
.menu {
	float: right;
margin-right: 10px;


}


.menu-parent {
	float: left;
  margin-right: 10px;
  line-height: 60px;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
	height: auto;
	width: 100%;
	padding: 0px 20px;
	border-bottom: 1px solid #DDD;
}
.menu-parent:first-child {
	border-top: 1px solid #DDD;
}
.menu-parent i {
	padding: 0px 6px;
}
/* メニューを移動させないため */
#hanburger:checked ~ #navi {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}
/* ドロップダウンメニュー */

.menu-parent .menu-child {
	color:#000;
  visibility: hidden;
  opacity: 1;
  position: absolute;
  margin-left: auto;
  width: auto;
  box-sizing: border-box;
  padding: 0px 10px;
  background-color: #FFF;
  border: 1px solid #000;
	border-top: 1px solid #DDD;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
position: relative;

}


#hanburger:checked ~ #navi { /* メニュー全体のスタイル（チェック済） */
  display: block; /* メニューを表示 */
	opacity: 1;
}
#hanburger:checked ~ * .menu-parent {
	max-height: inherit;
	overflow-y: visible;
}
#hanburger:checked ~ * .menu-child {
	max-height: 0;
	overflow-y: hidden;
	visibility: hidden;
}
/* 子メニューがクリックされた時 */
#navi input[type="checkbox"]:checked ~ .menu-child {
	max-height: inherit;
	overflow-y: visible;
	visibility: visible;
}
.angletoggle:before {
	content: "\f107";
}
#navi input[type="checkbox"]:checked ~ * .angletoggle:before {
	content: "\f106";
}
}
/* 子メニュー */
.menu-child li {
font-size: 14px;
border-bottom: 1px solid #DDD;
}
/* 余分な最後の線を消去 */
.menu-child li:last-child {
border: none;
}
.menu-child li i {
margin-right: 3px;
}



/*
.gNav a { /* 各項目のスタイル */
/*  display: block;
  width: 100%;
}

.gNav a:hover { /* 各項目のスタイル（ホバー時） */
/*  background: #ffb6c1;
}

.menu:not(:last-child) {
  margin-bottom: 20px;
}

.menu > a { /* 親項目のスタイル */
/*  font-weight: bold;
  padding: 10px 20px;
}

.parMenu > li > a {
  padding: 10px 30px;
  font-size: 0.8em;
}
*/
/* お問い合わせ＆検索
-----------------------------------------------------*/
/*
#gNav .scWrap {
	position: static;
}
	#gNav .scWrap > *,
	#gNav .inWrap > * {
		display: block;
	}
	#gNav .scWrap p {
		background-color: #F5F5F5;
	}
	#gNav .scWrap p:before {
		border-color: #444;
	}
	#gNav .scWrap p a:hover {
		text-decoration: none;
	}

	#gNav .scWrap .inWrap {
		padding: 20px 10px;
	}

	/* 言語切り替え */
	/*
	#gNav .scWrap ul {
		margin: 0;
	}
		/* 日本語は非表示 */
		/*
		#gNav .scWrap ul li:first-child {
			display: none;
		}

		/* 英語リンク */
		/*
		#gNav .scWrap ul li {
			width: auto;
			height: auto;
			line-height: 1.5;
			text-align: left;
			border: none;
			background-color: transparent;
			font-size: 14px;
			float: none;
		}
			#gNav .scWrap ul li a.arrow {
				display: inline;
				padding-left: 12px;
				letter-spacing: 2px;
				-webkit-transition: none;
				transition: none;
			}
			#gNav .scWrap ul li a.arrow:hover {
				-webkit-opacity: 1;
				opacity: 1;
			}
			#gNav .scWrap ul li a.arrow:before {
				display: block;
				top: 6px;
			}
			#gNav .scWrap ul li a.arrow span {
				display: inline;
			}

/* 検索 */
/*
#gNav .inWrap > #Search {
	margin-top: 20px;
	padding-right: 40px;
	position: relative;
}
	#Search input[type="text"] {
		width: 100%;
		height: 40px;
		border: solid 1px #0072CE;
		padding: 1px 10px;
		-webkit-transition: none;
		transition: none;
		margin-right: 0;
		visibility: visible;
	}

	#Search #SCBtn {
		position: absolute;
		top: 10px;
		right: 5px;
		margin: 0 2px 0 0;
		-webkit-transition: none;
		transition: none;
	}
	#Search #SCBtn:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}
*/
/*//////////////////////////////////////////////////
    main
///////////////////////////////////////////////////*/
/* --------------------------------------------------
    コンテンツを全て包む
-------------------------------------------------- */
.wrap {
	padding-top: 45px;
}

/* --------------------------------------------------
    inner
-------------------------------------------------- */
.inner {
	width: 100%;
}

/* --------------------------------------------------
    パンくず
-------------------------------------------------- */
#tpcpth {
	display: none;
}

/* --------------------------------------------------
    オーバレイ
-------------------------------------------------- */
#overlay {
    cursor: pointer;
	-webkit-opacity: 1;
	opacity: 1;
}

/* --------------------------------------------------------
    擬似セレクト
-------------------------------------------------------- */
.selBox {
	-webkit-transition: none;
	transition: none;
}
.selBox:hover {
	background-color: #FFF;
}

/* --------------------------------------------------------
    擬似セレクト(selWrap部分)
-------------------------------------------------------- */
.selWrap > h2,
.selWrap .backnumber {
	float: none;
}

/* --------------------------------------------------------
    見出し
-------------------------------------------------------- */
/* 大見出し */
#title {
	height: 80px;
	font-size: 17px;
}
	/* 次世代の国づくり用 */
	#title img {
		width: 100%;
	}
	/* 国際戦略研究所用 */
	#title p span{
		font-size: 10px;
	}

/* 大見出し 背景（メディア掲載） */
#title.cont08 {
	background-image: url("/image/r1/common/title_bg08_smp.png");
}
/* 大見出し 背景（国際戦略研究所） */
#title.cont10 {
	background-image: url("/image/r1/common/title_bg10_smp.png");
}

/* hタグ装飾クラス
-----------------------------------------*/
#main h2 {
	margin-bottom: 5px;
}
	#main h2 b {
		font-size: 15px;
		font-weight: normal;
	}

/* 青下線＆灰色下線見出し */
#main .borBlue,
#main .borGray,
#main h2.borBlue,
#main h2.borGray {
	margin-top: 40px;
}

/* --------------------------------------------------------
    独立コンテンツ
-------------------------------------------------------- */
#cntnt,
#main {
	max-width: 100% !important;
	float: none !important;
}

#cntnt {
	margin: 40px auto 0;
}
	#main {
		padding: 0 10px 70px;
	}
	/*サイドメニューがある場合*/
	#main.two {
		width: 100%;
	}
/* --------------------------------------------------------
    お知らせ
-------------------------------------------------------- */
#main .info > *:first-child {
	width: 70px;
	height: 70px;
	line-height: 1;
	position: relative;
	padding: 0;
	vertical-align: middle;
}
	#main .info > *:first-child span {
		width: 100%;
		background-position: top center;
		text-align: center;
		padding: 33px 0 0;
	}

	#main .info ul {
		padding: 5px 10px;
		vertical-align: middle;
	}

/* --------------------------------------------------------
    コンテンツリスト（左側背景に写真画像）
-------------------------------------------------------- */
#main .contList {
    margin-right: 0;
	overflow: hidden;
}
	#main .contList li,
	#main .longBox {
		height: auto;
	}
	#main .contList li:not(.longBox),
	#main .contList li.short {
		width: 100%;
		padding: 0;
		margin-right: 0;
		min-height: 60px;
	}
	#main .contList li:not(.longBox) a,
	#main .contList li.short a {
		width: 100%;
		display: table;
		-webkit-transition: none;
		transition: none;
		padding: 0;
	}
	#main .contList li:not(.longBox) a:hover,
	#main .contList li.short a:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}

		#main .contList:not(.split):not(.sub) li:not(.longBox) a > div + * {
			height: 75px;
			font-size: 15px;
			margin-bottom: 0;
			padding: 0 10px 0 110px;
			display: table-cell;
			vertical-align: middle;
			line-height: 1.3;
		}
			#main .contList li.view:not(.longBox) a > div + * + p {
				margin-top: 10px;
			}

		#main .contList li a > div {
			width: 100px;
			height: 75px;
			position: absolute;
			top: 0;
			left: 0;
		}

		#main .contList li a p {
			color: #333;
		}
		#main .contList li a:hover p {
			text-decoration: none;
		}


		/* 説明文なし */
		#main .contList:not(.split) li:not(.view) a p {
			display: none;
		}

		/* 説明文あり */
		#main .contList:not(.split) li.view:not(.longBox) a,
		#main .contList:not(.split) li.view:not(.longBox) a > p {
			display: block;
		}
		#main .contList:not(.split) li.view:not(.longBox) a {
			padding: 0 10px 15px;
		}
		#main .contList:not(.split) li.view:not(.longBox) a > div + * {
			padding-left: 100px;
		}

/* ひとつだけ＆2分割＆3分割
------------------------------------------- */
#main .longBox {
	width: 100%;
	height: auto;
	min-height: 235px !important;
}
#main .contList li.longBox {
	padding: 0 0 10px;
}

#main .longBox a {
	padding: 120px 10px 0 !important;
}
	#main .longBox a > div {
		width: 100% !important;
		height: 105px !important;
	}
	#main .longBox h3 {
		text-align: center;
	}

#main .contList.box2 {
	margin-top: 30px;
}

#main .contList.split.box2 li,
#main .contList.split.box3 li {
	width: 100%;
	height: auto;
	min-height: 260px;
	float: none;
}
	#main .contList.split.box2 li a,
	#main .contList.split.box3 li a {
		padding-top: 160px;
	}

		#main .contList.split.box2 li a > div,
		#main .contList.split.box3 li a > div {
			width: 100%;
			height: 140px;
		}

/* 分割する場合はsplitクラスを指定
------------------------------------------- */
#main .contList.split li a > * {
	display: block;
	padding: 0;
}
#main .contList.split:not(.box4) li a > div + * {
	margin-bottom: 10px;
}

/* 4Box分割
------------------------------------------- */
#main .contList.split.box4 li {
	width: 48%;
	height: auto;
	margin-right: 0;
}
#main .contList.split.box4 li a {
	padding: 0;
}

#main .contList.split.box4 li:nth-of-type(odd) {
	margin-right: 4%;
}
	#main .contList.split.box4 li a > div {
		height: auto;
		overflow: visible;
	    position: static;
	}
	#main .contList.split.box4 li a > div + * {
		position: static;
		margin-top: 10px;
		font-size: 14px;
	}

/* サブコンテンツテキスト
------------------------------------------- */
#main .contList.sub li {
	width: 100%;
	height: auto;
	min-height: 110px;
	margin-right: 0;
	float: none;
	display: block;
}
	#main .contList.sub li a {
		display: block;
		min-height: 110px;
		padding: 15px 20px;
	}
		#main .contList.sub li a > * {
			display: block !important;
			padding: 0;
		}
		#main .contList.sub li a > *:first-child {
			margin-bottom: 10px;
			font-size: 14px;
		}
		#main .contList.sub li a > p {
			font-size: 12px;
		}

/* --------------------------------------------------------
    種別リンク一覧
-------------------------------------------------------- */
#main .pdfLink {
	background-position: 98% center;
}
	#main .linkList li,
	#main .pdfLink,
	#main .linkList .link {
		-webkit-transition: none;
		transition: none;
	}

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

	#main .linkList li:hover a,
	#main .pdfLink:hover a,
	#main .linkList .link:hover a {
		color: #0072CE;
	}

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

#main .linkList:not(.short):not(.mid):not(.large) {
	margin-right: 0;
}
	#main .linkList:not(.short):not(.mid):not(.large) li,
	#main div.linkList .link {
		width: 100%;
		float: none;
		margin-right: 0;
	}

/* 4分割 */
#main .linkList.mid ul {
	margin-right: -10px;
}
	#main .linkList.mid li {
		width: 145px;
		height: 60px;
		margin-right: 10px;
	}

/* 2分割 */
#main .linkList.large {
	margin-right: -2%;
}
	#main .linkList.large li {
		width: 48%;
		height: 50px;
		font-size: 15px;
		margin-right: 2%;
	}
		#main .linkList.large li a {
			padding-left: 9%;
		}
		#main .linkList.large li span {
			padding-left: 12px;
		}
			#main .linkList.large li span:before {
				top: 9px;
			}

/* --------------------------------------------------------
    サービスについてのお問い合わせ
-------------------------------------------------------- */
#main .inquiryBox,
#main.two .inquiryBox {
	width: 100%;
	height: auto;
	padding: 12px 18px 22px;
	display: block;
	margin-top: 60px;
	text-align: center;
}
	#main .inquiryBox > * {
		display: inline-block;
		line-height: 1.4;
		text-align: left;
	}
	#main .inquiryBox h2 {
		margin-bottom: 15px;
	}

	#main .inquiryBox p.inqLink,
	#main.two .inquiryBox p.inqLink {
		width: 100%;
		max-width: 300px;
		margin: 25px auto 0;
	}
		#main .inquiryBox p.inqLink a {
			-webkit-transition: none;
			transition: none;
		}
			#main .inquiryBox p.inqLink a:hover {
				-webkit-opacity: 1;
				opacity: 1;
			}

/* --------------------------------------------------------
    表(dlをtableっぽくする)
-------------------------------------------------------- */
#main .infoTbl {
	margin-bottom: 40px;
}

  #main .infoTbl h3 {
	  margin-top: 20px;
	  font-size: 16px;
  }

  #main .infoTbl > dl > dt,
  #main .infoTbl > dl > dt.vMid {
	  padding: 15px 5px 10px 5px;
	  vertical-align: top;
  }

  #main .infoTbl > dl > dd {
	  padding: 15px 10px;
  }

  /* 見出しの改行を非表示に */
  #main .infoTbl > dl > dt br {
	  display: none;
  }

  /* 注釈 */
  #main .infoTbl > dl > dt .anno {
	  text-indent: 0;
	  padding-left: 0;
  }

/*  一行目が見出し
-------------------------------------------------------- */
#main .infoTbl .tblTtl p {
	padding: 2px 10px;
}

/*  個人情報入力エリア
-------------------------------------------------------- */
#main .infoTbl.person {
	margin-bottom: 30px;
}
	#main .infoTbl.person > dl,
	#main .infoTbl.person > dl > * {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	#main .infoTbl.person > dl > dt {
		min-height: 56px;
		padding: 16px 0 10px 10px;
	}

/*  表内のinput
-------------------------------------------------------- */
#main .infoTbl > dl > dd input[type="text"],
#main .infoTbl > dl > dd input[type="tel"],
#main .infoTbl > dl > dd input[type="email"],
#main .infoTbl > dl > dd input.short {
	max-width: 220px;
}

#main .infoTbl span.exe {
	margin: 5px 0 0;
}

/* --------------------------------------------------------
    不正アクセス防止入力
-------------------------------------------------------- */
#main .checkAcc p:first-child {
	text-align: left;
}

/* --------------------------------------------------------
    バックナンバー
-------------------------------------------------------- */
#main .backnumber {
	margin-top: 15px;
}
	#main .backnumber > p {
		display: block;
		margin-bottom: 10px;
	}
	#main .backnumber input[type="submit"] {
		-webkit-transition: none;
		transition: none;
	}
	#main .backnumber input[type="submit"]:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}

#main .backnumber + h2 {
	margin-top: 45px;
}

/* --------------------------------------------------------
    セミナータイトル＆ステータス
-------------------------------------------------------- */
/* セミナータイトル用 */
#main h1.semTtl {
	font-size: 20px;
	margin-bottom: 25px;
}

/* ステータスエリア */
#main .stArea {
	display: block;
	margin: 10px 0 20px;
	min-height: 0;
}

	#main .stArea .status {
		display: block;
		padding-right: 0;
	}

/* ドキュメント */
#main .docBox {
	width: 100%;
	display: block;
	margin: 30px 0 50px;
}

/* --------------------------------------------------------
    セミナー申込みリンク
-------------------------------------------------------- */
#main .propose p {
	width: 100%;
	max-width: 320px;
	display: block;
	margin: auto;
	-webkit-transition: none;
	transition: none;
}
	#main .propose p:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}

	#main .propose .fax {
		margin: 30px auto 0 !important;
	}

/* --------------------------------------------------------
    セミナー申込み入力遷移
-------------------------------------------------------- */
#main .route {
	margin: 30px auto 0;
}
	#main .route .smit,
	#main .route .arrow {
		-webkit-transition: none;
		transition: none;
	}
	#main .route .smit:hover,
	#main .route .arrow:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}

	#main .route .smit {
		display: block;
		margin: auto;
	}
	#main .route .smit + .arrow {
		position: relative;
		min-width: 160px;
		margin-top: 30px;
	}
		#main .route .arrow a {
			padding: 0 8px 0 18px;
		}
	#main .route .arrow {
		width: auto;
		float: left;
	}

/* --------------------------------------------------------
    セミナー申込みフロー
-------------------------------------------------------- */
#main .webAppFlow {
	margin: 20px 0;
	padding: 10px 0;
}
	#main .webAppFlow li {
		font-size: 10px;
		line-height: 1.2;
		padding: 0 15px;
	}
		#main .webAppFlow li > span {
			display: inline-block;
			text-align: left;
		}

		#main .webAppFlow li span.outwin span {
			display: block;
			text-align: left;
			font-size: 10px;
			-webkit-transform: scale(0.6);
			transform: scale(0.6);
			margin: 0 -20px;
		}

/* --------------------------------------------------------
    ウイルスセキュリティ
-------------------------------------------------------- */
#main .verisign {
	width: 100%;
	position: static;
	margin-bottom: 50px !important;
}
	#main .verisign > div {
		width: 90px;
	}

#main .noteSent {
	width: 100%;
	margin: 0;
}
#main .noteSent + .verisign {
	margin-top: 15px;
}

/* --------------------------------------------------------
    個人情報保護方針
-------------------------------------------------------- */
#main .privacy {
	padding: 30px 0 15px;
}
	#main .privacy li,
	#main .privacy li.last {
		text-indent: -3em;
		padding-left: 3em;
	}
		#main .privacy li span {
			margin-left: 0;
			display: block;
			text-indent: 0;
		}
		#main .privacy li span + br {
			display: none;
		}
		#main .agree label {
			font-size: 13px;
		}
		#main .agree label:before {
			top: 2px;
		}
		#main .agree label:after {
			top: 4px;
		}

	#main .agree + .route {
		margin: 30px auto 35px;
	}

/*プライバシーマーク  */
#main .pMark {
	margin-bottom: 75px;
	font-size: 12px;
}
	#main .pMark > p:first-child {
		width: 85px;
	}

/* --------------------------------------------------------
    書籍一覧
-------------------------------------------------------- */
#main .bookList {
	margin-right: 0;
}
	#main .bookList li {
		width: 100%;
		height: auto;
	    margin: 35px 0 0 0;
		float: none;
	}
		#main .bookList li > figure {
			width: 36%;
		}

/* --------------------------------------------------------
    書籍詳細
-------------------------------------------------------- */
#main .bookDetail {
	display: block;
	margin: 40px 0 0;
}
	#main .bookDetail > * {
		display: block;
	}

	#main .bookDetail figure {
		width: 85px;
		padding-right: 0;
	}

	#main .bookDetail dl {
		margin: 20px 0 15px;
	}
		#main .bookDetail dd {
			padding-left: 0;
		}
		#main .bookDetail dd:before {
			position: static;
		}

/* --------------------------------------------------------
    リンク設置用の箱
-------------------------------------------------------- */
#main .formLink {
	margin-right: 0;
}
	#main .formLink li {
		width: 100%;
		margin-right: 0;
		float: none;
	}
		#main .formLink li .inqLink {
			width: 100%;
			max-width: 260px;
			position: static;
			margin: 25px auto 0;
		}

/* --------------------------------------------------------
    電話＆FAX＆メールアドレス
-------------------------------------------------------- */
#main .telAndMali {
	width: 100%;
}

/* --------------------------------------------------------
    h3に装飾なし。sectionごとにマージンを発生させる
-------------------------------------------------------- */
#main .h3Cont {
	margin-top: 35px;
}

/* --------------------------------------------------------
    お電話・メールでのお問い合わせ（種類別）
-------------------------------------------------------- */
#main .adoption {
	margin-top: 35px;
}

/* --------------------------------------------------------
    印刷プレビューボタン
-------------------------------------------------------- */
#main .content-utility,
#main .printPre {
	display: none;
}

/* --------------------------------------------------------
    Adobe Readerダウンロード用バナー(main用)
-------------------------------------------------------- */
#main .pdfBnr {
	margin-bottom: 30px;
}
	#main .pdfBnr,
	#main .pdfBnr > p {
		display: block;
	}
		#main .pdfBnr > p:first-child {
			margin-bottom: 15px;
		}
		#main .pdfBnr img {
			-webkit-transition: none;
			transition: none;
		}
		#main .pdfBnr a:hover img {
			-webkit-opacity: 1;
			opacity: 1;
		}

/* --------------------------------------------------------
    関連リンク
-------------------------------------------------------- */
#main .related {
	margin-top: 50px;
	padding-bottom: 15px;
}
	/* 日付付き */
	#main .related dd .dateWrap time {
		width: auto;
		float: none;
		display: block;
		margin-bottom: 5px;
	}
	#main .related dd .dateWrap p {
		margin-left: 0;
	}

/* --------------------------------------------------------
    会社概要トップ　社長メッセージへのリンク
-------------------------------------------------------- */
#main .president {
	width: 100%;
	height: auto;
	margin-top: 45px;
}
	#main .president > a {
		height: auto;
		-webkit-transition: none;
		transition: none;
	}
	#main .president > a:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}
		#main .president > a > div:first-child {
			width: 48%;
		}
		#main .president h2 {
			font-size: 15px;
			margin-bottom: 0;
		}
		#main .president p {
			display: none;
		}

/* --------------------------------------------------------
    社長メッセージ　タイトル画像
-------------------------------------------------------- */
#main .msgTtl {
	height: 125px;
}
	#main .msgTtl .ttlBox h1 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#main .msgTtl .ttlBox p {
		font-size: 10px;
	}
		#main .msgTtl .ttlBox p img {
			width: 90px;
			height: auto;
		}

	#main .msgTtl .imgBox {
		padding-top: 5px;
	}

/* -----------------------------------------------------------
    会社概要
----------------------------------------------------------- */
#main .comData > dt {
	float: none;
	width: 100%;
	padding: 15px 0 0;
}
#main .comData > dd {
	padding-top: 10px;
	margin-left: 0;
	border-top: none;
}
	#main .comData > dd dl {
		width: 100%;
		float: none;
	}
	#main .comData > dd dl + dl {
		margin-top: 10px;
	}
	#main .comData > dd dt {
		font-weight: normal;
	}

/* 役員一覧
------------------------------------------------------*/
#main .officer {
	padding-left: 0;
}
	#main .officer dd ul {
		width: 100%;
		float: none;
	}
		#main .officer dd li span {
			width: 155px;
		}
	#main .officer + .pdfBnr {
		margin-top: 35px;
	}

/* -----------------------------------------------------------
    沿革
----------------------------------------------------------- */
#main .history .hisBox span {
	display: none;
}

/* 外枠 */
#main .history .hisBox > dt {
	width: 55px;
}

/* 内側 */
#main .history .hisBox > dd dt {
	width: 45px;
}

/* -----------------------------------------------------------
    国内拠点
----------------------------------------------------------- */
#main .officeAdr dd {
	width: 100%;
}
	#main .officeAdr dd div {
		width: 100%;
		height: auto;
		position: static;
		margin-top: 15px;
	}

/* 拠点の詳細画面
------------------------------------------------------*/
#main.two .adrWrap .officeAdr {
	width: 100%;
	float: none;
}

/* -----------------------------------------------------------
    事業内容
----------------------------------------------------------- */
/* タイトルイメージ */
#main .imgTtl {
	height: 200px;
	margin: 40px 0 35px;
}

@media (max-width: 405px) {
	#main .imgTtl img {
		max-width: none;
		height: 100%;
	}
}
	#main .imgTtl > p {
		padding: 8px 10px;
		font-size: 14px;
		line-height: 1.3;
		min-height: 55px;
	}

/* メールマガジンのご紹介
------------------------------------------------------*/
#main .mailMagTxt > p:first-child {
	margin-top: 20px;
}
	#main .mailMagTxt li {
		float: none;
		max-width: none;
	}
	#main .mailMagTxt li.blueBtn {
		margin-right: auto;
	}

/* 創発 Mail Magazine バックナンバー
------------------------------------------------------*/
#main .bkNumBox h3 {
	padding: 7px 10px;
	line-height: 1.2;
}
	#main .bkNumBox h3 a {
		float: none;
	}

#main .bkNumBox + .bkNumBox {
	margin-top: 60px;
}
	#main .bkNumBox ol li > * {
		padding-left: 25px;
	}

	#main .bkNumBox ol li h4:before {
		left: 0;
	}

/* 開発プロジェクト事例
------------------------------------------------------*/
#main .project {
	margin: 0;
}
	#main .project li {
		width: 100%;
		float: none;
		margin: 30px 0 0;
	}
	#main .project li img {
		width: 100%;
	}

/* -----------------------------------------------------------
    次世代の国づくり
----------------------------------------------------------- */
#main .contTtl.spTtl br {
	display: none;
}

/* スローガン一覧 */
#main .slogan {
	margin: 5px 0 0;
}
	#main .slogan li {
		width: 100%;
		height: auto;
		padding-bottom: 20px;
		margin: 20px 0 0;
		float: none;
	}

/* ブランドロゴ */
#main .brandLogo,
#main .brandLogo > * {
	display: block;
}
	#main .brandLogo figure {
		width: 225px;
		padding-left: 0;
		margin: 25px auto 0;
	}

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

#main .tanaka {
	margin-bottom: 45px;
}
	#main .tanaka > figure {
		width: 43%;
		margin: 0 10px 10px 0;
	}
	#main .tanaka h2,
	#main .tanaka p {
		margin-left: 0;
	}

	#main .tanaka h2 {
		margin-top: 0;
	}

	#main .tanaka p {
		clear: both;
	}

/* バックナンバー */
#main .tanakaClm {
	position: static;
	height: auto;
}
	#main .tanakaClm > * {
		position: static;
	}
	#main .tanakaClm .backnumber {
		margin-bottom: 40px !important;
	}

/* 関連リンク */
#main .relationLink {
	margin-bottom: 40px;
}
	#main .relationLink dd a {
		-webkit-transition: none;
		transition: none;
	}
	#main .relationLink dd a:hover {
		-webkit-opacity: 1;
		opacity: 1;
	}

#main .relationLink + .pdfBnr {
	margin: 0 auto;
}

/* -----------------------------------------------------------
    ご利用環境
----------------------------------------------------------- */
/* 環境一覧表 */
#main .environ th {
	width: 100px;
}
#main .environ th + td {
	width: 30%;
	padding-right: 6px;
}

/* プラグイン一覧 */
#main .plugIn .outLinkB img {
	-webkit-transition: none;
	transition: none;
}
#main .plugIn .outLinkB img:hover {
	-webkit-opacity: 1;
	opacity: 1;
}

#main .plugIn .player li {
	float: none;
}
#main .plugIn .player li:first-child {
	margin: 0 30px 25px 0;
}

/* -----------------------------------------------------------
    サイトマップ
----------------------------------------------------------- */
#main .siteMap ul {
	margin: 5px 0 25px;
}
	#main .siteMap ul li {
		width: 100%;
		float: none;
	}

/* -----------------------------------------------------------
    SNS
----------------------------------------------------------- */
#SNS {
	text-align: left;
	padding: 45px 10px 0;
	margin-bottom: -20px;
}
	#SNS ul {
		position: static;
	}
		#SNS li.line {
			display: inline-block;
		}
		#SNS li:not(.pdfBtn) {
			-webkit-transition: none;
			transition: none;
		}
		#SNS li:not(.pdfBtn):hover {
			-webkit-opacity: 1;
			opacity: 1;
		}

/* -----------------------------------------------------------
    テキストを回り込ませる
----------------------------------------------------------- */
.around .contentbox {
	display: block;
	float: none;
	margin: 0 auto 25px;
}

.around .contentbox img {
    display: block;
	margin: 0 auto;
}


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

/* --------------------------------------------------------
    範囲内スクロール
-------------------------------------------------------- */
#main .sclArea {
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}
	#main .sclArea img {
		max-width: none;
		width: auto;
	}
	#main.two *:not(.sclArea) > table {
		width: auto !important;
	}

/*//////////////////////////////////////////////////
    ボタン＆ボタン風リンク
///////////////////////////////////////////////////*/
/* --------------------------------------------------------
    印刷プレビューボタン＆pdfダウンロードボタン
-------------------------------------------------------- */
.printPre,
.pdfBtn a {
	-webkit-transition: none;
	transition: none;
}
.printPre:hover,
.pdfBtn a:hover {
	background-color: #FFF;
}

/*//////////////////////////////////////////////////
    main(エクステンション用)
///////////////////////////////////////////////////*/
/* --------------------------------------------------------
    見出し
-------------------------------------------------------- */
/* 独立コンテンツ見出し */
#main.two .content-title h1 {
	font-size: 24px;
	line-height: 1.3;
}

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

/* 青文字見出し */
#main.two .lead-txt {
	font-size: 18px;
}

/* content-titleクラス内 サブタイトル */
#main.two .content-title .sub-title {
	float: none;
	margin-bottom: 10px;
	padding-right: 0;
}

/* --------------------------------------------------------
    新着リスト＆研究員のコラム・レポート
-------------------------------------------------------- */
#main .news-link dt,
#main.two .staff-achievement dt {
	float: none;
	width: 100%;
	padding-bottom: 0;
}

#main .news-link dd,
#main.two .staff-achievement dd {
	padding-top: 0;
	margin-left: 0;
	border-top: none;
}

/* --------------------------------------------------------
    関連情報
-------------------------------------------------------- */
#main .relation-block {
	margin-top: 15px;
	padding: 10px 20px 15px;
}
	#main .relation-block span.bold + ul {
		margin-top: 10px;
	}
		#main .relation-block span.bold + ul p {
			margin-top: 5px;
		}

/* --------------------------------------------------------
    研究員紹介_五十音
-------------------------------------------------------- */
#main .column-three {
	overflow: visible;
}
	#main .column-three .col {
		width: 150px;
		height: 190px;
	}
		#main .column-three .col .staff,
		#main .column-three .col .staff > * {
			display: block;
		}

/* 左　画像 */
#main .column-three .col .staff p.img {
	width: auto;
	margin-bottom: 10px;
	-webkit-transition: none;
	transition: none;
}
#main .column-three .col .staff p.img:hover {
	-webkit-opacity: 1;
	opacity: 1;
}

/* --------------------------------------------------------
    研究員紹介
-------------------------------------------------------- */
#main.two .staff-img-column {
	margin-bottom: 0;
}
	/* 画像 */
	#main.two .staff-img-column .img {
		width: 22%;
		padding-top: 0;
	}

	/* テキスト */
	#main.two .staff-img-column .text {
		padding-left: 15px;
	}
		#main.two .staff-img-column .text > p:first-child {
			font-size: 10px;
		}

/*  経歴
-------------------------------------------------------- */
#main.two .staff-profile h3,
#main.two .staff-profile ~ h3 {
	margin-top: 25px;
}

/*//////////////////////////////////////////////////
    sideMenu
///////////////////////////////////////////////////*/
#cntnt #sideMenu {
	width: 100%;
	float: none;
}
	#cntnt #sideMenu br {
		display: none;
	}
	#sideMenu dt {
		padding-bottom: 8px;
	}

	#sideMenu dd li,
	#sideMenu dd p,
	#sideMenu dd a,
	#sideMenu dd .accordion,
	#sideMenu .inq a {
		-webkit-transition: none;
		transition: none;
	}
	#sideMenu dd a:hover,
	#sideMenu dd .accordion:hover,
	#sideMenu .inq a:hover {
		background-color: transparent;
	}

/* お問い合わせリンク */
#sideMenu .inq {
	width: 92%;
	margin: 30px 4%;
}

/*//////////////////////////////////////////////////
    footer
///////////////////////////////////////////////////*/
footer > .inner:first-of-type {
	padding: 27px 10px 0;
}
	footer .inner > ul,
	footer .inner > p.cp {
		float: none;
	}
		footer .inner * a {
			width: auto;
			line-height: inherit;
		}

	/* 会社名 */
	footer p.cName {
		padding: 20px 10px;
	}

	/* フッターリンク集 */
	footer .linkWrap {
		padding: 0;
		line-height: 1.5;
		border-bottom: none;
	}
		footer .linkWrap .inner,
		footer .linkWrap .flBox {
			display: block;
			width: 100% !important;
			padding-right: 0;
		}
		footer .linkWrap div.flBox dl + dl,
		footer .linkWrap .inner .single,
		footer .linkWrap .inner .single + dl {
			margin-top: 0;
		}

		footer .linkWrap .inner dt,
		footer .linkWrap .inner dd li,
		footer .linkWrap .inner dd p,
		footer .linkWrap .inner .single {
			height: auto;
			line-height: 40px;
			border-bottom: solid 1px #D8D8D8;
			letter-spacing: 2px;
			padding: 0 10px;
		}

		footer .linkWrap .inner dt {
			margin-bottom: 0;
			position: relative;
			padding: 0;
		}
			footer .linkWrap .inner dt a {
				display: block;
				height: 100%;
				padding: 0 10px;
			}

		/*＋、－切り替え*/
		footer .linkWrap .inner dt:before,
		footer .linkWrap .inner dt:after {
			content: "";
			display: block;
			position: absolute;
			top: 20px;
			right: 10px;
			width: 12px;
			height: 1px;
			background-color: #444;
			border-radius: 4px;
		}
		footer .linkWrap .inner dt:after {
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}

		footer .linkWrap .inner dt.act:after {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		/* メニュー */
		footer .linkWrap .inner dd {
			display: none;
		}
		footer .linkWrap .inner p,
		footer .linkWrap .inner a {
			font-size: 13px;
		}
			footer .linkWrap dl.flBox div.flBox > p {
				padding-top: 0;
			}

		footer .linkWrap .flBox {
			float: none;
		}
		footer .linkWrap div.flBox {
			width: 100%;
		}
		footer .linkWrap dl.flBox,
		footer .linkWrap div.flBox + div.flBox {
			margin: 0;
		}

		footer .linkWrap .inner dd li a,
		footer .linkWrap .inner dd p a {
			display: block;
			margin: 0 -10px;
			padding-left: 30px;
		}
		footer .linkWrap .inner dd li a:before,
		footer .linkWrap .inner dd p a:before,
		footer .linkWrap .inner .single a:before {
			width: 6px;
			height: 6px;
			top: 17px;
			left: auto;
			right: 13px;
			border-color: #444;
		}
		/* 外部リンク用 */
		footer .linkWrap .inner dd li.outLink a {
			background-position: right 13px center;
		}
		footer .linkWrap .inner dd li.outLink a:before {
			display: none;
		}

		/* セミナー・イベント＆お問い合わせ */
		footer .linkWrap .inner .single a {
			display: block;
			margin: 0 -10px;
			padding-left: 10px;
		}
			footer .linkWrap .inner .single a:before {
				display: block;
			}

		/* その他リンク＆コピーライト */
		footer .linkWrap + .inner {
			padding: 13px 10px;
		}
			footer .linkWrap + .inner ul li {
				width: 50%;
				margin: 0 0 4px 0;
			}

			/* コピーライト */
			footer p.cp {
				text-align: center;
				margin-top: 12px;
			}
				footer p.cp small {
					font-size: 12px;
					display: inline-block;
					line-height: 1.4;
					letter-spacing: 1.2px;
					margin-top: 5px;
				}
					footer p.cp small span {
						display: block;
					}

/*  国際戦略研究所用
------------------------------------------------------------*/
footer p.cName.inst + .inner p.cp,
footer p.cName.inst + .inner p.cp small {
	margin-top: 0;
}

/*  動画レスポンシブ用
------------------------------------------------------------*/
.movie{
       position:relative;
       width:100%;
       padding-top:56.25%;
}

.movie iframe{
       position:absolute;
       top:0;
       right:0;
       width:100%;
       height:100%;
}