@charset "UTF-8";
/* CSS Document */
/* ===========================================================
 SVG描画エリア
=========================================================== */
.svg_container { 
	width: 100%;
	height: 100%;
	vertical-align: middle; 
	overflow: hidden;
	margin: 30px auto;
}
.pcView .svg_container { 
	max-width: 996px;
}
.spView .svg_container { 
	max-width: 420px;
}

/* ===========================================================
 プロフィール詳細テーブル
=========================================================== */
.pcView .listTable tbody td:first-child {
    max-width: 106px;
    width: 106px;
}

/* ===========================================================
執行体制SVG
=========================================================== */
.svg_container text{fill:#333333;}
.svg_container tspan {font-size: 1.08rem;}
.svg_container polyline,
.svg_container line {fill:none;stroke:#333333;stroke-miterlimit:10;}
.svg_container g rect {fill:#FFFFFF;}
.svg_container g path {fill:#333333;}

/* ===========================================================
プロフィール矢印
=========================================================== */
.svg_container g polygon {fill:#FF0000;}

/* ===========================================================
研究推進
=========================================================== */
.svg_container #research rect,
.svg_container #sp_research rect {fill:#E1E9F5;}
.svg_container #research text,
.svg_container #sp_research text {font-size:2.0rem; font-weight:bold; fill:#1E3264;}


/* ===========================================================
組織運営
=========================================================== */
.svg_container #org rect,
.svg_container #sp_org rect {fill:#FFDADA;}
.svg_container #org text,
.svg_container #sp_org text {font-size:2.0rem; font-weight:bold; fill:#BE0000;}

/* ===========================================================
社会実装
=========================================================== */
.svg_container #society rect,
.svg_container #sp_society rect {fill:#D6FFD6;}
.svg_container #society text,
.svg_container #sp_society text {font-size:2.0rem; font-weight:bold; fill:#325518;}

/* ===========================================================
企画本部・監査室
=========================================================== */
.svg_container #plan rect,
.svg_container #sp_plan rect {fill:#F2F2F2;}

/* ===========================================================
研究拠点・つくばセンター
=========================================================== */
.svg_container #annotation rect,
.svg_container #sp_annotation rect {fill:#FFFFFF;stroke:#333333;stroke-miterlimit:10;}
.svg_container #sp_annotation text tspan {font-size: 1.47rem;}

/* ===========================================================
責任者、株式会社AIST Solutions（フォント）
=========================================================== */
.svg_container .charge {font-size: 1.93rem;}

/* ===========================================================
氏名、プロフィール（フォント）
=========================================================== */
.svg_container .name {font-size: 1.54rem; font-weight: bold;}
.svg_container .profile {font-size: 1.0rem; fill: #666666;}

/* ===========================================================
監査室、地域センター、つくばセンター（フォント）
=========================================================== */
.svg_container #audit text:first-of-type,
.svg_container #area text:first-of-type,
.svg_container #tsukuba text:first-of-type,
.svg_container #sp_audit text:first-of-type,
.svg_container #sp_area text:first-of-type,
.svg_container #sp_tsukuba text:first-of-type {font-size: 1.47rem;}

.svg_container #area text:nth-of-type(3),
.svg_container #tsukuba text:nth-of-type(3),
.svg_container #sp_area text:nth-of-type(3),
.svg_container #sp_tsukuba text:nth-of-type(3) {fill:#666666; font-weight: bold;}

/*追加用*/
.svg_container .base {font-size: 1.47rem;}

/* ===========================================================
リンク
=========================================================== */
.svg_container a, 
.svg_container a:link,
.svg_container a:visited,
.svg_container a:active { text-decoration: none!important;}

.svg_container a:hover image,
.svg_container a:hover path,
.svg_container a:hover polygon,
.svg_container a:hover text {opacity: 0.7;}
.svg_container a:hover text.profile {fill:#999999; text-decoration: underline;}