@charset "UTF-8";

/*デフォルトはスクロール可能にしておき、下記の疑似要素で背景画像を固定*/
.areaBg {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: scroll;
}

/*背景画像を固定する疑似要素を作成*/
.areaBg.areaBgTop::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; /* フォールバック */
	height: 100dvh;
	background-color: #fff;
	background-image: url(../../portal/img/bg_parts_yellow.svg), url(../../portal/img/bg_parts_blue.svg), url(../../portal/img/bg_parts_red.svg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 1000px 2500px, 800px 2500px, 800px 1500px;
	background-position: bottom -1550px left -300px, bottom -1200px left -350px, bottom -650px right -300px;
	animation: actbg 3s infinite alternate ease-in-out;
}

/*背景画像を固定する疑似要素を作成*/
.areaBg.areaBgMain::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; /* フォールバック */
	height: 100dvh;
	background-color: #fff;
	background-image: url(../../portal/img/bg_gradation_04.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
}

@keyframes actbg {
	0% {
		background-size: 1000px 2500px, 800px 2500px, 800px 1500px;
	}
	100% {
		background-size: 1100px 2300px, 700px 2600px, 900px 1400px;
	}
}

/* ロゴ・アイコン */
/* ロゴ */
/* 戻る */
/* 設定 */
/* 編集 */
/* 編集2 */
/* コメント */
/* いいね */
/* マイページ */
/* ホーム */
/* ブックマーク */
/* ブックマーク2 */
/* 通知 */
/* プラス */
/* 顔（しかめっ面） */
/* 顔（ハッピー） */
/* 顔（ふつう） */
/* 顔（悲しい） */
/* 顔（笑顔） */
/* 閉じる */
/* 報告 */
/* メール送信 */
/* 3点リーダー */
/* 返信 */
/* 非表示 */
/* アップ */
/* ダウン */
/* イメージ */
/* ゴミ箱 */
/* イメージ2 */

/* カレンダー */
.svgIconCalendar path {
	d: path(
		'M8 1C8.55229 1 9 1.44772 9 2V3H15V2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2V3.00163C17.4755 3.00489 17.891 3.01471 18.2518 3.04419C18.8139 3.09012 19.3306 3.18868 19.816 3.43597C20.5686 3.81947 21.1805 4.43139 21.564 5.18404C21.8113 5.66937 21.9099 6.18608 21.9558 6.74817C22 7.28936 22 7.95372 22 8.75868V17.2413C22 18.0463 22 18.7106 21.9558 19.2518C21.9099 19.8139 21.8113 20.3306 21.564 20.816C21.1805 21.5686 20.5686 22.1805 19.816 22.564C19.3306 22.8113 18.8139 22.9099 18.2518 22.9558C17.7106 23 17.0463 23 16.2413 23H7.75868C6.95372 23 6.28936 23 5.74817 22.9558C5.18608 22.9099 4.66937 22.8113 4.18404 22.564C3.43139 22.1805 2.81947 21.5686 2.43597 20.816C2.18868 20.3306 2.09012 19.8139 2.04419 19.2518C1.99998 18.7106 1.99999 18.0463 2 17.2413V8.7587C1.99999 7.95373 1.99998 7.28937 2.04419 6.74817C2.09012 6.18608 2.18868 5.66937 2.43597 5.18404C2.81947 4.43139 3.43139 3.81947 4.18404 3.43597C4.66937 3.18868 5.18608 3.09012 5.74818 3.04419C6.10898 3.01471 6.52454 3.00489 7 3.00163V2C7 1.44772 7.44772 1 8 1ZM7 5.00176C6.55447 5.00489 6.20463 5.01356 5.91104 5.03755C5.47262 5.07337 5.24842 5.1383 5.09202 5.21799C4.7157 5.40973 4.40973 5.71569 4.21799 6.09202C4.1383 6.24842 4.07337 6.47262 4.03755 6.91104C4.00078 7.36113 4 7.94342 4 8.8V9H20V8.8C20 7.94342 19.9992 7.36113 19.9624 6.91104C19.9266 6.47262 19.8617 6.24842 19.782 6.09202C19.5903 5.7157 19.2843 5.40973 18.908 5.21799C18.7516 5.1383 18.5274 5.07337 18.089 5.03755C17.7954 5.01356 17.4455 5.00489 17 5.00176V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V5H9V6C9 6.55228 8.55229 7 8 7C7.44772 7 7 6.55228 7 6V5.00176ZM20 11H4V17.2C4 18.0566 4.00078 18.6389 4.03755 19.089C4.07337 19.5274 4.1383 19.7516 4.21799 19.908C4.40973 20.2843 4.7157 20.5903 5.09202 20.782C5.24842 20.8617 5.47262 20.9266 5.91104 20.9624C6.36113 20.9992 6.94342 21 7.8 21H16.2C17.0566 21 17.6389 20.9992 18.089 20.9624C18.5274 20.9266 18.7516 20.8617 18.908 20.782C19.2843 20.5903 19.5903 20.2843 19.782 19.908C19.8617 19.7516 19.9266 19.5274 19.9624 19.089C19.9992 18.6389 20 18.0566 20 17.2V11Z'
	);
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #000;
}

/* 時計 */
.svgIconClock path {
	d: path(
		'M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 5C12.5523 5 13 5.44772 13 6V11.382L16.4472 13.1056C16.9412 13.3526 17.1414 13.9532 16.8944 14.4472C16.6474 14.9412 16.0468 15.1414 15.5528 14.8944L11.5528 12.8944C11.214 12.725 11 12.3788 11 12V6C11 5.44772 11.4477 5 12 5Z'
	);
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #000;
}

/* 閉じる2 */
.svgIconXcloseAlt rect {
	/* width,heightはsvg要素と同じ値をインラインで設定 */
	fill: #000;
}

.svgIconXcloseAlt path {
	d: path(
		'M8.41205 8.41107C8.73748 8.08563 9.26512 8.08563 9.59056 8.41107L14.0013 12.8218L18.412 8.41107C18.7375 8.08563 19.2651 8.08563 19.5906 8.41107C19.916 8.73651 19.916 9.26414 19.5906 9.58958L15.1798 14.0003L19.5906 18.4111C19.916 18.7365 19.916 19.2641 19.5906 19.5896C19.2651 19.915 18.7375 19.915 18.412 19.5896L14.0013 15.1788L9.59056 19.5896C9.26512 19.915 8.73748 19.915 8.41205 19.5896C8.08661 19.2641 8.08661 18.7365 8.41205 18.4111L12.8228 14.0003L8.41205 9.58958C8.08661 9.26414 8.08661 8.73651 8.41205 8.41107Z'
	);
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #fff;
}

/* チェック2 */
.svgIconCheckAlt path {
	d: path(
		'M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM17.2071 8.29289C17.5976 8.68342 17.5976 9.31658 17.2071 9.70711L11.2071 15.7071C10.8166 16.0976 10.1834 16.0976 9.79289 15.7071L6.79289 12.7071C6.40237 12.3166 6.40237 11.6834 6.79289 11.2929C7.18342 10.9024 7.81658 10.9024 8.20711 11.2929L10.5 13.5858L15.7929 8.29289C16.1834 7.90237 16.8166 7.90237 17.2071 8.29289Z'
	);
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #000;
}

/* SVGアイコン共通 */
/* [class^='svg-icon-'] {
	position: relative;
	bottom: 2px;
} */