@charset "utf-8";

.font.red { color: #ff6010;}

.bg-yellow {background-color: #fffeea;}
.border-yellow{background-color: #fffeea;}
.aspect-4-3 {aspect-ratio: 4 / 3;}
.aspect-80-53 {aspect-ratio: 80 / 53;}
.aspect-20-7 {aspect-ratio: 20 / 7;}

@media screen and (min-width: 641px) {

.size-50 .image-size-l { width: 95%;}

}

.social .contents-main-title-copy em{width: 16em;}
.social .list-ol-none { padding: 0 0 0 1em;}
.social .list-ol-none li{ margin: 0.5em 0;}
.social .button .supplement{font-size: var(--font-size-m);}
.social .arrow,
.social .pdf{display: inline-block;}

.social .list-style-none.check-list li{
  position: relative;
  padding: 0 0 0.5em 1.5em;
}
.check-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  border-radius: 0.2em;
  border: 1px solid #ccc;
  content: "";
}
.check-list li:after {
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 1.2rem;
  height: 0.6rem;
  display: block;
  border-left: 0.3rem solid #00aeef;
  border-bottom: 0.3rem solid #00aeef;
  transform: rotate(-45deg);
  content: "";
}
.social .highlight{background-color: #f9f9f9;}

.contents-section .social-word-dl {
  margin: 0;
  font-size: var(--font-size-m);
  text-align: left;
}

.contents-section .social-word-dl dt {
  position: relative;
  margin: 0 0 0.5em;
  padding: 0 0 0 1.4em;
}

.contents-section .social-word-dl dt:before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  margin: 0;
  padding: 0;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-color: #ff6010;
  content: "";
}

.contents-section .social-word-dl dd {
  margin: 0 0 1em;
}


#TWITTER.shirayuri-twitter {
  margin: auto;
  width: 90%;
  max-width: 60rem;
}
#TWITTER.shirayuri-twitter h3 img {
  width: 4rem;
  height: 4rem;
  margin: 0 1rem 0 0;
}
#TWITTER.shirayuri-twitter .inner {
  margin: 0 auto 3em;
  padding: 1em;
  width: 100%;
  border: 0.1rem solid #ccc;
}

#TWITTER.shirayuri-twitter h3 a {
  position: relative;
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em 0.5rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: normal;
}