@charset "UTF-8";

/* -------- main -------- */
[role="main"] {
  font-size: 110%;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #565960;
}


/* -------- title -------- */
[role="main"] #title  {
  width: 100%;
  background-color: #F4F4F4;
}
[role="main"] #title .title_in {
  width: 100%;
  padding: 50px 40px 23px;
  background-color: #E8EAEA;
  clip-path: polygon(0 0, 70% 0%, 67% 100%, 50% 100%, 0 100%);
}
[role="main"] #title h1 {
  display: block;
  font-family: "Lexend", sans-serif;
  font-size: 1.9em;
  color: #606060;
  letter-spacing: 0.1em;
}
[role="main"] #title h1 span {
  padding-left: 30px;
  font-size: 0.4em;
  letter-spacing: 0em;
}

@media only screen and (max-width: 768px) {
[role="main"] #title  {
  width: 100%;
}
[role="main"] #title .title_in {
  padding: 20px 20px 13px;
}
[role="main"] #title h1 {
  font-size: 1.7em;
}
[role="main"] #title h1 span {
  padding-left: 15px;
}
}

/* -------- Existing css adjustments -------- */
.pankuzu {
  display: none !important;
}
a {
  text-decoration: none;
  color: #565960;
}
[data-lib="8712"] .talk_wrap ul li > div .name {
  color: #565960 !important;
}