/* ============================================================
   YU PLANNING - common style
   ============================================================ */

/* ---- CSS Variables ---- */
:root {
  --color-accent:      #CD8C93;
  --color-pink-bg:     #F1EAED;
  --color-footer-bg:   #B89892;
  --color-text:        #5E5E5E;
  --color-logo:        #6F6E6F;
  --color-btn:         #B36A79;
  --color-btn-hover:   #9F465C;
  --color-white:       #ffffff;
  --color-nav-text:    #5E5E5E;
  --color-nav-hover:   #9F465C;
  --color-nav-active:  #B36A79;
	--font-main: 'Noto Sans JP', sans-serif;
	
	
/* ---- Common type rules ---- */
  --font-en: 'Montserrat', sans-serif;

  --font-size-service-title-pc: 55px;
  --font-size-service-title-tab: 50px;
  --font-size-service-title-sp: 47px;

  --font-size-page-title-pc: 32px;
  --font-size-page-title-tab: 26px;
  --font-size-page-title-sp: 26px;

  --font-size-page-subtitle: 14px;

  --font-size-h3-pc: 30px;
  --font-size-h3-tab: 26px;
  --font-size-h3-sp: 20px;

  --font-size-body-pc: 16px;
  --font-size-body-tab: 14px;
  --font-size-body-sp: 14px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	

	--line-height-base: 1.6;
	
	--space-page-bottom-pc: 60px;
  --space-page-bottom-tab: 55px;
  --space-page-bottom-sp: 50px;
}

/* ---- Reset / Base ---- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { font-size: 16px; }

body {
  font-family: var(--font-main);
  color: var(--color-text);
  background-color: var(--color-white);
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

ul { list-style: none; }

/* ============================================================
   COMMON BASE
   ============================================================ */
.site-main {
  background-color: var(--color-white);
}