@charset "UTF-8";

/* #figureArea {
  width: 100%;
  position: relative;
  margin: 20px 0 10px;
} */

#content {
	margin-top: 20px;
}

/* aタグ初期値 */
.postarea__mainContent--inner a {
	color: #003d70;
}

.example-link {
	color: #003d70;
	text-decoration: underline;
}

.example-link-color {
	color: #003d70;
}

.u_line {
	text-decoration: underline;
}

.link-block {
	display: block;
	margin: 25px 0;
}

.mb32 {
	margin-bottom: 32px !important;
}

.m0a {
	margin: 0 auto;
}

.t_center,
.textCenter {
	text-align: center !important;
}

.textRight {
	text-align: right;
}

.noneMargin {
	margin-bottom: 0 !important;
}

.smallMargin {
	margin-bottom: 10px !important;
}

.middleMargin {
	margin-bottom: 15px !important;
}

.largeMargin {
	margin-bottom: 30px !important;
}

.x-largeMargin {
	margin-bottom: 40px !important;
}

.xx-largeMargin {
	margin-bottom: 50px !important;
}

.textSmall {
	font-size: 0.8rem !important;
	margin-bottom: 0 !important;
}

.textSmallCp {
	font-size: 1.3rem;
}

/* 別タブのアイコン */
/* .iconBlank_sn:after {
	content: url(./../img/common/iconBlank_sn.svg);
	display: inline-block;
	background-size: contain;
	vertical-align: bottom;
} */

/* .iconBlank_eg:after {
	content: "";
	display: inline-block;
	background-image: url(./../img/common/iconBlank_eg.svg);
	width: 1em;
	height: 1em;
	background-size: contain;
	vertical-align: middle;
} */

/* 別タブのアイコン */
.postarea__mainContent--inner a[target="_blank"]:after {
	content: "";
	display: inline-block;
	background-image: url(./../img/common/iconBlank_eg.svg);
	width: 1em;
	height: 1em;
	background-size: contain;
	vertical-align: middle;
}
.postarea__mainContent--inner figure.wp-block-image > a[target="_blank"]:after {
	content: none;
}
/* pdfのアイコン */
.postarea__mainContent--inner a[href*=".pdf"]:after {
	content: "";
	display: inline-block;
	background-image: url(./../img/common/iconPdf_eg.svg);
	width: 1em;
	height: 1em;
	background-size: contain;
	vertical-align: middle;
}
/* mp4のアイコン */
.postarea__mainContent--inner a[href*=".mp4"]:after {
	content: "";
	display: inline-block;
	background-image: url(./../img/common/iconMovie_eg.svg);
	width: 1em;
	height: 1em;
	background-size: contain;
	vertical-align: middle;
}
/* ドキュメントのアイコン */
.postarea__mainContent--inner a[href*=".docx"]:after {
	content: "";
	display: inline-block;
	background-image: url(./../img/common/iconDoc_eg.svg);
	width: 1em;
	height: 1em;
	background-size: contain;
	vertical-align: middle;
}

/* 文字サイズ */
.caption {
	font-size: 0.75rem !important;
}
.textMiddle {
	font-size: 1rem !important;
}
.textLarge {
	font-size: 1.2rem !important;
}
.textXLarge {
	font-size: 1.4rem !important;
}
.textNormal {
	font-size: 1.4rem !important;
}

.bold {
	font-weight: bold !important;
}

/* fontカラー */
.f_color_red {
	color: #ff0000;
}

.f_color_dimgray {
	color: #696969;
}

.f_color_gray {
	color: #808080;
}

.f_color_black {
	color: #000 !important;
}

/* リストタグ */
.indent_ul,
.indent_li {
	padding-left: 1em;
	text-indent: -1em;
}

/* flexbox */

.f_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.no_wrap {
	flex-wrap: nowrap;
}

.f_item {
	width: 30%;
}

.f_item_2 {
	width: 45%;
}

.f_item_side {
	width: 65%;
}

.sp_none {
	display: block;
}

@media screen and (max-width: 767px) {
	.sp_none {
		display: none;
	}

	.f_container {
		justify-content: center;
	}

	.f_item,
	.f_item_2 {
		max-width: 400px;
		width: 100%;
		margin-bottom: 10px;
	}

	.f_item img {
		width: 100%;
	}
}

/* h2見出し */

h2.line {
	position: relative;
	padding: 7px 0;
}

h2.line:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 2px solid #b6d5e7;
}

h2.line:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 150px;
	border-bottom: 2px solid #006dad;
}

/* h3見出し */

h3.line {
	display: inline-block;
	border-bottom: solid 2px #d3cebc;
	padding: 0 7px 0 0;
}

/* h4見出し */

h4.line {
	display: inline-block;
	border-bottom: solid 2px #d3cebc;
	padding: 0 7px 0 0;
}

/* 図のテーブル */

table.cap_table {
	border-bottom: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}

.cap_table td {
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
}

.cap_table th {
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
	background: #b6d5e7 !important;
}

.cap_table td {
	background: #eeebe6 !important;
}

/* テーブル(群青色) */

table.gun_table {
	color: white;
	border-bottom: 2px solid #4472c4 !important;
	border-right: 2px solid #4472c4 !important;
}

.gun_table td {
	border-top: 2px solid #4472c4 !important;
	border-left: 2px solid #4472c4 !important;
}

.gun_table th {
	border-top: 2px solid #4472c4 !important;
	border-left: 2px solid #4472c4 !important;
	background: #4472c4 !important;
}

.gun_table td {
	color: #4472c4;
}

/* テーブル(薄茶色？) */
.utya_table td {
	border-top: solid 1px #fff !important;
	border-left: solid 1px #fff !important;
	border-right: solid 1px #fff !important;
	border-bottom: solid 1px #fff !important;
	background: #eeebe6;
	padding: 8px 20px;
	vertical-align: middle;
}

/* youtube埋め込み用 */
.movie-container {
	position: relative;
	padding-bottom: 56.25%;
}
.movie {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 目次 */

table.toc {
	width: 60% !important;
	border: none !important;
	margin: 0 auto;
}

.toc td {
	border: none !important;
	padding: 0 !important;
	font-size: 1rem !important;
}

.toc a {
	color: #003d70;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	table.toc {
		width: 100% !important;
	}
}

#fig_01 table,
#fig_02 table,
#fig_03 table,
#fig_04 table,
#fig_05 table,
#fig_06 table,
#fig_07 table,
#fig_08 table,
#fig_09 table,
#fig_10 table,
#figuredesc table,
#referenceArea table,
#aboutFigure table,
#fig_01 td,
#fig_02 td,
#fig_03 td,
#fig_04 td,
#fig_05 td,
#fig_06 td,
#fig_07 td,
#fig_08 td,
#fig_09 td,
#fig_10 td,
#figuredesc td,
#referenceArea td,
#aboutFigure td {
	border-style: none;
}

.def_a {
	margin-bottom: 0px !important;
}

.iframe_size {
	width: 560px;
	height: 315px;
}

/* 画像キャプションを中央寄せにする処理 */
.wp-block-image > .aligncenter > figcaption {
	text-align: center !important;
}

/* 画像中央揃え */
.postarea__mainContent--inner img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.bg-color-1 {
	background-color: #86c837;
	color: #fff;
	margin: 0 -12px;
}

.bg-color-2 {
	background-color: #20a1ef;
	color: #fff;
	margin: 0 -12px;
}

/* テーブルタグレスポンシブ  */
@media screen and (max-width: 576px) {
	.wp-block-table {
		overflow: scroll !important;
		max-height: 75vh !important;
	}
	.wp-block-table > table {
		width: 600px !important;
	}
}

/* aタグで拡大を無効化 */
.zoom {
	pointer-events: none !important;
	color: #1b1d1f !important;
	text-decoration: none !important;
}

/* 人工衛星プロジェクトのインタビュー箇所用 */
.project_interview .wp-block-column .wp-block-columns figure.wp-block-image {
	max-width: 110px !important;
}
.project_interview .wp-block-column .wp-block-columns {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.project_interview .wp-block-column .wp-block-columns p {
	padding-left: 2% !important;
}
@media screen and (min-width: 577px) {
	.project_interview {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.project_interview .wp-block-column {
		padding: 0 !important;
		width: 48% !important;
		flex-shrink: 0 !important;
	}
}

.none {
	display: none !important;
}

@media screen and (max-width: 576px) {
	.project_interview .wp-block-column {
		padding: 0 !important;
	}
	.project_interview .wp-block-column .wp-block-columns p {
		padding-left: 5% !important;
	}
}

/* hタグサイズ変更 */
h2 {
	font-size: 1.75rem !important;
}
h3 {
	font-size: 1.5rem !important;
}
h4 {
	font-size: 1.35rem !important;
}

@media screen and (max-width: 576px) {
	h2 {
		font-size: 1.6rem !important;
	}
	h3 {
		font-size: 1.35rem !important;
	}
	h4 {
		font-size: 1.2rem !important;
	}
}

.ttl2_line {
	position: relative;
	padding: 2px 3px !important;
	display: block !important;
}
.ttl2_line::after {
	position: absolute;
	bottom: -2px;
	right: 0;
	content: "" !important;
	background-color: #99c4d9;
	width: 85% !important;
	height: 2.5px;
	border: none !important;
	display: block !important;
}
.ttl2_line::before {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: "";
	background-color: #006ba1;
	width: 15%;
	height: 2.5px;
}

.ttl3_line {
	position: relative;
	padding: 1px 14px !important;
}
.ttl3_line::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #4c97bd;
	width: 4px !important;
	height: 100%;
}

.ttl4_line {
	padding: 0 2px 3px !important;
	display: inline-block;
	border-bottom: 2px solid #7fb5d0;
}

.f_color_orange {
	color: #e87300;
}
.f_color_yellow {
	color: #e1a900;
}
.f_color_yellowgreen {
	color: #6eb300;
}
.f_color_green {
	color: #0f7d30;
}
.f_color_purple {
	color: #923cab;
}
.f_color_pink {
	color: #ea4875;
}
.text_indent {
	padding-left: 2em !important;
	text-indent: -1em;
}
.image_full {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}
.image_full img {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 678px !important;
}
.image_full._semi {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 90% !important;
}
.image_full._small {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 75% !important;
}
.image_full._half {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 50% !important;
}
.img-border img {
	border: 1px solid #ccc;
}
.pl5rem {
	padding-left: 5rem !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.flex50 {
	justify-content: space-between !important;
}
.flex50 .wp-block-column {
	width: 50% !important;
	flex-shrink: 0 !important;
}
@media screen and (max-width: 576px) {
	.flex50 .wp-block-column {
		width: 100% !important;
		padding: 0 3px !important;
	}
}
.flex6_4 {
	justify-content: space-between !important;
	display: flex !important;
}
.f_w60 {
	width: 60% !important;
	flex-shrink: 0 !important;
}
.f_w40 {
	width: 38% !important;
	flex-shrink: 0 !important;
}
@media screen and (max-width: 576px) {
	.flex6_4 {
		display: block !important;
	}
	.f_w60,
	.f_w40 {
		width: 100% !important;
	}
}

/* 追加css */