@charset "UTF-8";

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

Custom Properties CSS

・カスタムプロパティ

上記はここに記述する

============================================================================= */
:root {
	/* Font Family */
	/* --ff-default:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,verdana,"メイリオ","Meiryo","Osaka",sans-serif; */
	--ff-default: dnp-shuei-gothic-gin-std,"游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo","Osaka",sans-serif;
	/* "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */

	/* Adobe Fonts */
	--ff-loniki: loniki, sans-serif;
	--ff-shuei: dnp-shuei-mincho-pr6n, sans-serif;

	/* Color Code */
	--cc-black-A:#000; /* 黒 */
	--cc-black-B:#343434; /* 黒メイン */
	--cc-white-A:#fff; /* 白 */

	--cc-pinkgold:#CAB29B; /* ピンクゴールド */
	--cc-back: #EEECE9; /* 背景色 */
	--cc-back-rgb: 238, 236, 233; /* 背景色 */
	--cc-line-A: #B3B3B3; /* ライン */
	--cc-line-B: #D9D9D9; /* ライン */
	--cc-icon-A: #8E8E8E; /* アイコン */
	--cc-tag-A: #DCCFC2; /* タグ等 */

	/* Base Variable Width */
	--pc-min-size:1000;
	--base-size:1600;
	--variable-length:var(--base-size) * 100vw;;

	/* Scroll Margin */
	@media (width > 767px) {/* PC */
		--scroll-margin-top:80;
	}
	@media (width <= 767px) {/* SP */
		--scroll-margin-top:60;
	}

	/* Header */
	--header-height-pc:8rem;
	--header-height-sp:6rem;

	/* Typography System - Text Styles */
	--text-fw-en: 400;
	--text-fw-ja: 300;

	/* 欧文タイトルA */
	--text-a-ff: var(--ff-loniki);
	--text-a-fs-pc: 3rem;
	--text-a-fs-sp: 2rem;
	--text-a-lh: 1;
	--text-a-ls-pc: 0.2em;
	--text-a-ls-sp: 0.2em;

	/* Text Align Utilities */
	--align-left: left;
	--align-center: center;
	--align-right: right;
}