/* Initial setting
-------------------------------------------------- */
html {
  /* memo font-size: 16px = 1rem; */
}
body {
  color: #18191a;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  /*font-family:'Noto Sans JP','Yu Gothic', 'YuGothic', sans-serif;*/
  letter-spacing: .1em;
}

/* Customize
-------------------------------------------------- */
.text-main {
  font-family:'Noto Sans JP','Yu Gothic', 'YuGothic', sans-serif;
}
.text-comment {
  font-family: 'Zen Kurenaido', sans-serif;
}
.text-pub {
  font-family: Arial;
}
.text-caption {
  --tw-text-opacity: 1;
  color: rgb(80 187 208 / var(--tw-text-opacity));
  /*rgb 13 205 189*/
}
.bg-header {
  --tw-bg-opacity: 1;
  background-color: rgb(80 187 208 / var(--tw-bg-opacity));
}
@media (max-width: 768px) {
  .text-2xs {
    font-size: 0.6rem; 
    line-height: 0.9rem;
  }
}
@media (min-width: 768px) {
  .link-underline {
    border-bottom-width: 0;
    background-size: 0 3px;
    background-position: 50% 75%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
  }
  .link-underline-blue {
    background-image: linear-gradient(transparent, transparent), linear-gradient(#38bdf8, #38bdf8)
  }
  .link-underline:hover {
    background-size: 100% 3px;
    background-position: 50% 75%
  }
}
.parallax-img{
  background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("../img/research_background.jpg");
}