@charset "utf-8";

/* CSS関数設定 */
:root {
	/* カラーパレット --color-  */
	--c-white: #FFFFFF;
	--c-black: #000000;

	--c-black-363: #36353a;
	--c-gray-807: #807f80;
	--c-pink-ff9: #ff95ae;
	--c-pink-ff5: #FF5690;
	--c-pink-e50: #E50071;
	--c-pink-e95: #E95383;

	/*ボタン*/
	--c-pink-btn:#FF5690;
	--c-green: #06C755;

  /*counselor*/
	--c-purple-head: #8C255D;
	--c-pink-box-bg: #F5CED4;

  /*背景*/
  --c-yellow-bg: #FFFDE9;

	--c-yellow-ffe: #FFE500;
	--c-yellow-ffff: #FFFF90;
	--c-blue-81c: #81CACD;
	--c-blue-86c: #86C9F1;
	--c-blue-a9d: #A9DBDB;
	--c-blue-7cc: #7CC9CC;

	--c-red: #FF0000;

	/* 成婚までの流れ*/
	--service-1: #F7C1BF;
	--service-2: #F19DAB;
	--service-3: #EC7088;
	--service-4: #E95383;
	--service-5: #E50071;
	--service-btn: #F19DAB;

	/**料金プラン*/
	--c-blue-bg:  #d2e8e9;
	--c-blue-main:#7dcacd;
	--c-black-707: #707070;
	--c-gray-line: #898989;
	--c-gray-bg: #dbdbdb;

	/* よくある質問 */
	--c-pink-faq-bg: #fff0ef;
	--c-pink-faq-ttl: #ffa8a8;
	--c-pink-faq-btn: #ffaeca;


	/* カラーテーマ --color-theme- */
	--theme-c-main: var(--c-green-500);

	/* テキストカラー --text-color- */
	--txt-c-base: var(--c-black);
	--txt-c-white: var(--c-white);

	/* フォント --font-family- */
	--ff-base: "Noto Sans JP", serif;
	--ff-noto-serif: "Noto Serif", serif;

	/* フォントウェイト --font-weight- */
	--fw-light: 300;
	--fw-base: 400;
	--fw-medium: 500;
	--fw-bold: 700;

	/* サイズ */
  --u: 0.0625rem;/* 1px = 0.0625rem。width: calc(238 * var(--u));*/
  --vw-sp: calc(100vw / 375);
  --vw-md: calc(100vw / 767);
  --vw-lg: calc(100vw / 1024);
  --vw-xl: calc(100vw / 1400);
  --vw-xxl: calc(100vw / 1800);

  /* letter-spacing */
  --ls-s: 0.05em;
  --ls-m: 0.08em;
  --ls-l: 0.1em;
  --ls-default: 0.15em;
  --ls-xl: 0.3em;

  /* マックス幅サイズ  PC時のみ */
  --max13: max(var(--rem13), 10px);
  --max14: max(var(--rem14), 11px);
  --max15: max(var(--rem15), 12px);
  --max16: max(var(--rem16), 12px);
  --max17: max(var(--rem17), 12px);
  --max18: max(var(--rem18), 14px);
  --max19: max(var(--rem19), 15px);
  --max20: max(var(--rem20), 16px);
  --max21: max(var(--rem21), 17px);
  --max22: max(var(--rem22), 14px);
  --max23: max(var(--rem23), 18px);
  --max24: max(var(--rem24), 18px);
  --max25: max(var(--rem25), 19px);
  --max26: max(var(--rem26), 16px);
  --max28: max(var(--rem28), 20px);
  --max30: max(var(--rem30), 22px);
  --max35: max(var(--rem35), 24px);
  --max130: max(var(--rem130), 100px);

  /* minサイズ SP時のみ */
  --min10: min(calc(10 * var(--vw-sp)), 12px);
  --min12: min(calc(12 * var(--vw-sp)), 14px);
  --min13: min(calc(13 * var(--vw-sp)), 15px);
  --min14: min(calc(14 * var(--vw-sp)), 16px);
  --min16: min(calc(16 * var(--vw-sp)), 18px);
  --min18: min(calc(18 * var(--vw-sp)), 20px);
  --min20: min(calc(20 * var(--vw-sp)), 24px);
  --min22: min(calc(22 * var(--vw-sp)), 26px);
  --min24: min(calc(24 * var(--vw-sp)), 28px);
  --min25: min(calc(25 * var(--vw-sp)), 28px);
  --min26: min(calc(26 * var(--vw-sp)), 28px);
  --min28: min(calc(28 * var(--vw-sp)), 30px);
  --min40: min(calc(40 * var(--vw-sp)), 48px);
  --min75: min(calc(75 * var(--vw-sp)), 100px);

	/* 角丸 --border-radius- */
	--bdrs-sm: var(--rem5);
	--bdrs-md: var(--rem10);
	--bdrs-lg: var(--rem20);
	--bdrs-xl: var(--rem25);
	--bdrs-2xl: var(--rem30);
	--bdrs-50: 50vh;


  /* 余白　*/
  --spc-3: var(--rem3);
  --spc-5: var(--rem5);
  --spc-10: var(--rem10);
  --spc-12: var(--rem12);
  --spc-15: var(--rem15);
  --spc-16: var(--rem16);
  --spc-17: var(--rem17);
  --spc-18: var(--rem18);
  --spc-20: var(--rem20);
  --spc-22: var(--rem22);
  --spc-24: var(--rem24);
  --spc-25: var(--rem25);
  --spc-30: var(--rem30);
  --spc-35: var(--rem35);
  --spc-40: var(--rem40);
  --spc-45: var(--rem45);
  --spc-50: var(--rem50);
  --spc-55: var(--rem55);
  --spc-60: var(--rem60);
  --spc-65: var(--rem65);
  --spc-70: var(--rem70);
  --spc-75: var(--rem75);
  --spc-80: var(--rem80);
  --spc-85: var(--rem85);
  --spc-90: var(--rem90);
  --spc-100: var(--rem100);
  --spc-105: var(--rem105);
  --spc-110: var(--rem110);
  --spc-120: var(--rem120);
  --spc-150: var(--rem150);
  --spc-160: var(--rem160);


  /* 　remサイズ 　calc( * var(--u));*/
  --rem5: 0.3125rem;
  --rem10: 0.625rem;
  --rem11: 0.6875rem;
  --rem12: 0.75rem;
  --rem13: 0.8125rem;
  --rem14: 0.875rem;
  --rem15: 0.9375rem;
  --rem17: 1.0625rem;
  --rem16: 1rem;
  --rem18: 1.125rem;
  --rem19: 1.1875rem;
  --rem20: 1.25rem;
  --rem21: 1.3125rem;
  --rem22: 1.375rem;
  --rem23: 1.4375rem;
  --rem24: 1.5rem;
  --rem25: 1.5625rem;
  --rem26: 1.625rem;
  --rem27: 1.6875rem;
  --rem28: 1.75rem;
  --rem29: 1.8125rem;
  --rem30: 1.875rem;
  --rem33: 2.0625rem;
  --rem35: 2.1875rem;
  --rem37: 2.3125rem;
  --rem38: 2.375rem;
  --rem40: 2.5rem;
  --rem41: 2.5625rem;
  --rem44: 2.75rem;
  --rem45: 2.8125rem;
  --rem50: 3.125rem;
  --rem55: 3.4375rem;
  --rem60: 3.75rem;
  --rem65: 4.0625rem;
  --rem70: 4.375rem;
  --rem75: 4.6875rem;
  --rem80: 5rem;
  --rem82: 5.125rem;
  --rem85: 5.3125rem;
  --rem90: 5.625rem;
  --rem95: 5.9375rem;
  --rem100: 6.25rem;
  --rem105: 6.5625rem;
  --rem110: 6.875rem;
  --rem120: 7.5rem;
  --rem122: 7.625rem;
  --rem125: 7.8125rem;
  --rem130: 8.125rem;
  --rem150: 9.375rem;
  --rem160: 10rem;
  --rem170: 10.625rem;
}

/* 768px以下 */
@media screen and (max-width: 767px) {
  :root {
    --sec-spc: 50px;
    --fz-9: 9px;
    --fz-10: 10px;
    --fz-11: 11px;
    --fz-12: 12px;
    --fz-13: 13px;
    --fz-14: 14px;
    --fz-15: 15px;
    --fz-16: 16px;
    --fz-18: 18px;
    --fz-19: 19px;
    --fz-20: 20px;
    --fz-21: 21px;
    --fz-22: 22px;
    --fz-24: 24px;
    --fz-25: 25px;
    --fz-26: 26px;
    --fz-28: 28px;
    --fz-29: 29px;
    --fz-30: 30px;
    --fz-35: 35px;
    --fz-38: 38px;
    --fz-40: 40px;
    --fz-43: 43px;
    --fz-50: 50px;
    --fz-60: 60px;
    --fz-70: 70px;
  }
}