@charset "utf-8";

html {
  font-size: 62.5%;
}
body {
  font-family: var(--ja-1), var(--basic-gothic);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--dark-brown);
}
@media (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

/*-------------------------------

site common

-------------------------------*/
:root {
  --basic-mincho:
    "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro",
    "MS P明朝", "MS Mincho", serif;
  --basic-gothic:
    "游ゴシック体", YuGothic, "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --white: #fff;
  --black: #111;
  --ja-1: "Zen Maru Gothic";
  --en-1: ;
  --pink: #d13f66;
  --light-pink: #fcb8ca;
  --dark-brown: #351703;
  --light-blue: #b3dbe6;
  --yellow: #efc25b;
  --blue: #a3dff0;
  --green: #bcebe2;
  --beige: #b9b3b0;
  --left-header-width: 21vw;
  --right-header-width: 100px;
  --public-color: var(--light-pink);
  --private-color: var(--light-blue);
}
@media (max-width: 1536px) {
  :root {
    --left-header-width: 20vw;
  }
}
@media (max-width: 1280px) {
  :root {
    --left-header-width: 0;
    --right-header-width: 80px;
  }
}

/* バー */
.simplebar-vertical .simplebar-scrollbar:before {
  width: 5px;
}

.simplebar-horizontal.simplebar-scrollbar:before {
  height: 5px;
}

#tinymce {
  padding: 24px;
}