@charset "UTF-8";
/* line 2, app/assets/stylesheets/archives/year2021/_style.scss */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
main,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
  font-size: 100%;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

/* line 94, app/assets/stylesheets/archives/year2021/_style.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

/* line 108, app/assets/stylesheets/archives/year2021/_style.scss */
ol,
ul {
  list-style: none;
}

/* line 112, app/assets/stylesheets/archives/year2021/_style.scss */
blockquote,
q {
  quotes: none;
}

/* line 116, app/assets/stylesheets/archives/year2021/_style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 120, app/assets/stylesheets/archives/year2021/_style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

/* line 128, app/assets/stylesheets/archives/year2021/_style.scss */
img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

/* line 133, app/assets/stylesheets/archives/year2021/_style.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

/* line 142, app/assets/stylesheets/archives/year2021/_style.scss */
body {
  font-family: "Noto Sans JP", sans-serif, "$B^b%4%7%C%/BN(B", YuGothic, "$B^b%4%7%C%/(B", "Yu Gothic", "$B%a%$%j%*(B", Meiryo, "$B%R%i%.%N3Q%4(B Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "$B#M#S(B $B#P%4%7%C%/(B", "MS PGothic";
  font-style: normal;
  font-weight: 500;
  color: #000;
  word-wrap: break-word;
  font-kerning: normal;
  font-size: 18px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  /* line 155, app/assets/stylesheets/archives/year2021/_style.scss */
  body {
    font-size: 13px;
    margin-top: 75px;
  }
  /* line 159, app/assets/stylesheets/archives/year2021/_style.scss */
  .pc {
    display: none;
  }
  /* line 162, app/assets/stylesheets/archives/year2021/_style.scss */
  .sp {
    display: block;
  }
}

/* line 167, app/assets/stylesheets/archives/year2021/_style.scss */
header {
  width: 100%;
}

/* line 170, app/assets/stylesheets/archives/year2021/_style.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 176, app/assets/stylesheets/archives/year2021/_style.scss */
header .head-logo {
  max-width: 100px;
  width: 25%;
  padding: 15px 0;
  margin-left: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 184, app/assets/stylesheets/archives/year2021/_style.scss */
  header .head-logo {
    max-width: 70px;
    padding: 10px 0;
  }
}

/* line 190, app/assets/stylesheets/archives/year2021/_style.scss */
.section-inner {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/* line 214, app/assets/stylesheets/archives/year2021/_style.scss */
.section {
  width: 100%;
  scroll-snap-align: start;
}

/* line 219, app/assets/stylesheets/archives/year2021/_style.scss */
.underline {
  font-size: 32px;
  margin-bottom: 20px;
}

/* line 224, app/assets/stylesheets/archives/year2021/_style.scss */
a {
  outline: none;
  text-decoration: none;
  color: #000;
}

/* line 229, app/assets/stylesheets/archives/year2021/_style.scss */
a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 235, app/assets/stylesheets/archives/year2021/_style.scss */
.pc {
  display: block;
}

/* line 238, app/assets/stylesheets/archives/year2021/_style.scss */
.sp {
  display: none;
}

/* line 242, app/assets/stylesheets/archives/year2021/_style.scss */
.space-block {
  padding-top: 80px;
  margin-top: -80px;
}

/* line 246, app/assets/stylesheets/archives/year2021/_style.scss */
.space-block-margin {
  margin-top: 80px;
}

/* line 250, app/assets/stylesheets/archives/year2021/_style.scss */
h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 768px) {
  /* line 256, app/assets/stylesheets/archives/year2021/_style.scss */
  h3 {
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  /* line 261, app/assets/stylesheets/archives/year2021/_style.scss */
  .underline {
    font-size: 18px;
    margin-bottom: 20px;
  }
  /* line 265, app/assets/stylesheets/archives/year2021/_style.scss */
  .space-block-margin {
    margin-top: 40px;
  }
}

/* line 270, app/assets/stylesheets/archives/year2021/_style.scss */
.wrapper {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 277, app/assets/stylesheets/archives/year2021/_style.scss */
.c-btn a.noshadow {
  box-shadow: none;
}

@media only screen and (max-width: 768px) {
  /* line 282, app/assets/stylesheets/archives/year2021/_style.scss */
  .c-btn a {
    width: 80%;
    height: 2.8rem;
    font-size: 0.8rem;
  }
}

/* line 289, app/assets/stylesheets/archives/year2021/_style.scss */
.sub-message {
  margin-top: 40px;
  text-align: center;
}

/* line 294, app/assets/stylesheets/archives/year2021/_style.scss */
.sub-message p {
  font-weight: 600;
}

/* line 298, app/assets/stylesheets/archives/year2021/_style.scss */
.inner-pc {
  display: block;
  justify-content: center;
  align-items: flex-start;
  max-width: 1100px;
  width: 90%;
  margin: 30px auto 0;
}

/* line 307, app/assets/stylesheets/archives/year2021/_style.scss */
.section-about,
.section-default {
  padding: 100px 0 30px;
  visibility: visible;
  animation-name: fadeInRight;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}

/* line 317, app/assets/stylesheets/archives/year2021/_style.scss */
.section-default {
  padding: 0 0 30px !important;
}

/* line 320, app/assets/stylesheets/archives/year2021/_style.scss */
.section-about .inner,
.section-default .inner {
  display: block;
  justify-content: center;
  align-items: flex-start;
  max-width: 1100px;
  width: 90%;
  margin: 30px auto 0;
}

/* line 329, app/assets/stylesheets/archives/year2021/_style.scss */
.section-about .message-area,
.section-default .message-area {
  margin-top: 40px;
  text-align: center;
  padding: 20px 0;
}

/* line 335, app/assets/stylesheets/archives/year2021/_style.scss */
.section-about .message,
.section-default .message {
  font-size: 18px;
  padding-left: 1em;
  margin: 20px 0;
}

@media only screen and (max-width: 768px) {
  /* line 343, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-about,
.section-default {
    padding: 0;
  }
  /* line 347, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-about .inner,
.section-default .inner {
    display: block;
    width: 96%;
    margin: 30px auto 0;
  }
  /* line 353, app/assets/stylesheets/archives/year2021/_style.scss */
  .inner-pc {
    display: block;
    justify-content: center;
    align-items: flex-start;
    max-width: 1100px;
    width: 100%;
    margin: 0;
  }
  /* line 361, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-about .message-area,
.section-default .message-area {
    text-align: left;
    border-radius: 30px;
    margin-top: 30px;
  }
  /* line 367, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-about .message,
.section-default .message {
    font-size: 16px;
    letter-spacing: 0.2em !important;
    margin: 20px 0;
  }
  /* line 373, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-about .message span {
    font-size: 16px;
  }
  /* line 376, app/assets/stylesheets/archives/year2021/_style.scss */
  .section-upload-video,
.section-upload-profile,
.section-upload-terms {
    padding-top: 100px;
  }
}

/* line 383, app/assets/stylesheets/archives/year2021/_style.scss */
span.pc-block {
  display: block;
}

@media screen and (max-width: 768px) {
  /* line 387, app/assets/stylesheets/archives/year2021/_style.scss */
  span.block {
    display: block;
  }
}

/* line 392, app/assets/stylesheets/archives/year2021/_style.scss */
h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  /* line 399, app/assets/stylesheets/archives/year2021/_style.scss */
  h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
  }
}

/* line 406, app/assets/stylesheets/archives/year2021/_style.scss */
.underline-yellow {
  background: linear-gradient(transparent 70%, #ffcc00 0%);
}

/* line 409, app/assets/stylesheets/archives/year2021/_style.scss */
.underline-pink {
  background: linear-gradient(transparent 70%, #ff1e73 0%);
}

/* line 412, app/assets/stylesheets/archives/year2021/_style.scss */
.underline-green {
  background: linear-gradient(transparent 70%, #34cfbd 0%);
}

/* line 416, app/assets/stylesheets/archives/year2021/_style.scss */
.block {
  display: block !important;
}

/* line 420, app/assets/stylesheets/archives/year2021/_style.scss */
.visible-pc {
  display: block;
}

/* line 423, app/assets/stylesheets/archives/year2021/_style.scss */
.visible-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 428, app/assets/stylesheets/archives/year2021/_style.scss */
  .visible-pc {
    display: none;
  }
  /* line 431, app/assets/stylesheets/archives/year2021/_style.scss */
  .visible-sp {
    display: block;
  }
}

/* line 436, app/assets/stylesheets/archives/year2021/_style.scss */
span.bold {
  font-weight: bold;
}

/* line 3, app/assets/stylesheets/archives/year2021/_animate.scss */
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 10, app/assets/stylesheets/archives/year2021/_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 15, app/assets/stylesheets/archives/year2021/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* line 65, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%,
50%,
100% {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
50%,
100% {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

/* line 96, app/assets/stylesheets/archives/year2021/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* line 138, app/assets/stylesheets/archives/year2021/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* line 202, app/assets/stylesheets/archives/year2021/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%,
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

/* line 260, app/assets/stylesheets/archives/year2021/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* line 324, app/assets/stylesheets/archives/year2021/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

/* line 403, app/assets/stylesheets/archives/year2021/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* line 489, app/assets/stylesheets/archives/year2021/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* line 548, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 605, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 662, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 719, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 776, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}

/* line 833, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

/* line 879, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

/* line 925, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

/* line 971, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

/* line 1017, app/assets/stylesheets/archives/year2021/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 1042, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 1077, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 1112, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 1147, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 1182, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 1217, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 1252, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 1287, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 1322, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 1347, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

/* line 1382, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

/* line 1417, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

/* line 1452, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

/* line 1487, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

/* line 1522, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

/* line 1557, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

/* line 1592, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

/* line 1627, app/assets/stylesheets/archives/year2021/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/* line 1717, app/assets/stylesheets/archives/year2021/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

/* line 1777, app/assets/stylesheets/archives/year2021/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

/* line 1837, app/assets/stylesheets/archives/year2021/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

/* line 1875, app/assets/stylesheets/archives/year2021/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

/* line 1913, app/assets/stylesheets/archives/year2021/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

/* line 1977, app/assets/stylesheets/archives/year2021/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

/* line 2014, app/assets/stylesheets/archives/year2021/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* line 2061, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* line 2106, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* line 2151, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* line 2196, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

/* line 2241, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

/* line 2286, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

/* line 2331, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

/* line 2376, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

/* line 2421, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

/* line 2466, app/assets/stylesheets/archives/year2021/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 2499, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 2532, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 2565, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

/* line 2598, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

/* line 2631, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

/* line 2664, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 2699, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

/* line 2732, app/assets/stylesheets/archives/year2021/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

/* line 2838, app/assets/stylesheets/archives/year2021/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

/* line 2873, app/assets/stylesheets/archives/year2021/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

/* line 2908, app/assets/stylesheets/archives/year2021/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}

/* line 2938, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* line 2983, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* line 3026, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* line 3069, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* line 3112, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}

/* line 3155, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

/* line 3199, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

/* line 3243, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

/* line 3287, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

/* line 3331, app/assets/stylesheets/archives/year2021/_animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/* line 1, app/assets/stylesheets/archives/year2021/_common.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* line 7, app/assets/stylesheets/archives/year2021/_common.scss */
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

/* line 13, app/assets/stylesheets/archives/year2021/_common.scss */
.clearfix {
  display: block;
}

/* line 17, app/assets/stylesheets/archives/year2021/_common.scss */
.border-bottom {
  border-bottom: solid 1px #efefef;
}

/* line 21, app/assets/stylesheets/archives/year2021/_common.scss */
body.lss {
  background-color: #c6c6c6 !important;
}

/* line 25, app/assets/stylesheets/archives/year2021/_common.scss */
.box-area.white {
  background-color: #fff !important;
  margin: 16px 0;
}

/* line 30, app/assets/stylesheets/archives/year2021/_common.scss */
video {
  width: 100%;
}

/* line 33, app/assets/stylesheets/archives/year2021/_common.scss */
.border-bluck {
  border: solid 5px #000;
  margin: 50px 0;
  height: 5px;
}

/* line 38, app/assets/stylesheets/archives/year2021/_common.scss */
p.eyecatch {
  font-size: 42px;
  font-weight: bold;
}

/* line 42, app/assets/stylesheets/archives/year2021/_common.scss */
.section-max-pc {
  max-width: 1080px;
  margin: 0 auto;
}

/* line 46, app/assets/stylesheets/archives/year2021/_common.scss */
p.eyecatch-large {
  font-size: 58px;
  font-weight: bold;
}

/* line 50, app/assets/stylesheets/archives/year2021/_common.scss */
.not-found-message {
  text-align: center;
}

/* line 54, app/assets/stylesheets/archives/year2021/_common.scss */
.theme-title p {
  font-size: 14px;
  font-weight: bold;
}

/* line 59, app/assets/stylesheets/archives/year2021/_common.scss */
p.comming-soon {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  margin-top: 40px;
  margin-bottom: 60px;
}

/* line 67, app/assets/stylesheets/archives/year2021/_common.scss */
.visible-pc {
  display: block;
}

/* line 70, app/assets/stylesheets/archives/year2021/_common.scss */
.visible-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 75, app/assets/stylesheets/archives/year2021/_common.scss */
  .visible-pc {
    display: none;
  }
  /* line 78, app/assets/stylesheets/archives/year2021/_common.scss */
  .visible-sp {
    display: block;
  }
}

/* line 83, app/assets/stylesheets/archives/year2021/_common.scss */
span.bold {
  font-weight: bold;
}

/* line 87, app/assets/stylesheets/archives/year2021/_common.scss */
.no-padding-top {
  padding-top: 0 !important;
}

/* line 91, app/assets/stylesheets/archives/year2021/_common.scss */
.no-padding {
  padding: 0 !important;
}

/* line 2, app/assets/stylesheets/archives/year2021/_move.scss */
body,
html {
  margin: 0;
  padding: 0;
}

/* line 8, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100vw;
  overflow: hidden;
}

/* line 18, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 200vw;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  /* line 29, app/assets/stylesheets/archives/year2021/_move.scss */
  .loop_css2 ul {
    width: 500vw;
  }
}

/* line 34, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 li {
  display: inline-block;
  width: 100vw;
  margin: 5px;
  list-style: none;
  text-align: center;
}

/* line 42, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 li a {
  display: block;
}

/* line 46, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 li img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 52, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 li a:hover {
  opacity: 0.7;
}

/* line 56, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 ul:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* line 64, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_css2 ul + ul {
  -webkit-animation: loop2 50s linear infinite;
  animation: loop2 50s linear infinite;
}

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

/* line 125, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_js {
  display: -webkit-flex;
  display: flex;
  width: calc(850px * 3);
  height: 150px;
  overflow: hidden;
}

/* line 133, app/assets/stylesheets/archives/year2021/_move.scss */
.loop_js > * {
  width: 33.333333%;
  height: auto;
}

/* line 138, app/assets/stylesheets/archives/year2021/_move.scss */
section.users {
  position: relative;
}

/* line 141, app/assets/stylesheets/archives/year2021/_move.scss */
div.section-users {
  position: relative;
}

/* line 144, app/assets/stylesheets/archives/year2021/_move.scss */
div.over-area {
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 120px;
}

/* line 149, app/assets/stylesheets/archives/year2021/_move.scss */
div.open-message {
  margin: 60px 0;
}

@media only screen and (max-width: 768px) {
  /* line 153, app/assets/stylesheets/archives/year2021/_move.scss */
  div.open-message {
    margin: 30px 0;
  }
}

/* line 158, app/assets/stylesheets/archives/year2021/_move.scss */
.img-center-full {
  width: 100vw;
  max-width: 1080px;
  margin: 0 auto;
  padding: 100px 5vw 0;
  box-sizing: border-box;
}

/* line 166, app/assets/stylesheets/archives/year2021/_move.scss */
.slider-img-center-full {
  width: 100vw;
  padding: 100px 16vw 0;
  box-sizing: border-box;
}

/* line 171, app/assets/stylesheets/archives/year2021/_move.scss */
.img-center-full-small-padding {
  width: 100vw;
  padding: 100px 15vw 30px;
  box-sizing: border-box;
}

/* line 177, app/assets/stylesheets/archives/year2021/_move.scss */
.img-center {
  width: 100vw;
  padding: 10px 20vw;
  box-sizing: border-box;
  text-align: center;
}

/* line 183, app/assets/stylesheets/archives/year2021/_move.scss */
.img-center-full img {
  width: 100%;
  border-radius: 10px;
}

/* line 187, app/assets/stylesheets/archives/year2021/_move.scss */
.slider-img-center-full img {
  width: 100%;
}

/* line 190, app/assets/stylesheets/archives/year2021/_move.scss */
.img-center img {
  width: 50%;
}

/* line 194, app/assets/stylesheets/archives/year2021/_move.scss */
ul.top-header-slider li img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  /* line 199, app/assets/stylesheets/archives/year2021/_move.scss */
  .img-center-full {
    padding: 24px 0 0;
  }
  /* line 202, app/assets/stylesheets/archives/year2021/_move.scss */
  .slider-img-center-full {
    padding: 0;
  }
  /* line 205, app/assets/stylesheets/archives/year2021/_move.scss */
  .img-center-full-small-padding {
    padding: 10px;
  }
  /* line 208, app/assets/stylesheets/archives/year2021/_move.scss */
  .img-center img {
    width: 70%;
  }
}

/* line 213, app/assets/stylesheets/archives/year2021/_move.scss */
.onephrase p {
  margin: 60px 0;
}

/* line 216, app/assets/stylesheets/archives/year2021/_move.scss */
.onephrase p span {
  font-size: 64px;
  font-weight: bold;
  background: #000;
  padding: 20px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  /* line 224, app/assets/stylesheets/archives/year2021/_move.scss */
  .onephrase p {
    margin: 40px 0;
  }
  /* line 227, app/assets/stylesheets/archives/year2021/_move.scss */
  .onephrase p span {
    font-size: 32px;
    font-weight: bold;
    background: #000;
    padding: 20px;
    color: #fff;
  }
}

/* line 236, app/assets/stylesheets/archives/year2021/_move.scss */
#fullOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 245, app/assets/stylesheets/archives/year2021/_move.scss */
.timer {
  font-weight: bold;
  font-size: 126px;
  color: #222;
  text-align: center;
}

/* line 251, app/assets/stylesheets/archives/year2021/_move.scss */
.timer span {
  font-size: 42px;
}

@media only screen and (max-width: 768px) {
  /* line 255, app/assets/stylesheets/archives/year2021/_move.scss */
  .timer {
    font-size: 62px;
  }
  /* line 258, app/assets/stylesheets/archives/year2021/_move.scss */
  .timer span {
    font-size: 16px;
  }
}

/* line 263, app/assets/stylesheets/archives/year2021/_move.scss */
.count-down-title {
  text-align: center;
  background-color: #34cfbd;
  margin: 50px 10px;
  padding: 10px;
}

/* line 269, app/assets/stylesheets/archives/year2021/_move.scss */
.count-down-title span {
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  /* line 274, app/assets/stylesheets/archives/year2021/_move.scss */
  .count-down-title {
    margin: 30px 10px;
  }
}

/* line 279, app/assets/stylesheets/archives/year2021/_move.scss */
.banner-with-message {
  position: relative;
  width: 100vw;
  max-width: 920px;
  margin: 60px auto;
}

/* line 286, app/assets/stylesheets/archives/year2021/_move.scss */
.banner-with-message:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 塗りつぶす */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000 100%);
  border-radius: 16px;
}

/* line 297, app/assets/stylesheets/archives/year2021/_move.scss */
.banner-with-message .eyecatch {
  position: absolute;
  padding: 16px;
  bottom: 0;
  right: 0;
  font-size: 32px;
  color: #fff;
  z-index: 1;
}

/* line 306, app/assets/stylesheets/archives/year2021/_move.scss */
.banner-with-message img {
  border-radius: 16px;
}

@media only screen and (max-width: 768px) {
  /* line 310, app/assets/stylesheets/archives/year2021/_move.scss */
  .banner-with-message {
    margin: 24px;
    width: auto !important;
  }
  /* line 314, app/assets/stylesheets/archives/year2021/_move.scss */
  .banner-with-message .eyecatch {
    position: absolute;
    padding: 16px;
    bottom: 0;
    left: 0;
    font-size: 24px;
    color: #fff;
    z-index: 1;
  }
  /* line 323, app/assets/stylesheets/archives/year2021/_move.scss */
  .banner-with-message img {
    border-radius: 16px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.styling-list-area {
  display: inline-block;
  width: 100%;
}

/* line 5, app/assets/stylesheets/archives/year2021/_coordinate.scss */
ul.card-styling {
  display: inline-block;
}

/* line 8, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li {
  float: left;
  width: 250px;
  margin-top: 32px;
  margin-left: 25px;
}

/* line 14, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 20, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li .pik {
  margin-bottom: 10px;
}

/* line 23, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li .staff-card {
  font-size: 11px;
  line-height: 1.6;
}

/* line 27, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li .staff-card .icon {
  width: 60px;
  padding-right: 15px;
}

/* line 31, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling li .staff-card .name {
  font-size: 12px;
}

/* line 35, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .yell {
  width: 60px;
  text-align: center;
  float: right;
}

/* line 41, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .yell img {
  width: 45px;
  padding: 0;
}

@media (min-width: 768px) {
  /* line 47, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li:nth-child(-n + 4) {
    margin-top: 0;
  }
  /* line 50, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li:nth-child(4n + 1) {
    clear: left;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  /* line 56, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li {
    width: calc((100% - 5%) / 2);
    margin-left: 5%;
  }
  /* line 60, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li:nth-child(odd) {
    clear: left;
    margin-left: 0;
  }
  /* line 64, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li:nth-child(-n + 2) {
    margin-top: 0;
  }
  /* line 67, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li .staff-card {
    font-size: 10px;
  }
  /* line 70, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li .staff-card .icon {
    width: 38%;
    padding-right: 8%;
  }
  /* line 74, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling li .staff-card .name {
    font-size: 11px;
  }
  /* line 77, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .staff-card .yell {
    width: 60px;
    text-align: center;
    float: right;
  }
  /* line 82, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .staff-card .yell img {
    width: 45px;
    padding: 0;
  }
}

/* line 88, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card {
  display: table;
  width: 100%;
}

/* line 92, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .icon {
  display: table-cell;
  vertical-align: top;
}

/* line 96, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

/* line 101, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .data {
  display: table-cell;
  vertical-align: top;
}

/* line 105, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .data > span {
  display: block;
}

/* line 108, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .brand {
  font-weight: bold;
  color: #b72343;
}

/* line 113, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-card .yell {
  width: 60px;
  padding-right: 10px;
  text-align: center;
  float: right;
}

/* line 120, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info {
  display: table;
  width: 100%;
}

/* line 124, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .icon {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  padding: 20px;
}

/* line 130, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

/* line 135, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .data {
  display: table-cell;
  vertical-align: top;
  width: 80%;
  padding: 20px 0;
}

/* line 141, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .data > span {
  display: block;
}

/* line 145, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .data span.brand {
  font-size: 14px;
}

/* line 148, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .data span.name {
  font-size: 16px;
}

/* line 151, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .data span.height {
  font-size: 12px;
  display: block !important;
}

/* line 156, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.staff-info .brand {
  font-weight: bold;
  color: #b72343;
}

/* line 160, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.coordinate-meta-area {
  padding: 20px;
}

/* line 163, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.coordinate-meta-area .date {
  color: #111111;
  margin-bottom: 20px;
}

/* line 167, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.coordinate-meta-area .comment {
  font-size: 12px;
  color: #111111;
}

/* line 172, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling:before,
.card-styling:after {
  content: "";
  display: table;
}

/* line 177, app/assets/stylesheets/archives/year2021/_coordinate.scss */
.card-styling:after {
  clear: both;
}

@media (max-width: 767px) {
  /* line 181, app/assets/stylesheets/archives/year2021/_coordinate.scss */
  .card-styling {
    content: "";
    display: table;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/_staff_show.scss */
.staff-show {
  display: flex;
}

/* line 5, app/assets/stylesheets/archives/year2021/_staff_show.scss */
.staff-profile-box {
  width: 70%;
  padding-left: 48px;
}

@media only screen and (max-width: 768px) {
  /* line 11, app/assets/stylesheets/archives/year2021/_staff_show.scss */
  .staff-show {
    display: block;
  }
  /* line 14, app/assets/stylesheets/archives/year2021/_staff_show.scss */
  .staff-profile-box {
    width: 100%;
    padding-left: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.staff-profile-area .meta {
  text-align: center;
}

/* line 4, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.staff-profile-area .meta p {
  font-size: 14px;
  color: #808080;
}

/* line 8, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.staff-profile-area .comment p {
  font-size: 14px;
  color: #808080;
}

/* line 12, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.additional-profile-list {
  margin: 20px 0;
}

/* line 15, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.additional-profile-list .question {
  font-size: 16px;
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/archives/year2021/_staff_profile.scss */
.additional-profile-list .answer {
  font-size: 14px;
  margin-top: 5px;
  color: #808080;
}

/* ローディング画面 */
/* line 3, app/assets/stylesheets/archives/year2021/_teaser.scss */
#loading-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 9999;
  flex-wrap: nowrap;
}

/* line 18, app/assets/stylesheets/archives/year2021/_teaser.scss */
#loading-wrapper p {
  color: #fff;
  font-size: 24px;
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 26, app/assets/stylesheets/archives/year2021/_teaser.scss */
  #loading-wrapper p {
    color: #fff;
    font-size: 18px;
    padding: 0 24px;
  }
}

/* line 33, app/assets/stylesheets/archives/year2021/_teaser.scss */
.completed {
  opacity: 0;
  visibility: hidden;
}

/* line 38, app/assets/stylesheets/archives/year2021/_teaser.scss */
.inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}

/* line 46, app/assets/stylesheets/archives/year2021/_teaser.scss */
.middle-content-area {
  display: flex;
  align-items: flex-start;
  max-width: 1100px;
  width: 90%;
  max-height: 100vh;
  height: 100%;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}

/* line 58, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-left-top-half {
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  top: 0;
  align-content: stretch;
  flex-wrap: wrap;
  flex-direction: row;
}

/* line 69, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block h2,
.para-block-left-top .inner h2,
.para-block-left h2,
.para-block-left-top-half h2 {
  font-weight: bold;
  font-size: 48px;
}

/* line 77, app/assets/stylesheets/archives/year2021/_teaser.scss */
.title {
  max-width: 1080px;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 768px) {
  /* line 83, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .para-block h2,
.para-block-left-top .inner h2,
.para-block-left h2,
.para-block-left-top-half h2 {
    font-weight: bold;
    font-size: 24px;
  }
  /* line 91, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .title {
    max-width: 1080px;
    margin: 0 auto 32px;
    padding: 0 16px;
  }
  /* line 97, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .message-area {
    padding: 0 16px;
  }
}

/* line 102, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-left-top .inner .company-logo-area {
  margin-top: 24px;
}

/* Teaser Movie Box*/
/* line 108, app/assets/stylesheets/archives/year2021/_teaser.scss */
.movie-box {
  margin-top: 10px;
  text-align: center;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

/* line 115, app/assets/stylesheets/archives/year2021/_teaser.scss */
.movie-box .movie-inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}

/* line 122, app/assets/stylesheets/archives/year2021/_teaser.scss */
.movie-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 80%;
}

@media only screen and (max-width: 768px) {
  /* line 134, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .movie-box iframe {
    width: 100%;
    height: 100%;
  }
}

/* パララックス */
/* line 141, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block {
  display: block;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  top: 0;
}

/* line 150, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-caution {
  display: block;
  justify-content: space-evenly;
  width: 100%;
  height: auto;
  top: 0;
  flex-direction: column;
}

/* line 159, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block p.description {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  margin: 16px 0 0;
}

@media only screen and (max-width: 768px) {
  /* line 168, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .para-block p.description {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    margin: 16px 0 0;
  }
}

/* line 177, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-one {
  background: #212e32;
  color: #fff;
  z-index: 100;
}

/* line 183, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-two {
  background: #85937a;
  color: #212e32;
  z-index: 200;
}

/* line 189, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-content: stretch;
  flex-wrap: wrap;
  flex-direction: row;
}

/* line 203, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-left-top {
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-content: stretch;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 48px;
}

/* line 218, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-left img {
  vertical-align: top;
  width: 40%;
  height: auto;
  max-height: 99vh;
}

/* line 225, app/assets/stylesheets/archives/year2021/_teaser.scss */
.para-block-over-txt {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 100%;
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  flex-direction: column;
}

/* line 237, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt {
  color: #212e32;
  z-index: 300;
  justify-content: right !important;
  padding-bottom: 30vh;
}

/* line 243, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 50%;
  color: #fff;
  font-size: 22px;
  margin-bottom: 12px;
}

/* line 253, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt p.message-block {
  margin-bottom: 48px;
}

/* line 257, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt p.message-block-half {
  margin-bottom: 24px;
}

/* line 261, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt p.catchcopy {
  font-size: 32px;
}

/* line 265, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-over-txt p span {
  padding: 2px 0;
}

@supports (position: sticky) or (position: -webkit-sticky) {
  /* line 272, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-over-txt {
    background: none;
  }
}

/* line 277, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-four {
  background: #a9af90;
  color: #212e32;
  z-index: 400;
}

/* line 283, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-five {
  background: #dedcb8;
  color: #212e32;
  z-index: 500;
}

/* line 289, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution {
  background: #f5f5f5;
  color: #212e32;
  z-index: 400;
}

/* line 294, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution .caution-area {
  display: table;
  padding: 48px;
  max-width: 1080px;
  margin: 0 auto;
}

/* line 300, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution .caution-area .heading-area {
  display: table-cell;
  width: 30%;
  position: relative;
  margin-top: 40px;
  padding-left: 24px;
}

/* line 308, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution .caution-area .explanation-area {
  display: table-cell;
  width: 70%;
}

/* line 312, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution .caution-area .explanation-area p.main {
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 320, app/assets/stylesheets/archives/year2021/_teaser.scss */
p.bold {
  font-weight: bold;
}

/* line 324, app/assets/stylesheets/archives/year2021/_teaser.scss */
.block-caution .caution-area .explanation-area p.sub {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  /* line 329, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area {
    display: flex;
    padding: 24px;
    margin: 0 auto;
    flex-direction: column;
  }
  /* line 335, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area .heading-area {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 0 24px;
  }
  /* line 341, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area .heading-area h3 {
    text-align: left !important;
  }
  /* line 346, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area .explanation-area {
    display: inline-block;
    width: 100%;
  }
  /* line 351, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area .explanation-area p.main {
    font-weight: bold;
    margin-bottom: 16px;
  }
  /* line 356, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-caution .caution-area .explanation-area p.sub {
    font-size: 12px;
  }
}

/* line 364, app/assets/stylesheets/archives/year2021/_teaser.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 370, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro {
  position: relative;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
}

/* line 377, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro .logo {
  position: absolute;
  top: 10vh;
  left: 10vw;
}

/* line 381, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro .logo img {
  height: 80vh;
  width: auto;
}

/* line 387, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro .message {
  position: absolute;
  bottom: 5vh;
  right: 5vw;
}

/* line 392, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro .message img {
  width: 50vw;
}

/* line 397, app/assets/stylesheets/archives/year2021/_teaser.scss */
.intro h1 {
  margin-bottom: 0.5em;
  line-height: 1;
  font-weight: 100;
}

@media only screen and (max-width: 768px) {
  /* line 405, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro {
    position: relative;
    display: flex;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
  }
  /* line 416, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro .logo {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
  /* line 422, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro .logo img {
    width: 70vw;
    margin-top: 0;
  }
  /* line 428, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro .message {
    bottom: 5vh;
    right: 0;
    position: relative;
    bottom: 0;
    right: 0;
  }
  /* line 435, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro .message img {
    width: 95vw;
    margin-left: 4vw;
  }
  /* line 441, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .intro img {
    margin-top: 0;
    margin-left: 0;
  }
  /* line 447, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .para-block-left img {
    width: 100%;
  }
  /* line 451, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-over-txt p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    height: 50%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    width: 100%;
    padding: 0 12px;
  }
  /* line 464, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-over-txt p.message-block {
    margin-bottom: 32px;
  }
  /* line 468, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .block-over-txt p.catchcopy {
    margin-top: 16px;
    font-size: 20px;
  }
}

/* line 475, app/assets/stylesheets/archives/year2021/_teaser.scss */
#CrossFade {
  background: #fff;
  display: flex;
  align-items: flex-end;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}

/* line 484, app/assets/stylesheets/archives/year2021/_teaser.scss */
#CrossFade img.slide {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  backface-visibility: hidden;
  opacity: 0;
  transform: scale(1.4);
  animation: CrossFade 24s infinite;
  object-fit: cover;
}

/* line 500, app/assets/stylesheets/archives/year2021/_teaser.scss */
#CrossFade img.slide:nth-child(3) {
  animation-delay: 6s;
}

/* line 504, app/assets/stylesheets/archives/year2021/_teaser.scss */
#CrossFade img.slide:nth-child(2) {
  animation-delay: 12s;
}

/* line 508, app/assets/stylesheets/archives/year2021/_teaser.scss */
#CrossFade img.slide:nth-child(1) {
  animation-delay: 18s;
}

@-webkit-keyframes CrossFade {
  25% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}

@keyframes CrossFade {
  25% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}

/* line 536, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-group-photo {
  background: #ddd url(https://soty-static.staff-start.com/2022/img/2021_full_member.jpg) no-repeat center center;
  background-size: cover;
}

/* line 543, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-group-photo-2022 {
  background: #ddd url(https://static.staff-start.com/soty/2023/teaser/full_member.jpg) no-repeat center center;
  background-size: cover;
}

/* line 550, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-group-photo-2024 {
  background: #ddd url(https://static.staff-start.com/soty/2024/teaser/full.jpg) no-repeat center center;
  background-size: cover;
}

/* line 556, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-main-photo-2024 {
  background: #000 url(https://static.staff-start.com/soty/2024/teaser/main_org.png) no-repeat center center !important;
  background-size: cover;
}

/* line 563, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-no1-photo {
  background: #ddd url(https://soty-static.staff-start.com/2022/img/2021_archive_15.jpg) no-repeat center center;
  background-size: cover;
  height: 100% !important;
}

@media only screen and (max-width: 768px) {
  /* line 572, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .bg-no1-photo {
    height: 100% !important;
  }
}

/* line 577, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-no1-photo-2022 {
  background: #ddd url(https://static.staff-start.com/soty/2023/teaser/top_slide_3.jpg) no-repeat center center;
  background-size: cover;
  height: 100% !important;
}

@media only screen and (max-width: 768px) {
  /* line 586, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .bg-no1-photo-2022 {
    height: 100% !important;
  }
}

/* line 592, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-bluck-06 {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 80px 0;
}

@media only screen and (max-width: 768px) {
  /* line 600, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .bg-bluck-06 {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0;
  }
}

/* line 611, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-bluck-07 {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
}

/* line 617, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-bluck-08 {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
}

/* line 623, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-bluck-06 .title {
  color: #fff;
}

/* line 627, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-bluck-04 {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
}

/* line 633, app/assets/stylesheets/archives/year2021/_teaser.scss */
.text-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 9999;
  flex-wrap: nowrap;
}

/* line 648, app/assets/stylesheets/archives/year2021/_teaser.scss */
.notification-areas {
  display: flex;
  align-items: center;
  max-width: 1100px;
  width: 90%;
  max-height: 100vh;
  height: 100%;
  margin: 40px auto 0;
  flex-direction: row;
}

/* line 658, app/assets/stylesheets/archives/year2021/_teaser.scss */
.notification-areas .notification-first {
  width: 50%;
  margin-right: 3%;
  background-color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  opacity: 0.9;
}

/* line 668, app/assets/stylesheets/archives/year2021/_teaser.scss */
.notification-areas .notification-second {
  width: 50%;
  background-color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 16px;
  opacity: 0.9;
}

/* line 678, app/assets/stylesheets/archives/year2021/_teaser.scss */
.notification-areas .notification-title h3 {
  font-size: 42px;
}

/* line 686, app/assets/stylesheets/archives/year2021/_teaser.scss */
.notification-areas .notification-message {
  padding: 48px 36px 36px;
}

@media only screen and (max-width: 768px) {
  /* line 692, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .notification-areas {
    display: block;
    margin: 30px auto 0;
  }
  /* line 696, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .notification-areas .notification-first {
    width: 100%;
    margin: 0;
  }
  /* line 701, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .notification-areas .notification-second {
    width: 100%;
    margin: 0;
    margin-top: 16px;
  }
  /* line 707, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .notification-areas .notification-message {
    padding: 12px 0 16px;
  }
  /* line 711, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .notification-areas .notification-title h3 {
    font-size: 32px;
  }
}

/* line 717, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-white {
  background: #fff !important;
}

/* line 721, app/assets/stylesheets/archives/year2021/_teaser.scss */
.balloon-img-area {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 727, app/assets/stylesheets/archives/year2021/_teaser.scss */
.balloon-img-area img.balloon1 {
  position: absolute;
  width: 500px;
  height: auto;
  border-radius: 30% 70% 56% 44% / 60% 65% 35% 40%;
  top: 0;
}

/* line 735, app/assets/stylesheets/archives/year2021/_teaser.scss */
.balloon-img-area img.balloon2 {
  position: absolute;
  width: 700px;
  height: 488px;
  border-radius: 30% 70% 46% 54% / 60% 30% 70% 40%;
  top: 40%;
  left: 10%;
}

/* line 744, app/assets/stylesheets/archives/year2021/_teaser.scss */
.balloon-img-area img.balloon3 {
  position: absolute;
  width: 400px;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  top: 100px;
  left: 50%;
}

/* line 752, app/assets/stylesheets/archives/year2021/_teaser.scss */
.balloon-img-area img.balloon4 {
  position: absolute;
  width: 400px;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  top: 40%;
  left: 70%;
}

/* line 762, app/assets/stylesheets/archives/year2021/_teaser.scss */
.slick-img-center {
  width: 100vw;
  /*max-width: 1080px;*/
  margin: 0 auto;
  padding: 0 2vw 0;
  box-sizing: border-box;
}

/* line 770, app/assets/stylesheets/archives/year2021/_teaser.scss */
.slick-img-center img {
  width: 95%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  /* line 777, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .slick-img-center {
    width: 90vw;
    margin: 0 auto;
    padding: 0 1vw 0;
    box-sizing: border-box;
  }
  /* line 783, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .slick-img-center img {
    width: 95%;
    margin: 0 auto;
  }
  /* line 789, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .slick-dots li button:before {
    font-size: 4px !important;
  }
  /* line 793, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .gallery-slider .slick-dots {
    bottom: -80px !important;
    margin-bottom: 24px;
  }
  /* line 798, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .teaser-button-right {
    margin-top: 24px;
  }
}

/* line 803, app/assets/stylesheets/archives/year2021/_teaser.scss */
.teaser-button-area {
  text-align: center;
  margin: 50px 0 30px;
  float: right;
  width: 100%;
}

/* line 810, app/assets/stylesheets/archives/year2021/_teaser.scss */
.teaser-button-right a {
  display: inline-block;
  width: 30%;
  color: #000 !important;
  padding: 24px 12px;
  background-color: #ffffff;
  border-radius: 16px;
  font-size: 16px;
  float: right;
  font-weight: bold;
}

/* line 821, app/assets/stylesheets/archives/year2021/_teaser.scss */
.teaser-button-right a.link-bg-bluck {
  display: inline-block;
  width: 30%;
  color: #fff !important;
  padding: 24px 12px;
  background-color: #333;
  border-radius: 16px;
  font-size: 16px;
  float: right;
}

@media only screen and (max-width: 768px) {
  /* line 834, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .teaser-button-right a {
    width: 90%;
    float: none;
  }
  /* line 838, app/assets/stylesheets/archives/year2021/_teaser.scss */
  .teaser-button-right a.link-bg-bluck {
    width: 90%;
    float: none;
  }
}

/* ここから */
/* line 846, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-mv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* 全体を囲う要素 */
/* line 854, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-mv-wrap {
  position: relative;
  /* 背景画像の高さ */
  height: 100%;
}

/* line 860, app/assets/stylesheets/archives/year2021/_teaser.scss */
video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 870, app/assets/stylesheets/archives/year2021/_teaser.scss */
.video-preview video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
}

/* line 880, app/assets/stylesheets/archives/year2021/_teaser.scss */
.mv-bg {
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: radial-gradient(#000 20%, transparent 21%), radial-gradient(#111 20%, transparent 21%);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
}

/* line 895, app/assets/stylesheets/archives/year2021/_teaser.scss */
.bg-mv-txt {
  position: absolute;
  left: 0;
  z-index: 3;
  margin: auto;
  text-align: center;
}

/* line 903, app/assets/stylesheets/archives/year2021/_teaser.scss */
.teaser-content-block {
  padding: 120px 0;
}

/* line 907, app/assets/stylesheets/archives/year2021/_teaser.scss */
.teaser-content-block-half {
  padding: 60px 0;
}

/* スクロール表示アニメーション */
@keyframes scroll-anim {
  from {
    opacity: 0;
    scale: 0.75;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}

/* line 926, app/assets/stylesheets/archives/year2021/_teaser.scss */
.fadein-with-scroll {
  animation: scroll-anim linear;
  animation-timeline: view();
  animation-range: entry 0% contain 20%;
}

/* フォント */
/* line 933, app/assets/stylesheets/archives/year2021/_teaser.scss */
.mincho-font {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif !important;
}

/* line 937, app/assets/stylesheets/archives/year2021/_teaser.scss */
.didot-font {
  font-family: "GFS Didot",serif !important;
}

/* line 1, app/assets/stylesheets/archives/year2021/_top.scss */
.archive-banner {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* line 6, app/assets/stylesheets/archives/year2021/_top.scss */
.archive-title {
  margin-top: 10px;
  text-align: center;
}

/* line 11, app/assets/stylesheets/archives/year2021/_top.scss */
.archive-text {
  padding: 32px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

/* line 18, app/assets/stylesheets/archives/year2021/_top.scss */
p.under-line {
  text-decoration: underline;
}

/* line 21, app/assets/stylesheets/archives/year2021/_top.scss */
p.center {
  text-align: center;
}

/* line 25, app/assets/stylesheets/archives/year2021/_top.scss */
.archive-title p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 32, app/assets/stylesheets/archives/year2021/_top.scss */
  .archive-title p {
    font-size: 14px;
  }
  /* line 35, app/assets/stylesheets/archives/year2021/_top.scss */
  .archive-text {
    font-size: 14px;
  }
}

/* line 40, app/assets/stylesheets/archives/year2021/_top.scss */
.special-judges {
  background: #111;
  padding: 60px;
  margin-bottom: 30px;
}

/* line 45, app/assets/stylesheets/archives/year2021/_top.scss */
.special-judges span {
  color: #fff;
}

/* line 49, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_term .title {
  text-align: center;
}

/* line 52, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_term .title span {
  background-color: #ff1e73;
  font-size: 22px;
  color: #fff;
}

/* line 57, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_term .term {
  text-align: center;
}

/* line 60, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_term .term p {
  font-size: 148px;
  font-weight: bold;
}

/* line 65, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_term .term p.small {
  margin-top: 20px;
  font-size: 28px;
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_count {
  margin-top: 30px;
}

/* line 74, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_count .title {
  text-align: center;
}

/* line 77, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_count .title span {
  background-color: #34cfbd;
  font-size: 24px;
  font-weight: bold;
}

/* line 82, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_count .count {
  text-align: center;
}

/* line 85, app/assets/stylesheets/archives/year2021/_top.scss */
.open-message .yell_count .count p {
  font-size: 72px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 91, app/assets/stylesheets/archives/year2021/_top.scss */
  .special-judges {
    padding: 40px;
    margin-bottom: 20px;
  }
  /* line 95, app/assets/stylesheets/archives/year2021/_top.scss */
  .special-judges span {
    font-size: 24px !important;
    letter-spacing: 3px !important;
  }
  /* line 99, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message {
    padding: 0 10px;
  }
  /* line 102, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message .yell_count .title span {
    background-color: #34cfbd;
    font-size: 18px;
    font-weight: bold;
  }
  /* line 107, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message .yell_count .count p {
    font-size: 48px;
    font-weight: bold;
  }
  /* line 111, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message .yell_term .title span {
    background-color: #ff1e73;
    font-size: 18px;
    color: #fff;
  }
  /* line 116, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message .yell_term .term p {
    font-size: 74px;
    font-weight: bold;
  }
  /* line 120, app/assets/stylesheets/archives/year2021/_top.scss */
  .open-message .yell_term .term p.small {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
  }
}

/* line 127, app/assets/stylesheets/archives/year2021/_top.scss */
.small-hint p {
  font-size: 12px;
  margin-bottom: 10px;
}

/* line 132, app/assets/stylesheets/archives/year2021/_top.scss */
.hint a {
  font-size: 14px;
  color: #01328a;
}

@media (max-width: 767px) {
  /* line 137, app/assets/stylesheets/archives/year2021/_top.scss */
  .hint a {
    font-size: 12px;
    color: #01328a;
  }
  /* line 141, app/assets/stylesheets/archives/year2021/_top.scss */
  .small-hint p {
    text-align: left;
  }
}

/* $B<P$aI=<((B */
/* line 147, app/assets/stylesheets/archives/year2021/_top.scss */
::selection {
  background-color: #ee6352;
  color: white;
}

/* =========================
   GENERAL STYLES 
   NOT RELATED TO THE TIP
============================ */
/* line 157, app/assets/stylesheets/archives/year2021/_top.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 163, app/assets/stylesheets/archives/year2021/_top.scss */
:root {
  --clr-primary: #ee6352;
  --clr-secondary: #d16e8d;
  --clr-accent: #f7f7ff;
  --clr-gradient: linear-gradient(
    -90deg,
    var(--clr-primary),
    var(--clr-secondary)
  );
  --ff-title: bungee, sans-serif;
  --ff-body: canada-type-gibson, sans-serif;
  --fw-body: 300;
  --fw-bold: 800;
  --fw-title: 400;
  --fw-number: 800;
}

/* line 180, app/assets/stylesheets/archives/year2021/_top.scss */
.slush-bottom {
  font-size: calc(1rem + 3vw);
  font-family: var(--ff-title);
  font-weight: var(--fw-title);
  color: white;
  text-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
  clip-path: polygon(0 0, 100% 0%, 100% 60%, 0% 100%);
}

/* line 189, app/assets/stylesheets/archives/year2021/_top.scss */
.slush-top {
  font-family: var(--ff-title);
  width: 100%;
  margin: 0;
  padding: 6em 0 1em;
  clip-path: polygon(0 60%, 100% 0, 100% 100%, 0% 100%);
  color: rgba(0, 0, 0, 0.7);
}

/* line 198, app/assets/stylesheets/archives/year2021/_top.scss */
.slush-top-and-bottom {
  font-size: calc(1rem + 3vw);
  font-family: var(--ff-title);
  font-weight: var(--fw-title);
  color: white;
  text-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
  clip-path: polygon(0 60%, 100% 0, 100% 60%, 0% 100%);
}

/* line 207, app/assets/stylesheets/archives/year2021/_top.scss */
.bg-bluck {
  background-color: #111 !important;
}

/* line 211, app/assets/stylesheets/archives/year2021/_top.scss */
.bg-bluck a,
.bg-bluck p,
.bg-bluck span,
.bg-bluck h1,
.bg-bluck h2,
.bg-bluck h3,
.bg-bluck h4 {
  color: #fff;
}

/* line 221, app/assets/stylesheets/archives/year2021/_top.scss */
section.no-padding {
  padding: 0 !important;
}

/* line 225, app/assets/stylesheets/archives/year2021/_top.scss */
.title-header {
  padding: 20px 0;
}

/* line 229, app/assets/stylesheets/archives/year2021/_top.scss */
.title-header h3 {
  font-size: 36px;
}

/* line 233, app/assets/stylesheets/archives/year2021/_top.scss */
.bg-pink .title-header h3,
.bg-green .title-header h3 {
  color: #fff;
}

/* line 238, app/assets/stylesheets/archives/year2021/_top.scss */
.title-header span.small {
  font-size: 12px;
}

/* line 242, app/assets/stylesheets/archives/year2021/_top.scss */
.box-area {
  padding: 40px 0;
}

/* line 1, app/assets/stylesheets/archives/year2021/_accepted.scss */
.noresult-message {
  text-align: center;
  margin: 120px 0;
  font-size: 14px;
}

/* line 6, app/assets/stylesheets/archives/year2021/_accepted.scss */
.noresult-message p {
  color: #9d9d9d;
}

/* line 11, app/assets/stylesheets/archives/year2021/_accepted.scss */
.annotation-message {
  margin: 60px 0;
  font-size: 14px;
}

/* line 15, app/assets/stylesheets/archives/year2021/_accepted.scss */
.annotation-message p {
  margin-top: 16px;
}

/* line 17, app/assets/stylesheets/archives/year2021/_accepted.scss */
.annotation-message p.annotation-red {
  color: #ff5a62;
}

/* line 22, app/assets/stylesheets/archives/year2021/_accepted.scss */
.annotation-message p.description-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 28, app/assets/stylesheets/archives/year2021/_accepted.scss */
.annotation-message .annotation-box {
  background-color: #f2f2f2;
  padding: 16px;
  border-radius: 16px;
  margin: 16px 0;
}

@media only screen and (max-width: 768px) {
  /* line 37, app/assets/stylesheets/archives/year2021/_accepted.scss */
  .annotation-message {
    margin: 60px 24px;
    font-size: 14px;
  }
}

/* terms text */
/* line 45, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-text {
  margin: 60px 0;
  font-size: 14px;
  max-width: 820px;
  margin: 60px auto;
}

/* line 51, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-text p {
  padding: 4px 0;
}

/* line 55, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-text__link {
  color: #1850b6;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  /* line 62, app/assets/stylesheets/archives/year2021/_accepted.scss */
  .terms-text {
    margin: 60px 24px;
    font-size: 14px;
  }
}

/* タブ切り替え */
/* line 70, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab {
  display: table;
  width: 100%;
  padding-top: 56px;
}

/* line 75, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul {
  display: table;
  width: 100%;
  border-bottom: 1px solid #000;
}

/* line 80, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul li {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
}

/* line 87, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul li.selected {
  background: #000;
}

/* line 90, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul li.selected span {
  color: #fff;
}

/* line 95, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul li span.small {
  font-size: 12px;
}

/* line 99, app/assets/stylesheets/archives/year2021/_accepted.scss */
.tab ul li a:hover {
  color: #4d4d4d;
}

/* タブ切り替え */
/* line 108, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab {
  display: table;
  width: 100%;
  padding-top: 56px;
}

/* line 113, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 24px 0;
}

/* line 119, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
  border: 1px solid #000;
  border-radius: 999px;
}

/* line 128, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li.selected {
  background: #000;
}

/* line 131, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li.selected span {
  color: #fff;
}

/* line 136, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li.disabled {
  background-color: #e0e0e0 !important;
  border: 0px;
  pointer-events: none;
}

/* line 141, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li.disabled span {
  color: #fff;
}

/* line 146, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li span.small {
  font-size: 12px;
}

/* line 150, app/assets/stylesheets/archives/year2021/_accepted.scss */
.stage-selected-tab ul li a:hover {
  color: #4d4d4d;
}

/* スタッフリスト */
/* line 159, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area {
  margin-top: 56px;
}

/* line 162, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li {
  padding: 16px;
}

/* line 165, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record {
  display: table;
  width: 100%;
}

/* line 169, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}

/* line 174, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta {
  display: table;
  width: 100%;
}

/* line 178, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .icon {
  display: table-cell;
  vertical-align: middle;
}

/* line 182, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .icon img {
  width: 72px;
  height: auto;
  border: 1px solid #e7e7e7;
}

/* line 189, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .staff-text {
  display: table-cell;
  vertical-align: middle;
}

/* line 193, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .staff-text .user-id p {
  font-size: 14px;
  color: #6d6d6d;
}

/* line 198, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .staff-text .name p {
  font-size: 18px;
  margin-bottom: 8px;
}

/* line 203, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .staff-text .label p,
.staff-list-area ul.staff-list li .staff-list-record .staff-info .staff-meta .staff-text .shop p {
  font-size: 14px;
  color: #6d6d6d;
}

/* line 212, app/assets/stylesheets/archives/year2021/_accepted.scss */
.staff-list-area ul.staff-list li .staff-list-record .action-buttons {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}

/* スタッフリスト */
/* line 223, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area {
  margin-top: 56px;
}

/* line 226, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li {
  padding: 48px 16px;
  border-bottom: 2px solid #f2f2f2;
}

/* line 230, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record {
  display: table;
  width: 100%;
}

/* line 235, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .video-preview .theme-title {
  margin: 8px 0 24px;
}

/* line 238, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .video-preview .theme-title span {
  font-size: 10px;
  border: 1px solid #000;
  padding: 8px 16px;
  border-radius: 8px;
}

/* line 246, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .video-preview video {
  width: 250px;
}

/* line 251, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}

/* line 256, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta {
  display: table;
  width: 100%;
}

/* line 260, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .icon {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0px !important;
}

/* line 265, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .icon img {
  width: 72px;
  height: auto;
  border: 1px solid #e7e7e7;
}

/* line 272, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .staff-text {
  display: table-cell;
  vertical-align: middle;
}

/* line 276, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .staff-text .user-id p {
  font-size: 14px;
  color: #6d6d6d;
}

/* line 281, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .staff-text .name p {
  font-size: 18px;
  margin-bottom: 8px;
}

/* line 286, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .staff-text .label p,
.video-list-area ul.video-list li .video-list-record .staff-info .staff-meta .staff-text .shop p {
  font-size: 14px;
  color: #6d6d6d;
}

/* line 295, app/assets/stylesheets/archives/year2021/_accepted.scss */
.video-list-area ul.video-list li .video-list-record .action-buttons {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}

/* line 305, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list {
  display: table;
  width: 100%;
}

/* line 309, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list .check-box-area {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
}

/* line 314, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list .check-box-area label {
  margin: 0.5em;
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

/* line 322, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list .check-box-area input {
  height: 1px;
  width: 1px;
  opacity: 0;
}

/* line 328, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list .check-box-area .outside {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  background: #f3f3f3;
}

/* line 344, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons input:checked + .outside .inside {
  animation: radio-select 0.1s linear;
  transform: scale(1, 1);
}

/* line 350, app/assets/stylesheets/archives/year2021/_accepted.scss */
.searchMenuList .no-transforms input:checked + .outside .inside {
  width: 20px;
  height: 20px;
}

/* line 355, app/assets/stylesheets/archives/year2021/_accepted.scss */
.action-buttons .check-list .check-box-area .inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #ffc700;
  left: 3px;
  top: 3px;
  transform: scale(0, 0);
}

/* line 370, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area {
  margin-top: 32px;
}

/* line 373, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area {
  border-top: 1px solid #e7e7e7;
  padding-top: 24px;
}

/* line 377, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area h2 {
  font-weight: bold;
}

/* line 383, app/assets/stylesheets/archives/year2021/_accepted.scss */
.submit-button-area {
  margin-top: 32px;
}

/* line 387, app/assets/stylesheets/archives/year2021/_accepted.scss */
.submit-button {
  text-align: center;
  padding-top: 24px;
}

/* line 391, app/assets/stylesheets/archives/year2021/_accepted.scss */
.submit-button button.submit {
  border: 1px solid #bfbfbf;
  color: #fff;
  background: #000;
  border-color: #000;
  padding: 20px 30px;
  width: 240px;
  border-radius: 999px;
  line-height: 16px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  transition: opacity 0.3s ease;
  box-sizing: border-box;
  box-shadow: 0;
  outline: 0;
  -webkit-appearance: none;
  margin: 10px 50px;
}

/* line 411, app/assets/stylesheets/archives/year2021/_accepted.scss */
.submit-button button.submit:disabled {
  background: #e7e7e7;
  border-color: #e7e7e7;
}

/* line 418, app/assets/stylesheets/archives/year2021/_accepted.scss */
.return-achieved-button {
  text-align: center;
}

/* line 421, app/assets/stylesheets/archives/year2021/_accepted.scss */
.return-achieved-button button.submit {
  border: 1px solid #bfbfbf;
  color: #fff;
  background: #000;
  border-color: #000;
  padding: 20px 30px;
  width: 240px;
  border-radius: 16px;
  line-height: 16px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  transition: opacity 0.3s ease;
  box-sizing: border-box;
  box-shadow: 0;
  outline: 0;
  -webkit-appearance: none;
  margin: 10px 50px;
}

/* line 441, app/assets/stylesheets/archives/year2021/_accepted.scss */
.return-achieved-button button.submit:disabled {
  background: #e7e7e7;
  border-color: #e7e7e7;
}

/* line 450, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area .title h2 {
  font-size: 24px;
}

/* line 454, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area .terms-description p {
  font-size: 14px;
  padding: 8px 0;
}

/* line 459, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area .terms-link p {
  font-size: 14px;
  padding: 16px 0;
  text-align: center;
}

/* line 464, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .terms-area .terms-link p a {
  color: #ffc700;
  text-decoration: underline;
}

/* line 471, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .check-box {
  text-align: center;
}

/* line 474, app/assets/stylesheets/archives/year2021/_accepted.scss */
.terms-of-service-area .check-box input#terms-check {
  margin-right: 8px;
}

/* line 480, app/assets/stylesheets/archives/year2021/_accepted.scss */
a.link-form-recommendation {
  color: #0045e2;
  font-weight: bold;
  text-decoration: underline;
}

/* line 486, app/assets/stylesheets/archives/year2021/_accepted.scss */
#modalBtn {
  cursor: pointer;
}

/* line 490, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 502, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0 85px 20px;
  border: 1px solid #888;
  width: 754px;
}

/* line 510, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-content h3 {
  text-align: center;
  margin: 30px 0 25px;
  font-size: 18px;
}

/* line 517, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

/* line 523, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-body p {
  margin-bottom: 16px;
  font-size: 14px;
}

/* line 528, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-body .terms-description p {
  margin-bottom: 0px;
  font-size: 14px;
}

/* line 533, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .modal-body .annotation-box {
  background-color: #f2f2f2;
  padding: 16px;
  border-radius: 16px;
  margin: 16px 0;
}

/* line 541, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 11px;
  gap: 14px;
  flex-wrap: wrap;
}

/* line 551, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .column {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 45%;
  gap: 10%;
  font-size: 16px;
  font-weight: normal;
}

/* line 561, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .image-upload {
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #f2f2f2;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='4%2c 3' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
  cursor: pointer;
}

/* line 569, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .image-upload.image-uploaded {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='0' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

/* line 573, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .image-upload input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 583, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 15px;
}

/* line 592, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .close:hover, .modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* line 599, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .upload-logo-form-submit .submit-button button.submit {
  width: 300px;
}

/* line 603, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .add-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 18px;
  padding: 0 4px;
  line-height: 0.9;
}

/* line 618, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .delete-icon {
  display: none;
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 18px;
  padding: 0 6px;
  line-height: 0.75;
}

/* line 633, app/assets/stylesheets/archives/year2021/_accepted.scss */
.modal .logo-preview-area {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 69px;
  width: 69px;
  object-fit: cover;
}

/* line 644, app/assets/stylesheets/archives/year2021/_accepted.scss */
.upload_messages {
  display: block;
  width: 80%;
  margin: 10px auto 0 auto;
}

/* line 649, app/assets/stylesheets/archives/year2021/_accepted.scss */
.upload_messages .c-upload-logo-text {
  font-size: 14px;
  text-align: center;
  display: none;
}

/* line 653, app/assets/stylesheets/archives/year2021/_accepted.scss */
.upload_messages .c-upload-logo-text--error {
  color: #B00100;
}

/* line 1, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.component-description {
  background-color: #f4f4f4;
  margin: 16px 0;
  padding: 24px 16px;
}

/* line 7, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.component-description p.description-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 13, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.component-description p.text {
  font-size: 12px;
  line-height: 24px;
}

/* line 18, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.component-description p.annotation {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 24, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.component-description p.annotation-red {
  color: #ff5a62;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 33, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form {
  display: table;
  width: 100%;
  padding-top: 32px;
}

/* line 38, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form .data {
  display: table-cell;
  vertical-align: middle;
  padding-left: 32px;
}

/* line 43, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form .data .label span {
  font-size: 18px;
  color: #828282;
  font-weight: 600;
}

/* line 49, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form .data .name span {
  font-size: 32px;
  font-weight: 600;
}

/* line 55, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form .icon {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
  padding-right: 32px;
}

/* line 61, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.staff-card-component-for-form .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  vertical-align: top;
  border: 1px solid #e7e7e7;
}

/* 点線(4方向) */
/* line 73, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.message-component-dotted {
  padding: 16px;
  margin: 24px 32px 40px;
  background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to bottom, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to left, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to top, #000, #000 2px, transparent 2px, transparent 8px);
  /* 左の線 */
  background-size: 8px 2px, 2px 8px, 8px 2px, 2px 8px;
  /* 左の線 */
  background-position: left top, right top, right bottom, left bottom;
  /* 左の線 */
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  /* 左の線 */
  font-size: 14px;
}

/* line 100, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.message-component-dotted p.bold {
  font-weight: 600;
}

/* line 105, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group {
  margin: 16px 0;
}

/* line 108, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line {
  margin-bottom: 3px;
}

/* line 111, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line label {
  display: block;
  font-size: 14px;
  padding: 10px 0;
}

/* line 117, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line input[type="text"],
.upload-profile-form-group .upload-profile-form-line select {
  width: 100%;
  background-color: #f4f4f4;
  height: 40px;
  border-radius: 2vw;
  border: none;
  padding: 0 8px;
}

/* line 127, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line textarea {
  width: 100%;
  background-color: #f4f4f4;
  height: 50vw;
  border-radius: 2vw;
  border: none;
  padding: 16px;
}

/* line 136, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .profile-tag-checkbox label {
  display: flex;
  gap: 0.7rem;
}

/* line 141, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 151, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group__item {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 156, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group__item-select {
  min-width: 100px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}

/* line 163, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group__item-select:focus {
  outline: none;
  border-color: #666;
}

/* line 168, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group__item-select:hover {
  border-color: #999;
}

@media (max-width: 767px) {
  /* line 156, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-profile-form-group .upload-profile-form-line .date-field-group__item-select {
    min-width: 80px;
    padding: 6px;
    font-size: 14px;
  }
}

/* line 179, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .date-field-group__item-unit {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  padding-left: 4px;
  min-width: 20px;
}

@media (max-width: 767px) {
  /* line 179, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-profile-form-group .upload-profile-form-line .date-field-group__item-unit {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  /* line 151, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-profile-form-group .upload-profile-form-line .date-field-group__item {
    width: 100%;
    justify-content: flex-start;
  }
  /* line 195, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-profile-form-group .upload-profile-form-line .date-field-group__item-select {
    flex: 1;
    max-width: 160px;
  }
}

@media (max-width: 767px) {
  /* line 141, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-profile-form-group .upload-profile-form-line .date-field-group {
    gap: 8px;
    margin-bottom: 12px;
  }
}

/* line 210, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.form-label-with-required {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 215, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.form-label-with-required label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
  margin: 0;
}

/* line 223, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.required-tag {
  line-height: 1;
  display: block;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
  background-color: #ff5a62;
}

@media (max-width: 768px) {
  /* line 236, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .form-label-with-required {
    gap: 6px;
  }
  /* line 239, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .form-label-with-required label {
    font-size: 13px;
  }
}

/* line 246, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.form-notice .notice-text {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  line-height: 1.4;
}

/* line 255, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.form-notice .notice-text .highlight {
  font-weight: 600;
  color: #333;
}

@media (max-width: 768px) {
  /* line 262, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .form-notice {
    margin-top: 6px;
  }
  /* line 265, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .form-notice .notice-text {
    font-size: 11px;
  }
}

/* line 272, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-profile-form-line > label:not(.form-label-with-required label) {
  display: block;
  font-weight: 600;
  color: #333;
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 281, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.error-message-container {
  background: linear-gradient(135deg, #fff5f5 0%, #fef2f2 100%);
  border: 2px solid #fed7d7;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 4px 12px rgba(254, 215, 215, 0.3);
}

/* line 290, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.error-message-container .error-message-list .error-message-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

/* line 295, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.error-message-container .error-message-list .error-message-item:last-child {
  margin-bottom: 0;
}

/* line 299, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.error-message-container .error-message-list .error-message-item .error-bullet {
  color: #e53e3e;
  font-size: 6px;
  margin-right: 12px;
  margin-top: 8px;
  flex-shrink: 0;
}

/* line 307, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.error-message-container .error-message-list .error-message-item .error-text {
  color: #742a2a;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 318, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .error-message-container {
    padding: 16px;
    margin-bottom: 20px;
  }
  /* line 322, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .error-message-container .error-message-list .error-message-item .error-text {
    font-size: 13px;
  }
}

/* line 328, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-container,
.upload-profile-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* video_btn_style */
/* line 336, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.button-upload-video-btn {
  background: #fff;
  padding: 10px;
  border-radius: 25px;
  margin-top: 10px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 345, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-video-container,
.upload-profile-container {
    padding: 0 16px;
  }
}

/* line 351, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-heading {
  font-size: 16px;
  font-weight: 600;
}

/* line 356, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-form-group {
  text-align: center;
}

/* line 360, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-form-submit {
  margin: 3rem 0;
  text-align: center;
}

/* line 365, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-file-name-area {
  text-align: center;
}

/* line 369, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-input {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}

/* line 379, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-video-label {
  color: #000;
  display: inline-block;
  padding: 32px 1rem;
  position: relative;
  border-radius: 16px;
  width: 60%;
  text-align: center;
  cursor: pointer;
  margin: 32px auto;
  background-color: #f4f4f4;
}

@media (max-width: 767px) {
  /* line 379, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .upload-video-label {
    width: 100%;
  }
}

/* line 396, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-submit {
  cursor: pointer;
  border-radius: 100px;
  width: 250px;
  margin: auto;
  padding: 24px;
  box-sizing: border-box;
  font-size: 0.8rem;
  font-weight: bold;
  background: #ffc700;
  border: none;
  color: #000;
}

/* line 409, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload-submit:disabled {
  background-color: #e0e0e0 !important;
  color: #fff;
}

/* line 415, app/assets/stylesheets/archives/year2021/_upload_video.scss */
#loading {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

/* line 425, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.spinner-wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 432, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #0000ee solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}

/* line 447, app/assets/stylesheets/archives/year2021/_upload_video.scss */
p.theme {
  font-size: 16px;
}

/* line 451, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.video-preview-area video {
  height: 100%;
  width: 55%;
  margin: 24px auto;
  position: relative;
}

@media (max-width: 767px) {
  /* line 451, app/assets/stylesheets/archives/year2021/_upload_video.scss */
  .video-preview-area video {
    height: 100%;
    width: 100%;
  }
}

/* line 463, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.inquiry-form-area {
  border-top: 2px dashed #000;
  margin-top: 32px;
  padding: 16px;
}

/* line 468, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.inquiry-form-area .inquiry-button {
  margin-top: 16px;
}

/* line 474, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 487, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 96%;
  max-width: 560px;
  max-height: 50vh;
  padding: 2rem;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 20px;
  background-color: #fff;
}

/* line 500, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-content h3 {
  margin: 0 auto 32px;
}

/* line 502, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-content h3.title {
  font-size: 18px;
}

/* line 509, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-body p {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

/* line 516, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-loading {
  margin-top: 1rem;
}

/* line 519, app/assets/stylesheets/archives/year2021/_upload_video.scss */
.upload_loading .modal-loading .c-icon-upload {
  width: 120px;
  margin: 1rem auto 0;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
.button-padding-area {
  padding: 0 15px;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
.button-area {
  text-align: center;
  margin: 50px auto 30px;
  max-width: 400px;
}

/* line 11, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
.bg-pink .button-default a {
  background-color: #ff1e73 !important;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
.button-default a {
  display: inline-block;
  width: 100%;
  color: #fff;
  padding: 16px;
  background-color: #0000ee;
  border-radius: 100px;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  /* line 26, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
  .button-area {
    text-align: center;
    margin: 16px auto;
    max-width: 400px;
  }
  /* line 32, app/assets/stylesheets/archives/year2021/components/_button_default.scss */
  .button-default a {
    font-size: 12px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_button_half_right.scss */
.button-half-area {
  text-align: center;
  margin: 50px auto 30px;
  max-width: 400px;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/_button_half_right.scss */
.button-half-right a {
  display: inline-block;
  width: 50%;
  color: #000;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 16px;
  font-size: 16px;
  float: right;
}

@media only screen and (max-width: 768px) {
  /* line 19, app/assets/stylesheets/archives/year2021/components/_button_half_right.scss */
  .button-half-area {
    text-align: center;
    margin: 24px auto 16px;
    max-width: 400px;
  }
  /* line 25, app/assets/stylesheets/archives/year2021/components/_button_half_right.scss */
  .button-half-right a {
    padding: 8px;
    font-size: 12px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.space-block-margin {
  margin-top: 25px !important;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area {
  display: block;
  position: fixed;
  bottom: 0;
  height: 250px;
  width: 100%;
  padding: 20px;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 30px 30px 0 0;
  z-index: 3;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .upload-button img {
  max-width: 100px;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .count-message .message {
  margin: 0 !important;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .count-message .message p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .count-message .count p {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* line 41, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .upload-button {
  text-align: center;
  background: #ffcc00;
  color: #fff;
  border-radius: 100px;
  padding: 15px;
  margin: 10px 20px;
  font-size: 16px;
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .upload-button a {
  color: #fff;
}

/* line 56, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .cancel-button {
  text-align: center;
  padding: 15px;
  margin: 10px 20px;
  font-size: 14px;
}

/* line 62, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .cancel-button a {
  color: #666666;
}

/* line 67, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.upload-button-area .upload-button img.upload-button-off {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 74, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
  .upload-button-area .upload-button img {
    max-width: none;
  }
  /* line 79, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
  .upload-button-area .count-message .message p {
    font-size: 14px;
    color: #fff;
    text-align: left;
  }
  /* line 85, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
  .upload-button-area .count-message .count p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
}

/* line 95, app/assets/stylesheets/archives/year2021/components/_button_promotion_upload.scss */
.gray-bar {
  width: 50px;
  height: 5px;
  margin: 10px auto 30px;
  background: #e8e8e8;
  border-radius: 100px;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: table;
  padding: 20px;
  right: 0;
  left: 0;
  z-index: 9999;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, #000000 80%);
}

/* line 2, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .yell-button img {
  max-width: 100px;
}

/* line 21, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .count-message {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .count-message .message {
  margin: 0 !important;
}

/* line 29, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .count-message .message p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .count-message .count p {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* line 44, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .yell-button {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.yell-button-area .yell-button img.yell-button-off {
  display: none;
}

@media only screen and (max-width: 768px) {
  /* line 57, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
  .yell-button-area .yell-button img {
    max-width: none;
  }
  /* line 62, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
  .yell-button-area .count-message .message p {
    font-size: 14px;
    color: #fff;
    text-align: left;
  }
  /* line 68, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
  .yell-button-area .count-message .count p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
}

/* line 78, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton {
  cursor: pointer;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton .border {
  fill: white;
}

/* line 85, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton .explosion {
  transform-origin: 250px 250px;
  transform: scale(0.02);
  stroke: #ffcc00;
  fill: none;
  opacity: 0;
  stroke-width: 1;
  transform-origin: 250px 250px;
}

/* line 95, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton .particleLayer {
  opacity: 0;
}

/* line 98, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton .particleLayer circle {
  opacity: 0;
  transform-origin: 250px 250px;
}

/* line 104, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton .heart {
  fill: rgba(6, 6, 6, 0.24);
  transform: scale(0.8);
  transform-origin: 250px 250px;
}

/* line 111, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .explosion {
  animation: explosionAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 116, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .heart {
  animation: heartAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 121, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer {
  animation: particleLayerAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 126, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(1) {
  animation: particleAnimate1 800ms;
  animation-fill-mode: forwards;
}

/* line 131, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(2) {
  animation: particleAnimate2 800ms;
  animation-fill-mode: forwards;
}

/* line 136, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(3) {
  animation: particleAnimate3 800ms;
  animation-fill-mode: forwards;
}

/* line 141, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(4) {
  animation: particleAnimate4 800ms;
  animation-fill-mode: forwards;
}

/* line 146, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(5) {
  animation: particleAnimate5 800ms;
  animation-fill-mode: forwards;
}

/* line 151, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(6) {
  animation: particleAnimate6 800ms;
  animation-fill-mode: forwards;
}

/* line 156, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(7) {
  animation: particleAnimate7 800ms;
  animation-fill-mode: forwards;
}

/* line 161, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(8) {
  animation: particleAnimate8 800ms;
  animation-fill-mode: forwards;
}

/* line 166, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(9) {
  animation: particleAnimate9 800ms;
  animation-fill-mode: forwards;
}

/* line 171, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(10) {
  animation: particleAnimate10 800ms;
  animation-fill-mode: forwards;
}

/* line 176, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(11) {
  animation: particleAnimate11 800ms;
  animation-fill-mode: forwards;
}

/* line 181, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(12) {
  animation: particleAnimate12 800ms;
  animation-fill-mode: forwards;
}

/* line 186, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(13) {
  animation: particleAnimate13 800ms;
  animation-fill-mode: forwards;
}

/* line 191, app/assets/stylesheets/archives/year2021/components/_button_yell.scss */
.likeButton.clicked .particleLayer circle:nth-child(14) {
  animation: particleAnimate14 800ms;
  animation-fill-mode: forwards;
}

@keyframes explosionAnime {
  0% {
    opacity: 0;
    transform: scale(0.01);
  }
  1% {
    opacity: 1;
    transform: scale(0.01);
  }
  5% {
    stroke-width: 200;
  }
  20% {
    stroke-width: 300;
  }
  50% {
    stroke: #34cfbd;
    transform: scale(1.1);
    stroke-width: 1;
  }
  50.1% {
    stroke-width: 0;
  }
  100% {
    stroke: #34cfbd;
    transform: scale(1.1);
    stroke-width: 0;
  }
}

@keyframes particleLayerAnime {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  60% {
    transform: translate(0, 0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -20px);
  }
}

@keyframes particleAnimate1 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-16px, -59px);
  }
  90% {
    transform: translate(-16px, -59px);
  }
  100% {
    opacity: 1;
    transform: translate(-16px, -59px);
  }
}

@keyframes particleAnimate2 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(41px, 43px);
  }
  90% {
    transform: translate(41px, 43px);
  }
  100% {
    opacity: 1;
    transform: translate(41px, 43px);
  }
}

@keyframes particleAnimate3 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(50px, -48px);
  }
  90% {
    transform: translate(50px, -48px);
  }
  100% {
    opacity: 1;
    transform: translate(50px, -48px);
  }
}

@keyframes particleAnimate4 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 36px);
  }
  90% {
    transform: translate(-39px, 36px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 36px);
  }
}

@keyframes particleAnimate5 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 32px);
  }
  90% {
    transform: translate(-39px, 32px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 32px);
  }
}

@keyframes particleAnimate6 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(48px, 6px);
  }
  90% {
    transform: translate(48px, 6px);
  }
  100% {
    opacity: 1;
    transform: translate(48px, 6px);
  }
}

@keyframes particleAnimate7 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-69px, -36px);
  }
  90% {
    transform: translate(-69px, -36px);
  }
  100% {
    opacity: 1;
    transform: translate(-69px, -36px);
  }
}

@keyframes particleAnimate8 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-12px, -52px);
  }
  90% {
    transform: translate(-12px, -52px);
  }
  100% {
    opacity: 1;
    transform: translate(-12px, -52px);
  }
}

@keyframes particleAnimate9 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-43px, -21px);
  }
  90% {
    transform: translate(-43px, -21px);
  }
  100% {
    opacity: 1;
    transform: translate(-43px, -21px);
  }
}

@keyframes particleAnimate10 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 47px);
  }
  90% {
    transform: translate(-10px, 47px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 47px);
  }
}

@keyframes particleAnimate11 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(66px, -9px);
  }
  90% {
    transform: translate(66px, -9px);
  }
  100% {
    opacity: 1;
    transform: translate(66px, -9px);
  }
}

@keyframes particleAnimate12 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(40px, -45px);
  }
  90% {
    transform: translate(40px, -45px);
  }
  100% {
    opacity: 1;
    transform: translate(40px, -45px);
  }
}

@keyframes particleAnimate13 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(29px, 24px);
  }
  90% {
    transform: translate(29px, 24px);
  }
  100% {
    opacity: 1;
    transform: translate(29px, 24px);
  }
}

@keyframes particleAnimate14 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 50px);
  }
  90% {
    transform: translate(-10px, 50px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 50px);
  }
}

@keyframes heartAnime {
  0% {
    transform: scale(0);
    fill: #e95768;
  }
  39% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1) translate(0%, -10%);
  }
  75% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  80% {
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    fill: #e95768;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-green {
  background-color: #34cfbd !important;
  padding: 30px 0;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-yellow {
  background-color: #ffcb00 !important;
}

/* line 10, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-pink {
  background-color: #ff1e73 !important;
}

/* line 14, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-deep-pink {
  background-color: #e95768 !important;
  padding-bottom: 20px;
}

/* line 19, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-pink {
  background-color: #ff1e73 !important;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-green {
  background-color: #34cfbd !important;
}

/* line 27, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-deep-pink {
  background-color: #e95768 !important;
}

/* line 31, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-white {
  background-color: #fff !important;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-green span,
.bg-green p {
  color: #fff;
}

/* line 43, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-deep-pink span,
.bg-deep-pink p {
  color: #fff;
}

/* line 48, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.bg-deep-pink .tabs {
  background-color: #e95768;
}

/* line 53, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.underline-yellow {
  background: linear-gradient(transparent 70%, #ffcc00 0%);
}

/* line 57, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.underline-pink {
  background: linear-gradient(transparent 70%, #ff1e73 0%);
}

/* line 61, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.underline-green {
  background: linear-gradient(transparent 70%, #34cfbd 0%);
}

/* line 66, app/assets/stylesheets/archives/year2021/components/_colors.scss */
span.txt-bg-pink {
  background-color: #ff1e73;
}

/* line 70, app/assets/stylesheets/archives/year2021/components/_colors.scss */
span.txt-bg-green {
  background-color: #34cfbd;
}

/* line 74, app/assets/stylesheets/archives/year2021/components/_colors.scss */
span.txt-bg-yellow {
  background-color: #ffcb00;
}

/* line 78, app/assets/stylesheets/archives/year2021/components/_colors.scss */
span.txt-bg-white {
  background-color: #fff;
}

/* line 82, app/assets/stylesheets/archives/year2021/components/_colors.scss */
span.txt-white {
  color: #fff;
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  /* line 89, app/assets/stylesheets/archives/year2021/components/_colors.scss */
  span.txt-white {
    color: #fff;
    font-size: 16px;
  }
}

/* line 95, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.btn-yellow {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition-property: opacity, transform;
  opacity: 1;
  transform: scaleX(1);
  transform-origin: center center;
}

/* line 104, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.c-btn.c-contact.btn-yellow a {
  color: #ffffff;
  background: #ffcc00;
}

/* line 109, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.c-btn.c-contact.btn-navy a {
  color: #ffffff;
  background: #000;
}

/* line 115, app/assets/stylesheets/archives/year2021/components/_colors.scss */
.is-visible .btn-yellow span {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_content_area.scss */
.content-show-area {
  display: table;
  table-layout: fixed;
  max-width: 1200px;
  width: 100%;
}

/* line 8, app/assets/stylesheets/archives/year2021/components/_content_area.scss */
.content-show-area-left {
  display: table-cell;
  vertical-align: middle;
  padding: 50px;
  max-width: 1080px;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_content_area.scss */
.content-show-area-right {
  display: table-cell;
  padding: 50px 20px;
}

@media only screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/archives/year2021/components/_content_area.scss */
  .content-show-area {
    display: block;
  }
  /* line 25, app/assets/stylesheets/archives/year2021/components/_content_area.scss */
  .content-show-area-left,
.content-show-area-right {
    display: block;
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_content_yell_count.scss */
.content-yell-count {
  text-align: center;
  background: #5bdec7;
  padding: 20px;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/_content_yell_count.scss */
.no-green {
  background: none !important;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_content_yell_count.scss */
.content-yell-count p.total {
  font-size: 24px;
  font-weight: bold;
}

/* line 17, app/assets/stylesheets/archives/year2021/components/_content_yell_count.scss */
.content-yell-count p.posted {
  color: #e95768;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
.final-live-area {
  width: 100%;
  padding: 20px 22px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 8, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
.final-live-area .final-live-banner {
  align-self: center;
  background: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
.final-live-area .final-live-button {
  align-self: stretch;
}

/* line 19, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
.final-live-area .final-rule-heading {
  font-weight: bold;
  font-size: 24px;
  line-height: 35px;
  color: black;
}

@media only screen and (max-width: 768px) {
  /* line 19, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
  .final-live-area .final-rule-heading {
    align-self: flex-start;
  }
}

/* line 30, app/assets/stylesheets/archives/year2021/components/_final_live.scss */
.final-live-area .button-area {
  margin: 20px auto 30px;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
.final-rule-area {
  display: block;
  width: 90vw;
  margin: 0 auto;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
span.black {
  color: #111 !important;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
.final-rule-area.center {
  text-align: center;
}

/* line 16, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
.final-rule-area ul.final-rules-horizontal {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}

/* line 29, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li {
  width: 25vw;
  margin: 2vw;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li.white {
  background-color: #fff !important;
}

/* line 37, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area {
  border-radius: 10px;
  padding: 20px;
}

/* line 41, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area.white {
  background-color: #fff !important;
}

/* line 45, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .icon {
  text-align: center;
}

/* line 48, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .icon img {
  width: 50%;
  border-radius: 100%;
}

/* line 54, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data {
  margin-top: 20px;
}

/* line 57, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .name {
  text-align: center;
  font-size: 18px;
}

/* line 61, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .name a {
  color: #111;
  font-weight: bold;
}

/* line 67, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .meta {
  font-size: 12px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 3em;
}

/* line 75, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .point {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .point span.large {
  font-size: 18px;
  font-weight: bold;
}

/* line 86, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
ul.final-rules-horizontal li .card-main-area .data .point span.small {
  font-size: 12px;
}

@media (max-width: 767px) {
  /* line 96, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
  .final-rule-area {
    width: 100%;
  }
  /* line 99, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
  .final-rule-area ul.final-rules-horizontal {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
  }
  /* line 109, app/assets/stylesheets/archives/year2021/components/_final_rules_horizontal.scss */
  .final-rule-area ul.final-rules-horizontal li {
    display: inline-block;
    width: 80vw;
    height: 100%;
    margin: 16px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 90px 0 !important;
  background: #f7f7f7 !important;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info {
  display: flex;
  justify-content: space-between;
  padding: 48px 0;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .footer-logo {
  width: 50%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

/* line 19, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .footer-logo img {
  width: 60%;
  height: auto;
}

/* line 25, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-area {
  text-align: center;
  width: 50%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-area p {
  font-size: 12px;
}

/* line 38, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported_companies {
  margin-top: 16px;
}

/* line 42, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-c {
  font-size: 10px;
  display: table;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-c .c-name {
  display: table-cell;
}

/* line 53, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-c .c-link {
  display: table-cell;
}

/* line 56, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-soty-info .supported-c .c-link a {
  text-decoration: underline !important;
}

/* line 64, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default .sns-area {
  float: right;
  width: 30%;
  text-align: center;
}

/* line 69, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default .sns-area .sns-logo {
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  width: 35%;
}

/* line 75, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default .sns-area .sns-logo img {
  width: auto;
  height: auto;
  max-height: 32px;
}

/* line 83, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default nav {
  float: left;
  width: 70%;
  padding: 8px 0;
}

/* line 89, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default ul li {
  float: left;
  padding: 0 16px;
}

/* line 93, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-default ul li span {
  font-size: 12px;
}

/* line 99, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .footer-inner {
  max-width: 1080px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
}

/* line 109, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .left-area,
footer .right-area {
  width: 33.33333%;
  margin-right: 0 !important;
}

/* line 115, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .cent-area {
  width: 52%;
}

/* line 119, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .message {
  font-size: 12px !important;
  text-align: center !important;
  letter-spacing: 0.2em !important;
}

/* line 125, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .icon {
  width: 20px !important;
  margin: 20px auto 0 !important;
}

/* line 130, app/assets/stylesheets/archives/year2021/components/_footer.scss */
footer .copyright {
  font-size: 10px;
  text-align: center;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 138, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer {
    width: 100%;
    margin: 60px auto 0;
    padding: 0 0 64px !important;
  }
  /* line 139, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-soty-info {
    display: block;
    justify-content: space-between;
    padding: 16px 0 !important;
  }
  /* line 144, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-soty-info .footer-logo {
    width: 100%;
    padding: 20px 25vw;
  }
  /* line 148, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-soty-info .footer-logo img {
    width: 100%;
  }
  /* line 153, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-soty-info .supported-area {
    text-align: center;
    width: 100%;
    padding: 20px 20px 40px;
  }
  /* line 160, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-default {
    padding: 40px 10px 0;
  }
  /* line 163, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-default .sns-area {
    float: none;
    width: 100%;
    text-align: center;
  }
  /* line 169, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .footer-default nav {
    float: none;
    width: 100%;
    padding: 32px 0 16px;
    display: inline-block;
  }
  /* line 177, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .copyright {
    font-size: 10px;
    text-align: center;
    padding-bottom: 0 !important;
  }
  /* line 183, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer p.supported {
    margin-bottom: 10px;
  }
  /* line 187, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .supported-c {
    display: block;
  }
  /* line 190, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .supported-c .c-name,
footer .supported-c .c-link {
    display: block;
  }
  /* line 200, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .copyright {
    letter-spacing: 0.05em;
  }
  /* line 204, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .left-area,
footer .cent-area,
footer .right-area {
    width: 100%;
  }
  /* line 210, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .right {
    margin-top: 20px;
  }
  /* line 214, app/assets/stylesheets/archives/year2021/components/_footer.scss */
  footer .cent {
    margin-top: 30px;
  }
}

/*　ハンバーガーボタン */
/* line 4, app/assets/stylesheets/archives/year2021/components/_header.scss */
header .container {
  height: 80px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 80px;
}

/* line 13, app/assets/stylesheets/archives/year2021/components/_header.scss */
header .update-attention {
  height: 60px;
  background: #ffe7e7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 80px;
}

/* line 21, app/assets/stylesheets/archives/year2021/components/_header.scss */
header .update-attention p {
  font-size: 14px;
  text-align: center;
}

/* line 28, app/assets/stylesheets/archives/year2021/components/_header.scss */
.service-logo {
  display: block;
  z-index: 3;
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_header.scss */
.service-logo img {
  vertical-align: top;
  width: 180px;
  height: auto;
}

@media (max-width: 767px) {
  /* line 42, app/assets/stylesheets/archives/year2021/components/_header.scss */
  header .update-attention {
    height: 60px;
    background: #ffe7e7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
  /* line 50, app/assets/stylesheets/archives/year2021/components/_header.scss */
  header .update-attention p {
    font-size: 12px;
    text-align: center;
  }
  /* line 56, app/assets/stylesheets/archives/year2021/components/_header.scss */
  header .container {
    padding: 0 16px;
  }
  /* line 61, app/assets/stylesheets/archives/year2021/components/_header.scss */
  .service-logo {
    display: block;
    z-index: 3;
    cursor: pointer;
  }
  /* line 66, app/assets/stylesheets/archives/year2021/components/_header.scss */
  .service-logo img {
    vertical-align: top;
    width: 150px;
    height: auto;
  }
}

/* レーダー */
/* line 3, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.is-live-now {
  position: absolute;
  top: -70px;
  right: 70px;
}

/* line 9, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.wrap {
  width: 200px;
  padding: 100px 0;
  margin: 0 auto;
  position: relative;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.wrap > *:last-child {
  margin-bottom: 0;
}

/* line 20, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle {
  width: 10px;
  height: 10px;
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: LightGreen;
  transition: 0.5s ease;
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
}

/* line 30, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-basic {
  width: 30px;
  height: 30px;
  margin: 0 auto 30px;
  transform: translateY(-10px);
  border-radius: 30px;
  border: none;
  background-color: white;
  z-index: 10;
  animation: circle-flash 1s linear 0s infinite alternate none;
}

/* line 42, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-puton {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-infinit-1 {
  animation: circle 3s linear 0s infinite normal none;
}

/* line 53, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-infinit-2 {
  animation: circle 3s linear 1s infinite normal none;
}

/* line 57, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-infinit-3 {
  animation: circle 3s linear 2s infinite normal none;
}

/* line 61, app/assets/stylesheets/archives/year2021/components/_live_streaming.scss */
.circle-infinit-4 {
  animation: circle 3s linear 3s infinite normal none;
}

@keyframes circle {
  0% {
    transform: scale(0.1);
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

@keyframes circle-flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.live-vertical-double {
  display: block;
}

/* line 4, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.live-vertical-double .theme-title p {
  margin-top: 80px;
  font-size: 28px;
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ffcc00 0%);
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
ul.card-video-horizontal {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li {
  display: block;
  width: 25%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  margin: 0 auto;
}

/* line 31, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .pik {
  margin-bottom: 10px;
  position: relative;
}

/* line 35, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .pik .black-background {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  min-height: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(16, 16, 16, 0.7) 100%);
  border-radius: 8px;
}

/* line 48, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .pik .show-live-meta {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 12px 20px;
}

/* line 55, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .pik .show-live-meta p {
  color: #fff;
}

/* line 60, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .pik video {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 68, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .theme-hashtag {
  margin: 10px;
}

/* line 71, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .theme-hashtag a {
  font-size: 14px;
}

/* line 76, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .staff-card {
  font-size: 11px;
  line-height: 1.6;
}

/* line 80, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .staff-card .icon {
  width: 60px;
  padding-right: 10px;
}

/* line 85, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
.card-video-horizontal li .staff-card .name {
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  /* line 92, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
  ul.card-video-horizontal {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 99, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
  .card-video-horizontal li {
    display: inline-block;
    width: 60%;
    height: 100%;
    margin: 16px;
  }
  /* line 106, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
  .live-vertical-double .theme-title p {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffcc00 0%);
  }
  /* line 113, app/assets/stylesheets/archives/year2021/components/_live_vertical_double.scss */
  .card-video-horizontal li .theme-hashtag a {
    font-size: 12px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.video-list-area {
  display: block;
}

/* line 4, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.video-list-area .theme-title p {
  margin-top: 80px;
  font-size: 28px;
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ffcc00 0%);
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
ul.card-video-horizontal {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 24, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li {
  display: block;
  width: 25%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  margin: 0;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .pik {
  margin-bottom: 10px;
  position: relative;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .pik .black-background {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  min-height: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(16, 16, 16, 0.7) 100%);
  border-radius: 8px;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .pik .show-live-meta {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 12px 20px;
}

/* line 56, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .pik .show-live-meta p {
  color: #fff;
}

/* line 61, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .pik video {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 69, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .theme-hashtag {
  margin: 10px;
}

/* line 72, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .theme-hashtag a {
  font-size: 14px;
}

/* line 77, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .staff-card {
  font-size: 11px;
  line-height: 1.6;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .staff-card .icon {
  width: 60px;
  padding-right: 10px;
}

/* line 86, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.card-video-horizontal li .staff-card .name {
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  /* line 93, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
  ul.card-video-horizontal {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 100, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
  .card-video-horizontal li {
    display: inline-block;
    width: 60%;
    height: 100%;
    margin: 0 8px;
    padding: 0 8px;
  }
  /* line 108, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
  .video-list-area .theme-title p {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffcc00 0%);
  }
  /* line 115, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
  .card-video-horizontal li .theme-hashtag a {
    font-size: 12px;
  }
}

/* レーダー */
/* line 122, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.is-live-now {
  position: absolute;
  top: -70px;
  right: 70px;
}

/* line 128, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.wrap {
  width: 200px;
  padding: 100px 0;
  margin: 0 auto;
  position: relative;
}

/* line 134, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.wrap > *:last-child {
  margin-bottom: 0;
}

/* line 139, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle {
  width: 10px;
  height: 10px;
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: LightGreen;
  transition: 0.5s ease;
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5);
}

/* line 149, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-basic {
  width: 30px;
  height: 30px;
  margin: 0 auto 30px;
  transform: translateY(-10px);
  border-radius: 30px;
  border: none;
  background-color: white;
  z-index: 10;
  animation: circle-flash 1s linear 0s infinite alternate none;
}

/* line 161, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-puton {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 168, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-infinit-1 {
  animation: circle 3s linear 0s infinite normal none;
}

/* line 172, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-infinit-2 {
  animation: circle 3s linear 1s infinite normal none;
}

/* line 176, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-infinit-3 {
  animation: circle 3s linear 2s infinite normal none;
}

/* line 180, app/assets/stylesheets/archives/year2021/components/_movie_card_horizontal.scss */
.circle-infinit-4 {
  animation: circle 3s linear 3s infinite normal none;
}

@keyframes circle {
  0% {
    transform: scale(0.1);
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

@keyframes circle-flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.video-list-area {
  display: block;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}

/* line 13, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full {
  display: inline-block;
  width: 25%;
  height: auto;
  padding: 16px;
}

/* line 19, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full .pik {
  margin-bottom: 10px;
  text-align: center;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full .pik video {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .theme-hashtag {
  margin: 10px;
}

/* line 35, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .theme-hashtag a {
  font-size: 14px;
}

/* line 40, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full .staff-card {
  font-size: 11px;
  line-height: 1.6;
}

/* line 44, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full .staff-card .icon {
  width: 60px;
  padding-right: 10px;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
.card-video-vertical .video-full .staff-card .name {
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  /* line 56, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
  .card-video-vertical {
    width: 100%;
    display: block;
  }
  /* line 60, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
  .card-video-vertical .video-full {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 30px 0;
  }
  /* line 67, app/assets/stylesheets/archives/year2021/components/_movie_card_vertical.scss */
  .card-video-vertical .theme-hashtag a {
    font-size: 12px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_no_item.scss */
.no-item {
  position: relative;
  width: 50%;
  margin: 0 auto;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_no_item.scss */
.no-item .img-area {
  padding: 30px;
}

/* line 9, app/assets/stylesheets/archives/year2021/components/_no_item.scss */
.no-item .img-area img {
  vertical-align: top;
  width: 100%;
  height: auto;
  opacity: 0.3;
}

/* line 17, app/assets/stylesheets/archives/year2021/components/_no_item.scss */
.no-item .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #797979;
}

@media only screen and (max-width: 768px) {
  /* line 33, app/assets/stylesheets/archives/year2021/components/_no_item.scss */
  .no-item {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
.pagination {
  text-align: center;
  margin: 20px 0;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
.pagination a {
  color: #000;
}

/* line 9, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
.pagination span {
  font-size: 16px;
  border-radius: 5px;
  padding: 15px;
}

/* line 14, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
.pagination span:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 18, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
.pagination span.current {
  color: #fff !important;
  background-color: #0000ee;
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/archives/year2021/components/_pagination.scss */
  .pagination span {
    padding: 6px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.products-list-area {
  display: block;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
ul.card-products-horizontal {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

/* line 16, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li {
  display: block;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto 24px;
  padding-left: 24px;
}

/* line 24, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li .pik {
  margin-bottom: 10px;
}

/* line 27, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li .pik img {
  border-radius: 8px;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li .data span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 38, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li .data span.name, .card-products-horizontal li .data span.size {
  font-size: 14px;
}

/* line 43, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
.card-products-horizontal li .data span.price {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  /* line 50, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
  ul.card-products-horizontal {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /* line 57, app/assets/stylesheets/archives/year2021/components/_products_list.scss */
  .card-products-horizontal li {
    display: inline-block;
    width: 60%;
    height: 100%;
    margin: 16px;
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.section-small-padding {
  padding: 10px 0 0 0 !important;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header {
  width: 100vw;
  position: fixed;
}

/* line 9, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .header-inner {
  display: table;
  background: #fff;
}

/* line 14, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .servicelogo {
  display: table-cell;
}

/* line 17, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .servicelogo img.ec-logo {
  width: 75%;
}

/* line 22, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .servicelogoApp {
  display: table-cell;
  padding: 20px;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .servicelogoApp img {
  vertical-align: middle;
  width: 60%;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .servicelogo img {
  vertical-align: middle;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .menus {
  display: table-cell;
}

/* line 39, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.promotion-header .menus img {
  vertical-align: middle;
}

/* line 46, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.ec-hashtag p.eyecatch span {
  text-align: left;
  font-size: 24px;
}

/* line 51, app/assets/stylesheets/archives/year2021/components/_promotion_header.scss */
.ec-hashtag .search-hash-tags {
  padding: 30px 0 0;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-top {
  border-bottom: solid 1px #efefef;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box {
  max-width: 720px;
  margin: 0 auto 24px;
  padding: 16px 0;
  position: relative;
  margin-top: 40px;
  display: table;
  width: 100%;
  /* border: solid #EEEEEE; */
  /* border-radius: 5px; */
  padding: 4px;
}

/* line 18, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small {
  display: table-cell;
  vertical-align: top;
  width: 30%;
  vertical-align: middle;
}

/* line 25, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .staff-internal {
  padding: 0 16px;
}

/* line 30, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .staff-internal.left {
  padding: 30px 32px 0 8px;
}

/* line 34, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .staff-internal.right {
  padding: 30px 8px 0 32px;
}

/* line 39, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .staff-internal .rank-num,
.ranking-box .staff-area-small .staff-internal .rank-num {
  margin-bottom: 8px;
}

/* line 43, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .staff-internal .rank-num p,
.ranking-box .staff-area-small .staff-internal .rank-num p {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}

/* line 50, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area {
  display: table-cell;
  vertical-align: top;
  width: 40%;
  vertical-align: middle;
}

/* line 57, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .number-area {
  position: absolute;
  font-size: 54px;
  font-weight: bold;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 66, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .number-area p {
  text-align: center;
}

/* line 71, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .point-area {
  text-align: center;
  display: table;
  margin: 0 auto;
}

/* line 76, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .point-area img {
  width: 40px;
  vertical-align: middle;
  margin-right: 10px;
}

/* line 82, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .point-area span {
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  padding: 0 10px;
}

/* line 92, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .icon {
  text-align: center;
}

/* line 95, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .icon img {
  width: 100%;
  border-radius: 100vw;
}

/* line 101, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .data {
  margin-top: 16px;
  text-align: center;
  vertical-align: middle;
}

/* line 106, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .data .name span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

/* line 112, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .data .meta span {
  font-size: 16px;
  color: #111;
}

/* line 118, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .sns {
  margin-top: 5px;
  padding-left: 20px;
}

/* line 122, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .sns ul {
  display: flex;
}

/* line 125, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .sns ul li {
  margin: 10px;
}

/* line 133, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area .sns ul li img {
  width: 30px;
}

/* line 140, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .icon {
  text-align: center;
}

/* line 143, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .icon img {
  width: 100%;
  border-radius: 100vw;
}

/* line 149, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .data {
  text-align: center;
  vertical-align: middle;
  margin-top: 16px;
}

/* line 154, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .data .name span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

/* line 160, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .data .meta span {
  font-size: 16px;
  color: #111;
}

/* line 166, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .sns {
  margin-top: 5px;
  padding-left: 20px;
}

/* line 170, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .sns ul {
  display: flex;
}

/* line 173, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .sns ul li {
  margin: 10px;
}

/* line 181, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
.ranking-box .staff-area-small .sns ul li img {
  width: 30px;
}

@media only screen and (max-width: 768px) {
  padding-left: 0;
}

@media only screen and (max-width: 768px) {
  /* line 194, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .staff-internal {
    padding: 0 16px;
  }
  /* line 199, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .staff-internal.left, .ranking-box .staff-area-small .staff-internal.right {
    padding: 30px 8px 0;
  }
  /* line 205, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .rank-num p.top {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
  }
  /* line 211, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .staff-internal .rank-num p {
    font-size: 24px !important;
  }
  /* line 216, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .icon {
    display: block;
    text-align: center;
  }
  /* line 221, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .data {
    display: block;
    text-align: center;
    margin-top: 16px;
  }
  /* line 228, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .data {
    display: block;
    text-align: center;
    margin-top: 16px;
  }
  /* line 235, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .icon img {
    width: 100%;
    border-radius: 100vw;
    box-shadow: 0 1.9px 2.5px rgba(0, 0, 0, 0.057), 0 5px 6.1px rgba(0, 0, 0, 0.076), 0 10.1px 11.4px rgba(0, 0, 0, 0.086), 0 19.2px 19.8px rgba(0, 0, 0, 0.092), 0 38.4px 34.8px rgba(0, 0, 0, 0.1), 0 101px 74px rgba(0, 0, 0, 0.13);
  }
  /* line 245, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .data .name span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding: 0;
  }
  /* line 252, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area .data .meta span {
    font-size: 12px;
    color: #111;
    padding: 0;
  }
  /* line 261, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .icon,
.ranking-box .staff-area-small .data {
    display: block;
    text-align: center;
  }
  /* line 267, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .icon img {
    width: 100%;
    border-radius: 100vw;
  }
  /* line 273, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .data .name span {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 0;
  }
  /* line 280, app/assets/stylesheets/archives/year2021/components/_ranking_box.scss */
  .ranking-box .staff-area-small .data .meta span {
    font-size: 10px;
    color: #111;
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
.ranking-results-area {
  display: inline-block;
  width: 100%;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
span.black {
  color: #111 !important;
}

/* line 11, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
.ranking-results-area.center {
  text-align: center;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
.ranking-results-area ul.card-ranking-results {
  display: inline-block;
}

/* line 20, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li {
  float: left;
  width: 210px;
  margin: 5px;
  min-height: 320px;
  background-color: #ffcc00;
  border-radius: 10px;
}

/* line 28, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li.white {
  background-color: #fff !important;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area {
  background-color: #ffcc00;
  border-radius: 10px;
  padding: 20px;
}

/* line 37, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area.white {
  background-color: #fff !important;
}

/* line 41, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .icon {
  text-align: center;
}

/* line 44, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .icon img {
  width: 50%;
  border-radius: 100%;
}

/* line 50, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data {
  margin-top: 20px;
}

/* line 53, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .name {
  text-align: center;
  font-size: 18px;
}

/* line 57, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .name a {
  color: #111;
  font-weight: bold;
}

/* line 63, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .meta {
  font-size: 12px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 70, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .point {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}

/* line 76, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .point span.large {
  font-size: 18px;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
ul.card-ranking-results li .card-main-area .data .point span.small {
  font-size: 12px;
}

@media (max-width: 767px) {
  /* line 91, app/assets/stylesheets/archives/year2021/components/_ranking_results.scss */
  ul.card-ranking-results li {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
.ranking-results-area {
  display: block;
  width: 100%;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
span.black {
  color: #111 !important;
}

/* line 11, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
.ranking-results-area.center {
  text-align: center;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
.ranking-results-area ul.card-ranking-results-horizontal {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li {
  width: 210px;
  margin: 5px;
  background-color: #fff;
  border-radius: 10px;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li.white {
  background-color: #fff !important;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}

/* line 41, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area span {
  color: #000 !important;
}

/* line 45, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area.white {
  background-color: #fff !important;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .icon {
  text-align: center;
}

/* line 52, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .icon img {
  width: 50%;
  border-radius: 100%;
}

/* line 58, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data {
  margin-top: 20px;
}

/* line 61, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .name {
  text-align: center;
  font-size: 18px;
}

/* line 65, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .name a {
  color: #111;
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .meta {
  font-size: 12px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 3em;
}

/* line 79, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .point {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}

/* line 85, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .point span.large {
  font-size: 18px;
  font-weight: bold;
}

/* line 90, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
ul.card-ranking-results-horizontal li .card-main-area .data .point span.small {
  font-size: 12px;
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
  .ranking-results-area ul.card-ranking-results-horizontal {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
  }
  /* line 110, app/assets/stylesheets/archives/year2021/components/_ranking_results_horizontal.scss */
  .ranking-results-area ul.card-ranking-results-horizontal li {
    display: inline-block;
    width: 60vw;
    height: 100%;
    margin: 16px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
.search-date-horizontal ul {
  margin-bottom: 30px;
  flex-direction: row;
  flex-wrap: wrap;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* line 10, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
.search-date-horizontal ul li {
  margin: 10px 5px;
  display: inline-block;
}

/* line 14, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
.search-date-horizontal ul li span {
  font-size: 14px;
}

/* line 18, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
.search-date-horizontal ul li.nonactive span {
  padding: 10px;
  border: 1px solid #a1a1ac;
  border-radius: 3px;
  color: #000;
}

/* line 25, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
.search-date-horizontal ul li.active span {
  padding: 10px;
  border: 1px solid #34cfbd;
  border-radius: 3px;
  background-color: #34cfbd !important;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  /* line 36, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
  .search-date-horizontal ul {
    margin-bottom: 20px;
  }
  /* line 39, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
  .search-date-horizontal ul li {
    margin: 10px 5px;
  }
  /* line 42, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
  .search-date-horizontal ul li span {
    font-size: 10px;
  }
  /* line 46, app/assets/stylesheets/archives/year2021/components/_search_date_horizontal.scss */
  .search-date-horizontal ul li.nonactive span, .search-date-horizontal ul li.active span {
    padding: 5px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
.search-hash-tags ul {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
.search-hash-tags ul li {
  margin: 15px;
}

/* line 10, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
.search-hash-tags ul li span {
  font-size: 14px;
}

/* line 14, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
.search-hash-tags ul li.nonactive span {
  padding: 10px;
  border: 1px solid #a1a1ac;
  border-radius: 3px;
  color: #000;
}

/* line 21, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
.search-hash-tags ul li.active span {
  padding: 10px;
  border: 1px solid #34cfbd;
  border-radius: 3px;
  background-color: #34cfbd !important;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
  .search-hash-tags ul {
    margin-bottom: 20px;
  }
  /* line 35, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
  .search-hash-tags ul li {
    margin: 10px 5px;
  }
  /* line 38, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
  .search-hash-tags ul li span {
    font-size: 10px;
  }
  /* line 42, app/assets/stylesheets/archives/year2021/components/_search_hashtags.scss */
  .search-hash-tags ul li.nonactive span, .search-hash-tags ul li.active span {
    padding: 5px;
  }
}

@keyframes radio-select {
  0% {
    transform: scale(0, 0);
  }
  65% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

/* line 16, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList label {
  margin: 2em;
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList input {
  height: 1px;
  width: 1px;
  opacity: 0;
}

/* line 30, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList .outside {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  background: #f3f3f3;
}

/* line 44, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList .inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #34cfbd;
  left: 3px;
  top: 3px;
  transform: scale(0, 0);
}

/* line 59, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList .no-transforms .inside {
  left: auto;
  top: auto;
  width: 0;
  height: 0;
}

/* line 66, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList input:checked + .outside .inside {
  animation: radio-select 0.1s linear;
  transform: scale(1, 1);
}

/* line 71, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuList .no-transforms input:checked + .outside .inside {
  width: 20px;
  height: 20px;
}

/* line 77, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuButton {
  padding: 40px 0;
  text-align: right;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.searchMenuButton span {
  padding: 10px 15px;
  border: 1px solid #a1a1ac;
  border-radius: 3px;
}

/* line 88, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  padding: 30px;
}

/* line 100, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList {
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: scroll;
  height: 90vh;
  box-sizing: border-box;
}

/* line 108, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList .close-button {
  position: absolute;
  right: 20px;
  top: 30px;
  font-size: 38px;
}

/* line 115, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList .title {
  padding: 30px;
  text-align: left;
}

/* line 119, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList .title h3 {
  font-size: 36px;
  font-weight: bold;
}

/* line 125, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  padding-top: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 138, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList ul li {
  list-style-type: none;
  width: 30%;
  margin: 0 auto;
  transition: 0.4s all;
  padding: 40px;
  text-align: left;
}

/* line 146, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList ul li:last-child {
  padding-bottom: 0;
}

/* line 150, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu .searchMenuList ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 42px;
  font-weight: bold;
}

/* line 161, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu.nonactive {
  display: none;
  z-index: -999;
}

/* line 166, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
nav.searchMenu.active {
  opacity: 100;
}

@media only screen and (max-width: 990px) {
  /* line 172, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList ul li {
    width: 50%;
    margin: 0 auto;
  }
}

/* このクラスを、jQueryで付与・削除する */
/* line 180, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.search-button-area {
  padding: 50px;
}

/* line 184, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.search-button button {
  padding: 15px 20px;
  width: 200px;
  border-radius: 3px;
  line-height: 16px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  transition: opacity 0.3s ease;
  box-sizing: border-box;
  box-shadow: 0;
  outline: 0;
  -webkit-appearance: none;
  margin: 10px 50px;
}

/* line 200, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.search-button button.reset {
  border: 1px solid #bfbfbf;
  background: #fff;
}

/* line 205, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
.search-button button.search {
  border: 1px solid #bfbfbf;
  color: #fff;
  background: #34cfbd;
  border-color: #34cfbd;
}

@media only screen and (max-width: 768px) {
  /* line 215, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList .title h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }
  /* line 221, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList .close-button {
    right: 20px;
    top: 30px;
    font-size: 18px;
  }
  /* line 227, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList ul {
    padding-top: 20px;
  }
  /* line 230, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList ul li {
    list-style-type: none;
    width: 100%;
    transition: 0.4s all;
    padding: 0;
    text-align: left;
    /*border-bottom: 1px solid #e5e5e5;*/
  }
  /* line 239, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList ul li:last-child {
    padding-bottom: 0;
  }
  /* line 243, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  nav.searchMenu .searchMenuList ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 42px;
    font-weight: bold;
  }
  /* line 254, app/assets/stylesheets/archives/year2021/components/_search_menu.scss */
  .search-button button {
    padding: 15px 20px;
    width: 200px;
    border-radius: 3px;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    transition: opacity 0.3s ease;
    box-sizing: border-box;
    box-shadow: 0;
    outline: 0;
    -webkit-appearance: none;
    /* margin: 10px 50px; */
    margin: 0 auto;
    margin-top: 30px;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_slick.scss */
.slick-prev:before,
.slick-next:before {
  color: #000 !important;
  opacity: 1;
}

/* line 2, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests {
  /* flexboxで等間隔に並べる*/
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
}

/* line 13, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.center {
  justify-content: center !important;
}

/* line 17, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li {
  /* 枠線をつけて1列に5つ並べる */
  background-color: #ffcb00;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  /* 正方形にするのに必要な部分 */
  height: auto;
  position: relative;
  width: 40%;
  max-width: 210px;
  margin: 10px;
  box-sizing: border-box;
}

/* line 18, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li.fix {
  background-color: #111 !important;
}

/* line 21, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li.fix img {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}

/* line 27, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li.fix .guest p {
  margin-top: 10px;
  margin-left: 5px;
  font-size: 24px;
  font-weight: bold;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li.fix .guest p.guest-title {
  margin-top: 10px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: bold;
}

/* line 56, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* ここを100％にすることで正方形になる */
}

/* line 64, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li.fix:before {
  padding-top: 0;
  /* ここを100％にすることで正方形になる */
}

/* line 70, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li span {
  /* 正方形にするのに必要な部分 */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 中央寄せ */
  text-align: center;
  padding: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  color: #000 !important;
  font-weight: bold;
}

/* line 90, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li span:before {
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}

/* line 98, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li span > * {
  vertical-align: middle;
  display: inline-block;
}

/* line 103, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
ul.guests li span img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media (max-width: 767px) {
  /* line 113, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
  ul.guests li.fix .guest p {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
  }
  /* line 119, app/assets/stylesheets/archives/year2021/components/_special_guests.scss */
  ul.guests li.fix .guest p.guest-title {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 10px;
    font-weight: bold;
  }
}

/* 高さの中央揃えに必要な部分 */
/* line 1, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box {
  width: 30%;
  position: relative;
  margin-top: 40px;
}

/* line 6, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .number-area {
  position: absolute;
  font-size: 54px;
  font-weight: bold;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 15, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .number-area p {
  text-align: center;
}

/* line 20, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area {
  margin: 30px auto 10px;
  padding: 30px 40px;
  border: 1px solid #dddddd !important;
  border-radius: 12px;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .icon img {
  width: 100%;
  border-radius: 110px;
}

/* line 31, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data {
  text-align: left;
  vertical-align: middle;
  margin-top: 24px;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data .name span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

/* line 42, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data .meta span {
  font-size: 16px;
  color: #111;
  padding-left: 20px;
}

/* line 48, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data .user-meta .company {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 53, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data .user-meta .company .meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 58, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .data .user-meta .company .meta span {
  font-size: 12px;
  color: #111;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 70, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .line {
  padding: 0;
}

/* line 73, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .line a {
  background-color: #06c755 !important;
}

/* line 78, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .sns {
  width: 50vw;
  text-align: left;
  margin: 0 auto;
}

/* line 83, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .sns ul {
  display: flex;
}

/* line 86, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .sns ul li {
  margin: 10px;
}

/* line 89, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
.staff-box .staff-area .sns ul li img {
  width: 30px;
}

@media only screen and (max-width: 768px) {
  /* line 99, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box {
    width: 100%;
    padding: 0;
  }
  /* line 103, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area {
    display: block;
    margin: 0 auto !important;
    padding: 0;
    border: none !important;
    border-radius: 0;
  }
  /* line 110, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .icon {
    display: block;
    text-align: center;
  }
  /* line 115, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .data {
    display: block;
    margin: 0;
  }
  /* line 119, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .data .user-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin: 16px 8px;
  }
  /* line 127, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .data .user-meta .name {
    text-align: left;
    padding: 0 20px;
  }
  /* line 131, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .data .user-meta .name span {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 0;
  }
  /* line 141, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .icon img {
    width: 100vw;
    height: auto;
    border-radius: 0;
  }
  /* line 147, app/assets/stylesheets/archives/year2021/components/_staff_box.scss */
  .staff-box .staff-area .line {
    padding: 0 32px;
  }
}

/* ranking-card */
/* line 3, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-list-area {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 8px auto;
  height: 380px;
}

/* line 16, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-list-area-soon {
  display: block;
  list-style: none;
  padding-left: 0;
}

/* line 22, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card-flex {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  /* line 29, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
  .ranking-list-area {
    display: block;
    height: auto;
  }
  /* line 34, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
  .ranking-card-area {
    display: block;
  }
  /* line 38, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
  .ranking-card-flex {
    width: 100%;
    padding: 0;
    margin: 16px 0;
  }
}

/* line 45, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card {
  display: table;
  width: 100%;
  /*border: solid #EEEEEE;*/
  /*border-radius: 5px;*/
  padding: 4px;
  background-color: #fff;
}

/* line 54, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card p,
.ranking-card span {
  color: #000 !important;
}

/* line 59, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .icon {
  display: table-cell;
  vertical-align: top;
  width: 20%;
  padding: 0 4px;
  vertical-align: middle;
}

/* line 66, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

/* line 73, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .data {
  display: table-cell;
  vertical-align: top;
  width: 70%;
  padding: 0 10px;
  vertical-align: middle;
}

/* line 81, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .rank-number {
  display: table-cell;
  vertical-align: top;
  width: 15%;
  padding-left: 8px;
  vertical-align: middle;
}

/* line 90, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .data > span {
  display: block;
  font-size: 12px;
}

/* line 95, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .data span.name {
  font-size: 16px;
  font-weight: bold;
}

/* line 101, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .point {
  display: table-cell;
  vertical-align: top;
  width: 32%;
  padding: 0 10px;
  vertical-align: middle;
}

/* line 110, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .rank-number .num p {
  font-size: 24px;
  font-weight: bold;
}

/* line 115, app/assets/stylesheets/archives/year2021/components/_staff_card.scss */
.ranking-card .rank-number .num span {
  font-size: 12px;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.styling-list-area {
  display: inline-block;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li {
  float: left;
  width: 200px;
  margin-top: 15px;
  margin-left: 25px;
  margin-bottom: 30px;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .pik {
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 100%;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .staff-info {
  font-size: 11px;
  line-height: 1.6;
}

/* line 27, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .staff-info .icon {
  width: 60px;
  padding-right: 10px;
}

/* line 32, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .staff-info .staff-meta {
  font-size: 12px;
  text-align: center;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .staff-info .staff-meta .name p {
  font-size: 18px;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff li .staff-info .staff-meta .label p,
.card-staff li .staff-info .staff-meta .shop p {
  font-size: 12px;
  color: #404040;
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li:nth-child(-n + 5) {
    margin-top: 0;
  }
  /* line 56, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li:nth-child(5n + 1) {
    clear: left;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li {
    width: calc((100% - 5%) / 2);
    margin-left: 5%;
  }
  /* line 68, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li:nth-child(odd) {
    clear: left;
    margin-left: 0;
  }
  /* line 73, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li:nth-child(-n + 2) {
    margin-top: 0;
  }
  /* line 77, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li .staff-card {
    font-size: 10px;
  }
  /* line 80, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li .staff-card .icon {
    width: 38%;
    padding-right: 4.5%;
  }
  /* line 85, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff li .staff-card .name {
    font-size: 11px;
  }
}

/* line 92, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info {
  display: table;
  width: 100%;
}

/* line 96, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info .icon {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  padding: 20px;
}

/* line 102, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

/* line 109, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info .data {
  display: table-cell;
  vertical-align: top;
  width: 80%;
  padding: 20px 0;
}

/* line 115, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info .data > span {
  display: block;
}

/* line 120, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.staff-info .brand {
  font-weight: bold;
  color: #b72343;
}

/* line 126, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff:before,
.card-styling:after {
  content: "";
  display: table;
}

/* line 132, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
.card-staff:after {
  clear: both;
}

@media (max-width: 767px) {
  /* line 137, app/assets/stylesheets/archives/year2021/components/_staff_list.scss */
  .card-staff {
    content: "";
    display: table;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
.staff-list-horizontal-area {
  display: block;
  width: 100%;
}

/* line 5, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
.staff-list-horizontal-area ul.staff-list-horizontal-block {
  display: flex;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

/* line 20, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
.staff-list-horizontal-area ul.staff-list-horizontal-block::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

/* line 27, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li {
  width: 210px;
  margin: 5px;
  background-color: #fff;
  border-radius: 10px;
}

/* line 33, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area {
  background-color: #fff;
  border-radius: 10px;
  padding: 24px;
}

/* line 38, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area span {
  color: #000 !important;
}

/* line 42, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area.white {
  background-color: #fff !important;
}

/* line 46, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .icon {
  text-align: center;
}

/* line 49, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .icon img {
  width: 100%;
  border-radius: 100%;
}

/* line 55, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .data {
  margin-top: 8px;
}

/* line 58, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .data .name {
  text-align: center;
  font-size: 18px;
}

/* line 62, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .data .name a {
  color: #111;
  font-weight: bold;
}

/* line 68, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
ul.staff-list-horizontal-block li .list-main-area .data .meta {
  font-size: 10px;
  color: #737373;
  margin-top: 4px;
  margin-bottom: 4px;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* line 83, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
  .staff-list-horizontal-area ul.staff-list-horizontal-block {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
  }
  /* line 93, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
  .staff-list-horizontal-area ul.staff-list-horizontal-block li {
    display: inline-block;
    width: 30vw;
    height: 100%;
    margin: 0 16px;
  }
}

@media (max-width: 767px) {
  /* line 103, app/assets/stylesheets/archives/year2021/components/_staff_list_horizontal.scss */
  ul.staff-list-horizontal-block li .list-main-area {
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;
}

/* line 8, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.bg-green .tabs {
  background-color: transparent !important;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.tab_item {
  width: 50%;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

/* line 26, app/assets/stylesheets/archives/year2021/components/_tab.scss */
input[name="tab_item"] {
  display: none;
}

/* line 30, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.tab_content {
  display: none;
  padding: 10px 0 10px;
  clear: both;
  overflow: hidden;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.tab_content p.comming-soon {
  margin-top: 80px;
  margin-bottom: 40px;
}

/* line 42, app/assets/stylesheets/archives/year2021/components/_tab.scss */
#all:checked ~ #all_content,
#yell:checked ~ #yell_content {
  display: block;
}

/* line 47, app/assets/stylesheets/archives/year2021/components/_tab.scss */
.tabs input:checked + .tab_item {
  color: #000;
  border-bottom: 5px solid #000;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/_yell_overlay.scss */
#yellOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.8);
  z-index: -1;
  display: none;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/_yell_overlay.scss */
.heart-animation {
  height: 100%;
}

/* line 1, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
.heading-default {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  margin: 16px 0;
}

/* line 8, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
.heading-default p {
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
.heading-default .eyecatch span {
  font-size: 24px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
}

/* line 18, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
.heading-default .message {
  font-size: 24px;
  font-weight: 600;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  /* line 26, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
  .eyecatch {
    line-height: 32px !important;
  }
  /* line 31, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
  .heading-default .eyecatch span {
    font-size: 24px;
  }
  /* line 35, app/assets/stylesheets/archives/year2021/components/headings/_heading_default.scss */
  .heading-default .message {
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
  }
}

/* line 1, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}

/* line 7, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading p {
  overflow: hidden;
  padding: 0 20px;
}

/* line 12, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading .title-box-icon {
  width: 100px;
  margin: 0 auto;
}

/* line 17, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading .eyecatch span {
  font-size: 42px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
}

/* line 23, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading .eyecatch-large span {
  font-size: 128px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  line-height: 100%;
}

/* line 30, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading .message {
  font-size: 24px;
  font-weight: 600;
  margin-top: 5px;
}

/* line 36, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
.heading .message-large {
  font-size: 42px;
  font-weight: 600;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  /* line 44, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .title-box-icon {
    width: 50px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 320px) {
  /* line 51, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .title-box-icon {
    width: 50px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  /* line 58, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .eyecatch {
    line-height: 24px !important;
  }
  /* line 63, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .eyecatch span {
    font-size: 36px;
  }
  /* line 67, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .eyecatch-large span {
    font-size: 68px;
    letter-spacing: 20px;
  }
}

@media only screen and (max-width: 768px) {
  /* line 76, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .eyecatch span {
    font-size: 24px;
  }
  /* line 79, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .eyecatch span.small {
    font-size: 14px;
  }
  /* line 84, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .message {
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
  }
  /* line 90, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .message-large {
    font-size: 24px;
    margin-top: 5px;
    text-align: center;
  }
}

@media screen and (max-width: 320px) {
  /* line 100, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .eyecatch span {
    font-size: 36px;
  }
  /* line 104, app/assets/stylesheets/archives/year2021/components/headings/_heading_soty.scss */
  .heading .message {
    font-size: 14px;
  }
}