@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	産総研イノベーションコーディネータ-共通

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

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g03 a::after{height: 4px;}
	.nav_global ul li.g03 a:hover{opacity: 1;}
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../aistic/img/pc/bg_pagettl01.jpg");}
	
	
	/* ------------------------------------------------------------

	産総研イノベーションコーディネータ-表ページ

	------------------------------------------------------------ */
	
	/* 産総研は全国の公設試と人的ネットワークを構築しています。
	---------------------------------------------- */
	.sec_network{margin-bottom: 80px;}
	
	.sec_network .fig_image{margin: 50px 0 20px;}
	
	.sec_network .fig_caption{
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	
	.sec_network .fig_caption p{
		text-align: center;
		width: 460px;
	}
	
	.btn_contact_aistic a{
		background: linear-gradient( to bottom, #0062C4, #003D78);
		box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		color: #FFF;
		font-weight: bold;
		line-height: 1;
		white-space: nowrap;
		font-size: 3rem;
		width: 700px;
		height: 120px;
		margin: 0 auto;
	}
	
	.btn_contact_aistic a:hover{opacity: 0.8;}
	
	/* 感謝状の贈呈について
	---------------------------------------------- */
	.sec_appreciate{margin-bottom: 80px;}
	
	.sec_appreciate ul{margin-top: 15px;}
	
	.sec_appreciate ul li{
		position: relative;
		padding-left: 15px;
	}
	
	.sec_appreciate ul li::before{
		content: "";
		display: block;
		background: #003D78;
		width: 6px;
		height: 6px;
		border-radius: 50px;
		position: absolute;
		top: 13px;
		left: 0;
	}
	
	/* 産総研ICを地域別にご紹介します
	---------------------------------------------- */
	.wrap_region{
		margin: 40px 0 -15px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.region{
		width: 260px;
		border: 1px solid #003D78;
		margin-bottom: 15px;
	}
	
	.region > p{position: relative;}
	
	.region > p::after{
		content: "";
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		width: 5px;
		height: 8px;
		position: absolute;
		top: 18px;
		right: 10px;
	}

	.region > p a{
		display: block;
		background: #004B97;
		color: #FFF;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1;
		padding: 12px;
	}
	
	.region > p a:hover{opacity: 0.8;}
	
	.region .inner{padding: 8px 10px;}
	
	.region .inner p a{color: #000;}
	
	.region .inner p a:hover{opacity: 0.7;}
	

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

	産総研イノベーションコーディネータ-各エリアページ

	------------------------------------------------------------ */
	
	/* ナビ
	---------------------------------------------- */
	/*--nav_aistic--*/
	.nav_aistic ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	
	.nav_aistic ul li{
		width: 260px;
		margin-bottom: 20px;
		line-height: 1;
	}
	
	.nav_aistic ul li a{
		display: block;
		border: 1px solid #004B97;
		padding: 21px 0;
		text-align: center;
		color: #003E79;
		position: relative;
	}
	
	.nav_aistic ul li a::after{
		content: "";
		display: inline-block;
		background: url("../img/ico_arrow06.png") no-repeat 0 0;
		background-size: contain;
		width: 5px;
		height: 8px;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
	
	.nav_aistic ul li.active a,
	.nav_aistic ul li a:hover{
		background: #004B97;
		color: #FFF;
	}
	
	.nav_aistic ul li.active a::after,
	.nav_aistic ul li a:hover::after{
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
	}
	
	/*--nav_area--*/
	.scroll_nav_area{margin-top: 50px;}
	
	.nav_area ul{
		display: flex;
		justify-content: center;
	}
	
	.nav_area ul li{
		width: 8.3%;
		text-align: center;
	}
	
	.nav_area ul li a{
		display: inline-block;
		color: #000;
		font-size: 1.5rem;
		line-height: 1;
		padding-bottom: 20px;
		background: url("../img/ico_arrow08.png") no-repeat center bottom;
		background-size: 11px;
	}
	
	.nav_area ul li a:hover{opacity: 0.7;}
	
	/* コーディネーター
	---------------------------------------------- */
	.sec_cn{margin-bottom: 80px;}
	
	.sec_cn:first-of-type{margin-top: 60px;}
	
	.sec_cn:last-of-type{margin-bottom: 0;}
	
	.sec_cn h3{
		background: #F3F4F5;
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1;
		padding: 20px 0;
	}
	
	.cn{
		padding: 40px 0;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #C9C9C9;
	}
	
	.cn:last-of-type{
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.cn_l{
		width: 190px;
		flex: none;
	}
	
	.cn_l figure{
		width: 190px;
		height: 254px;
	}
	
	.cn_l figure img{
		width: 100%;
		object-fit: cover;
	}
	
	.cn_r{width: 880px;}
	
	.cn_inner{margin-bottom: 5px;}
	
	.cn_inner figure{display: none;}
	
	.wrap_name{
		display: flex;
		align-items: center;
	}
	
	.wrap_name .name{
		font-weight: bold;
		font-size: 2.4rem;
		margin-right: 20px;
	}
	
	.wrap_name .kana{font-size: 1.4rem;}
	
	.cn_r table{width: 100%;}
	
	.cn_r table tr{border-bottom: 1px solid #E5E5E5;}
	
	.cn_r table tr:last-of-type{border-bottom: none;}
	
	.cn_r table th{
		width: 200px;
		vertical-align: top;
	}
	
	.cn_r table th p::before{
		content: "";
		background: #004B97;
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 7px 3px 0;
	}
	
	.cn_r table th,
	.cn_r table td{padding: 15px 0;}
	
	.cn_r table tr:last-of-type th,
	.cn_r table tr:last-of-type td{padding-bottom: 0;}
	
	.cn_r table td a{
		color: #003D78;
		text-decoration: underline;
	}
	
	.cn_r table td a:hover{opacity: 0.7;}
	

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	産総研イノベーションコーディネータ-共通

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../aistic/img/sp/bg_pagettl01.jpg");}

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

	産総研イノベーションコーディネータ-表ページ

	------------------------------------------------------------ */
	
	/* 産総研は全国の公設試と人的ネットワークを構築しています。
	---------------------------------------------- */
	.sec_network{margin-bottom: 60px;}
	
	.sec_network .fig_image{margin: 30px 0 15px;}
	
	.sec_network .fig_image img{width: 100%;}
	
	.sec_network .fig_caption{
		display: flex;
		justify-content: space-between;
		margin-bottom: 25px;
	}
	
	.sec_network .fig_caption p{
		text-align: center;
		width: calc(50% - 12.5px);
		font-size: 1.2rem;
	}
	
	.sec_network .fig_caption p br{display: none;}
	
	.btn_contact_aistic a{
		background: linear-gradient( to bottom, #0062C4, #003D78);
		box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		border-radius: 5px;
		color: #FFF;
		font-weight: bold;
		line-height: 1;
		font-size: 1.7rem;
		min-width: 270px;
		width: 100%;
		max-width: 400px;
		height: 70px;
		margin: 0 auto;
		position: relative;
	}
	
	/* 感謝状の贈呈について
	---------------------------------------------- */
	.sec_appreciate{margin-bottom: 60px;}
	
	.sec_appreciate ul{margin-top: 15px;}
	
	.sec_appreciate ul li{
		position: relative;
		padding-left: 12px;
	}
	
	.sec_appreciate ul li::before{
		content: "";
		display: block;
		background: #003D78;
		width: 6px;
		height: 6px;
		border-radius: 50px;
		position: absolute;
		top: 10px;
		left: 0;
	}
	
	/* 産総研ICを地域別にご紹介します
	---------------------------------------------- */
	.wrap_region{
		margin: 25px 0 -10px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.region{
		width: calc(50% - 5px);
		border: 1px solid #003D78;
		margin-bottom: 10px;
	}
	
	.region > p{position: relative;}
	
	.region > p::after{
		content: "";
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
		width: 5px;
		height: 8px;
		position: absolute;
		top: 15px;
		right: 10px;
	}

	.region > p a{
		display: block;
		background: #004B97;
		color: #FFF;
		font-weight: bold;
		line-height: 1;
		padding: 13px 10px;
	}
	
	.region .inner{padding: 5px 10px;}
	
	.region .inner p a{color: #000;}
	
	/* ------------------------------------------------------------

	産総研イノベーションコーディネータ-各エリアページ

	------------------------------------------------------------ */
	
	/* ナビ
	---------------------------------------------- */
	/*--nav_aistic--*/
	.nav_aistic ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	
	.nav_aistic ul li{
		width: calc(50% - 5px);
		margin-bottom: 10px;
		line-height: 1;
	}
	
	.nav_aistic ul li a{
		display: block;
		border: 1px solid #004B97;
		padding: 12px 0;
		text-align: center;
		color: #003E79;
		position: relative;
	}
	
	.nav_aistic ul li a::after{
		content: "";
		display: inline-block;
		background: url("../img/ico_arrow06.png") no-repeat 0 0;
		background-size: contain;
		width: 5px;
		height: 8px;
		position: absolute;
		top: 50%;
		right: 7px;
		transform: translateY(-50%);
	}
	
	.nav_aistic ul li.active a{
		background: #004B97;
		color: #FFF;
	}
	
	.nav_aistic ul li.active a::after{
		background: url("../img/ico_arrow05.png") no-repeat 0 0;
		background-size: contain;
	}
	
	/*--nav_area--*/
	.scroll_nav_area{
		margin-top: 40px;
		width: 100vw;
		padding: 0 25px;
		margin-left: -25px;
		white-space: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	
	.nav_area{display: table;}
	
	.nav_area ul{
		display: flex;
		position: relative;
	}
	
	.nav_area ul::after{/*右側の余白*/
		content: "";
		background: #FFF;
		display: block;
		width: 25px;
		height: 1px;
		position: absolute;
		top: 0;
		right: -25px;
	}
	
	.nav_area ul li{
		background: #004B97;
		width: 80px;
		flex: none;
		text-align: center;
		margin-right: 3px;
	}
	
	.nav_area ul li:last-of-type{margin-right: 0;}
	
	.nav_area ul li a{
		min-height: 50px;
		display: block;
		color: #FFF;
		font-size: 1.3rem;
		line-height: 1;
		padding: 12px 0 0;
		background: url("../img/ico_arrow07.png") no-repeat center bottom 10px;
		background-size: 10px;
	}
	
	.nav_area ul li a:hover{opacity: 0.7;}
	
	/* コーディネーター
	---------------------------------------------- */
	.sec_cn{margin-bottom: 50px;}
	
	.sec_cn:first-of-type{margin-top: 40px;}
	
	.sec_cn:last-of-type{margin-bottom: 0;}
	
	.sec_cn h3{
		background: #F3F4F5;
		text-align: center;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1;
		padding: 13px 0;
	}
	
	.cn{
		padding: 30px 0;
		border-bottom: 1px solid #C9C9C9;
	}
	
	.cn:last-of-type{
		padding-bottom: 0;
		border-bottom: none;
	}
	
	.cn_l{display: none;}
	
	.cn_inner{
		display: flex;
		align-items: center;
		margin-bottom: 5px;
	}
	
	.cn_inner figure{
		width: 29.23%;
		flex: none;
	}
	
	.cn_inner figure img{
		width: 100%;
		object-fit: cover;
	}
	
	.wrap_name{padding-left: 20px;}
	
	.wrap_name .name{
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1.2;
	}
	
	.wrap_name .kana{font-size: 1.3rem;}
	
	.cn_r table{width: 100%;}
	
	.cn_r table tr{border-bottom: 1px solid #E5E5E5;}
	
	.cn_r table tr:last-of-type{border-bottom: none;}
	
	.cn_r table th,
	.cn_r table td{display: block;}
	
	.cn_r table th p::before{
		content: "";
		background: #004B97;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 7px 1px 0;
	}
	
	.cn_r table th{padding: 12px 0 2px;}
	.cn_r table td{padding: 0 0 12px 18px;}
	
	.cn_r table tr:last-of-type td{padding-bottom: 0;}
	
	.cn_r table td a{
		color: #003D78;
		text-decoration: underline;
	}
	

}/*--@media--*/