@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

service-guide.css


========================================================================================================================
======================================================================================================================*/


.tc_service{
	color:#333;
	font-family:"Yu Gothic", "YuGothic", "Meiryo", sans-serif;
}

.tc_service img{
	max-width:100%;
	height:auto;
	display:block;
}

.tc_service a{
	text-decoration:none;
	color:inherit;
}

/* メインビジュアル */
.tc_mv{
	position:relative;
	height:330px;
	margin:0 0 70px;
}

.tc_mv_text{
	position:absolute;
	left:0;
	top:20px;
	z-index:2;
	width:530px;
}

.tc_mv_text h2{
	margin:0;
	color:#071849;
	font-size:32px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:.08em;
	text-shadow:
		0 0 4px rgba(255,255,255,1),
		0 0 6px rgba(255,255,255,.9),
    0 0 10px rgba(255,255,255,.8);
}
.tc_mv_text h2 span{
	color:#2f66d9;
}

.tc_mv_img{
	position:absolute;
	right:0;
	top:0;
	width:760px;
}

.tc_mv_img:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:45%;
	height:100%;
	background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,0) 100%);
	z-index:1;
}

.tc_mv_img:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:80px;
	background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);
	z-index:1;
}

/* 共通見出し */
.tc_sec_ttl{
	margin:0 0 34px;
	text-align:center;
	color:#001a72;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}

.tc_sec_ttl span{
	display:inline-block;
	position:relative;
	padding-bottom:10px;
}

.tc_sec_ttl span:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:42px;
	height:3px;
	background:#001a72;
	transform:translateX(-50%);
}

/* 強み */
.tc_strength{
	margin:0 0 60px;
	text-align:center;
}

.tc_strength h3{
	margin:0 0 20px;
	color:#071849;
	font-size:25px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:.04em;
}

.tc_strength h3 span{
	color:#2f66d9;
	font-size:34px;
}

.tc_strength_lead{
	margin:0 0 44px;
	font-size:16px;
	font-weight:bold;
	line-height:1.9;
	letter-spacing:.05em;
}

.tc_network{
	position:relative;
	width:504px;
	margin:0 auto;
}
.tc_network img{
	width: 100%;
}

.tc_network_item{
	position:absolute;
	z-index:2;
}

.tc_network_univ{
	left:0;
	top:70px;
}

.tc_network_research{
	left:220px;
	top:20px;
}

.tc_network_government{
	right:0;
	top:70px;
}

.tc_network_circle{
	box-sizing:border-box;
	width:126px;
	height:126px;
	padding-top:24px;
	border:2px solid #9dbaf3;
	border-radius:50%;
	background:#fff;
	box-shadow:0 2px 8px rgba(0,32,100,.08);
	text-align:center;
}

.tc_network_circle img{
	width:48px;
	height:auto;
	margin:0 auto 8px;
}

.tc_network_circle p{
	margin:0;
	color:#001a72;
	font-size:15px;
	font-weight:bold;
	line-height:1.35;
}

.tc_network_center{
	position:absolute;
	left:50%;
	bottom:0;
	z-index:3;
	width:260px;
	height:118px;
	margin-left:-130px;
	box-sizing:border-box;
	padding-top:22px;
	color:#fff;
	background:linear-gradient(180deg,#3c86ff 0%,#13246c 100%);
	clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);
	text-align:center;
}

.tc_network_center:before,
.tc_network_center:after,
.tc_network_research:after{
	content:"";
	position:absolute;
	background:#2f66d9;
	z-index:-1;
}

.tc_network_univ:after{
	content:"";
	position:absolute;
	left:100px;
	top:111px;
	width:118px;
	height:2px;
	background:#2f66d9;
	transform:rotate(45deg);
	transform-origin:left center;
	z-index:-1;
}

.tc_network_government:after{
	content:"";
	position:absolute;
	right:100px;
	top:111px;
	width:118px;
	height:2px;
	background:#2f66d9;
	transform:rotate(-45deg);
	transform-origin:right center;
	z-index:-1;
}

.tc_network_research:after{
	left:63px;
	top:124px;
	width:2px;
	height:86px;
}

.tc_network_label{
	margin:0 0 8px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:.08em;
}

.tc_network_num{
	margin:0;
	font-size:36px;
	font-weight:bold;
	line-height:1;
	letter-spacing:.06em;
}

/* 提供サービス */
.tc_service_list{
	margin:0 0 60px;
}

.tc_service_cols{
	display:flex;
	justify-content:space-between;
}

.tc_service_box{
	box-sizing:border-box;
	width:290px;
	min-height:200px;
	padding:30px 20px;
	border:1px solid #001a72;
	background:#fff;
}

.tc_service_box h3{
	margin:0 0 24px;
	color:#001a72;
	font-size:19px;
	font-weight:bold;
	line-height:1.55;
  letter-spacing: .6px;
}
.tc_service_box h3 span{
	display:block;
	margin-left:-0.6em;
	white-space:nowrap;
}

.tc_service_box p{
	margin:0;
	font-size:15px;
	line-height:1.9;
	letter-spacing:.03em;
}

/* サービス詳細 */
.tc_detail{
	margin:0 0 70px;
}

.tc_detail_cols{
	display:flex;
	justify-content:space-between;
}

.tc_detail_box{
	position:relative;
	box-sizing:border-box;
	width:440px;
	min-height:310px;
	padding:28px 30px;
	border:1px solid #888;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:right bottom;
	overflow:hidden;
}

.tc_detail_research{
	background-image:url("../../service-guide/data/img_bg_research.png");
}

.tc_detail_exploration{
	background-image:url("../../service-guide/data/img_bg_exploration.png");
}


.tc_detail_box h3{
	margin:0 0 22px;
	color:#001a72;
	font-size:24px;
	font-weight:bold;
	line-height:1.35;
  letter-spacing: 1px;
}

.tc_detail_box p{
	position:relative;
	z-index:2;
	margin:0 0 24px;
	font-size:13px;
	font-weight:bold;
	line-height:1.85;
	letter-spacing:.02em;
	text-shadow:
		0 0 1px rgba(255,255,255, 1),
    0 0 3px rgba(255,255,255, 1),
		0 0 9px rgba(255,255,255,.95);
}

.tc_detail_example{
	position:relative;
	z-index:2;
}

.tc_detail_example h4{
	margin:0 0 12px;
	font-size:14px;
	font-weight:bold;
}

.tc_detail_example ul{
	margin:0;
	padding:0;
	list-style:none;
}

.tc_detail_example li{
	position:relative;
	margin:0 0 8px;
	padding-left:18px;
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	text-shadow:
		0 0 3px rgba(255,255,255,.95),
		0 0 6px rgba(255,255,255,.95);
}

.tc_detail_example li:before{
	content:"";
	position:absolute;
	left:0;
	top:.45em;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#001a72;
}

/* 関連ページ */
.tc_related{
	margin:0 0 70px;
}

.tc_related_cols{
	display:flex;
	justify-content:space-between;
}

.tc_related_box{
	position:relative;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	width:440px;
	padding : 8px 10px 8px 0;
	border:1px solid #aaa;
	background:#fff;
	transition:opacity .2s ease;
  text-decoration: none!important;
}

.tc_related_box:hover{
	opacity:.75;
}

.tc_related_img{
	width:106px;
	margin-left:12px;
	overflow:hidden;
}

.tc_related_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.tc_related_text{
	padding-left:20px;
  text-decoration: none;
}

.tc_related_text h3{
	margin:0 0 8px;
	color:#d49b2a;
	font-size:18px;
	font-weight:bold;
  line-height: 1.6;
  letter-spacing: 2px;
}
.tc_related_text h3.result{
	color:#0f5c88;
}

.tc_related_text p{
	margin:0;
  color: #333;
	font-size:13px;
	font-weight:bold;
	line-height:1.4;
	text-decoration:none !important;
}

.tc_related_box,
.tc_related_box:link,
.tc_related_box:visited,
.tc_related_box:hover,
.tc_related_box:active,
.tc_related_box *{
	text-decoration:none !important;
}

.tc_related_arrow{
	position:absolute;
	right:22px;
	top:50%;
	color:#7a7a7a;
	font-size:34px;
	line-height:1;
	transform:translateY(-50%);
}

/* お問い合わせ */
.tc_contact{
	box-sizing:border-box;
	margin:0 0 90px;
	padding:25px 20px 24px;
	background:#f2f6ff;
	text-align:center;
}

.tc_contact p{
	margin:0 0 22px;
	color:#001a72;
	font-size:17px;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:.04em;
}

.tc_contact a{
	display:inline-block;
	box-sizing:border-box;
	width:300px;
	padding:12px 20px 12px 40px;
	background:#00246d;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
  text-decoration: none;
  line-height: 1.6;
  letter-spacing: 1.5px;
}

.tc_contact a:after{
	content:"›";
	display:inline-block;
	margin-left:24px;
	font-size:18px;
	vertical-align:-1px;
}

/* 将来のスマホ対応用の逃げ道 */
/* @media screen and (max-width:767px){
	.tc_mv,
	.tc_service_cols,
	.tc_detail_cols,
	.tc_related_cols{
		display:block;
	}

	.tc_mv{
		height:auto;
	}

	.tc_mv_text,
	.tc_mv_img{
		position:static;
		width:auto;
	}

	.tc_mv_img{
		margin-top:25px;
	}

	.tc_service_box,
	.tc_detail_box,
	.tc_related_box{
		width:auto;
	}

	.tc_service_box,
	.tc_detail_box,
	.tc_related_box{
		margin-bottom:20px;
	}
} */