/*
Theme Name: Deeng Corporate Theme Child
Version: 1.0
Template: deeng
Author: Takashi Endo
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');

:root {
  --color-key: #00519E;
  --color-txt-base: #202124;
  --color-bg-base: #fff;
  --color-bg-key: #f8f7f6;
  --color-cat: #595757;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-32: 32px;
  --font-size-52: 52px;
  --font-size-84: 84px;
  --content-width: 1170px;
}

html {
  font-size: var(--font-size-20);
}

body {
  line-height: 1.8;       /* 行高（単位なし） */
  letter-spacing: 0.1em;                     /* 文字間 */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;                            /* フォントの太さ（700 = bold） */
  background-color: var(--color-bg-base);
  color: var(--color-txt-base);
  caret-color: transparent;     /* テキスト入力カーソル */
}

a, a:hover, a:visited {
  color: inherit;
}

.wrapper {
  max-width: 1024px;
  margin-left: auto;    /* 中央揃え */
  margin-right: auto;   /* 中央揃え */
  padding: 0.3rem;
}

.font-color-key {
  color: var(--color-key);
}

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

.font-size-18 {
  font-size: var(--font-size-18);
}

.font-size-32 {
  font-size: var(--font-size-32);
}

.font-size-52 {
  font-size: var(--font-size-52);
}

.font-size-84 {
  font-size: var(--font-size-84);
}

.text-align-center {
  text-align: center;
}

.p-bottom-32 {
  padding-bottom: var(--font-size-32);
}

.p-bottom-52 {
  padding-bottom: var(--font-size-52);
}

.p-bottom-84 {
  padding-bottom: var(--font-size-84);
}

.m-top-16 {
  margin-top: var(--font-size-16);
}

.m-top-32 {
  margin-top: var(--font-size-32);
}

.m-top-52 {
  margin-top: var(--font-size-52);
}

.m-top-84 {
  margin-top: var(--font-size-84);
}

.m-bottom-16 {
  margin-bottom: var(--font-size-16);
}

.m-bottom-32 {
  margin-bottom: var(--font-size-32);
}

.m-bottom-52 {
  margin-bottom: var(--font-size-52);
}

.m-bottom-84 {
  margin-bottom: var(--font-size-84);
}

.m-bottom-168 {
  margin-bottom: 168px;
}

/* ------------------------------
  モバイル
--------------------------------- */
@media screen and (max-width: 899px) {

  /* .wrapper {
    padding: 0.5em;
  } */



}