@charset "UTF-8";
/* ==================================================================
 * ボタン・アイコン・タブ（1-c）
 *
 * 🚨 このまとまりは **SPでも px 指定が多い**（8px / 42px / 10px など）。
 * トークン（751pxで vw→px に切り替わる）を使うと SP での値が変わるため、
 * px 固定の宣言は**実値のまま**書いている。
 *
 * ★`letter-spacing` は SP `0.53333vw`（=2px @375）/ PC `.2em` と
 * 単位も考え方も違う。まとめられないのでそのまま。
 * ================================================================== */

/* --- ボタンの並び ------------------------------------------------------
 * 下余白を負のマージンで打ち消す作り（従来どおり）。★SPもPXで指定されている。
 */

.m-btn-container {
	padding-top: 8px;
	margin-bottom: calc(8px * -1);
}

.m-btn-container-fit {
	padding-top: 0 !important;
	margin-bottom: calc(8px * -1);
}

.m-btn-container-fit-welfare {
	padding-top: 0 !important;
	margin-bottom: calc(4px * -1);
}

@media screen and (min-width: 751px) {
	.m-btn-container {
		padding-top: 42px;
		margin-bottom: calc(42px * -1);
	}

	.m-btn-container-fit {
		margin-bottom: calc(42px * -1);
	}

	.m-btn-container-fit-welfare {
		margin-bottom: calc(30px * -1);
	}
}

/* --- 見た目の部品（色・角丸・文字） -------------------------------------- */

.m-btn-red {
	background-color: var(--color-red);
}

.m-btn-radius-s {
	border-radius: var(--space-3);
}

.m-btn-radius-m {
	border-radius: var(--space-5);
}

/* 文字サイズは4種。★PCの値がそれぞれ違うので個別に上書きする */
.m-btn-text-s,
.m-btn-text-graduates {
	font-size: var(--font-12);
	letter-spacing: .53333vw;
}

.m-btn-text-m {
	font-size: var(--font-16);
	letter-spacing: .53333vw;
}

.m-btn-text-l {
	font-size: var(--font-18);
	letter-spacing: .53333vw;
}

.m-btn-text-welfare {
	font-size: 2.13333vw;   /* = 8px @375。トークンのスケール外なので実値 */
	letter-spacing: .53333vw;
}

@media screen and (min-width: 751px) {
	.m-btn-text-s {
		font-size: var(--font-12);
	}

	.m-btn-text-m {
		font-size: var(--font-16);
	}

	.m-btn-text-l,
	.m-btn-text-welfare,
	.m-btn-text-graduates {
		font-size: var(--font-26);
	}

	.m-btn-text-s,
	.m-btn-text-m,
	.m-btn-text-l,
	.m-btn-text-welfare,
	.m-btn-text-graduates {
		letter-spacing: .2em;
	}
}

/* --- ボタン本体 --------------------------------------------------------- */

.m-btn-main {
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}

/* hover で画像の上のラベルを消す（画像側の文字を見せるため） */
.m-btn-main:hover .m-btn-main-text {
	display: none;
}

.m-btn-main-text {
	padding: 1.33333vw 1.33333vw .8vw;
	font-size: var(--font-18);
	color: var(--color-text);
	letter-spacing: .53333vw;
}

.m-btn-primary {
	display: block;
	padding: var(--space-12) 0 var(--space-10);
	margin-bottom: 8px;
	color: var(--color-bg);
	text-align: center;
}

.m-btn-secondary {
	position: relative;
	display: block;
	padding: var(--space-12) var(--space-12) var(--space-10);
	margin-bottom: 8px;
	color: var(--color-bg);
	text-align: center;
}

.m-btn-tertiary {
	display: block;
	padding: var(--space-12) var(--space-24) var(--space-10) var(--space-12);
	margin-bottom: 8px;
	color: var(--color-bg);
	text-align: center;
}

.m-btn-banner {
	display: block;
	margin-bottom: 8px;
	text-align: center;
}

.m-btn-submit {
	display: block;
	width: 37.33333vw;   /* = 140px @375 */
	padding: var(--space-12) 0 var(--space-10);
	line-height: var(--leading-normal);
	color: var(--color-bg);
	text-align: center;
}

.m-btn-service {
	display: block;
	padding: var(--space-10) var(--space-32) var(--space-8);
	font-weight: normal;
	line-height: 1;
	color: var(--color-bg);
}

/*
 * 🚨 既存のCSSは `<p class="m-btn-primary … m-btn-story-more-link">` だが、
 * このテーマは **<button>** にした（操作なので button が正しい）。
 * ブラウザ既定の枠線・背景・文字色が残って**見た目が崩れる**
 *。<p> と同じ見た目になるよう打ち消す。
 */
.m-btn-story-more-link {
	/*
	 * 🚨 `background-color` を指定してはいけない。
	 * このボタンは `.m-btn-red`（背景 #f00）と併用される。
	 * ここは後ろに書かれているため `transparent` が**赤を打ち消し**、
	 * 白文字が白背景に乗って**ボタンが消える**。
	 * 打ち消すのは「ブラウザ既定の枠線・書体」だけにとどめる。
	 */
	width: 100%;
	font-family: inherit;
	line-height: inherit;
	appearance: none;
	border: 0;
	cursor: pointer;
}

.m-btn-primary:hover,
.m-btn-secondary:hover,
.m-btn-tertiary:hover,
.m-btn-banner:hover,
.m-btn-submit:hover {
	opacity: .6;
}

@media screen and (max-width: 751px) {
	.m-btn-story-more-link {
		margin-bottom: 12.5vw;
	}
}

@media screen and (min-width: 751px) {
	.m-btn-main {
		margin-top: 0;
		margin-bottom: 42px;
	}

	.m-btn-main-text {
		padding: 5px 5px 3px 10px;
		font-size: var(--font-20);
		letter-spacing: .2em;
	}

	.m-btn-primary {
		padding: var(--space-16) 0 14px;
		margin-bottom: 42px;
	}

	.m-btn-secondary {
		padding: var(--space-16) var(--space-16) var(--space-12);
		margin-bottom: 42px;
	}

	.m-btn-tertiary {
		padding: var(--space-16) var(--space-16) 14px;
		margin-bottom: 42px;
	}

	.m-btn-banner {
		margin-bottom: 42px;
	}

	.m-btn-submit {
		width: 240px;
		padding: var(--space-16) 0 14px;
	}

	.m-btn-service {
		width: 100%;
		padding: var(--space-10) 0 var(--space-8);
	}
}

/* --- ボタン内のアイコン --------------------------------------------------- */

.m-btn-icon {
	position: relative;
}

.m-btn-icon i {
	position: absolute;
	top: 40%;
	right: var(--space-6);
	display: inline-block;
	color: var(--color-bg);
}

@media screen and (min-width: 751px) {
	.m-btn-icon i {
		right: var(--space-12);
	}
}

/* --- アイコン（インラインSVG） --------------------------------------------
 * ★アイコンは Font Awesome を使わず SVG を直接埋め込む。
 *
 * 既存のCSSは 7個のアイコンのために `use.fontawesome.com` から
 * **CSS 46,930バイト ＋ フォント 62,472バイト ＝ 約109KB**を読み込んでいた。
 * しかも外部ドメインなのでDNS解決とTLS接続が別途かかり、
 * 読み込みが終わるまでアイコンが出ない。
 *
 * 実際に使っているのは **4個だけ**だったため、SVGを直接埋め込む形にした。
 * 合計で **1KB強**。外部への通信はゼロになる。
 *
 * ★`mask` を使っているのは**色を継承させるため**。
 * アイコンは赤ボタンの上では白、白地では黒…と場所によって色が変わる。
 * `background-image` にすると色を固定してしまうので、
 * `mask` で形だけ抜き、色は `background-color: currentColor`（＝文字色）に任せる。
 */

/*
 * 🚨 `position: relative` は必須。
 * `.m-icon-toggle::after` を要素の右端に絶対配置するときの基準になる。
 * 公告ページ（/cy/）の年度見出しは `<dt class="… m-icon m-icon-toggle">` で、
 * これが無いと ＋/− が見出しの文字のすぐ右（左寄り）に出てしまう。
 */
.m-icon {
	position: relative;
}

.m-icon::before,
.m-icon::after {
	display: inline-block;
	font-style: normal;
	text-decoration: none;
}

/* アイコンの共通の形。`content` は空にして、mask で形を作る。 */
.m-icon-triangle-right::after,
.m-icon-arrow-right::after,
.m-icon-toggle::after {
	/*
	 * 🚨 大きさは **Font Awesome の em 箱をそのまま再現する**。
	 *
	 * FA5 のフォントは 1em = 512単位で、上に448・下に64（＝descent）割り当てている。
	 * したがって字形の箱は「高さ 1em、ベースラインより 0.125em 下から」始まる。
	 * `height: 1em` ＋ `vertical-align: -0.125em` でこれと一致する。
	 *
	 * 幅は viewBox の比率で決まるため**アイコンごとに異なる**（下で個別に指定）。
	 * 共通ルールに幅を書くと、比率の違うアイコンが `mask-size: contain` で
	 * 縮んで中央に浮く。
	 */
	height: 1em;
	vertical-align: -0.125em;
	content: "";
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
}

/* ▶ caret-right */
.m-icon-triangle-right::after {
	/* viewBox の比率 0.375em : 1em */
	width: 0.375em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
}

/* → arrow-right */
.m-icon-arrow-right::after {
	/* viewBox の比率 0.875em : 1em */
	width: 0.875em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
}

/*
 * 開閉アイコンだけは、見出しの右端に絶対配置して上下中央に置く。
 * 他のアイコン（▶ → ）は文中に流し込むので、この指定は toggle 限定。
 */
.m-icon-toggle::after {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}

/* − minus（開いているとき） */
.m-icon-toggle[data-toggle-state="open"]::after {
	/* viewBox の比率 0.875em : 1em */
	width: 0.875em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
}

/* ＋ plus（閉じているとき） */
.m-icon-toggle[data-toggle-state="close"]::after {
	/* viewBox の比率 0.875em : 1em */
	width: 0.875em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E");
}

/*
 * 🚨 **スマホ側の右余白が抜ける**。
 * 既存のCSSは `padding-right: 1.6vw`（＝6px @375）／PC `6px` の両方がある。
 * PC だけ書いるため、スマホでアイコンの右に余白が無く、
 * 要素の幅が 12px → 6px になっる。
 * ★`--space-6` は 751px を境に vw↔px が切り替わるので、これ1つで両方まかなえる。
 */
.m-icon-triangle-right,
.m-icon-arrow-right {
	padding-right: var(--space-6);
}

.m-icon-sdgs {
	margin-bottom: 8px;
}

@media screen and (min-width: 751px) {

	.m-icon-sdgs {
		margin-top: 0;
		margin-bottom: var(--space-20);
	}
}

/* --- タブ（お問い合わせの個人／法人） -------------------------------------- */

.m-tab-container {
	display: flex;
	flex-direction: nowrap;   /* ★値としては不正だが、挙動を変えないため残す */
}

.m-tab-item {
	display: flex;
	flex-basis: 100%;
	align-items: stretch;
	margin: 0 auto;
}

.m-tab-btn {
	position: relative;
	display: flex;
	flex-basis: 100%;
	align-items: center;
	justify-content: center;
	padding: var(--space-12) var(--space-12) var(--space-10);
	color: var(--color-text);
	text-align: center;
	letter-spacing: .53333vw;
	background-color: #d9d9d9;   /* ★--color-gray-300(#ccc) とは別の値 */
}

.m-tab-btn:hover {
	opacity: .6;
}

.m-tab-btn-left {
	margin-right: 10px;
}

.m-tab-btn-right {
	margin-left: 10px;
}

.m-tab-active,
.m-tab-active * {
	font-weight: bold;
	color: var(--color-bg);
	background-color: var(--color-red);
}

.m-tab-active:hover,
.m-tab-active *:hover {
	opacity: 1;
}

@media screen and (min-width: 751px) {
	.m-tab-btn {
		padding: var(--space-16) var(--space-16) var(--space-12);
		letter-spacing: .2em;
	}
}

/* ===== ページ全体に効く指定 ===== */
/*
 * 詳細度と読み込み順に依存するため、並びを変えない。
 */

.m-btn-graduates {
	display: block;
	padding: 2.66667vw 0 2.66667vw;
	margin: 16px 0 20px;
	color: #fff;
	text-align: center;
}

.m-btn-graduates:hover {
	opacity: 0.6;
}
.m-btn-last-graduates {
	display: block;
	padding: 2.66667vw 0 2.66667vw;
	margin: 16px 0 20px;
	color: #fff;
	text-align: center;
}

.m-btn-last-graduates:hover {
	opacity: 0.6;
}
@media screen and (min-width: 751px) {

	.m-btn-radius-s {
		border-radius: 3px;
	}

	.m-btn-radius-m {
		border-radius: 5px;
	}

	.m-btn-graduates {
		padding: 16px 0 14px;
	}

	.m-btn-last-graduates {
		padding: 16px 0 14px;
		margin-bottom: 42px;
	}

}

/* ===== 個別に補う宣言 ===== */
/*
 * 🚨 セレクタは書き直し済みだが、**このプロパティだけ他に定義が無い**もの。
 */

.m-btn-pdf img {
	width: 90px;
}

@media screen and (min-width: 751px) {

	.m-btn-pdf img {
		width: 95px;
	}

}

/*
 * 🚨 **Font Awesome のクラスがマークアップ側に直接書かれている箇所がある**
 *。
 * CSSの `content: "\fXXX"` だけを見て置き換えたが、
 * `class="fas fa-caret-right"` のように**HTML側でFAのクラスを使っている**箇所があり、
 * Font Awesome を外した瞬間にアイコンが消えた（お問い合わせのタブ、フッターのFacebook）。
 *
 * フッターのFacebookは**メニュー項目としてデータベースに入っている**ため、
 * マークアップを変えずに済むよう、クラス名はそのままでSVGに差し替える。
 */

/*
 * 🚨 **行の高さも合わせる**。
 * 既存のCSSは `class="… fas fa-caret-right"` を要素そのものに付けており、
 * その要素の書体が `"Font Awesome 5 Free"` になっる。
 * 日本語は次の書体で描かれるが、**行の高さはFAの字形から決まる**ため
 * `line-height: normal` が 16px（＝1.0）になっる。
 * Font Awesome を外すと日本語書体の 24px（＝1.5）になり、
 * **お問い合わせのタブが 70px → 94px に伸びた**。
 * 利用者が見ているのは既存の見た目なので、そちらに合わせる。
 */
.fas,
.fab {
	line-height: 1;
}

.fa-caret-right::before,
.fa-angle-right::before,
.fa-facebook-f::before {
	display: inline-block;
	/*
	 * 🚨 **縮まないようにする**。
	 * お問い合わせのタブ（`.m-tab-btn`）は横並び（flex）なので、
	 * 疑似要素も flex の一員になり、幅を指定しても**押し縮められる**
	 * （8px と書いても 3.66px になっる）。
	 * 既存のCSSは文字（字形）なので縮まなかった。
	 */
	flex-shrink: 0;
	content: "";
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
}

.fa-caret-right::before {
	/*
	 * ★幅・高さ・下端は実際の字形の寸法に合わせる（8px × 16px / baseline）。
	 *
	 * 🚨 `vertical-align` を `-0.125em` に「直さない」こと（実機確認済み）。
	 *   置き場所は問い合わせのタブ `.m-tab-btn` で、これは
	 *   `display: flex; align-items: center`。**flex アイテムに vertical-align は効かない**ため、
	 *   上下位置は `align-items` が決めている。ここでの `baseline` は無害な既定値。
	 *   `.m-icon-*::after` 側（`-0.125em`）とは条件が違うので、揃える必要はない。
	 *
	 * 🚨 幅を `0.375em` に「直さない」こと。
	 *   タブは flex なので疑似要素も押し縮められる。実測して 8px に決めた値で、
	 *   `flex-shrink: 0` とセットで効いている。
	 */
	width: 8px;
	height: 1em;
	vertical-align: baseline;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
}

.fa-facebook-f::before {
	/* ★幅は 16px の文字サイズに対して 8.25px（＝0.5156em）。 */
	width: 0.5156em;
	height: 1em;
	vertical-align: -0.125em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512'%3E%3Cpath d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512'%3E%3Cpath d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229'/%3E%3C/svg%3E");
}

/*
 * ★`fa-angle-right`（採用ページのボタン右端の「>」）。
 * 🚨 CSSの `content` だけを見るため見落としやすい。
 * サイトのHTMLを全ページ調べ、使われている FA クラスは
 * `fa-facebook-f`(44) / `fa-angle-right`(9) / `fa-caret-right`(2) の**3つだけ**と確定。
 */
.fa-angle-right::before {
	/*
	 * ★幅は字形の送り幅に合わせる。
	 * angle-right = 0.5em / caret-right = 0.375em /
	 * facebook-f = 0.5156em / external-link-alt = 1.125em。
	 * 🚨 一度 0.667em にしたが誤り。要素の幅（8px）には右余白6pxが
	 * 含まれており、字形そのものは 6px（0.5em）だった。
	 */
	/*
	 * 🚨 `vertical-align` を `-0.125em` に「直さない」こと（実機確認済み）。
	 *   置き場所はキャリア採用ページの募集職種ボタンで、`<i>` が
	 *   `.m-btn-icon i { position: absolute; top: 40%; }` により絶対配置されている。
	 *   本番と並べて確認し、この値で一致することを確認済み。
	 */
	width: 0.5em;
	height: 1em;
	vertical-align: baseline;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
}