/* =========================================================================
   「〇〇へ戻る」リンク（.back-link）のスタイル
   companion_spec.css から、戻るリンクに必要な部分だけを抜き出したもの。
   companion_spec.css は h1 を非表示にするため、h1 を表示するページ（/foresight/ など）では
   companion_spec.css の代わりにこのファイルを読み込む。

   対応する HTML（CMS の「戻る」リンクのモジュール）:
     <link href="/Portals/0/css/opcua/back-link.css" rel="stylesheet" type="text/css" />
     <div class="opcua_space">
     <a class="back-link" href="https://www2.sra.co.jp/smartfactory/">
       <div class="circle">
         <div class="triangle"></div>
       </div>
       <div class="text">SmartFactory導入支援へ戻る</div>
     </a>
     </div>
   ========================================================================= */

/* -------------------------------
OPC UA 導入支援ソリューション ヘ戻るリンクの枠
------------------------------- */
.back-link
{
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-top: 15px;
}

/* -------------------------------
OPC UA 導入支援ソリューション ヘ戻るリンクの図形(丸部分)
------------------------------- */
.back-link .circle
{
	width: 1.2em;
	height: 1.2em;
	margin-right: 0.3em;
	border-radius: 50%;
	background-color: #0072BC;
	position: relative;
}

/* -------------------------------
OPC UA 導入支援ソリューション ヘ戻るリンクの図形(三角部分)
------------------------------- */
.back-link .triangle
{
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	width: 0.8em;
	height: 0.8em;
	background-color: #FFF;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%) rotate(-90deg);
}