@charset "UTF-8";

/*----◇◇◇　官公庁受託実績ページ　◇◇◇---*/

/*----仕様に適した各種サービス---*/
.PublicServices{
}
	.PublicServices .RoundedBox{
		display:block;
		border:1px solid #dddddd;
		padding:10px;
		border-radius:10px;
		text-align:center;
	}
	.PublicServices a.RoundedBox:hover{
		display:block;
		opacity: 0.7;
	}
	.PublicServices .RBblue{
		background: linear-gradient(0deg, rgb(176, 208, 232), rgb(97, 161, 209));
	}
	.PublicServices .RBgreen{
		background: linear-gradient(0deg, rgb(181, 219, 191), rgb(107, 184, 127));
	}
	.PublicServices .RBpink{
		background: linear-gradient(0deg, rgb(237, 190, 225), rgb(220, 126, 195));
	}

	.PublicServices .tapBox{
		position: relative;
		cursor: pointer;
	}
	.PublicServices .tapBoxTxt{
		width:100%; /* 横幅 */
		position: absolute;
		top: 0; /* Y軸の位置 */
		left: 50%;
		transform: translateX(-50%);
		margin-top: 15px; /* テキストとの距離 */
		padding: 8px;
		border-radius: 10px; /* 角の丸み */
		font-size:80%;
		color: #fff;
		text-align: left;
		visibility: hidden; /* ツールチップを非表示に */
		opacity: 0; /* 不透明度を0％に */
		z-index: 1;
		transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
		line-height:140%;
	}
		.PublicServices .RBgreen .tapBoxTxt{
			background-color: #39894e; /* ツールチップの背景色 */
		}
		.PublicServices .RBpink .tapBoxTxt{
			background-color: #bd58a2; /* ツールチップの背景色 */
		}

		.PublicServices .tapBoxTxt .txt_right{
			text-align:right;
		}
			#yri-cat .PublicServices .tapBoxTxt .txt_right a{
				color:#ffffff;
				text-decoration: underline;
			}
			#yri-cat .PublicServices .tapBoxTxt .txt_right a:hover{
				text-decoration: none;
			}

			.PublicServices .tapBoxTxt ul{
				margin-top:10px;
				margin-bottom:0;
				padding-left:20px;
			}
				.PublicServices .tapBoxTxt ul li{
					padding-bottom:10px;
				}
	.PublicServices .tapBoxTxt::before {
		content: "";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		position: absolute;
		bottom: 99%;
		left: 50%;
		transform: translateX(-50%);
	}
		.PublicServices .RBgreen .tapBoxTxt::before {
			border-bottom: 12px solid #39894e; /* 最後の値は「ツールチップの背景色」と合わせる */
		}
		.PublicServices .RBpink .tapBoxTxt::before {
			border-bottom: 12px solid #bd58a2; /* 最後の値は「ツールチップの背景色」と合わせる */
		}
	.PublicServices .tapBox:hover .tapBoxTxt { /* マウスオーバー時のスタイル */
		top: 100%; /* Y軸の位置 */
		visibility: visible; /* ツールチップを表示 */
		opacity: 1; /* 不透明度を100％に */
	}
		.PublicServices .RoundedBox h3{
			font-weight:bold;
			color:#ffffff;
		}
		.PublicServices .RoundedBox div{
			color:#ffffff;
		}
		.PublicServices .RoundedBox div.RBfs{
			font-size:80%;
			line-height:140%;
		}
		.PublicServices .RoundedBox div.RBfsBk{
			font-size:80%;
			line-height:140%;
			color:#444444;
		}

/*----調査ドメイン（自主企画資料のご案内）---*/
.PublicServicesMR{
}
	.PublicServicesMR .feature-c{
	}
		#yri-cat .PublicServicesMR .feature-c .sangyo-img-top{
			margin-top:10px;
			height: 6em;
		}
			#yri-cat .PublicServicesMR .sangyo-img-top img{
				margin-top:-10px;
			}
			#yri-cat .PublicServicesMR .sangyo-img-top .icon-box,
			#yri-cat .PublicServicesMR .sangyo-img-top .img-box,
			#yri-cat .PublicServicesMR .sangyo-img-top .mask{
				height: 6em;
			}
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_01,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_07,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_08,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_14,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_03,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_15,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_10,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_11,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_04,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_06,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_05,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_13,
				#yri-cat .PublicServicesMR .sangyo-img-top .icon-box .yrihp5-sangyoicon_99{
					font-size:40pt;
				}

		#yri-cat .PublicServicesMR .feature-c h2{
			margin:10px 0;
			padding:0 0 5px 0;
			border-bottom:1px solid #dddddd;
		}
		.PublicServicesMR .feature-c .PSMRtxt{
			font-size:80%;
			line-height:130%;
		}
			.PublicServicesMR a:hover .PSMRtxt{
				color:#333333;
			}
		.PublicServicesMR .feature-c .PSMRbox{
			text-align:left;
		}
			#yri-cat .PublicServicesMR .feature-c .PSMRbox h3{
				margin:15px 20px 5px 20px;
				padding:0;
				font-size:100%;
				border-bottom:none;
			}
			#yri-cat .PublicServicesMR .feature-c .PSMRbox ul li{
				font-size:80%;
			}
				#yri-cat .PublicServicesMR a:hover .PSMRbox ul li{
					color:#333333;
				}