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

/* line 90, app/assets/stylesheets/_reset.scss */
html {
  line-height: 1;
}

/* line 94, app/assets/stylesheets/_reset.scss */
ol,
ul {
  list-style: none;
}

/* line 99, app/assets/stylesheets/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 104, app/assets/stylesheets/_reset.scss */
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

/* line 117, app/assets/stylesheets/_reset.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

/* line 125, app/assets/stylesheets/_reset.scss */
a img {
  border: none;
}

/* line 129, app/assets/stylesheets/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

@font-face {
  font-family: PixelMplus;
  src: url(/font/PixelMplus10-Regular.ttf), url(/font/PixelMplus10-Regular.woff);
}

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

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes design-change-btn-slide-in {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1);
  }
  1.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1);
  }
  3.27% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1);
            transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1);
  }
  4.92% {
    -webkit-transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1);
            transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1);
            transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1);
  }
  6.54% {
    -webkit-transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1);
            transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1);
            transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1);
            transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1);
            transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1);
  }
  8.19% {
    -webkit-transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1);
            transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1);
  }
  9.81% {
    -webkit-transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1);
            transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1);
            transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1);
            transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1);
            transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1);
  }
  13.05% {
    -webkit-transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1);
            transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1);
            transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1);
            transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1);
            transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1);
  }
  20.97% {
    -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1);
            transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1);
            transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1);
            transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1);
  }
  28.9% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes design-change-btn-slide-in {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 60, 0, 0, 1);
  }
  1.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 37.492, 0, 0, 1);
  }
  3.27% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.875, 0, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.107, 0, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.351, 0, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1);
            transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.21, 0, 0, 1);
  }
  4.92% {
    -webkit-transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1);
            transform: matrix3d(2.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.447, 0, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1);
            transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 8.058, 0, 0, 1);
  }
  6.54% {
    -webkit-transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1);
            transform: matrix3d(2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.199, 0, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1);
            transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.023, 0, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1);
            transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.817, 0, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1);
            transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.136, 0, 0, 1);
  }
  8.19% {
    -webkit-transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1);
            transform: matrix3d(1.621, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 1.628, 0, 0, 1);
  }
  9.81% {
    -webkit-transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1);
            transform: matrix3d(1.037, 0, 0, 0, 0, 1.312, 0, 0, 0, 0, 1, 0, -0.129, 0, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1);
            transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, -0.277, 0, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1);
            transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, -0.681, 0, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1);
            transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, -0.987, 0, 0, 1);
  }
  13.05% {
    -webkit-transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1);
            transform: matrix3d(0.631, 0, 0, 0, 0, 1.491, 0, 0, 0, 0, 1, 0, -1.026, 0, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1);
            transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.973, 0, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1);
            transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, -0.957, 0, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1);
            transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, -0.309, 0, 0, 1);
  }
  20.97% {
    -webkit-transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1);
            transform: matrix3d(0.794, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, -0.232, 0, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1);
            transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, -0.114, 0, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1);
            transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.034, 0, 0, 1);
  }
  28.9% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 1.031, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes bounce-to-top-right {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1);
  }
  3% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1);
  }
  5.91% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1);
  }
  8.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1);
  }
  10.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1);
  }
  14.21% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1);
  }
  17.62% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1);
  }
  20.12% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1);
  }
  22.52% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1);
  }
  26.03% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1);
  }
  29.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1);
  }
  34.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1);
  }
  41.24% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1);
  }
  52.95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1);
  }
  57.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1);
  }
  64.76% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
  }
  69.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1);
  }
  76.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
  }
  81.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1);
  }
  88.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes bounce-to-top-right {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -20, 20, 0, 1);
  }
  3% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.069, 11.069, 0, 1);
  }
  5.91% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.08, 0.08, 0, 1);
  }
  8.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.419, 6.419, 0, 1);
  }
  10.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.513, 8.513, 0, 1);
  }
  14.21% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.388, 5.388, 0, 1);
  }
  17.62% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.041, 0.041, 0, 1);
  }
  20.12% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.659, 2.659, 0, 1);
  }
  22.52% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.481, 3.481, 0, 1);
  }
  26.03% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.174, 2.174, 0, 1);
  }
  29.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, 0.01, 0, 1);
  }
  34.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.423, 1.423, 0, 1);
  }
  41.24% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.015, 0.015, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.582, 0.582, 0, 1);
  }
  52.95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0.001, 0, 1);
  }
  57.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.238, 0.238, 0, 1);
  }
  64.76% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
  }
  69.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.097, 0.097, 0, 1);
  }
  76.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0.002, 0, 1);
  }
  81.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.04, 0.04, 0, 1);
  }
  88.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.016, 0.016, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes bounce-to-top-left {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1);
  }
  2.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1);
            transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1);
  }
  5.76% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1);
            transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1);
            transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1);
  }
  8.68% {
    -webkit-transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1);
            transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1);
            transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1);
            transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1);
  }
  11.53% {
    -webkit-transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1);
            transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1);
            transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1);
            transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1);
            transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1);
  }
  19.23% {
    -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1);
            transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1);
            transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1);
            transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1);
            transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1);
  }
  26.94% {
    -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1);
            transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1);
            transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1);
            transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1);
  }
  42.35% {
    -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1);
            transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1);
  }
  57.77% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.36% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes bounce-to-top-left {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 20, 0, 1);
  }
  2.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.522, 9.015, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.487, 7.658, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.06, 7.373, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1);
            transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 6.865, 4.577, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.655, 2.437, 0, 1);
  }
  5.76% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.477, 2.318, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1);
            transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.38, 0.254, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1);
            transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.245, 0.164, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, -0.201, -0.134, 0, 1);
  }
  8.68% {
    -webkit-transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1);
            transform: matrix3d(1.12, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, -0.965, -0.643, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1);
            transform: matrix3d(1.014, 0, 0, 0, 0, 1.051, 0, 0, 0, 0, 1, 0, -1.685, -1.124, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1);
            transform: matrix3d(0.97, 0, 0, 0, 0, 1.061, 0, 0, 0, 0, 1, 0, -1.861, -1.241, 0, 1);
  }
  11.53% {
    -webkit-transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1);
            transform: matrix3d(0.945, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, -1.899, -1.266, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1);
            transform: matrix3d(0.927, 0, 0, 0, 0, 1.072, 0, 0, 0, 0, 1, 0, -1.862, -1.241, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1);
            transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.505, -1.004, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1);
            transform: matrix3d(0.908, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, -1.46, -0.974, 0, 1);
  }
  19.23% {
    -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1);
            transform: matrix3d(0.941, 0, 0, 0, 0, 1.057, 0, 0, 0, 0, 1, 0, -0.385, -0.257, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1);
            transform: matrix3d(0.947, 0, 0, 0, 0, 1.052, 0, 0, 0, 0, 1, 0, -0.272, -0.182, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1);
            transform: matrix3d(0.968, 0, 0, 0, 0, 1.033, 0, 0, 0, 0, 1, 0, -0.004, -0.002, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1);
            transform: matrix3d(0.983, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0.071, 0.047, 0, 1);
  }
  26.94% {
    -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1);
            transform: matrix3d(0.988, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0.076, 0.051, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1);
            transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.041, 0.027, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1);
            transform: matrix3d(1.002, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0.039, 0.026, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0.001, 0.001, 0, 1);
  }
  42.35% {
    -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1);
            transform: matrix3d(1.005, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, -0.003, -0.002, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -0.001, -0.001, 0, 1);
  }
  57.77% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.36% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes bounce-to-bottom-right {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1);
  }
  2.49% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1);
  }
  2.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1);
            transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1);
  }
  4.98% {
    -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1);
            transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1);
  }
  5.76% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1);
            transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1);
  }
  7.46% {
    -webkit-transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1);
            transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1);
            transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1);
            transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1);
  }
  8.68% {
    -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1);
            transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1);
  }
  9.95% {
    -webkit-transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1);
            transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1);
            transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1);
            transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1);
  }
  11.53% {
    -webkit-transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1);
            transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1);
            transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1);
            transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1);
            transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1);
  }
  16.37% {
    -webkit-transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1);
            transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1);
  }
  19.23% {
    -webkit-transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1);
            transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1);
            transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1);
  }
  22.8% {
    -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1);
            transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1);
            transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1);
            transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1);
  }
  26.94% {
    -webkit-transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1);
            transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1);
            transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1);
            transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1);
  }
  35.64% {
    -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1);
            transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1);
  }
  42.35% {
    -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
            transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
  }
  48.55% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
  }
  57.77% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.8% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.36% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes bounce-to-bottom-right {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30, -20, 0, 1);
  }
  2.49% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.601, -9.715, 0, 1);
  }
  2.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.522, -8.181, 0, 1);
  }
  3.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.487, -6.683, 0, 1);
  }
  3.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.06, -6.369, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1);
            transform: matrix3d(1.265, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.865, -3.321, 0, 1);
  }
  4.98% {
    -webkit-transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1);
            transform: matrix3d(1.306, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.609, -2.428, 0, 1);
  }
  5.69% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.655, -1.075, 0, 1);
  }
  5.76% {
    -webkit-transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1);
            transform: matrix3d(1.33, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.477, -0.954, 0, 1);
  }
  7.41% {
    -webkit-transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1);
            transform: matrix3d(1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.38, 1.007, 0, 1);
  }
  7.46% {
    -webkit-transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1);
            transform: matrix3d(1.244, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.313, 1.046, 0, 1);
  }
  7.51% {
    -webkit-transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1);
            transform: matrix3d(1.24, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.245, 1.083, 0, 1);
  }
  7.88% {
    -webkit-transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1);
            transform: matrix3d(1.161, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0.201, 1.406, 0, 1);
  }
  8.68% {
    -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1);
            transform: matrix3d(1.008, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0.965, 1.989, 0, 1);
  }
  9.95% {
    -webkit-transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1);
            transform: matrix3d(0.831, 0, 0, 0, 0, 1.326, 0, 0, 0, 0, 1, 0, 1.66, 2.475, 0, 1);
  }
  10.03% {
    -webkit-transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1);
            transform: matrix3d(0.823, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 1.685, 2.487, 0, 1);
  }
  10.85% {
    -webkit-transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1);
            transform: matrix3d(0.749, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 1.861, 2.511, 0, 1);
  }
  11.53% {
    -webkit-transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1);
            transform: matrix3d(0.705, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 1.899, 2.406, 0, 1);
  }
  12.22% {
    -webkit-transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1);
            transform: matrix3d(0.675, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 1.862, 2.212, 0, 1);
  }
  14.18% {
    -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1);
            transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.505, 1.433, 0, 1);
  }
  14.37% {
    -webkit-transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1);
            transform: matrix3d(0.643, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 1.46, 1.354, 0, 1);
  }
  16.37% {
    -webkit-transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1);
            transform: matrix3d(0.667, 0, 0, 0, 0, 1.47, 0, 0, 0, 0, 1, 0, 0.964, 0.606, 0, 1);
  }
  19.23% {
    -webkit-transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1);
            transform: matrix3d(0.742, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0.385, 0.004, 0, 1);
  }
  20.01% {
    -webkit-transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1);
            transform: matrix3d(0.765, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0.272, -0.071, 0, 1);
  }
  22.8% {
    -webkit-transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1);
            transform: matrix3d(0.847, 0, 0, 0, 0, 1.222, 0, 0, 0, 0, 1, 0, 0.017, -0.152, 0, 1);
  }
  23.05% {
    -webkit-transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1);
            transform: matrix3d(0.854, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.004, -0.15, 0, 1);
  }
  25.75% {
    -webkit-transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1);
            transform: matrix3d(0.922, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.071, -0.098, 0, 1);
  }
  26.94% {
    -webkit-transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1);
            transform: matrix3d(0.946, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.076, -0.07, 0, 1);
  }
  31.58% {
    -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1);
            transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.041, -0.003, 0, 1);
  }
  31.73% {
    -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1);
            transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.039, -0.002, 0, 1);
  }
  35.64% {
    -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1);
            transform: matrix3d(1.028, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -0.01, 0.008, 0, 1);
  }
  37.32% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.003, 0.007, 0, 1);
  }
  38.15% {
    -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1);
            transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.001, 0.006, 0, 1);
  }
  42.35% {
    -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
            transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.003, 0.002, 0, 1);
  }
  48.55% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
  }
  48.9% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.001, -0.001, 0, 1);
  }
  57.77% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.8% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.47% {
    -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.36% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@-webkit-keyframes buzz-quake {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  20% {
    -webkit-transform: translate(2px, -1px);
            transform: translate(2px, -1px);
  }
  30% {
    -webkit-transform: translate(0px, 1px);
            transform: translate(0px, 1px);
  }
  40% {
    -webkit-transform: translate(1px, 3px);
            transform: translate(1px, 3px);
  }
  50% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    -webkit-transform: translate(-3px, -1px);
            transform: translate(-3px, -1px);
  }
  70% {
    -webkit-transform: translate(-1px, -3px);
            transform: translate(-1px, -3px);
  }
  80% {
    -webkit-transform: translate(1px, -3px);
            transform: translate(1px, -3px);
  }
  90% {
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
  }
  100% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
}

@keyframes buzz-quake {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  20% {
    -webkit-transform: translate(2px, -1px);
            transform: translate(2px, -1px);
  }
  30% {
    -webkit-transform: translate(0px, 1px);
            transform: translate(0px, 1px);
  }
  40% {
    -webkit-transform: translate(1px, 3px);
            transform: translate(1px, 3px);
  }
  50% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  60% {
    -webkit-transform: translate(-3px, -1px);
            transform: translate(-3px, -1px);
  }
  70% {
    -webkit-transform: translate(-1px, -3px);
            transform: translate(-1px, -3px);
  }
  80% {
    -webkit-transform: translate(1px, -3px);
            transform: translate(1px, -3px);
  }
  90% {
    -webkit-transform: translate(0px, -1px);
            transform: translate(0px, -1px);
  }
  100% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
}

@-webkit-keyframes search-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5px, 10px);
            transform: translate(5px, 10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes search-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5px, 10px);
            transform: translate(5px, 10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes search-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes search-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes left-cloud {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
}

@keyframes left-cloud {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
}

@-webkit-keyframes right-cloud {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}

@keyframes right-cloud {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}

@-webkit-keyframes arrow-swing {
  0% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  55% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes arrow-swing {
  0% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  55% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes icon-tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg);
            transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg);
            transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes icon-tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg);
            transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, 5deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg);
            transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes drone-floating {
  0%,
100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}

@keyframes drone-floating {
  0%,
100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}

@-webkit-keyframes drone-winding {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 0% 100%;
  }
}

@keyframes drone-winding {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 0% 100%;
  }
}

@-webkit-keyframes submenu-simple-hover {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes submenu-simple-hover {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes thunder-sprite-step {
  0% {
    opacity: 0;
  }
  84% {
    opacity: 0;
  }
  85% {
    opacity: 1;
    background-position: 0 0;
  }
  99% {
    opacity: 1;
    background-position: -900px 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes thunder-sprite-step {
  0% {
    opacity: 0;
  }
  84% {
    opacity: 0;
  }
  85% {
    opacity: 1;
    background-position: 0 0;
  }
  99% {
    opacity: 1;
    background-position: -900px 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes logo-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2300px 0;
  }
}

@keyframes logo-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2300px 0;
  }
}

@-webkit-keyframes logo-jump-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2300px 0;
  }
}

@keyframes logo-jump-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2300px 0;
  }
}

@-webkit-keyframes logo-oar-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -256px;
  }
}

@keyframes logo-oar-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -256px;
  }
}

@-webkit-keyframes long-logo-oar-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -256px;
  }
}

@keyframes long-logo-oar-sprite-step {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -256px;
  }
}

@-webkit-keyframes logo-sword-sprite-step-forward {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -672px;
  }
}

@keyframes logo-sword-sprite-step-forward {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -672px;
  }
}

@-webkit-keyframes logo-sword-sprite-step-back {
  from {
    background-position: 0 -672px;
  }
  to {
    background-position: 0 -912px;
  }
}

@keyframes logo-sword-sprite-step-back {
  from {
    background-position: 0 -672px;
  }
  to {
    background-position: 0 -912px;
  }
}

@-webkit-keyframes logo-comic-sprite-step {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 -611px;
  }
  100% {
    background-position: 0 -611px;
  }
}

@keyframes logo-comic-sprite-step {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 -611px;
  }
  100% {
    background-position: 0 -611px;
  }
}

@-webkit-keyframes loading-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -1200px;
  }
}

@keyframes loading-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -1200px;
  }
}

@-webkit-keyframes sp-loading-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -600px;
  }
}

@keyframes sp-loading-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -600px;
  }
}

@-webkit-keyframes button-link-up {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3010px 0;
  }
}

@keyframes button-link-up {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3010px 0;
  }
}

@-webkit-keyframes button-link-down {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -9890px 0;
  }
}

@keyframes button-link-down {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -9890px 0;
  }
}

@-webkit-keyframes placole-left {
  0% {
    -webkit-transform: scale(0.8) translateX(120px);
            transform: scale(0.8) translateX(120px);
    opacity: 0;
  }
  4% {
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
    opacity: 1;
  }
  13% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes placole-left {
  0% {
    -webkit-transform: scale(0.8) translateX(120px);
            transform: scale(0.8) translateX(120px);
    opacity: 0;
  }
  4% {
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
    opacity: 1;
  }
  13% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes placole-right {
  0% {
    -webkit-transform: scale(0.9) translate(-100px, 60px);
            transform: scale(0.9) translate(-100px, 60px);
    opacity: 0;
  }
  4% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
  }
  13% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes placole-right {
  0% {
    -webkit-transform: scale(0.9) translate(-100px, 60px);
            transform: scale(0.9) translate(-100px, 60px);
    opacity: 0;
  }
  4% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    opacity: 1;
  }
  13% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes placole-center {
  0% {
    -webkit-transform: scale(0.8) translateY(60px);
            transform: scale(0.8) translateY(60px);
    opacity: 0;
  }
  6% {
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes placole-center {
  0% {
    -webkit-transform: scale(0.8) translateY(60px);
            transform: scale(0.8) translateY(60px);
    opacity: 0;
  }
  6% {
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes dragon-sprite {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -13800px 0;
  }
  100% {
    background-position: -13800px 0;
  }
}

@keyframes dragon-sprite {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -13800px 0;
  }
  100% {
    background-position: -13800px 0;
  }
}

@-webkit-keyframes arrow-flash {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow-flash {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes comic-hero-content-appear {
  0% {
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
  50% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  80% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  95% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes comic-hero-content-appear {
  0% {
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
  50% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  80% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  95% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes comic-hero-midashi-appear {
  0% {
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  80% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  95% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes comic-hero-midashi-appear {
  0% {
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
  50% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  80% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  95% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

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

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

@-webkit-keyframes sp-design-change-modal {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sp-design-change-modal {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes thunder-flash {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  5% {
    background-color: white;
  }
  8% {
    background-color: rgba(255, 255, 255, 0);
  }
  11% {
    background-color: white;
  }
  14% {
    background-color: rgba(255, 255, 255, 0);
  }
  17% {
    background-color: rgba(0, 0, 0, 0.7);
  }
  70% {
    background-color: rgba(0, 0, 0, 0);
  }
}

@keyframes thunder-flash {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  5% {
    background-color: white;
  }
  8% {
    background-color: rgba(255, 255, 255, 0);
  }
  11% {
    background-color: white;
  }
  14% {
    background-color: rgba(255, 255, 255, 0);
  }
  17% {
    background-color: rgba(0, 0, 0, 0.7);
  }
  70% {
    background-color: rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes pickup-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -960px 0;
  }
}

@keyframes pickup-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -960px 0;
  }
}

@-webkit-keyframes news-letter-scroll-button-anim {
  5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  10% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  15% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes news-letter-scroll-button-anim {
  5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  10% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  15% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@font-face {
  font-family: bombard;
  src: url(/../font/bombard.ttf) format("truetype"), url(/../font/bombard.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 17, app/assets/stylesheets/_common.scss */
.only-simple,
.only-comic,
.only-game,
.only-kamakura,
.only-tech {
  display: none;
}

/* line 26, app/assets/stylesheets/_common.scss */
body[data-design="simple"] .only-simple {
  display: block;
}

/* line 31, app/assets/stylesheets/_common.scss */
.disable_click {
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/_utility.scss */
.u-text-center {
  text-align: center;
}

/* line 5, app/assets/stylesheets/_utility.scss */
.u-mt-8 {
  margin-top: 8px;
}

/* line 8, app/assets/stylesheets/_utility.scss */
.u-mt-20 {
  margin-top: 20px;
}

/* line 12, app/assets/stylesheets/_utility.scss */
.u-mt-40 {
  margin-top: 40px;
}

/* line 15, app/assets/stylesheets/_utility.scss */
.u-float-none {
  float: none !important;
}

/* line 19, app/assets/stylesheets/_utility.scss */
.u-display-none {
  display: none;
}

/* line 23, app/assets/stylesheets/_utility.scss */
.u-flex-center-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

@media (max-width: 800px) {
  /* line 23, app/assets/stylesheets/_utility.scss */
  .u-flex-center-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* line 1, app/assets/stylesheets/extensions/sp/_common-table.scss */
.common-table, .division__table, .article__table, .markdown-rule table, .portfolio__article__body table, .portfolio__article__body--interview table, .article__content__document table {
  font-size: 12px;
  line-height: 1.625;
  margin: 2em 0em;
  word-break: break-all;
}

/* line 7, app/assets/stylesheets/extensions/sp/_common-table.scss */
.common-table th, .division__table th, .article__table th, .markdown-rule table th, .portfolio__article__body table th, .portfolio__article__body--interview table th, .article__content__document table th,
.common-table td,
.division__table td,
.article__table td,
.markdown-rule table td,
.portfolio__article__body table td,
.portfolio__article__body--interview table td,
.article__content__document table td {
  border: solid 1px #cccccc;
  padding: 1em;
}

/* line 12, app/assets/stylesheets/extensions/sp/_common-table.scss */
.common-table th, .division__table th, .article__table th, .markdown-rule table th, .portfolio__article__body table th, .portfolio__article__body--interview table th, .article__content__document table th {
  background-color: #f5f5f5;
  text-align: center;
}

/* line 15, app/assets/stylesheets/extensions/sp/_common-table.scss */
.common-table th.nest-header, .division__table th.nest-header, .article__table th.nest-header, .markdown-rule table th.nest-header, .portfolio__article__body table th.nest-header, .portfolio__article__body--interview table th.nest-header, .article__content__document table th.nest-header {
  width: 2em;
  background-color: #e0e0e0;
  font-weight: bold;
  font-size: 16px;
}

/* line 1, app/assets/stylesheets/extensions/sp/_error-text.scss */
.error-text, .formtype__contact-terms-check__error, .common-checkbox.is-error:before, .formtype__form input.is-error[type="checkbox"]:before, .formtype__form--entry input.is-error[type="checkbox"]:before, .alert {
  font-size: 14px;
}

/* line 6, app/assets/stylesheets/extensions/sp/_error-text.scss */
body[data-design="simple"] .error-text, body[data-design="simple"] .formtype__contact-terms-check__error, body[data-design="simple"] .common-checkbox.is-error:before, body[data-design="simple"] .formtype__form input.is-error[type="checkbox"]:before, body[data-design="simple"] .formtype__form--entry input.is-error[type="checkbox"]:before, .formtype__form body[data-design="simple"] input.is-error[type="checkbox"]:before, .formtype__form--entry body[data-design="simple"] input.is-error[type="checkbox"]:before, body[data-design="simple"] .alert {
  color: #f15151;
}

/* line 1, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule, .portfolio__article__body, .portfolio__article__body--interview, .article__content__document {
  font-size: 16px;
  line-height: 1.75;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* line 7, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h1, .portfolio__article__body h1, .portfolio__article__body--interview h1, .article__content__document h1,
.markdown-rule h2,
.portfolio__article__body h2,
.portfolio__article__body--interview h2,
.article__content__document h2,
.markdown-rule h3,
.portfolio__article__body h3,
.portfolio__article__body--interview h3,
.article__content__document h3,
.markdown-rule h4,
.portfolio__article__body h4,
.portfolio__article__body--interview h4,
.article__content__document h4 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.48;
}

/* line 16, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h1:first-child, .portfolio__article__body h1:first-child, .portfolio__article__body--interview h1:first-child, .article__content__document h1:first-child,
.markdown-rule h2:first-child,
.portfolio__article__body h2:first-child,
.portfolio__article__body--interview h2:first-child,
.article__content__document h2:first-child,
.markdown-rule h3:first-child,
.portfolio__article__body h3:first-child,
.portfolio__article__body--interview h3:first-child,
.article__content__document h3:first-child,
.markdown-rule h4:first-child,
.portfolio__article__body h4:first-child,
.portfolio__article__body--interview h4:first-child,
.article__content__document h4:first-child {
  margin-top: 0;
}

/* line 21, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h1, .portfolio__article__body h1, .portfolio__article__body--interview h1, .article__content__document h1 {
  font-size: 27px;
}

/* line 24, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h2, .portfolio__article__body h2, .portfolio__article__body--interview h2, .article__content__document h2 {
  font-size: 24px;
}

/* line 27, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h3, .portfolio__article__body h3, .portfolio__article__body--interview h3, .article__content__document h3 {
  font-size: 20px;
}

/* line 30, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule h4, .portfolio__article__body h4, .portfolio__article__body--interview h4, .article__content__document h4 {
  font-size: 16px;
}

/* line 34, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule hr, .portfolio__article__body hr, .portfolio__article__body--interview hr, .article__content__document hr {
  margin: 24px 0px;
  padding: 0px;
  border: none;
  border-bottom: solid 1px #eeeeee;
}

/* line 41, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule iframe, .portfolio__article__body iframe, .portfolio__article__body--interview iframe, .article__content__document iframe {
  display: block;
  margin: 30px 0px;
  width: 100%;
  height: 470.4375px;
}

/* line 52, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule strong, .portfolio__article__body strong, .portfolio__article__body--interview strong, .article__content__document strong,
.markdown-rule h5,
.portfolio__article__body h5,
.portfolio__article__body--interview h5,
.article__content__document h5 {
  font-weight: bold;
}

/* line 57, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule em, .portfolio__article__body em, .portfolio__article__body--interview em, .article__content__document em {
  font-style: italic;
}

/* line 61, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule figcaption, .portfolio__article__body figcaption, .portfolio__article__body--interview figcaption, .article__content__document figcaption,
.markdown-rule small,
.portfolio__article__body small,
.portfolio__article__body--interview small,
.article__content__document small {
  font-size: 80%;
}

/* line 66, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule p, .portfolio__article__body p, .portfolio__article__body--interview p, .article__content__document p {
  margin: 1.25em 0em;
}

/* line 68, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule p:first-child, .portfolio__article__body p:first-child, .portfolio__article__body--interview p:first-child, .article__content__document p:first-child {
  margin-top: 0;
}

/* line 73, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule ul, .portfolio__article__body ul, .portfolio__article__body--interview ul, .article__content__document ul,
.markdown-rule ol,
.portfolio__article__body ol,
.portfolio__article__body--interview ol,
.article__content__document ol {
  margin: 1em 0em;
  text-indent: 1em;
}

/* line 77, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule ul li, .portfolio__article__body ul li, .portfolio__article__body--interview ul li, .article__content__document ul li,
.markdown-rule ol li,
.portfolio__article__body ol li,
.portfolio__article__body--interview ol li,
.article__content__document ol li {
  margin-left: 1.5em;
  position: relative;
  text-indent: 0px;
}

/* line 83, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule ul li, .portfolio__article__body ul li, .portfolio__article__body--interview ul li, .article__content__document ul li {
  list-style-type: disc;
}

/* line 86, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule ol li, .portfolio__article__body ol li, .portfolio__article__body--interview ol li, .article__content__document ol li {
  list-style-type: decimal;
}

/* line 91, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule dl dt, .portfolio__article__body dl dt, .portfolio__article__body--interview dl dt, .article__content__document dl dt {
  font-weight: bold;
  margin-top: 10px;
}

/* line 97, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule blockquote, .portfolio__article__body blockquote, .portfolio__article__body--interview blockquote, .article__content__document blockquote {
  font-size: 12px;
  line-height: 20px;
  font-style: italic;
}

/* line 103, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header, .portfolio__article__body header, .portfolio__article__body--interview header, .article__content__document header {
  background-color: #f7f7f7;
  margin: 8px 0px 32px;
  padding: 20px;
  font-size: 14px;
}

/* line 109, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header h3, .portfolio__article__body header h3, .portfolio__article__body--interview header h3, .article__content__document header h3 {
  font-size: 16px;
}

/* line 113, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header a, .portfolio__article__body header a, .portfolio__article__body--interview header a, .article__content__document header a {
  color: inherit;
  text-decoration: none;
  border-bottom: dotted 1px #4c4c4c;
}

/* line 119, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header table, .portfolio__article__body header table, .portfolio__article__body--interview header table, .article__content__document header table {
  margin: 0px;
  margin-top: 16px;
}

/* line 122, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header table th, .portfolio__article__body header table th, .portfolio__article__body--interview header table th, .article__content__document header table th,
.markdown-rule header table td,
.portfolio__article__body header table td,
.portfolio__article__body--interview header table td,
.article__content__document header table td {
  border: none;
  padding: 0.5em 0em;
  vertical-align: top;
}

/* line 128, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header table th, .portfolio__article__body header table th, .portfolio__article__body--interview header table th, .article__content__document header table th {
  background-color: transparent;
  text-align: left;
  font-weight: bold;
  padding-right: 1.5em;
  border-right: solid 1px #eeeeee;
}

/* line 135, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule header table td, .portfolio__article__body header table td, .portfolio__article__body--interview header table td, .article__content__document header table td {
  padding-left: 1.5em;
}

/* line 141, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule img, .portfolio__article__body img, .portfolio__article__body--interview img, .article__content__document img {
  max-width: 100%;
}

/* line 143, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule img.right-thumbnail, .portfolio__article__body img.right-thumbnail, .portfolio__article__body--interview img.right-thumbnail, .article__content__document img.right-thumbnail {
  display: block;
  margin: auto;
  margin-bottom: 16px;
  max-width: 130px;
}

/* line 149, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule img.with-dropshadow, .portfolio__article__body img.with-dropshadow, .portfolio__article__body--interview img.with-dropshadow, .article__content__document img.with-dropshadow {
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
}

/* line 156, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule table th, .portfolio__article__body table th, .portfolio__article__body--interview table th, .article__content__document table th {
  white-space: nowrap;
}

/* line 161, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule table ul li, .portfolio__article__body table ul li, .portfolio__article__body--interview table ul li, .article__content__document table ul li,
.markdown-rule table ol li,
.portfolio__article__body table ol li,
.portfolio__article__body--interview table ol li,
.article__content__document table ol li {
  font-weight: normal;
}

/* line 167, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-video-embed, .portfolio__article__body .kayac-video-embed, .portfolio__article__body--interview .kayac-video-embed, .article__content__document .kayac-video-embed {
  margin: 8px 0px;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

/* line 174, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-video-embed:first-child, .portfolio__article__body .kayac-video-embed:first-child, .portfolio__article__body--interview .kayac-video-embed:first-child, .article__content__document .kayac-video-embed:first-child {
  margin-top: 0;
}

/* line 177, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-video-embed iframe, .portfolio__article__body .kayac-video-embed iframe, .portfolio__article__body--interview .kayac-video-embed iframe, .article__content__document .kayac-video-embed iframe {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 187, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-embed, .portfolio__article__body .kayac-embed, .portfolio__article__body--interview .kayac-embed, .article__content__document .kayac-embed {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0px;
  margin-bottom: 8px;
}

/* line 195, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-article-link, .portfolio__article__body .kayac-article-link, .portfolio__article__body--interview .kayac-article-link, .article__content__document .kayac-article-link {
  list-style-type: none;
  margin: 8px 0px;
  font-weight: normal;
  font-size: 14px;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.markdown-rule .kayac-article-link a:before, .portfolio__article__body .kayac-article-link a:before, .portfolio__article__body--interview .kayac-article-link a:before, .article__content__document .kayac-article-link a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 202, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-article-link a:before, .portfolio__article__body .kayac-article-link a:before, .portfolio__article__body--interview .kayac-article-link a:before, .article__content__document .kayac-article-link a:before {
  margin-right: 0.5em;
}

/* line 208, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-full-image, .portfolio__article__body .kayac-full-image, .portfolio__article__body--interview .kayac-full-image, .article__content__document .kayac-full-image,
.markdown-rule .kayac-image-table,
.portfolio__article__body .kayac-image-table,
.portfolio__article__body--interview .kayac-image-table,
.article__content__document .kayac-image-table {
  font-size: 12px;
  line-height: 20px;
  color: #4c4c4c;
  margin: 8px 0;
}

/* line 216, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-full-image img, .portfolio__article__body .kayac-full-image img, .portfolio__article__body--interview .kayac-full-image img, .article__content__document .kayac-full-image img {
  display: block;
  max-width: 100%;
}

/* line 221, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table, .portfolio__article__body .kayac-image-table, .portfolio__article__body--interview .kayac-image-table, .article__content__document .kayac-image-table {
  overflow: hidden;
  margin-top: 8px;
}

/* line 224, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table:first-child, .portfolio__article__body .kayac-image-table:first-child, .portfolio__article__body--interview .kayac-image-table:first-child, .article__content__document .kayac-image-table:first-child {
  margin-top: 0px;
}

/* line 228, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table li, .portfolio__article__body .kayac-image-table li, .portfolio__article__body--interview .kayac-image-table li, .article__content__document .kayac-image-table li {
  list-style-type: none;
  margin: 0px;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
}

/* line 235, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table li:nth-child(odd), .portfolio__article__body .kayac-image-table li:nth-child(odd), .portfolio__article__body--interview .kayac-image-table li:nth-child(odd), .article__content__document .kayac-image-table li:nth-child(odd) {
  padding-right: 4px;
}

/* line 238, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table li:nth-child(even), .portfolio__article__body .kayac-image-table li:nth-child(even), .portfolio__article__body--interview .kayac-image-table li:nth-child(even), .article__content__document .kayac-image-table li:nth-child(even) {
  padding-left: 4px;
}

/* line 241, app/assets/stylesheets/extensions/sp/_markdown-rule.scss */
.markdown-rule .kayac-image-table li img, .portfolio__article__body .kayac-image-table li img, .portfolio__article__body--interview .kayac-image-table li img, .article__content__document .kayac-image-table li img {
  display: block;
  width: 100%;
}

/* line 1, app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */
.mini-dice-list {
  overflow: hidden;
  margin: 16px 0px;
  padding-right: 32px;
  font-size: 0px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.mini-dice-list:before, .mini-dice-list:after {
  content: "";
  display: block;
  clear: both;
}

/* line 212, app/assets/stylesheets/_mixin.scss */
.mini-dice-list > * {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  vertical-align: top;
  width: 33.3333333333%;
}

/* line 220, app/assets/stylesheets/_mixin.scss */
.mini-dice-list > *:nth-child(3n + 1) {
  left: 0px;
}

/* line 220, app/assets/stylesheets/_mixin.scss */
.mini-dice-list > *:nth-child(3n + 2) {
  left: 16px;
}

/* line 220, app/assets/stylesheets/_mixin.scss */
.mini-dice-list > *:nth-child(3n + 3) {
  left: 32px;
}

/* line 7, app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */
.mini-dice-list__thumb {
  display: block;
  width: 100%;
  height: auto;
}

/* line 13, app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */
.mini-dice-list__nickname {
  display: block;
  margin-top: 16px;
  font-size: 14px;
}

/* line 19, app/assets/stylesheets/extensions/sp/_mini-dice-list.scss */
.mini-dice-list__score {
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/extensions/sp/_pickup.scss */
.top_news__inner__info__meta__pickup {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  color: #ff6666;
  border-style: solid;
  border-width: 2px;
  border-color: currentColor;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  padding: 1px 4px;
  border-radius: 2px;
  top: -3px;
  margin-right: 4px;
}

/* line 1, app/assets/stylesheets/extensions/sp/_rival-list.scss */
.rival-list {
  margin: 16px 0px;
  font-size: 14px;
}

/* line 6, app/assets/stylesheets/extensions/sp/_rival-list.scss */
.rival-list__item {
  margin-bottom: 8px;
}

/* line 10, app/assets/stylesheets/extensions/sp/_rival-list.scss */
.rival-list__thumb {
  width: 240px;
}

/* line 13, app/assets/stylesheets/extensions/sp/_rival-list.scss */
.rival-list__thumb img {
  width: 50%;
  height: auto;
}

/* line 1, app/assets/stylesheets/extensions/sp/_text-link.scss */
.text-link, .smile-content__inner__from_to__name, .term-list a, .term-list--recruit a, .search__result__item__url, .portfolio__credit__partner a, .portfolio__sidebar__block__document a, .division__impartible-section a, .division__section a, .division__section--award a, .article__content__thumbs a, .article__content__banner a, .article__content__body ul li a, .article__content__body--second ul li a, .article__text-link, .ranking-list a, .common-table a, .division__table a, .article__table a, .markdown-rule a, .portfolio__article__body a, .portfolio__article__body--interview a, .article__content__document a {
  color: #1b9af7;
}

/* line 3, app/assets/stylesheets/modules/sp/_article.scss */
.article {
  margin: 16px auto;
}

/* line 6, app/assets/stylesheets/modules/sp/_article.scss */
.article * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 9, app/assets/stylesheets/modules/sp/_article.scss */
.article img {
  max-width: 100%;
}

/* line 18, app/assets/stylesheets/modules/sp/_article.scss */
.article__content {
  position: relative;
}

/* line 22, app/assets/stylesheets/modules/sp/_article.scss */
.article__content--company-institution-mission .common-button, .article__content--company-institution-mission .sendbar__submit, .article__content--company-institution-mission .sendbar__submit--search, .article__content--company-institution-mission .sendbar__submit--strong, .article__content--company-institution-mission .common-intro__article__top-btn, .article__content--company-institution-mission .common-button--strong, .article__content--company-institution-mission body[data-design="simple"] .more_info, body[data-design="simple"] .article__content--company-institution-mission .more_info, .article__content--company-institution-mission .formtype__submit, .article__content--company-institution-mission .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin .article__content--company-institution-mission .button--yellow, .article__content--company-institution-mission .common-button--recommend-machino-coin .button--blue, .common-button--recommend-machino-coin .article__content--company-institution-mission .button--blue, .article__content--company-institution-mission .common-button--recommend div, .article__content--company-institution-mission .common-button--recommend-fanda div, .article__content--company-institution-mission .common-button--recommend-esports div, .article__content--company-institution-mission .common-button--recommend-realkamakuraestate div, .article__content--company-institution-mission .common-button--recommend-kamakura div, .article__content--company-institution-mission .common-button--recommend-jitakusou div, .article__content--company-institution-mission .common-button--recommend-placole div, .article__content--company-institution-mission .common-button--recommend-rankers div, .article__content--company-institution-mission .common-button--recommend-jagmo div, .article__content--company-institution-mission .common-button--recommend-lobi div, .common-button--recommend .article__content--company-institution-mission div, .common-button--recommend-fanda .article__content--company-institution-mission div, .common-button--recommend-esports .article__content--company-institution-mission div, .common-button--recommend-realkamakuraestate .article__content--company-institution-mission div, .common-button--recommend-kamakura .article__content--company-institution-mission div, .common-button--recommend-jitakusou .article__content--company-institution-mission div, .common-button--recommend-placole .article__content--company-institution-mission div, .common-button--recommend-rankers .article__content--company-institution-mission div, .common-button--recommend-jagmo .article__content--company-institution-mission div, .common-button--recommend-lobi .article__content--company-institution-mission div, .article__content--company-institution-mission .article__sidebar__button-block div, .article__sidebar__button-block .article__content--company-institution-mission div, .article__content--company-institution-mission .common-button--strongest, .article__content--company-institution-mission .article__content__button, .article__content--company-institution-mission .article__content__bottom__link__button {
  margin: 8px 0;
}

/* line 28, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__title, .article__content__title--no-border {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  padding: 26px 16px;
  border-bottom: solid 1px #eeeeee;
}

/* line 34, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__title img, .article__content__title--no-border img {
  position: absolute;
  margin: 0px 16px;
  margin-top: 0.7em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 41, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__title--no-border {
  padding-bottom: 0px;
  border-bottom: none;
}

/* line 47, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__copy {
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header {
  position: relative;
  padding: 32px 16px;
  border-bottom: 2px solid #f5f5f5;
}

/* line 57, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__info {
  overflow: hidden;
}

/* line 61, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__info__date {
  font-family: "Ubuntu";
  font-style: italic;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1;
}

/* line 69, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__title {
  font-size: 20px;
  font-weight: bold;
}

/* line 74, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__title__series {
  font-size: 10px;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 77, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__title__series strong {
  margin-left: 3px;
  font-size: 12px;
  font-family: "Ubuntu";
  font-style: italic;
}

/* line 85, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__social {
  margin-top: 20px;
  line-height: 1;
}

/* line 90, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__social__tab {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

/* line 96, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__meta {
  line-height: 1.3;
  margin-top: 10px;
}

/* line 101, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__category {
  display: inline-block;
  font-family: "Ubuntu";
  font-size: 12px;
  font-style: italic;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="1"] {
  color: #33c8ff;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="1"] .inner-link:before {
  background-color: #33c8ff;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="2"] {
  color: #7275e9;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="2"] .inner-link:before {
  background-color: #7275e9;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="3"] {
  color: #fc880f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="3"] .inner-link:before {
  background-color: #fc880f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="4"] {
  color: #49e845;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="4"] .inner-link:before {
  background-color: #49e845;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="5"] {
  color: #ff599f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="5"] .inner-link:before {
  background-color: #ff599f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="6"] {
  color: #cf57fb;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__news-header__category[data-category="6"] .inner-link:before {
  background-color: #cf57fb;
}

/* line 109, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag {
  display: inline;
  font-size: 11px;
}

/* line 113, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag:before {
  content: "｜";
}

/* line 117, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag li {
  display: inline;
}

/* line 119, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag li:after {
  content: " / ";
}

/* line 123, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag li:last-child:after {
  display: none;
}

/* line 129, app/assets/stylesheets/modules/sp/_article.scss */
.article__news-header__tag a {
  text-decoration: none;
  color: inherit;
}

/* line 135, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__main-image, .article__infographics-img-unit__main-title {
  text-align: center;
  margin: 0 auto 1em !important;
}

/* line 140, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__box {
  margin: 16px 0px;
}

/* line 143, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__box:first-child {
  margin-top: 0px;
}

/* line 146, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__box.is-unavailable {
  background-color: #f7f7f7 !important;
}

/* line 149, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__box.is-unavailable a {
  color: inherit;
}

/* line 155, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body, .article__content__body--second {
  padding: 32px 16px;
  font-size: 16px;
}

/* line 159, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h1, .article__content__body--second h1,
.article__content__body h2,
.article__content__body--second h2,
.article__content__body h3,
.article__content__body--second h3,
.article__content__body h4,
.article__content__body--second h4,
.article__content__body h5,
.article__content__body--second h5 {
  font-weight: bold;
}

/* line 166, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h1, .article__content__body--second h1 {
  font-size: 27px;
}

/* line 169, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h2, .article__content__body--second h2 {
  font-size: 24px;
}

/* line 172, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h3, .article__content__body--second h3,
.article__content__body .is-title-font,
.article__content__body--second .is-title-font {
  font-size: 20px;
}

/* line 176, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h4, .article__content__body--second h4 {
  font-size: 16px;
}

/* line 179, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body h5, .article__content__body--second h5 {
  font-size: 16px;
  margin-top: 1em;
}

/* line 183, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body p, .article__content__body--second p {
  line-height: 2;
  margin: 1em auto 2em;
}

/* line 187, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body p:last-child, .article__content__body--second p:last-child {
  margin-bottom: 0;
}

/* line 191, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body strong, .article__content__body--second strong {
  font-weight: bold;
}

/* line 194, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body small, .article__content__body--second small {
  font-size: 80%;
}

/* line 197, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body hr, .article__content__body--second hr {
  background-color: none;
  height: 0px;
  margin: 38px 0px;
  padding: 0px;
  border: none;
  border-top: solid 2px #eeeeee;
}

/* line 206, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body ul.disc, .article__content__body--second ul.disc {
  list-style-type: disc;
}

/* line 209, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body ul.inside, .article__content__body--second ul.inside {
  list-style-position: inside;
}

/* line 212, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body ul.mb, .article__content__body--second ul.mb {
  margin-bottom: 1.5rem;
}

/* line 221, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body .notice, .article__content__body--second .notice {
  font-size: 12px;
}

/* line 224, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body .is-emphasis-paragraph, .article__content__body--second .is-emphasis-paragraph {
  margin: 1em auto 3em;
}

/* line 227, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body .is-no-margin, .article__content__body--second .is-no-margin {
  margin: 0;
}

/* line 231, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__body--second {
  padding-top: 0px;
}

/* line 236, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__document {
  padding: 32px 16px;
}

/* line 241, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__iframe {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

/* line 247, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 256, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__social-footer {
  padding: 0 16px 32px;
  line-height: 1;
}

/* line 261, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__social-footer__tab {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

/* line 267, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber {
  position: relative;
  overflow: hidden;
  font-size: 14px;
}

/* line 273, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber__vol {
  font-style: italic;
  font-size: 14px;
}

/* line 278, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

/* line 284, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber__date {
  font-size: 11px;
  font-style: italic;
}

/* line 289, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber__image {
  width: 138px;
  height: 138px;
  margin-left: 16px;
  float: right;
  background-size: cover;
  background-position: center;
}

/* line 296, app/assets/stylesheets/modules/sp/_article.scss */
.article__backnumber__image span {
  display: none;
}

/* line 301, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-title {
  margin: 0.5em auto !important;
}

/* line 303, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-title small {
  font-size: 60%;
  font-weight: normal;
}

/* line 309, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__photoblock {
  margin-top: 1em;
}

/* line 311, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__photoblock img {
  margin-right: 5px;
}

/* line 316, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner {
  border: solid 1px #cccccc;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 322, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner h4 {
  font-size: 16px;
  font-weight: bold;
}

/* line 326, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner p {
  font-size: 14px;
  line-height: 1.6;
  margin: 1em auto 1.5em;
}

/* line 336, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner__left {
  padding: 1.3em;
  padding-bottom: 0;
}

/* line 340, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner__right {
  font-size: 0;
  margin: 0;
}

/* line 343, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__banner__right img {
  max-width: 323px;
}

/* line 348, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
}

/* line 354, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

/* line 358, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0.5em auto 0;
}

/* line 363, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs a {
  font-size: 12px;
}

/* line 368, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs__item {
  margin-right: 16px;
  max-width: 192px;
}

/* line 373, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__thumbs__item__title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0.5em;
}

/* line 379, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom {
  margin: 15px auto 0;
  min-height: 252px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.article__content__bottom:before, .article__content__bottom:after {
  content: "";
  display: block;
  clear: both;
}

/* line 386, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link, .article__content__bottom__link--right, .article__content__bottom__link--left {
  padding: 30px;
  position: relative;
}

/* line 391, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link small, .article__content__bottom__link--right small, .article__content__bottom__link--left small {
  font-size: 70%;
  font-weight: normal;
  margin-bottom: 1em;
}

/* line 396, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link h3, .article__content__bottom__link--right h3, .article__content__bottom__link--left h3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* line 402, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link p, .article__content__bottom__link--right p, .article__content__bottom__link--left p {
  font-size: 14px;
  line-height: 1.7;
}

/* line 406, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link .yanasan, .article__content__bottom__link--right .yanasan, .article__content__bottom__link--left .yanasan {
  position: absolute;
  right: 12px;
  bottom: 20px;
}

/* line 413, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link--left {
  margin-right: 15px;
}

/* line 416, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link--left a {
  font-family: "Ubuntu";
}

/* line 425, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link__text {
  margin-bottom: 1em;
}

/* line 429, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__bottom__link__button {
  min-width: 150px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

/* line 437, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 442, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list a {
  color: inherit;
  text-decoration: none;
  display: block;
}

/* line 448, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list__item, .article__content__block-list__item--large {
  border: solid 1px #cccccc;
  margin-top: 16px;
  width: 100%;
}

/* line 456, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list__item--large img {
  width: 100%;
}

/* line 460, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list__item__inner {
  padding: 1.3em 1.2em;
}

/* line 463, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list__title {
  font-size: 18px !important;
  font-weight: bold;
  margin: 0 !important;
}

/* line 468, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__block-list__description {
  font-size: 14px;
  margin-top: 1.3em;
}

/* line 473, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__list-title {
  font-weight: bold;
  margin: 2.5em auto 1em !important;
}

/* line 481, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__button {
  width: 100%;
  text-align: left;
}

/* line 485, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__button a {
  padding: 1em;
}

/* line 490, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__center-block {
  text-align: center;
}

/* line 492, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__center-block p {
  margin: 0;
}

/* line 497, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__notice {
  font-size: 14px;
  margin: 1em auto;
}

/* line 502, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__unavailable-label {
  color: #fff;
  background-color: #666666;
  font-weight: bold;
  text-align: center;
}

/* line 510, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__datetime {
  font-size: 12px;
}

/* line 514, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1em;
}

/* line 520, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__item {
  border: solid 1px #cccccc;
  width: 49%;
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
}

/* line 526, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__item a {
  display: block;
  color: inherit !important;
  text-decoration: none;
}

/* line 532, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__cover {
  font-size: 0;
}

/* line 534, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__cover img {
  width: 100%;
}

/* line 538, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__info {
  padding: 10px;
  min-height: 95px;
  font-size: 11px;
}

/* line 543, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
}

/* line 548, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__footer {
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
  line-height: normal;
}

/* line 553, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__footer p {
  margin: 0;
}

/* line 557, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__date {
  font-style: italic;
}

/* line 561, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__client:before {
  content: " ｜";
}

/* line 566, app/assets/stylesheets/modules/sp/_article.scss */
.article__card-list__category:before {
  content: " ｜";
}

/* line 570, app/assets/stylesheets/modules/sp/_article.scss */
.article__cover-list {
  margin-top: 16px;
  font-size: 0;
}

/* line 574, app/assets/stylesheets/modules/sp/_article.scss */
.article__cover-list__item {
  display: inline-block;
  width: 100%;
  height: 163px;
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 585, app/assets/stylesheets/modules/sp/_article.scss */
.article__cover-list__text {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 592, app/assets/stylesheets/modules/sp/_article.scss */
.article__cover-list__text h6 {
  font-size: 36px;
  font-weight: bold;
}

/* line 596, app/assets/stylesheets/modules/sp/_article.scss */
.article__cover-list__text small {
  font-size: 16px;
}

/* line 604, app/assets/stylesheets/modules/sp/_article.scss */
.article__faq__question {
  margin-top: 1em;
}

/* line 607, app/assets/stylesheets/modules/sp/_article.scss */
.article__faq__answer {
  font-weight: bold;
  margin-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #dddddd;
}

/* line 612, app/assets/stylesheets/modules/sp/_article.scss */
.article__faq__answer > a {
  color: #1b9af7;
}

/* line 615, app/assets/stylesheets/modules/sp/_article.scss */
.article__faq__answer:last-child {
  border: none;
}

/* line 620, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 625, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item {
  width: 50%;
  margin-top: 16px;
}

/* line 629, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item:nth-child(2n + 1) {
  padding-right: 8px;
}

/* line 632, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item:nth-child(2n) {
  padding-left: 8px;
}

/* line 636, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item a {
  display: block;
  position: relative;
  height: 210px;
  padding-right: 210px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

/* line 647, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 30px 35px;
}

/* line 653, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item p {
  margin: 30px 35px;
  font-size: 13px;
}

/* line 659, app/assets/stylesheets/modules/sp/_article.scss */
.article__shortlist__item__thumb {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 210px;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* line 677, app/assets/stylesheets/modules/sp/_article.scss */
.article__table__list__item {
  position: relative;
  padding-left: 1em;
}

/* line 680, app/assets/stylesheets/modules/sp/_article.scss */
.article__table__list__item:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 689, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit, .article__img-unit--map {
  overflow: hidden;
  margin-bottom: 56px;
  font-size: 16px;
  line-height: 1.75;
}

/* line 695, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit:last-child, .article__img-unit--map:last-child {
  margin-bottom: 0;
}

/* line 698, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit p:last-child, .article__img-unit--map p:last-child {
  margin-bottom: 0;
}

/* line 703, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit--map {
  margin: 24px auto 0;
  border: solid 1px #cccccc;
}

/* line 708, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit--map:last-child {
  margin-bottom: 10px;
}

/* line 712, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit--map p {
  margin: 0px;
  padding: 16px;
  height: 160px;
  line-height: 1.5;
}

/* line 720, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit--map .article__img-unit__right img, .article__img-unit--map .article__img-unit__right--visit img, .article__img-unit--map .article__img-unit__right--large img {
  width: 100%;
}

/* line 726, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__title {
  font-size: 20px;
  font-weight: bold;
}

/* line 731, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__label, .article__img-unit__label--red {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  color: #999999;
  border: solid 2px #999999;
  border-radius: 3px;
  font-family: "Ubuntu";
  font-size: 17px;
  line-height: 30px;
  width: 95px;
  height: 30px;
}

/* line 744, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__label--red {
  border: none;
  background-color: #ef5350;
  color: #fff;
}

/* line 751, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__right, .article__img-unit__right--visit, .article__img-unit__right--large {
  position: relative;
  text-align: center;
}

/* line 754, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__right img, .article__img-unit__right--visit img, .article__img-unit__right--large img {
  width: 327px;
}

/* line 761, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__right--large img {
  width: 327px;
}

/* line 767, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__right--visit img {
  width: 327px;
}

/* line 776, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit__sub-company {
  padding-left: 1em;
  margin-top: 1em;
}

/* line 783, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__document__box .article__img-unit--sdgs:not(:first-of-type) {
  border-top: 2px solid #0089d2;
}

/* line 787, app/assets/stylesheets/modules/sp/_article.scss */
.article__content__document__box .article__img-unit--infographics {
  margin-bottom: 65px;
}

/* line 791, app/assets/stylesheets/modules/sp/_article.scss */
.article__img-unit--sdgs {
  margin-bottom: 25px;
}

/* line 794, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__main-title {
  margin-bottom: 10px;
}

/* line 796, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__main-title img {
  width: 100%;
  height: auto;
}

/* line 801, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__sub-title {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

/* line 805, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__title {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  color: #0089d2;
}

/* line 810, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__link {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #38a6f8;
}

/* line 816, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__image {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 819, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__image img {
  width: 100%;
  height: auto;
}

/* line 824, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__caption {
  margin: 20px 0 5px;
  font-size: 14px;
}

/* line 829, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4%;
  margin-bottom: -4%;
}

/* line 835, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__item {
  width: 22%;
  margin-bottom: 4%;
  list-style: none;
}

/* line 839, app/assets/stylesheets/modules/sp/_article.scss */
.article__sdgs-img-unit__item img {
  display: block;
}

/* line 848, app/assets/stylesheets/modules/sp/_article.scss */
.article__infographics-img-unit__title {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

/* line 852, app/assets/stylesheets/modules/sp/_article.scss */
.article__infographics-img-unit__image {
  margin-top: 25px;
  margin-bottom: 20px;
  text-align: center;
}

/* line 856, app/assets/stylesheets/modules/sp/_article.scss */
.article__infographics-img-unit__image img {
  width: 70%;
  height: auto;
}

/* line 862, app/assets/stylesheets/modules/sp/_article.scss */
.article__press {
  border: solid 2px #cccccc;
  padding: 16px 0px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

/* line 869, app/assets/stylesheets/modules/sp/_article.scss */
.article__press strong {
  display: block;
  font-size: 24px;
  margin-bottom: 8px;
}

/* line 876, app/assets/stylesheets/modules/sp/_article.scss */
.article__tab {
  display: none;
}

/* line 880, app/assets/stylesheets/modules/sp/_article.scss */
.article__links {
  /* nothing */
}

/* line 884, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__title {
  padding: 32px 16px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: solid 1px #eeeeee;
}

/* line 891, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__title__sub {
  font-weight: normal;
  font-size: 16px;
}

/* line 896, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__list, .news-card-unit__list {
  padding: 0 16px;
  color: #4c4c4c;
}

/* line 901, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__list__item, .news-card-unit__list__item {
  display: block;
  padding: 20px 0;
  border-bottom: solid 1px #eeeeee;
  color: inherit;
  text-decoration: none;
  font-size: 15px;
}

/* line 908, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__list__item:last-child, .news-card-unit__list__item:last-child {
  border-bottom: none;
}

/* line 913, app/assets/stylesheets/modules/sp/_article.scss */
.article__links__footer {
  margin: 0px 32px;
  padding: 32px 0px;
  text-align: center;
}

/* line 923, app/assets/stylesheets/modules/sp/_article.scss */
.article__three__item {
  margin: 16px 0px;
}

/* line 927, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar {
  margin-top: 16px;
}

/* line 929, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar a {
  color: inherit;
  text-decoration: none;
  display: block;
}

/* line 936, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__title {
  margin-top: 16px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  padding: 32px 16px;
  border-bottom: 1px solid #eeeeee;
}

/* line 954, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__box {
  margin-bottom: 16px;
}

/* line 958, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__box:last-child {
  margin-bottom: 0;
}

/* line 963, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__box__title, .news-card-unit__title {
  padding: 32px 16px;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  border-bottom: solid 1px #eeeeee;
}

/* line 971, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__box__title__sub {
  font-size: 11px;
  font-weight: normal;
  color: #4c4c4c;
  margin-top: 10px;
}

/* line 978, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__series {
  position: relative;
}

/* line 982, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__series__name {
  font-size: 14px;
  font-weight: bold;
}

/* line 987, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__series__count {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 28px;
  line-height: 20px;
  padding: 0 0.5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: "Ubuntu";
  border-radius: 2px;
  background-color: #eeeeee;
}

/* line 1002, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__series__date {
  font-size: 11px;
  margin-top: 4px;
  font-style: italic;
}

/* line 1008, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank {
  overflow: hidden;
}

/* line 1012, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__num {
  font-size: 20px;
  font-weight: bold;
}

/* line 1016, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__num span {
  margin-left: 20px;
  font-size: 11px;
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: normal;
}

/* line 1025, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__body {
  font-size: 14px;
}

/* line 1029, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__title {
  font-weight: bold;
  line-height: 1.75;
  margin: 8px 0;
}

/* line 1035, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__category {
  display: inline;
  font-family: "Ubuntu";
  font-size: 10px;
  font-style: italic;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="1"] {
  color: #33c8ff;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="1"] .inner-link:before {
  background-color: #33c8ff;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="2"] {
  color: #7275e9;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="2"] .inner-link:before {
  background-color: #7275e9;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="3"] {
  color: #fc880f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="3"] .inner-link:before {
  background-color: #fc880f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="4"] {
  color: #49e845;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="4"] .inner-link:before {
  background-color: #49e845;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="5"] {
  color: #ff599f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="5"] .inner-link:before {
  background-color: #ff599f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="6"] {
  color: #cf57fb;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.article__sidebar__rank__category[data-category="6"] .inner-link:before {
  background-color: #cf57fb;
}

/* line 1043, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__tag {
  display: inline;
  font-size: 9px;
}

/* line 1046, app/assets/stylesheets/modules/sp/_article.scss */
.article__sidebar__rank__tag:before {
  content: "　|　";
}

/* line 1057, app/assets/stylesheets/modules/sp/_article.scss */
body[data-design="simple"] .article__sidebar__title {
  font-family: "Ubuntu";
}

/* line 1, app/assets/stylesheets/modules/sp/_award.scss */
.award {
  position: relative;
}

/* line 5, app/assets/stylesheets/modules/sp/_award.scss */
.award__title {
  font-size: 24px;
  font-weight: bold;
  font-family: "Ubuntu";
  line-height: 40px;
  margin-bottom: 8px;
}

/* line 13, app/assets/stylesheets/modules/sp/_award.scss */
.award__project {
  padding: 40px 16px;
  padding-top: 23px;
  padding-bottom: 5px;
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 16px;
}

/* line 23, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__header {
  float: left;
  font-size: 12px;
  line-height: 1;
}

/* line 27, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__header:first-child {
  margin-top: 16px;
}

/* line 32, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__item {
  position: relative;
  display: block;
  margin: 16px 0px;
  padding-bottom: 16px;
  margin-left: 45px;
  border-bottom: solid 1px #eeeeee;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__item:last-child {
  margin-top: 0px;
  border-bottom: none;
}

/* line 49, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__data {
  margin-bottom: -3px;
}

/* line 53, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__cover {
  display: none;
}

/* line 57, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__title {
  margin-top: -4px;
  margin-bottom: 4px;
  font-weight: bold;
}

/* line 63, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__award-item {
  position: relative;
  padding-left: 0.8em;
}

/* line 66, app/assets/stylesheets/modules/sp/_award.scss */
.award__project__award-item:before {
  position: absolute;
  top: 0.5em;
  left: 0px;
  content: "●";
  font-size: 10px;
}

/* line 1, app/assets/stylesheets/modules/sp/_base.scss */
body {
  position: relative;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 6, app/assets/stylesheets/modules/sp/_base.scss */
.only-pc {
  display: none !important;
}

/* line 10, app/assets/stylesheets/modules/sp/_base.scss */
.comic-background {
  display: none;
}

/* line 189, app/assets/stylesheets/_mixin.scss */
body[data-design="simple"] {
  background-color: #eeeeee;
}

/* line 17, app/assets/stylesheets/modules/sp/_base.scss */
body[data-design="simple"] * {
  font-family: "Ubuntu", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 1, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "Ubuntu";
  background-color: #fafafa;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.breadcrumbs__list:before, .breadcrumbs__list:after {
  content: "";
  display: block;
  clear: both;
}

/* line 14, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item, .breadcrumbs__item--root {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding-left: 12px;
}

/* line 23, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item:before, .breadcrumbs__item--root:before, .breadcrumbs__item:after, .breadcrumbs__item--root:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 52.5%;
  background-color: #eeeeee;
}

/* line 33, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item:before, .breadcrumbs__item--root:before {
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  top: 0;
}

/* line 38, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item:after, .breadcrumbs__item--root:after {
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  bottom: 0;
}

/* line 45, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item--root {
  padding-left: 0;
}

/* line 49, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__item--root:before, .breadcrumbs__item--root:after {
  display: none;
}

/* line 55, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__btn, .breadcrumbs__btn--root {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 16px;
}

/* line 66, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__btn--root {
  padding-left: 23px;
}

/* line 70, app/assets/stylesheets/modules/sp/_breadcrumbs.scss */
.breadcrumbs__btn--root svg {
  display: block;
  width: 24px;
  height: 100%;
}

/* line 1, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview, .card-m-and-a-interview--link {
  position: relative;
  text-align: left;
  border: 1px solid #eeeeee;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
}

/* line 9, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview a, .card-m-and-a-interview--link a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 138px;
  padding: 16px;
  padding-right: 154px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview--link a {
  height: 150px;
  padding: 12px;
}

/* line 28, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview--link .card-m-and-a-interview__title {
  font-size: 16px;
  line-height: 1.25;
  height: 3.75em;
  margin-top: -2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* line 38, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview--link .card-m-and-a-interview__meta, .card-m-and-a-interview--link .card-m-and-a-interview__meta--long,
.card-m-and-a-interview--link .card-m-and-a-interview__meta--small {
  font-size: 11px;
  padding: 0 12px;
  padding-left: 65px;
  margin-bottom: 12px;
  line-height: 1.455;
  min-height: 4.365em;
}

/* line 46, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview--link .card-m-and-a-interview__meta li, .card-m-and-a-interview--link .card-m-and-a-interview__meta--long li,
.card-m-and-a-interview--link .card-m-and-a-interview__meta--small li {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview--link .card-m-and-a-interview__thumbnail {
  width: 40px;
  height: 40px;
  top: auto;
  left: 12px;
  right: auto;
  bottom: 10px;
  border-left: none;
}

/* line 65, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__title {
  color: #000;
  font-weight: bold;
  line-height: 1.375;
  height: 4.125em;
  overflow: hidden;
  margin-top: -4px;
}

/* line 75, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__description {
  margin-top: 16px;
  font-size: 14px;
}

/* line 80, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__meta, .card-m-and-a-interview__meta--long,
.card-m-and-a-interview__meta--small {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  padding-right: 154px;
  margin-bottom: -4px;
}

/* line 90, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__meta li, .card-m-and-a-interview__meta--long li,
.card-m-and-a-interview__meta--small li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 102, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__thumbnail {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 138px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eeeeee;
  border-left: solid 1px #eeeeee;
}

/* line 113, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
.card-m-and-a-interview__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 121, app/assets/stylesheets/modules/sp/_card-m-and-a-interview.scss */
body[data-design="simple"] .m-and-a-interview-card {
  background-color: #fff;
}

/* line 1, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview, .card-recruit-interview--link {
  position: relative;
  text-align: left;
  border: 1px solid #eeeeee;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
}

/* line 9, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview a, .card-recruit-interview--link a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 138px;
  padding: 16px;
  padding-right: 154px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview--link a {
  height: 150px;
  padding: 12px;
}

/* line 28, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview--link .card-recruit-interview__title {
  font-size: 16px;
  line-height: 1.25;
  height: 3.75em;
  margin-top: -2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* line 38, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview--link .card-recruit-interview__meta, .card-recruit-interview--link .card-recruit-interview__meta--long,
.card-recruit-interview--link .card-recruit-interview__meta--small {
  font-size: 11px;
  padding: 0 12px;
  padding-left: 65px;
  margin-bottom: 12px;
  line-height: 1.455;
  min-height: 4.365em;
}

/* line 46, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview--link .card-recruit-interview__meta li, .card-recruit-interview--link .card-recruit-interview__meta--long li,
.card-recruit-interview--link .card-recruit-interview__meta--small li {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview--link .card-recruit-interview__thumbnail {
  width: 40px;
  height: 40px;
  top: auto;
  left: 12px;
  right: auto;
  bottom: 10px;
  border-left: none;
}

/* line 65, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__title {
  color: #000;
  font-weight: bold;
  line-height: 1.375;
  height: 4.125em;
  overflow: hidden;
  margin-top: -4px;
}

/* line 75, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__description {
  margin-top: 16px;
  font-size: 14px;
}

/* line 80, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__meta, .card-recruit-interview__meta--long,
.card-recruit-interview__meta--small {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  padding-right: 154px;
  margin-bottom: -4px;
}

/* line 90, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__meta li, .card-recruit-interview__meta--long li,
.card-recruit-interview__meta--small li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 101, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__thumbnail {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 138px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eeeeee;
  border-left: solid 1px #eeeeee;
}

/* line 112, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
.card-recruit-interview__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 120, app/assets/stylesheets/modules/sp/_card-recruit-interview.scss */
body[data-design="simple"] .recruit-interview-card {
  background-color: #fff;
}

/* line 1, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide {
  position: relative;
  border: 1px solid #eeeeee;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}

/* line 10, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide__link,
.card-wide__link--external-link {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 138px;
  padding: 16px;
  padding-right: 154px;
  color: inherit;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide__thumbnail,
.card-wide__thumbnail--external-link {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  width: 138px;
  height: 100%;
  border-left: solid 1px #eeeeee;
  background: url(/assets/ogp-edc7b648f2b731eae5e9ac285a7987f7cfda1f4403267fcb896fd211d069f09b.png) #eeeeee center/cover no-repeat;
}

/* line 34, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide__title,
.card-wide__title--external-link {
  overflow: hidden;
  margin-top: -4px;
  height: 4.125em;
  color: #000;
  font-weight: bold;
  line-height: 1.375;
}

/* line 45, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide__date {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -4px;
  padding: 16px 154px 16px 16px;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 59, app/assets/stylesheets/modules/sp/_card-wide.scss */
.card-wide__meta,
.card-wide__meta--external-link {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_card.scss */
.card-small, .card-small--link {
  position: relative;
  text-align: left;
  border: 1px solid #eeeeee;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
}

/* line 9, app/assets/stylesheets/modules/sp/_card.scss */
.card-small a, .card-small--link a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 138px;
  padding: 16px;
  padding-right: 154px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/modules/sp/_card.scss */
.card-small--link a {
  height: 140px;
  padding: 12px;
}

/* line 28, app/assets/stylesheets/modules/sp/_card.scss */
.card-small--link .card-small__title {
  font-size: 16px;
  line-height: 1.25;
  height: 5em;
  margin-top: -2px;
}

/* line 35, app/assets/stylesheets/modules/sp/_card.scss */
.card-small--link .card-small__meta, .card-small--link .card-small__meta--long,
.card-small--link .card-small__meta--small {
  font-size: 11px;
  padding: 0 12px;
  padding-left: 65px;
  margin-bottom: 12px;
  line-height: 1.455;
  min-height: 3.6375em;
}

/* line 43, app/assets/stylesheets/modules/sp/_card.scss */
.card-small--link .card-small__meta li, .card-small--link .card-small__meta--long li,
.card-small--link .card-small__meta--small li {
  white-space: normal;
}

/* line 47, app/assets/stylesheets/modules/sp/_card.scss */
.card-small--link .card-small__thumbnail {
  width: 40px;
  height: 40px;
  top: auto;
  left: 12px;
  right: auto;
  bottom: 10px;
  border-left: none;
}

/* line 58, app/assets/stylesheets/modules/sp/_card.scss */
.card-small__title {
  color: #000;
  font-weight: bold;
  line-height: 1.375;
  height: 4.125em;
  overflow: hidden;
  margin-top: -4px;
}

/* line 68, app/assets/stylesheets/modules/sp/_card.scss */
.card-small__description {
  margin-top: 16px;
  font-size: 14px;
}

/* line 73, app/assets/stylesheets/modules/sp/_card.scss */
.card-small__meta, .card-small__meta--long,
.card-small__meta--small {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  padding-right: 154px;
  margin-bottom: -4px;
}

/* line 83, app/assets/stylesheets/modules/sp/_card.scss */
.card-small__meta li, .card-small__meta--long li,
.card-small__meta--small li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 94, app/assets/stylesheets/modules/sp/_card.scss */
.card-small__thumbnail {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 138px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eeeeee;
  border-left: solid 1px #eeeeee;
}

/* line 108, app/assets/stylesheets/modules/sp/_card.scss */
body[data-design="simple"] .card, body[data-design="simple"] .top_news__inner a, .top_news__inner body[data-design="simple"] a, body[data-design="simple"] .smile-content__inner, body[data-design="simple"] .dice-ranking, body[data-design="simple"] .portfolio__sidebar__block, body[data-design="simple"] .portfolio__title-block, body[data-design="simple"] .portfolio__main__block, body[data-design="simple"] .portfolio__main__block--gallery, body[data-design="simple"] .portfolio__main__block--contact, body[data-design="simple"] .portfolio__main__block--first, body[data-design="simple"] .portfolio__hero-image, body[data-design="simple"] .portfolio__hero-image--soldout,
body[data-design="simple"] .portfolio__hero-image--closed, body[data-design="simple"] .portfolio__profile__info, body[data-design="simple"] .portfolio-card__cell, body[data-design="simple"] .portfolio-card__cell--border, body[data-design="simple"] .portfolio-card--member .portfolio-card__item, .portfolio-card--member body[data-design="simple"] .portfolio-card__item, body[data-design="simple"] .news-card, body[data-design="simple"] .news-card-unit, body[data-design="simple"] .news-card-unit--c2,
body[data-design="simple"] .news-card-unit--c3, body[data-design="simple"] .division__impartible-section, body[data-design="simple"] .division__section, body[data-design="simple"] .division__section--award, body[data-design="simple"] .division__title, body[data-design="simple"] .common-intro, body[data-design="simple"] .common-intro--short, body[data-design="simple"] .common-important-link, body[data-design="simple"] .article__content__box, body[data-design="simple"] .article__content__bottom__link, body[data-design="simple"] .article__content__bottom__link--left, body[data-design="simple"] .article__content__bottom__link--right, body[data-design="simple"] .article__content__block-list__item, body[data-design="simple"] .article__content__block-list__item--large, body[data-design="simple"] .article__shortlist__item a, .article__shortlist__item body[data-design="simple"] a, body[data-design="simple"] .article__sidebar__title, body[data-design="simple"] .article__sidebar__list, body[data-design="simple"] .article__sidebar__box, body[data-design="simple"] .award__project {
  background-color: #fff;
}

/* line 1, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology {
  position: relative;
  font-size: 12px;
}

/* line 6, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__year {
  position: relative;
  cursor: pointer;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  height: 50px;
  line-height: 50px;
}

/* line 13, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__year:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  display: block;
  background-image: url(/assets/pc/about/history/arrow-down-1d41c0d3c45532819db4f8992b9d11194ea163d9a23c5d3a43bbb7927bf12bba.png);
  background-size: cover;
  width: 30px;
  height: 30px;
}

/* line 28, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__year--open:after {
  bottom: 50%;
  right: 50%;
  -webkit-transform: rotate(180deg) translate(50%, 50%);
          transform: rotate(180deg) translate(50%, 50%);
}

/* line 35, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__content {
  margin-top: 10px;
  margin-left: 4em;
  padding-left: 1em;
  border-left: solid 1px #eeeeee;
}

/* line 42, app/assets/stylesheets/modules/sp/_chronology.scss */
.js-accordion-content-wrapper {
  height: 0;
  overflow: hidden;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}

/* line 48, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item {
  position: relative;
  padding-left: 16px;
  margin-top: 32px;
  padding-bottom: 32px;
}

/* line 53, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item:first-child {
  margin-top: 0;
}

/* line 56, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item p {
  line-height: 1.5;
  margin: 0.5em 0;
}

/* line 62, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item__image {
  font-size: 0;
  margin-top: 6px;
}

/* line 67, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item__date {
  margin-bottom: 4px;
}

/* line 71, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item__title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* line 77, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item__button-list {
  margin-top: 1.5em;
}

/* line 79, app/assets/stylesheets/modules/sp/_chronology.scss */
.chronology__item__button-list li {
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-button-list.scss */
.common-button-list {
  margin: 1em auto;
}

/* line 4, app/assets/stylesheets/modules/sp/_common-button-list.scss */
.common-button-list li {
  list-style: none !important;
  margin: 0 0 8px 0 !important;
}

/* line 10, app/assets/stylesheets/modules/sp/_common-button-list.scss */
.common-button-list--vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button, .sendbar__submit, .sendbar__submit--search, .sendbar__submit--strong, .common-intro__article__top-btn, .common-button--strong, body[data-design="simple"] .more_info, .formtype__submit, .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin .button--blue, .common-button--recommend div, .common-button--recommend-fanda div, .common-button--recommend-esports div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-kamakura div, .common-button--recommend-jitakusou div, .common-button--recommend-placole div, .common-button--recommend-rankers div, .common-button--recommend-jagmo div, .common-button--recommend-lobi div, .article__sidebar__button-block div, .common-button--strongest, .article__content__bottom__link__button, .article__content__button {
  display: block;
  margin-bottom: 8px;
  background-color: #eeeeee;
  color: #000;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
}

/* line 12, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button.is-disabled, .is-disabled.sendbar__submit, .is-disabled.sendbar__submit--search, .is-disabled.sendbar__submit--strong, .is-disabled.common-intro__article__top-btn, .is-disabled.common-button--strong, body[data-design="simple"] .is-disabled.more_info, .is-disabled.formtype__submit, .common-button--recommend-machino-coin .is-disabled.button--yellow, .common-button--recommend-machino-coin .is-disabled.button--blue, .common-button--recommend div.is-disabled, .common-button--recommend-fanda div.is-disabled, .common-button--recommend-esports div.is-disabled, .common-button--recommend-realkamakuraestate div.is-disabled, .common-button--recommend-kamakura div.is-disabled, .common-button--recommend-jitakusou div.is-disabled, .common-button--recommend-placole div.is-disabled, .common-button--recommend-rankers div.is-disabled, .common-button--recommend-jagmo div.is-disabled, .common-button--recommend-lobi div.is-disabled, .article__sidebar__button-block div.is-disabled, .is-disabled.common-button--strongest, .is-disabled.article__content__bottom__link__button, .is-disabled.article__content__button {
  opacity: 0.5;
  pointer-events: none;
}

/* line 17, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button button, .sendbar__submit button, .sendbar__submit--search button, .sendbar__submit--strong button, .common-intro__article__top-btn button, .common-button--strong button, body[data-design="simple"] .more_info button, .formtype__submit button, .common-button--recommend-machino-coin .button--yellow button, .common-button--recommend-machino-coin .button--blue button, .common-button--recommend div button, .common-button--recommend-fanda div button, .common-button--recommend-esports div button, .common-button--recommend-realkamakuraestate div button, .common-button--recommend-kamakura div button, .common-button--recommend-jitakusou div button, .common-button--recommend-placole div button, .common-button--recommend-rankers div button, .common-button--recommend-jagmo div button, .common-button--recommend-lobi div button, .article__sidebar__button-block div button, .common-button--strongest button, .article__content__bottom__link__button button, .article__content__button button,
.common-button input,
.sendbar__submit input,
.sendbar__submit--search input,
.sendbar__submit--strong input,
.common-intro__article__top-btn input,
.common-button--strong input,
body[data-design="simple"] .more_info input,
.formtype__submit input,
.common-button--recommend-machino-coin .button--yellow input,
.common-button--recommend-machino-coin .button--blue input,
.common-button--recommend div input,
.common-button--recommend-fanda div input,
.common-button--recommend-esports div input,
.common-button--recommend-realkamakuraestate div input,
.common-button--recommend-kamakura div input,
.common-button--recommend-jitakusou div input,
.common-button--recommend-placole div input,
.common-button--recommend-rankers div input,
.common-button--recommend-jagmo div input,
.common-button--recommend-lobi div input,
.article__sidebar__button-block div input,
.common-button--strongest input,
.article__content__bottom__link__button input,
.article__content__button input {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
}

/* line 21, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button a, .sendbar__submit a, .sendbar__submit--search a, .sendbar__submit--strong a, .common-intro__article__top-btn a, .common-button--strong a, body[data-design="simple"] .more_info a, .formtype__submit a, .common-button--recommend-machino-coin .button--yellow a, .common-button--recommend-machino-coin .button--blue a, .common-button--recommend div a, .common-button--recommend-fanda div a, .common-button--recommend-esports div a, .common-button--recommend-realkamakuraestate div a, .common-button--recommend-kamakura div a, .common-button--recommend-jitakusou div a, .common-button--recommend-placole div a, .common-button--recommend-rankers div a, .common-button--recommend-jagmo div a, .common-button--recommend-lobi div a, .article__sidebar__button-block div a, .common-button--strongest a, .article__content__bottom__link__button a, .article__content__button a,
.common-button button,
.sendbar__submit button,
.sendbar__submit--search button,
.sendbar__submit--strong button,
.common-intro__article__top-btn button,
.common-button--strong button,
body[data-design="simple"] .more_info button,
.formtype__submit button,
.common-button--recommend-machino-coin .button--yellow button,
.common-button--recommend-machino-coin .button--blue button,
.common-button--recommend div button,
.common-button--recommend-fanda div button,
.common-button--recommend-esports div button,
.common-button--recommend-realkamakuraestate div button,
.common-button--recommend-kamakura div button,
.common-button--recommend-jitakusou div button,
.common-button--recommend-placole div button,
.common-button--recommend-rankers div button,
.common-button--recommend-jagmo div button,
.common-button--recommend-lobi div button,
.article__sidebar__button-block div button,
.common-button--strongest button,
.article__content__bottom__link__button button,
.article__content__button button,
.common-button input,
.sendbar__submit input,
.sendbar__submit--search input,
.sendbar__submit--strong input,
.common-intro__article__top-btn input,
.common-button--strong input,
body[data-design="simple"] .more_info input,
.formtype__submit input,
.common-button--recommend-machino-coin .button--yellow input,
.common-button--recommend-machino-coin .button--blue input,
.common-button--recommend div input,
.common-button--recommend-fanda div input,
.common-button--recommend-esports div input,
.common-button--recommend-realkamakuraestate div input,
.common-button--recommend-kamakura div input,
.common-button--recommend-jitakusou div input,
.common-button--recommend-placole div input,
.common-button--recommend-rankers div input,
.common-button--recommend-jagmo div input,
.common-button--recommend-lobi div input,
.article__sidebar__button-block div input,
.common-button--strongest input,
.article__content__bottom__link__button input,
.article__content__button input {
  display: block;
  width: 100%;
  color: inherit !important;
  padding: 0.8em 1.2em;
  position: relative;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.common-button a:after, .sendbar__submit a:after, .sendbar__submit--search a:after, .sendbar__submit--strong a:after, .common-intro__article__top-btn a:after, .common-button--strong a:after, body[data-design="simple"] .more_info a:after, .formtype__submit a:after, .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend div a:after, .common-button--recommend-fanda div a:after, .common-button--recommend-esports div a:after, .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-kamakura div a:after, .common-button--recommend-jitakusou div a:after, .common-button--recommend-placole div a:after, .common-button--recommend-rankers div a:after, .common-button--recommend-jagmo div a:after, .common-button--recommend-lobi div a:after, .article__sidebar__button-block div a:after, .common-button--strongest a:after, .article__content__bottom__link__button a:after, .article__content__button a:after,
.common-button button:after,
.sendbar__submit button:after,
.sendbar__submit--search button:after,
.sendbar__submit--strong button:after,
.common-intro__article__top-btn button:after,
.common-button--strong button:after,
body[data-design="simple"] .more_info button:after,
.formtype__submit button:after,
.common-button--recommend-machino-coin .button--yellow button:after,
.common-button--recommend-machino-coin .button--blue button:after,
.common-button--recommend div button:after,
.common-button--recommend-fanda div button:after,
.common-button--recommend-esports div button:after,
.common-button--recommend-realkamakuraestate div button:after,
.common-button--recommend-kamakura div button:after,
.common-button--recommend-jitakusou div button:after,
.common-button--recommend-placole div button:after,
.common-button--recommend-rankers div button:after,
.common-button--recommend-jagmo div button:after,
.common-button--recommend-lobi div button:after,
.article__sidebar__button-block div button:after,
.common-button--strongest button:after,
.article__content__bottom__link__button button:after,
.article__content__button button:after,
.common-button input:after,
.sendbar__submit input:after,
.sendbar__submit--search input:after,
.sendbar__submit--strong input:after,
.common-intro__article__top-btn input:after,
.common-button--strong input:after,
body[data-design="simple"] .more_info input:after,
.formtype__submit input:after,
.common-button--recommend-machino-coin .button--yellow input:after,
.common-button--recommend-machino-coin .button--blue input:after,
.common-button--recommend div input:after,
.common-button--recommend-fanda div input:after,
.common-button--recommend-esports div input:after,
.common-button--recommend-realkamakuraestate div input:after,
.common-button--recommend-kamakura div input:after,
.common-button--recommend-jitakusou div input:after,
.common-button--recommend-placole div input:after,
.common-button--recommend-rankers div input:after,
.common-button--recommend-jagmo div input:after,
.common-button--recommend-lobi div input:after,
.article__sidebar__button-block div input:after,
.common-button--strongest input:after,
.article__content__bottom__link__button input:after,
.article__content__button input:after {
  content: "";
  font-family: FontAwesome;
}

/* line 33, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button a:after, .sendbar__submit a:after, .sendbar__submit--search a:after, .sendbar__submit--strong a:after, .common-intro__article__top-btn a:after, .common-button--strong a:after, body[data-design="simple"] .more_info a:after, .formtype__submit a:after, .common-button--recommend-machino-coin .button--yellow a:after, .common-button--recommend-machino-coin .button--blue a:after, .common-button--recommend div a:after, .common-button--recommend-fanda div a:after, .common-button--recommend-esports div a:after, .common-button--recommend-realkamakuraestate div a:after, .common-button--recommend-kamakura div a:after, .common-button--recommend-jitakusou div a:after, .common-button--recommend-placole div a:after, .common-button--recommend-rankers div a:after, .common-button--recommend-jagmo div a:after, .common-button--recommend-lobi div a:after, .article__sidebar__button-block div a:after, .common-button--strongest a:after, .article__content__bottom__link__button a:after, .article__content__button a:after,
.common-button button:after,
.sendbar__submit button:after,
.sendbar__submit--search button:after,
.sendbar__submit--strong button:after,
.common-intro__article__top-btn button:after,
.common-button--strong button:after,
body[data-design="simple"] .more_info button:after,
.formtype__submit button:after,
.common-button--recommend-machino-coin .button--yellow button:after,
.common-button--recommend-machino-coin .button--blue button:after,
.common-button--recommend div button:after,
.common-button--recommend-fanda div button:after,
.common-button--recommend-esports div button:after,
.common-button--recommend-realkamakuraestate div button:after,
.common-button--recommend-kamakura div button:after,
.common-button--recommend-jitakusou div button:after,
.common-button--recommend-placole div button:after,
.common-button--recommend-rankers div button:after,
.common-button--recommend-jagmo div button:after,
.common-button--recommend-lobi div button:after,
.article__sidebar__button-block div button:after,
.common-button--strongest button:after,
.article__content__bottom__link__button button:after,
.article__content__button button:after,
.common-button input:after,
.sendbar__submit input:after,
.sendbar__submit--search input:after,
.sendbar__submit--strong input:after,
.common-intro__article__top-btn input:after,
.common-button--strong input:after,
body[data-design="simple"] .more_info input:after,
.formtype__submit input:after,
.common-button--recommend-machino-coin .button--yellow input:after,
.common-button--recommend-machino-coin .button--blue input:after,
.common-button--recommend div input:after,
.common-button--recommend-fanda div input:after,
.common-button--recommend-esports div input:after,
.common-button--recommend-realkamakuraestate div input:after,
.common-button--recommend-kamakura div input:after,
.common-button--recommend-jitakusou div input:after,
.common-button--recommend-placole div input:after,
.common-button--recommend-rankers div input:after,
.common-button--recommend-jagmo div input:after,
.common-button--recommend-lobi div input:after,
.article__sidebar__button-block div input:after,
.common-button--strongest input:after,
.article__content__bottom__link__button input:after,
.article__content__button input:after {
  position: absolute;
  right: 1em;
  top: 50%;
  font-size: 80%;
  line-height: 1;
  margin-top: -0.5em;
}

/* line 43, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button.with-konchi, .with-konchi.sendbar__submit, .with-konchi.sendbar__submit--search, .with-konchi.sendbar__submit--strong, .with-konchi.common-intro__article__top-btn, .with-konchi.common-button--strong, body[data-design="simple"] .with-konchi.more_info, .with-konchi.formtype__submit, .common-button--recommend-machino-coin .with-konchi.button--yellow, .common-button--recommend-machino-coin .with-konchi.button--blue, .common-button--recommend div.with-konchi, .common-button--recommend-fanda div.with-konchi, .common-button--recommend-esports div.with-konchi, .common-button--recommend-realkamakuraestate div.with-konchi, .common-button--recommend-kamakura div.with-konchi, .common-button--recommend-jitakusou div.with-konchi, .common-button--recommend-placole div.with-konchi, .common-button--recommend-rankers div.with-konchi, .common-button--recommend-jagmo div.with-konchi, .common-button--recommend-lobi div.with-konchi, .article__sidebar__button-block div.with-konchi, .with-konchi.common-button--strongest, .with-konchi.article__content__bottom__link__button, .with-konchi.article__content__button {
  min-width: 0px;
  text-align: left;
}

/* line 46, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button.with-konchi a, .with-konchi.sendbar__submit a, .with-konchi.sendbar__submit--search a, .with-konchi.sendbar__submit--strong a, .with-konchi.common-intro__article__top-btn a, .with-konchi.common-button--strong a, body[data-design="simple"] .with-konchi.more_info a, .with-konchi.formtype__submit a, .common-button--recommend-machino-coin .with-konchi.button--yellow a, .common-button--recommend-machino-coin .with-konchi.button--blue a, .common-button--recommend div.with-konchi a, .common-button--recommend-fanda div.with-konchi a, .common-button--recommend-esports div.with-konchi a, .common-button--recommend-realkamakuraestate div.with-konchi a, .common-button--recommend-kamakura div.with-konchi a, .common-button--recommend-jitakusou div.with-konchi a, .common-button--recommend-placole div.with-konchi a, .common-button--recommend-rankers div.with-konchi a, .common-button--recommend-jagmo div.with-konchi a, .common-button--recommend-lobi div.with-konchi a, .article__sidebar__button-block div.with-konchi a, .with-konchi.common-button--strongest a, .with-konchi.article__content__bottom__link__button a, .with-konchi.article__content__button a,
.common-button.with-konchi button,
.with-konchi.sendbar__submit button,
.with-konchi.sendbar__submit--search button,
.with-konchi.sendbar__submit--strong button,
.with-konchi.common-intro__article__top-btn button,
.with-konchi.common-button--strong button,
body[data-design="simple"] .with-konchi.more_info button,
.with-konchi.formtype__submit button,
.common-button--recommend-machino-coin .with-konchi.button--yellow button,
.common-button--recommend-machino-coin .with-konchi.button--blue button,
.common-button--recommend div.with-konchi button,
.common-button--recommend-fanda div.with-konchi button,
.common-button--recommend-esports div.with-konchi button,
.common-button--recommend-realkamakuraestate div.with-konchi button,
.common-button--recommend-kamakura div.with-konchi button,
.common-button--recommend-jitakusou div.with-konchi button,
.common-button--recommend-placole div.with-konchi button,
.common-button--recommend-rankers div.with-konchi button,
.common-button--recommend-jagmo div.with-konchi button,
.common-button--recommend-lobi div.with-konchi button,
.article__sidebar__button-block div.with-konchi button,
.with-konchi.common-button--strongest button,
.with-konchi.article__content__bottom__link__button button,
.with-konchi.article__content__button button {
  padding-right: 68px;
}

/* line 50, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button.with-konchi img, .with-konchi.sendbar__submit img, .with-konchi.sendbar__submit--search img, .with-konchi.sendbar__submit--strong img, .with-konchi.common-intro__article__top-btn img, .with-konchi.common-button--strong img, body[data-design="simple"] .with-konchi.more_info img, .with-konchi.formtype__submit img, .common-button--recommend-machino-coin .with-konchi.button--yellow img, .common-button--recommend-machino-coin .with-konchi.button--blue img, .common-button--recommend div.with-konchi img, .common-button--recommend-fanda div.with-konchi img, .common-button--recommend-esports div.with-konchi img, .common-button--recommend-realkamakuraestate div.with-konchi img, .common-button--recommend-kamakura div.with-konchi img, .common-button--recommend-jitakusou div.with-konchi img, .common-button--recommend-placole div.with-konchi img, .common-button--recommend-rankers div.with-konchi img, .common-button--recommend-jagmo div.with-konchi img, .common-button--recommend-lobi div.with-konchi img, .article__sidebar__button-block div.with-konchi img, .with-konchi.common-button--strongest img, .with-konchi.article__content__bottom__link__button img, .with-konchi.article__content__button img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 22px;
}

/* line 58, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button svg *, .sendbar__submit svg *, .sendbar__submit--search svg *, .sendbar__submit--strong svg *, .common-intro__article__top-btn svg *, .common-button--strong svg *, body[data-design="simple"] .more_info svg *, .formtype__submit svg *, .common-button--recommend-machino-coin .button--yellow svg *, .common-button--recommend-machino-coin .button--blue svg *, .common-button--recommend div svg *, .common-button--recommend-fanda div svg *, .common-button--recommend-esports div svg *, .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-kamakura div svg *, .common-button--recommend-jitakusou div svg *, .common-button--recommend-placole div svg *, .common-button--recommend-rankers div svg *, .common-button--recommend-jagmo div svg *, .common-button--recommend-lobi div svg *, .article__sidebar__button-block div svg *, .common-button--strongest svg *, .article__content__bottom__link__button svg *, .article__content__button svg * {
  fill: #000;
}

/* line 63, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--strong, body[data-design="simple"] .more_info, .sendbar__submit--search, .sendbar__submit--strong, .formtype__submit, .common-button--recommend-machino-coin .button--yellow, .common-button--recommend-machino-coin .button--blue, .common-button--recommend div, .common-button--recommend-fanda div, .common-button--recommend-esports div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-kamakura div, .common-button--recommend-jitakusou div, .common-button--recommend-placole div, .common-button--recommend-rankers div, .common-button--recommend-jagmo div, .common-button--recommend-lobi div, .article__sidebar__button-block div, .common-button--strongest {
  background-color: #1b9af7;
  color: #fff;
}

/* line 68, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--strong svg *, body[data-design="simple"] .more_info svg *, .sendbar__submit--search svg *, .sendbar__submit--strong svg *, .formtype__submit svg *, .common-button--recommend-machino-coin .button--yellow svg *, .common-button--recommend-machino-coin .button--blue svg *, .common-button--recommend div svg *, .common-button--recommend-fanda div svg *, .common-button--recommend-esports div svg *, .common-button--recommend-realkamakuraestate div svg *, .common-button--recommend-kamakura div svg *, .common-button--recommend-jitakusou div svg *, .common-button--recommend-placole div svg *, .common-button--recommend-rankers div svg *, .common-button--recommend-jagmo div svg *, .common-button--recommend-lobi div svg *, .article__sidebar__button-block div svg *, .common-button--strongest svg * {
  fill: #fff;
}

/* line 73, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--strongest {
  font-weight: bold;
}

/* line 76, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--strongest a {
  padding: 1em 1.2em;
}

/* line 80, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend, .common-button--recommend-fanda, .common-button--recommend-esports, .common-button--recommend-realkamakuraestate, .common-button--recommend-kamakura, .common-button--recommend-jitakusou, .common-button--recommend-placole, .common-button--recommend-rankers, .common-button--recommend-jagmo, .common-button--recommend-lobi, .article__sidebar__button-block {
  text-align: center;
  padding: 32px 30px;
  background-color: #fff;
  background-image: url(/assets/pc/design/simple/ptn_simple_2-58af3ffc4e06d094086aaeac3ab2ec94f0ed5b52896dc0b51ba0237e8d532305.png);
  background-size: 6px 6px;
}

/* line 86, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend div, .common-button--recommend-fanda div, .common-button--recommend-esports div, .common-button--recommend-realkamakuraestate div, .common-button--recommend-kamakura div, .common-button--recommend-jitakusou div, .common-button--recommend-placole div, .common-button--recommend-rankers div, .common-button--recommend-jagmo div, .common-button--recommend-lobi div, .article__sidebar__button-block div {
  border: solid 2px #fff;
  margin-bottom: 5px;
}

/* line 90, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend div:last-child, .common-button--recommend-fanda div:last-child, .common-button--recommend-esports div:last-child, .common-button--recommend-realkamakuraestate div:last-child, .common-button--recommend-kamakura div:last-child, .common-button--recommend-jitakusou div:last-child, .common-button--recommend-placole div:last-child, .common-button--recommend-rankers div:last-child, .common-button--recommend-jagmo div:last-child, .common-button--recommend-lobi div:last-child, .article__sidebar__button-block div:last-child {
  margin-bottom: 0px;
}

/* line 95, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-machino-coin {
  text-align: center;
  padding: 32px 30px;
  background-color: #fff;
  background-image: url(/assets/pc/design/simple/ptn_simple_2-58af3ffc4e06d094086aaeac3ab2ec94f0ed5b52896dc0b51ba0237e8d532305.png);
  background-size: 6px 6px;
}

/* line 101, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-machino-coin .button--blue {
  border: solid 2px #fff;
  margin-bottom: 5px;
}

/* line 105, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-machino-coin .button--blue:last-child {
  margin-bottom: 0px;
}

/* line 109, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-machino-coin .button--yellow {
  border: solid 2px #fff;
  margin-bottom: 5px;
  background-color: #ffae00;
}

/* line 113, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-machino-coin .button--yellow:last-child {
  margin-bottom: 0px;
}

/* line 119, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-lobi {
  background-image: url(/assets/sp/service/lobi/bg_recommend_lobi-515e0ee407bd573f673a3b71b956e42fd9216da0080a00511b35e83aea1c2684.jpg);
  background-size: cover;
}

/* line 124, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-jagmo {
  background-image: url(/images/pc/service/jagmo/bg_recommend_jagmo.jpg);
  background-size: cover;
}

/* line 129, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-rankers {
  background-image: url(/assets/pc/service/rankers/bg_recommend_rankers-29f6568d78e9b797bffd6ed1c231146daec92a38dd51867480a148aa8beb2050.jpg);
  background-size: cover;
}

/* line 134, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-placole {
  background-image: url(/assets/pc/service/placole/bg_recommend_placole-2793b5651f4167db39dad87dfede250e6464ee34e4fd29b0acadc6e1e45e155c.jpg);
  background-size: cover;
}

/* line 139, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-jitakusou {
  background-image: url(/assets/pc/service/jitakusou/bg_recommend_jitakusou-3d406ab55ffd69ddc8eb566a2f9fab7dc84f72171e083ce0d11bb414a35a66a3.jpg);
  background-size: cover;
}

/* line 144, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-kamakura {
  background-image: url(/assets/sp/vision/kamakura/bg_recommend_kamakura-2957371f93f4c1fcfcc077a89f17d4bc4e9d150f8669a034d33e36e2a280e823.png);
  background-size: cover;
}

/* line 149, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-realkamakuraestate {
  background-image: url(/assets/sp/vision/realkamakuraestate/bg_recommend_realkamakuraestate-ff34393882f44017056e1eef2fbd3859a7666e9bfabb6dd3e908f4d01e14959b.png);
  background-size: cover;
}

/* line 154, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-esports {
  background-image: url(/assets/pc/service/esports/bg_recommend_esports-849b601144e41c058599a7963481397a04c349e95a03d15c0345ac164be80ea8.png);
  background-size: cover;
}

/* line 160, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button--recommend-fanda {
  background-image: url(/assets/pc/service/fanda/bg_recommend_fanda-1bfc3ac4d95368cb7dc4b215c15d32c4bc15dae37789326f52d652addfdd871d.png);
  background-size: cover;
}

/* line 166, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button__title {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  min-height: 3em;
  margin: 0 !important;
}

/* line 176, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button__description {
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  min-height: 1.5em;
}

/* line 185, app/assets/stylesheets/modules/sp/_common-button.scss */
.common-button__tag {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  border: solid 1px #cc0000;
  border-radius: 3px;
  color: #cc0000;
  padding: 0 0.3em;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-checkbox.scss */
.common-checkbox, .formtype__form input[type="checkbox"], .formtype__form--entry input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  margin-right: 0.25em;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.common-checkbox:before, .formtype__form input[type="checkbox"]:before, .formtype__form--entry input[type="checkbox"]:before {
  content: "";
  font-family: FontAwesome;
}

/* line 6, app/assets/stylesheets/modules/sp/_common-checkbox.scss */
.common-checkbox:before, .formtype__form input[type="checkbox"]:before, .formtype__form--entry input[type="checkbox"]:before {
  display: block;
  height: 1em;
  line-height: 1em;
  font-size: 18px;
  color: #1b9af7;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.common-checkbox:checked:before, .formtype__form input[type="checkbox"]:checked:before, .formtype__form--entry input[type="checkbox"]:checked:before {
  content: "";
  font-family: FontAwesome;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-form.scss */
.common-form, .sendbar__textfield input, .formtype__form input[type="text"], .formtype__form--entry input[type="text"],
.formtype__form input[type="tel"],
.formtype__form--entry input[type="tel"],
.formtype__form input[type="url"],
.formtype__form--entry input[type="url"],
.formtype__form textarea,
.formtype__form--entry textarea {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  font-family: inherit !important;
}

/* line 5, app/assets/stylesheets/modules/sp/_common-form.scss */
.common-form::-webkit-input-placeholder, .sendbar__textfield input::-webkit-input-placeholder, .formtype__form input[type="text"]::-webkit-input-placeholder, .formtype__form--entry input[type="text"]::-webkit-input-placeholder, .formtype__form input[type="tel"]::-webkit-input-placeholder, .formtype__form--entry input[type="tel"]::-webkit-input-placeholder, .formtype__form input[type="url"]::-webkit-input-placeholder, .formtype__form--entry input[type="url"]::-webkit-input-placeholder, .formtype__form textarea::-webkit-input-placeholder, .formtype__form--entry textarea::-webkit-input-placeholder {
  color: #999999;
}
.common-form::-moz-placeholder, .sendbar__textfield input::-moz-placeholder, .formtype__form input[type="text"]::-moz-placeholder, .formtype__form--entry input[type="text"]::-moz-placeholder, .formtype__form input[type="tel"]::-moz-placeholder, .formtype__form--entry input[type="tel"]::-moz-placeholder, .formtype__form input[type="url"]::-moz-placeholder, .formtype__form--entry input[type="url"]::-moz-placeholder, .formtype__form textarea::-moz-placeholder, .formtype__form--entry textarea::-moz-placeholder {
  color: #999999;
}
.common-form:-ms-input-placeholder, .sendbar__textfield input:-ms-input-placeholder, .formtype__form input[type="text"]:-ms-input-placeholder, .formtype__form--entry input[type="text"]:-ms-input-placeholder, .formtype__form input[type="tel"]:-ms-input-placeholder, .formtype__form--entry input[type="tel"]:-ms-input-placeholder, .formtype__form input[type="url"]:-ms-input-placeholder, .formtype__form--entry input[type="url"]:-ms-input-placeholder, .formtype__form textarea:-ms-input-placeholder, .formtype__form--entry textarea:-ms-input-placeholder {
  color: #999999;
}
.common-form::-ms-input-placeholder, .sendbar__textfield input::-ms-input-placeholder, .formtype__form input[type="text"]::-ms-input-placeholder, .formtype__form--entry input[type="text"]::-ms-input-placeholder, .formtype__form input[type="tel"]::-ms-input-placeholder, .formtype__form--entry input[type="tel"]::-ms-input-placeholder, .formtype__form input[type="url"]::-ms-input-placeholder, .formtype__form--entry input[type="url"]::-ms-input-placeholder, .formtype__form textarea::-ms-input-placeholder, .formtype__form--entry textarea::-ms-input-placeholder {
  color: #999999;
}
.common-form::placeholder, .sendbar__textfield input::placeholder, .formtype__form input[type="text"]::placeholder, .formtype__form--entry input[type="text"]::placeholder,
.formtype__form input[type="tel"]::placeholder,
.formtype__form--entry input[type="tel"]::placeholder,
.formtype__form input[type="url"]::placeholder,
.formtype__form--entry input[type="url"]::placeholder,
.formtype__form textarea::placeholder,
.formtype__form--entry textarea::placeholder {
  color: #999999;
}

/* line 9, app/assets/stylesheets/modules/sp/_common-form.scss */
.common-form.is-disabled, .sendbar__textfield input.is-disabled, .formtype__form input.is-disabled[type="text"], .formtype__form--entry input.is-disabled[type="text"],
.formtype__form input.is-disabled[type="tel"],
.formtype__form--entry input.is-disabled[type="tel"],
.formtype__form input.is-disabled[type="url"],
.formtype__form--entry input.is-disabled[type="url"],
.formtype__form textarea.is-disabled,
.formtype__form--entry textarea.is-disabled {
  pointer-events: none;
}

/* line 15, app/assets/stylesheets/modules/sp/_common-form.scss */
body[data-design="simple"] .common-form, body[data-design="simple"] .sendbar__textfield input, .sendbar__textfield body[data-design="simple"] input, body[data-design="simple"] .formtype__form input[type="text"], body[data-design="simple"] .formtype__form--entry input[type="text"], .formtype__form body[data-design="simple"] input[type="text"], .formtype__form--entry body[data-design="simple"] input[type="text"],
body[data-design="simple"] .formtype__form input[type="tel"],
body[data-design="simple"] .formtype__form--entry input[type="tel"],
.formtype__form body[data-design="simple"] input[type="tel"],
.formtype__form--entry body[data-design="simple"] input[type="tel"],
body[data-design="simple"] .formtype__form input[type="url"],
body[data-design="simple"] .formtype__form--entry input[type="url"],
.formtype__form body[data-design="simple"] input[type="url"],
.formtype__form--entry body[data-design="simple"] input[type="url"],
body[data-design="simple"] .formtype__form textarea,
body[data-design="simple"] .formtype__form--entry textarea,
.formtype__form body[data-design="simple"] textarea,
.formtype__form--entry body[data-design="simple"] textarea {
  color: #000;
  border: 1px solid #dedede;
  background-color: #fafafa;
}

/* line 20, app/assets/stylesheets/modules/sp/_common-form.scss */
body[data-design="simple"] .common-form.has-error, body[data-design="simple"] .sendbar__textfield input.has-error, .sendbar__textfield body[data-design="simple"] input.has-error, body[data-design="simple"] .formtype__form input.has-error[type="text"], body[data-design="simple"] .formtype__form--entry input.has-error[type="text"], .formtype__form body[data-design="simple"] input.has-error[type="text"], .formtype__form--entry body[data-design="simple"] input.has-error[type="text"],
body[data-design="simple"] .formtype__form input.has-error[type="tel"],
body[data-design="simple"] .formtype__form--entry input.has-error[type="tel"],
.formtype__form body[data-design="simple"] input.has-error[type="tel"],
.formtype__form--entry body[data-design="simple"] input.has-error[type="tel"],
body[data-design="simple"] .formtype__form input.has-error[type="url"],
body[data-design="simple"] .formtype__form--entry input.has-error[type="url"],
.formtype__form body[data-design="simple"] input.has-error[type="url"],
.formtype__form--entry body[data-design="simple"] input.has-error[type="url"],
body[data-design="simple"] .formtype__form textarea.has-error,
body[data-design="simple"] .formtype__form--entry textarea.has-error,
.formtype__form body[data-design="simple"] textarea.has-error,
.formtype__form--entry body[data-design="simple"] textarea.has-error {
  border-color: #f99;
  background-color: #ffefef;
}

/* line 25, app/assets/stylesheets/modules/sp/_common-form.scss */
body[data-design="simple"] .common-form.is-disabled, body[data-design="simple"] .sendbar__textfield input.is-disabled, .sendbar__textfield body[data-design="simple"] input.is-disabled, body[data-design="simple"] .formtype__form input.is-disabled[type="text"], body[data-design="simple"] .formtype__form--entry input.is-disabled[type="text"], .formtype__form body[data-design="simple"] input.is-disabled[type="text"], .formtype__form--entry body[data-design="simple"] input.is-disabled[type="text"],
body[data-design="simple"] .formtype__form input.is-disabled[type="tel"],
body[data-design="simple"] .formtype__form--entry input.is-disabled[type="tel"],
.formtype__form body[data-design="simple"] input.is-disabled[type="tel"],
.formtype__form--entry body[data-design="simple"] input.is-disabled[type="tel"],
body[data-design="simple"] .formtype__form input.is-disabled[type="url"],
body[data-design="simple"] .formtype__form--entry input.is-disabled[type="url"],
.formtype__form body[data-design="simple"] input.is-disabled[type="url"],
.formtype__form--entry body[data-design="simple"] input.is-disabled[type="url"],
body[data-design="simple"] .formtype__form textarea.is-disabled,
body[data-design="simple"] .formtype__form--entry textarea.is-disabled,
.formtype__form body[data-design="simple"] textarea.is-disabled,
.formtype__form--entry body[data-design="simple"] textarea.is-disabled {
  color: #dedede;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-important-link.scss */
.common-important-link {
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
}

/* line 9, app/assets/stylesheets/modules/sp/_common-important-link.scss */
.common-important-link__thumb {
  padding: 16px;
  padding-bottom: 0;
  font-size: 0;
}

/* line 13, app/assets/stylesheets/modules/sp/_common-important-link.scss */
.common-important-link__thumb img {
  display: block;
  max-height: 35vh;
  margin: auto;
}

/* line 20, app/assets/stylesheets/modules/sp/_common-important-link.scss */
.common-important-link__block {
  padding: 16px;
}

/* line 24, app/assets/stylesheets/modules/sp/_common-important-link.scss */
.common-important-link__url {
  font-size: 12px;
  margin-bottom: 0 !important;
}

/* line 1, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro, .common-intro--short {
  font-family: YakuHanJP, YuGothic, sans-serif;
  margin: 15px auto 8px;
}

/* line 6, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro.is-filtered, .is-filtered.common-intro--short {
  display: none;
}

/* line 14, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__dummy-title {
  display: none;
}

/* line 18, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 32px 16px;
  border-bottom: solid 1px #eeeeee;
}

/* line 26, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__catchcopy {
  padding: 40px 16px;
  padding-bottom: 0px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 32, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__catchcopy:first-child {
  margin-top: 10px;
}

/* line 41, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__body__title {
  font-size: 28px;
  font-weight: bold;
  padding: 32px 16px;
  border-bottom: solid 1px #eeeeee;
}

/* line 48, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__body__description {
  font-size: 16px;
  line-height: 1.75;
  padding: 32px 16px;
}

/* line 54, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article {
  padding: 32px 16px;
}

/* line 56, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article strong {
  font-weight: bold;
}

/* line 61, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article__title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 16px;
}

/* line 67, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article__desc {
  margin-top: -4px;
  margin-bottom: 16px;
  line-height: 1.75;
}

/* line 73, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article__cover {
  margin: 8px 0;
}

/* line 76, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article__cover img {
  width: 100%;
}

/* line 81, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__article__top-btn {
  margin-top: 30px;
}

/* line 86, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__horizon {
  border: none;
  border-bottom: solid 2px #eeeeee;
}

/* line 91, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__matrix {
  /* nothing */
}

/* line 95, app/assets/stylesheets/modules/sp/_common-intro.scss */
.common-intro__matrix__item {
  margin: 16px 0px;
}

/* line 1, app/assets/stylesheets/modules/sp/_corner-cut-image.scss */
.corner-cut-image {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_division.scss */
.division {
  margin-top: 17px;
}

/* line 5, app/assets/stylesheets/modules/sp/_division.scss */
.division__title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 32px 16px;
  border-bottom: solid 1px #eeeeee;
}

/* line 14, app/assets/stylesheets/modules/sp/_division.scss */
.division__dummy-title {
  display: none;
}

/* line 18, app/assets/stylesheets/modules/sp/_division.scss */
.division__section, .division__section--award {
  margin-bottom: 8px;
  padding: 32px 16px;
  font-size: 16px;
  line-height: 1.75;
}

/* line 25, app/assets/stylesheets/modules/sp/_division.scss */
.division__section strong, .division__section--award strong {
  font-weight: bold;
}

/* line 31, app/assets/stylesheets/modules/sp/_division.scss */
.division__section hr, .division__section--award hr {
  background-color: transparent;
  height: 0px;
  padding: 0px;
  border: none;
  border-top: solid 2px #eeeeee;
  margin: 38px 0px;
}

/* line 40, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__right img {
  width: 100%;
}

/* line 46, app/assets/stylesheets/modules/sp/_division.scss */
.division__impartible-section {
  padding: 32px 16px 0px;
  font-size: 16px;
  line-height: 1.75;
}

/* line 51, app/assets/stylesheets/modules/sp/_division.scss */
.division__impartible-section strong {
  font-weight: bold;
}

/* line 57, app/assets/stylesheets/modules/sp/_division.scss */
.division__impartible-section hr {
  background-color: transparent;
  height: 0px;
  padding: 0px;
  border: none;
  border-top: solid 2px #eeeeee;
  margin: 38px 0px;
}

/* line 67, app/assets/stylesheets/modules/sp/_division.scss */
.division__section--award {
  padding: 20px 16px;
}

/* line 71, app/assets/stylesheets/modules/sp/_division.scss */
.division__section--award strong {
  font-weight: normal;
}

/* line 74, app/assets/stylesheets/modules/sp/_division.scss */
.division__section--award .division__section__meta-title, .division__section--award .division__section__meta-title--with-margin-top {
  float: left;
  margin-right: 60px;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.division__section--award .division__section__meta-title:before, .division__section--award .division__section__meta-title--with-margin-top:before {
  content: "";
  font-family: FontAwesome;
}

/* line 79, app/assets/stylesheets/modules/sp/_division.scss */
.division__section--award .division__section__meta-title:before, .division__section--award .division__section__meta-title--with-margin-top:before {
  font-size: 120%;
  line-height: 1;
  display: block;
  text-align: center;
}

/* line 88, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__title {
  font-size: 28px;
  line-height: 1.29;
  font-weight: bold;
  margin-bottom: 32px;
}

/* line 95, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__sub-title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.33;
  font-weight: bold;
}

/* line 102, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__notice-text {
  font-size: 16px;
  font-weight: bold;
}

/* line 107, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__paragraph-title {
  padding: 10px 0 5px;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

/* line 114, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__meta-title, .division__section__meta-title--with-margin-top {
  margin-top: 40px;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 20px;
}

/* line 119, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__meta-title:first-child, .division__section__meta-title--with-margin-top:first-child {
  margin-top: 0px;
}

/* line 125, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__meta-title--with-margin-top:first-child {
  margin-top: 40px;
}

/* line 130, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__catchcopy {
  margin: 40px 0px 20px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 135, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__catchcopy:first-child {
  margin-top: 10px;
}

/* line 140, app/assets/stylesheets/modules/sp/_division.scss */
.division__impartible-section__sub-catchcopy {
  font-size: 28px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 146, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__text, .division__section__text--small, .division__section__text--block-sp {
  display: inline;
}

/* line 150, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__text--block-sp {
  display: block;
}

/* line 155, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__paragraph {
  display: block;
}

/* line 163, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__cover, .division__section__cover--kamakura_recycreation {
  margin-bottom: 16px;
}

/* line 165, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__cover img, .division__section__cover--kamakura_recycreation img {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
}

/* line 172, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__cover:last-child img, .division__section__cover--kamakura_recycreation:last-child img {
  margin-top: 16px;
}

/* line 179, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__cover--kamakura_recycreation img {
  margin-bottom: 8px;
}

/* line 182, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__cover--kamakura_recycreation .embed-map, .division__section__cover--kamakura_recycreation .embed-map--large {
  float: none;
  position: relative;
  width: 100%;
  height: calc(50vw - 8px);
  margin: 0;
  padding: 0;
}

/* line 193, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__img-insentence img {
  display: block;
  margin: 20px 0;
  width: 100%;
  height: auto;
}

/* line 200, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__img-insentence:last-child img {
  margin-bottom: 0;
}

/* line 215, app/assets/stylesheets/modules/sp/_division.scss */
.division__section__right-thumbnail {
  display: block;
  margin: auto;
  margin-bottom: 8px;
  max-width: 100%;
}

/* line 222, app/assets/stylesheets/modules/sp/_division.scss */
.division__list-title {
  font-weight: bold;
  font-size: 24px;
  margin-top: 32px;
  margin-bottom: 8px;
}

/* line 229, app/assets/stylesheets/modules/sp/_division.scss */
.division__example, .division__example--collaboration {
  display: block;
}

/* line 236, app/assets/stylesheets/modules/sp/_division.scss */
.division__example--collaboration .division__example__title {
  font-size: 16px;
}

/* line 241, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}

/* line 245, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__box:last-child {
  margin-bottom: 0px;
}

/* line 250, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__box__left {
  margin-right: 33%;
  word-break: break-all;
}

/* line 254, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__box__right {
  float: right;
  max-width: 102px;
  width: 30%;
}

/* line 258, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__box__right img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 265, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__cover, .division__example__cover--soldout {
  margin: 8px 0px;
}

/* line 267, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__cover img, .division__example__cover--soldout img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 273, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__cover--soldout {
  position: relative;
}

/* line 276, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__cover--soldout:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 64px;
  height: 79px;
  background-image: url(/assets/sp/service/closed_and_soldout/ico_soldout-ribbon_m-efaa9b3cf1ebf20cfc4925bc1b4d0b04ec0c8e1e00046d5e14272efc14e12c0b.png);
  background-size: 64px 79px;
}

/* line 291, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__title {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  margin-top: 32px;
}

/* line 297, app/assets/stylesheets/modules/sp/_division.scss */
.division__example__title.is-sp-nomargin {
  margin-top: 0;
}

/* line 302, app/assets/stylesheets/modules/sp/_division.scss */
.division__article {
  margin: 8px 0px;
  font-size: 16px;
  line-height: 22px;
}

/* line 306, app/assets/stylesheets/modules/sp/_division.scss */
.division__article a {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 8px;
  display: block;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.division__article a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 312, app/assets/stylesheets/modules/sp/_division.scss */
.division__article a:before {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 320, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 327, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item {
  display: inline-block;
  vertical-align: top;
  width: 104px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
}

/* line 336, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 340, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item a:hover {
  opacity: 0.7;
}

/* line 344, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item img {
  display: block;
  width: 104px;
  height: 104px;
}

/* line 349, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item dl {
  margin-top: 8px;
}

/* line 352, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item dd {
  font-weight: bold;
}

/* line 355, app/assets/stylesheets/modules/sp/_division.scss */
.division__member-list__item dt {
  color: #999999;
}

/* line 360, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot, .division__screenshot--c5, .division__screenshot--c1, .division__screenshot--c2,
.division__screenshot--c3 {
  overflow: hidden;
}

/* line 370, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot--c1 .division__screenshot__free-size-item {
  display: block;
  max-width: 100%;
}

/* line 378, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot--c5 .division__screenshot__item {
  width: 50%;
}

/* line 380, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot--c5 .division__screenshot__item:first-child {
  width: 100%;
}

/* line 386, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 8px;
}

/* line 392, app/assets/stylesheets/modules/sp/_division.scss */
.division__screenshot__item img {
  display: block;
  width: 100%;
}

/* line 398, app/assets/stylesheets/modules/sp/_division.scss */
.division__app {
  text-align: center;
  margin-top: 40px;
}

/* line 402, app/assets/stylesheets/modules/sp/_division.scss */
.division__app__item, .division__app__item--android, .division__app__item--ios {
  display: inline-block;
}

/* line 404, app/assets/stylesheets/modules/sp/_division.scss */
.division__app__item a, .division__app__item--android a, .division__app__item--ios a {
  display: block;
  width: 155px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 413, app/assets/stylesheets/modules/sp/_division.scss */
.division__app__item a span, .division__app__item--android a span, .division__app__item--ios a span {
  display: none;
}

/* line 420, app/assets/stylesheets/modules/sp/_division.scss */
.division__app__item--ios a {
  background-image: url(/assets/pc/service/detail/ico_appstore-deaf597bd57239c5054c59099e54ab9014f1e15eddb961085428e0ce94d4385b.svg);
}

/* line 426, app/assets/stylesheets/modules/sp/_division.scss */
.division__app__item--android a {
  background-image: url(/assets/pc/service/detail/ico_googleplay-30828cef2563afa6e02c057940374f9f169624b50cbf266f8fa921ba774230c0.png);
}

/* line 431, app/assets/stylesheets/modules/sp/_division.scss */
.division__button-area {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 2px #eeeeee;
  text-align: center;
}

/* line 438, app/assets/stylesheets/modules/sp/_division.scss */
.division__point {
  overflow: hidden;
  position: relative;
  text-decoration: none;
  color: inherit !important;
}

/* line 445, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__cover, .division__point__cover--n1,
.division__point__cover--n2,
.division__point__cover--n3,
.division__point__cover--tsukurunda_village,
.division__point__cover--recycreation_kamakura_n1,
.division__point__cover--recycreation_kamakura_n2 {
  position: relative;
}

/* line 448, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__cover img, .division__point__cover--n1 img,
.division__point__cover--n2 img,
.division__point__cover--n3 img,
.division__point__cover--tsukurunda_village img,
.division__point__cover--recycreation_kamakura_n1 img,
.division__point__cover--recycreation_kamakura_n2 img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 455, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__cover__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
}

/* line 465, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__cover__keyword {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

/* line 472, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

/* line 479, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__title strong {
  font-family: "Ubuntu";
  margin-right: 16px;
}

/* line 485, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__sub-title {
  margin-top: 40px;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 20px;
}

/* line 492, app/assets/stylesheets/modules/sp/_division.scss */
.division__point__body {
  font-size: 16px;
  line-height: 1.75;
  margin: 16px auto;
}

/* line 498, app/assets/stylesheets/modules/sp/_division.scss */
.division__table {
  width: 100%;
}

/* line 503, app/assets/stylesheets/modules/sp/_division.scss */
.division__border-box {
  background-color: #f7f7f7;
  margin: 8px 4px;
  padding: 24px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/modules/sp/_embed-map.scss */
.embed-map, .embed-map--large {
  display: block;
  padding-bottom: 66.6666666667%;
}

/* line 6, app/assets/stylesheets/modules/sp/_embed-map.scss */
.embed-map--large {
  width: 100%;
  padding-bottom: 100%;
  margin: 20px 0;
}

/* line 1, app/assets/stylesheets/modules/sp/_flow-list.scss */
.flow-list {
  margin: 1em auto;
  font-size: 18px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.flow-list:before, .flow-list:after {
  content: "";
  display: block;
  clear: both;
}

/* line 5, app/assets/stylesheets/modules/sp/_flow-list.scss */
.flow-list p {
  margin: 0;
}

/* line 10, app/assets/stylesheets/modules/sp/_flow-list.scss */
.flow-list__item, .flow-list__item--notice {
  margin-top: 10px;
}

/* line 14, app/assets/stylesheets/modules/sp/_flow-list.scss */
.flow-list__item--notice {
  font-size: 12px;
}

/* line 19, app/assets/stylesheets/modules/sp/_flow-list.scss */
.flow-list__num {
  font-family: "Ubuntu";
  font-size: 70px;
  line-height: 1;
  color: #1b9af7;
  margin-right: 0.1em;
}

/* line 1, app/assets/stylesheets/modules/sp/_footer.scss */
.footer {
  position: relative;
  background-color: #fff;
}

/* line 6, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  text-align: center;
  border-top: solid 1px #eeeeee;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 14, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__nav__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  height: 48px;
  line-height: 48px;
  border-bottom: solid 1px #eeeeee;
}

/* line 21, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__nav__item:nth-child(odd) {
  border-right: solid 1px #eeeeee;
}

/* line 26, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__nav__btn {
  color: inherit;
  text-decoration: none;
}

/* line 31, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  line-height: 56px;
  position: relative;
}

/* line 40, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__copyright {
  font-size: 12px;
  font-family: "Ubuntu Condensed";
  text-align: center;
  margin: 0 auto;
}

/* line 47, app/assets/stylesheets/modules/sp/_footer.scss */
.footer__stamp {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__start {
  display: none;
  height: 60px;
  line-height: 60px;
  background-color: #1b9af7;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  opacity: 0.5;
  pointer-events: none;
}

/* line 12, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__start.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* line 17, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__start.is-hide {
  display: none;
}

/* line 23, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form *, .formtype__form--entry * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 27, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form hr, .formtype__form--entry hr {
  background-color: none;
  height: 0px;
  margin: 32px 0px;
  padding: 0px;
  border: none;
  border-top: solid 1px #eeeeee;
}

/* line 41, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form input[type="radio"], .formtype__form--entry input[type="radio"] {
  vertical-align: middle;
}

/* line 46, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form input, .formtype__form--entry input,
.formtype__form select,
.formtype__form--entry select,
.formtype__form .radio-container,
.formtype__form--entry .radio-container {
  margin: 0 8px;
}

/* line 51, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form input:first-child, .formtype__form--entry input:first-child,
.formtype__form select:first-child,
.formtype__form--entry select:first-child,
.formtype__form .radio-container:first-child,
.formtype__form--entry .radio-container:first-child {
  margin-left: 0;
}

/* line 56, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form input[type="text"], .formtype__form--entry input[type="text"],
.formtype__form input[type="tel"],
.formtype__form--entry input[type="tel"],
.formtype__form input[type="url"],
.formtype__form--entry input[type="url"],
.formtype__form textarea,
.formtype__form--entry textarea {
  line-height: 1.8;
  padding: 0.2em 0.5em;
}

/* line 64, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form textarea, .formtype__form--entry textarea {
  display: block;
  width: 100%;
  resize: vertical;
}

/* line 70, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form strong, .formtype__form--entry strong {
  font-weight: normal;
}

/* line 74, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form .radio-container, .formtype__form--entry .radio-container {
  font-weight: bold;
}

/* line 78, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form .note, .formtype__form--entry .note {
  line-height: normal;
  margin-top: 0.5em;
  font-size: 14px;
  color: #333333;
}

/* line 89, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form--entry .formtype__start {
  display: block;
}

/* line 93, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form--entry .formtype__form__table, .formtype__form--entry .formtype__form__table--preview,
.formtype__form--entry .formtype__form__block,
.formtype__form--entry .formtype__submit,
.formtype__form--entry hr {
  display: none;
}

/* line 101, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form--entry.is-show .formtype__form__table, .formtype__form--entry.is-show .formtype__form__table--preview,
.formtype__form--entry.is-show .formtype__form__block,
.formtype__form--entry.is-show .formtype__submit,
.formtype__form--entry.is-show hr {
  display: block;
}

/* line 110, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms {
  overflow: scroll;
  margin: 2em 0;
  padding: 1.25em;
  height: 250px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.875;
  border: solid 1px #eeeeee;
}

/* line 120, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms h3 {
  text-align: center;
  margin: 1.5em auto;
}

/* line 125, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms .p-mark {
  text-align: right;
}

/* line 130, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms-check {
  position: relative;
  padding-left: 2em;
  margin-bottom: 2em;
}

/* line 135, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms-check input {
  position: absolute;
  top: 5px;
  left: 0;
}

/* line 140, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__captcha {
  margin-bottom: 2em;
}

/* line 144, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms-check__error {
  display: none;
  margin-top: 10px;
}

/* line 149, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__contact-terms-check__error.is-show {
  display: block;
}

/* line 154, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table, .formtype__form__table--preview {
  width: 100%;
  margin: 32px 0px;
}

/* line 158, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table tbody, .formtype__form__table--preview tbody,
.formtype__form__table tr,
.formtype__form__table--preview tr,
.formtype__form__table th,
.formtype__form__table--preview th,
.formtype__form__table td,
.formtype__form__table--preview td {
  display: block;
  width: 100%;
}

/* line 166, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table th, .formtype__form__table--preview th,
.formtype__form__table td,
.formtype__form__table--preview td {
  vertical-align: top;
}

/* line 171, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table th, .formtype__form__table--preview th {
  margin-bottom: 0.75em;
}

/* line 175, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table td, .formtype__form__table--preview td {
  margin-bottom: 1.75em;
  white-space: pre-wrap;
}

/* line 179, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table td img, .formtype__form__table--preview td img {
  max-width: 100%;
}

/* line 184, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table select, .formtype__form__table--preview select {
  margin-left: 1em;
  font-size: 16px;
}

/* line 193, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview tr {
  position: relative;
}

/* line 196, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview tr:before {
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: -6px;
  right: -6px;
  content: "";
}

/* line 202, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview tr > * {
  position: relative;
}

/* line 207, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview tr:nth-child(odd):before {
  background-color: #f7f7f7;
}

/* line 213, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview tr:nth-child(even):before {
  background-color: rgba(247, 247, 247, 0.5);
}

/* line 219, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview dl {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

/* line 223, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview dl dt,
.formtype__form__table--preview dl dd {
  display: inline-block;
  vertical-align: middle;
}

/* line 228, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview dl dt {
  color: #999999;
  margin-right: 0.5em;
}

/* line 232, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview dl dd {
  vertical-align: middle;
}

/* line 237, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview h4 {
  font-weight: bold;
}

/* line 241, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table--preview td {
  word-break: break-all;
}

/* line 247, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question h4 {
  font-weight: bold;
}

/* line 253, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="name"] td, .formtype__form__question[data-question-name="kana"] td {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 257, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="name"] td input, .formtype__form__question[data-question-name="kana"] td input {
  min-width: 0;
  margin: 0px;
  margin-left: 4px;
  -webkit-box-flex: 0%;
  -webkit-flex: 0%;
      -ms-flex: 0%;
          flex: 0%;
}

/* line 263, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="name"] td input:first-child, .formtype__form__question[data-question-name="kana"] td input:first-child {
  margin-left: 0px;
  margin-right: 4px;
}

/* line 269, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="name"] td .error-text, .formtype__form__question[data-question-name="name"] td .alert, .formtype__form__question[data-question-name="name"] td .common-checkbox.is-error:before, .formtype__form__question[data-question-name="name"] td .formtype__form input.is-error[type="checkbox"]:before, .formtype__form .formtype__form__question[data-question-name="name"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="name"] td .formtype__contact-terms-check__error, .formtype__form__question[data-question-name="kana"] td .error-text, .formtype__form__question[data-question-name="kana"] td .alert, .formtype__form__question[data-question-name="kana"] td .common-checkbox.is-error:before, .formtype__form__question[data-question-name="kana"] td .formtype__form input.is-error[type="checkbox"]:before, .formtype__form .formtype__form__question[data-question-name="kana"] td input.is-error[type="checkbox"]:before, .formtype__form__question[data-question-name="kana"] td .formtype__contact-terms-check__error {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}

/* line 276, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="birthday"] .formtype__form__year,
.formtype__form__question[data-question-name="birthday"] select {
  margin: 0 4px;
}

/* line 283, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="zipcode"] .formtype__form__zipcode1 {
  width: 65px;
}

/* line 287, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="zipcode"] .formtype__form__zipcode2 {
  width: 80px;
}

/* line 291, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="zipcode"] select {
  display: block;
  margin: 1em 0;
}

/* line 296, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="zipcode"] .formtype__form__address {
  width: 100%;
  margin: 0;
  height: 40px;
}

/* line 305, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="tel"] td input, .formtype__form__question[data-question-name="email"] td input {
  width: 100%;
}

/* line 311, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="email"] h5 {
  margin-top: 2em;
  margin-bottom: 1em;
}

/* line 316, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="email"] input[type="radio"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* line 324, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="recruit_job_category_id"] label {
  font-size: 15px;
  font-weight: normal;
}

/* line 329, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="recruit_job_category_id"] input {
  vertical-align: middle;
}

/* line 335, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="applicants_reason"] textarea {
  margin-top: 10px;
}

/* line 343, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__question[data-question-name="job_career"] textarea, .formtype__form__question[data-question-name="qualifications"] textarea, .formtype__form__question[data-question-name="applicants_reason_detail"] textarea {
  height: 170px;
}

/* line 349, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__required {
  background-color: #f15151;
  color: #fff;
  font-size: 14px;
  padding: 0.2em 0.6em;
  margin-left: 1em;
  border-radius: 2px;
  word-break: keep-all;
}

/* line 361, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url.is-open .formtype__form__table__url__add-btn {
  -webkit-transform: translateY(5px) rotate(45deg);
          transform: translateY(5px) rotate(45deg);
}

/* line 365, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url.is-open .formtype__form__table__url__hidden {
  display: block;
}

/* line 371, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__inner {
  position: relative;
  padding-right: 30px;
}

/* line 375, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__inner input {
  width: 100%;
}

/* line 380, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__add-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border: solid 2px #000;
  border-radius: 50%;
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  cursor: pointer;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.formtype__form__table__url__add-btn:before {
  content: "";
  font-family: FontAwesome;
}

/* line 391, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__add-btn:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  line-height: 22px;
  text-align: center;
}

/* line 400, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__hidden {
  display: none;
}

/* line 403, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__table__url__hidden p {
  margin-top: 0.5em;
}

/* line 409, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list label {
  display: block;
  height: 200px;
  background-color: #fafafa;
  border: solid 1px #dedede;
  text-align: center;
  cursor: pointer;
  position: relative;
}

/* line 419, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list i.fa.fa-times-circle-o {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 120%;
  display: none;
}

/* line 426, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__item {
  margin-top: 3em;
}

/* line 429, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__item:first-child {
  margin-top: 0;
}

/* line 433, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__item h5 {
  font-weight: bold;
}

/* line 437, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__item label {
  margin-top: 1em;
}

/* line 442, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__photo {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  overflow: hidden;
}

/* line 450, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__photo.is-uploaded {
  display: block;
}

/* line 454, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* line 461, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-confirm {
  padding: 1px 0;
}

/* line 465, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-confirm__inner {
  margin: 2em 0;
}

/* line 468, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-confirm__inner:first-child {
  margin-top: 0.5em;
}

/* line 473, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-confirm__photo {
  position: relative;
  width: 100%;
  height: 200px;
  margin-top: 0.5em;
  background-color: #fafafa;
  border: solid 1px #dedede;
  overflow: hidden;
}

/* line 482, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-confirm__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* line 488, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__button {
  height: 1em;
  line-height: 1;
  font-weight: bold;
  color: #cccccc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 497, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__photo__delete {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.formtype__form__photo-list__photo__delete:before {
  content: "";
  font-family: FontAwesome;
}

/* line 507, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__photo-list__photo__delete:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}

/* line 517, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__reasons li {
  margin-top: 0.25em;
}

/* line 521, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__reasons input {
  height: 1em;
  vertical-align: middle;
}

/* line 527, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__block {
  margin-bottom: 2em;
}

/* line 530, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__block h4 {
  font-weight: bold;
}

/* line 534, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__block textarea {
  height: 170px;
  margin-top: 0.5em;
}

/* line 540, app/assets/stylesheets/modules/sp/_formtype.scss */
.formtype__form__column {
  display: block;
}

/* line 1, app/assets/stylesheets/modules/sp/_game-background.scss */
.game-background {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_game-bg-character.scss */
.game-bg-character {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_game-footer-character.scss */
.game-footer-character {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_hero-detail.scss */
.hero-detail {
  display: none;
}

/* line 2, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics h5 {
  font-size: 16px;
  margin: 0 0 0.5em;
}

/* line 6, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics hr {
  margin: 25px 0;
}

/* line 9, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics p {
  margin: 0;
}

/* line 14, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend {
  position: relative;
}

/* line 17, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.x {
  font-size: 10px;
}

/* line 19, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.x .domain {
  fill: rgba(0, 0, 0, 0.3);
}

/* line 23, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.x .tick text {
  -webkit-transform: rotateZ(-30deg) translate(-14px, 0px);
          transform: rotateZ(-30deg) translate(-14px, 0px);
}

/* line 26, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.x .tick tspan {
  font-size: 65%;
}

/* line 31, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.y {
  font-size: 12px;
}

/* line 33, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.y .domain {
  display: none;
}

/* line 37, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.y .tick line {
  stroke: rgba(0, 0, 0, 0.3);
  stroke-dasharray: 4 2;
}

/* line 41, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.y .tick text {
  -webkit-transform: translateX(-0.3em);
          transform: translateX(-0.3em);
}

/* line 45, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .axis.y .tick:first-child line {
  display: none;
}

/* line 51, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend .bar {
  fill: #1b9af7;
}

/* line 56, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend__label {
  font-size: 9px;
  line-height: 1.3;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 64, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend__notice {
  font-size: 9px;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* line 71, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend__pop {
  font-size: 14px;
  position: absolute;
  top: -30px;
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  background-color: #fff;
  border-radius: 4px;
  padding: 0.3em 0.7em;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
}

/* line 81, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__sales-trend__pop:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  margin: auto;
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.35);
          box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.35);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 97, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__float {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 25px;
  margin-top: 25px;
  border-top: solid 2px #eeeeee;
}

/* line 104, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__float > div {
  border-right: solid 1px #dddddd;
  padding: 0 10px;
  width: 50%;
}

/* line 109, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__float > div:first-child {
  padding-left: 0;
}

/* line 112, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__float > div:last-child {
  border-right: none;
  padding-right: 0;
}

/* line 119, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__float--fresh {
  padding-top: 25px;
  margin-top: 25px;
  border-top: solid 2px #eeeeee;
}

/* line 125, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__num {
  font-family: "Ubuntu";
  font-size: 55px;
  line-height: 1;
  color: #1b9af7;
}

/* line 130, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__num.is-small {
  font-size: 25px;
}

/* line 133, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__num.is-light-color {
  color: #76c2fa;
}

/* line 142, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__fresh-career__graph {
  font-size: 0;
}

/* line 145, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__fresh-career__graph div {
  display: inline-block;
  height: 7px;
}

/* line 149, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__fresh-career__graph div:first-child {
  background-color: #1b9af7;
}

/* line 152, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__fresh-career__graph div:nth-child(2) {
  background-color: #76c2fa;
}

/* line 158, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__fresh-career__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  margin-top: 1em;
}

/* line 169, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__employee__text {
  font-size: 13px;
}

/* line 173, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__lang {
  color: #000;
  font-family: "Ubuntu";
  font-size: 14px;
  line-height: 1.43 !important;
}

/* line 180, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department, .infographics__department--fresh {
  font-size: 16px;
  line-height: 1.625;
  padding-top: 25px;
  margin-top: 25px;
  border-top: solid 2px #eeeeee;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.infographics__department:before, .infographics__department--fresh:before, .infographics__department:after, .infographics__department--fresh:after {
  content: "";
  display: block;
  clear: both;
}

/* line 197, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph {
  margin-bottom: 14px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

/* line 203, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie {
  position: relative;
}

/* line 205, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie .legend {
  fill: #fff;
}

/* line 209, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(1) {
  fill: #1b9af7;
}

/* line 211, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(1) .legend {
  -webkit-transform: translate(30px, -25px);
          transform: translate(30px, -25px);
}

/* line 216, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(2) {
  fill: #49aef9;
}

/* line 218, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(2) .legend {
  -webkit-transform: translate(0px, 55px);
          transform: translate(0px, 55px);
}

/* line 223, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(3) {
  fill: #76c2fa;
}

/* line 225, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(3) .legend {
  -webkit-transform: translate(-70px, 0px);
          transform: translate(-70px, 0px);
}

/* line 230, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(4) {
  fill: #a4d7fc;
}

/* line 232, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph .pie:nth-child(4) .legend {
  -webkit-transform: translate(-70px, -50px);
          transform: translate(-70px, -50px);
}

/* line 237, app/assets/stylesheets/modules/sp/_infographics.scss */
.infographics__department__graph > .legend {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_interview-card.scss */
.interview-card {
  position: relative;
  display: block;
  height: 138px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.interview-card:before, .interview-card:after {
  content: "";
  display: block;
  clear: both;
}

/* line 12, app/assets/stylesheets/modules/sp/_interview-card.scss */
.interview-card__thumbnail {
  float: right;
  margin-left: 16px;
  width: 138px;
  height: 138px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* line 22, app/assets/stylesheets/modules/sp/_interview-card.scss */
.interview-card__series {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 31, app/assets/stylesheets/modules/sp/_interview-card.scss */
.interview-card__date {
  margin-bottom: 12px;
  font-size: 11px;
  font-style: italic;
  line-height: 1;
}

/* line 38, app/assets/stylesheets/modules/sp/_interview-card.scss */
.interview-card__title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.375;
  font-weight: bold;
  max-height: 5.5em;
  height: auto;
  overflow: hidden;
}

/* line 51, app/assets/stylesheets/modules/sp/_interview-card.scss */
body[data-design="simple"] .interview-card__date {
  font-family: "Ubuntu";
}

/* line 1, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter, .ir-filter--right {
  position: relative;
  margin: 16px;
  text-align: right;
  font-size: 0px;
}

/* line 7, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter ul, .ir-filter--right ul {
  position: relative;
  display: inline-block;
  padding: 0 40px 0 10px;
  border: solid 1px #eeeeee;
  font-size: 14px;
  line-height: 42px;
  font-weight: bold;
}

/* line 15, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter ul:after, .ir-filter--right ul:after {
  position: absolute;
  display: block;
  right: 16px;
  top: 0px;
  pointer-events: none;
  content: "";
  font-family: FontAwesome;
  color: #4c4c4c;
}

/* line 26, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter li, .ir-filter--right li {
  display: none;
}

/* line 28, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter li.is-active, .ir-filter--right li.is-active {
  display: block;
}

/* line 32, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter select, .ir-filter--right select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* line 41, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter a, .ir-filter--right a {
  text-decoration: none;
  color: inherit;
}

/* line 46, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter--right {
  float: right;
  margin: 0px;
}

/* line 52, app/assets/stylesheets/modules/sp/_ir-filter.scss */
.ir-filter__unit {
  display: inline-block;
  position: relative;
  margin-left: 8px;
}

/* line 59, app/assets/stylesheets/modules/sp/_ir-filter.scss */
body[data-design="simple"] .ir-filter, body[data-design="simple"] .ir-filter--right {
  color: #1b9af7;
}

/* line 1, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph {
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item {
  vertical-align: top;
  margin-top: 16px;
}

/* line 9, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_table_caption_title {
  display: none;
}

/* line 13, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_table_caption_unit {
  display: block;
  text-align: right;
  margin: auto;
  width: 90%;
  font-size: 14px;
}

/* line 21, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_table {
  margin: auto;
  width: 90%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_header {
  background-color: #45c69d;
  color: #fff;
  font-weight: bold;
}

/* line 34, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_q,
.ir-graph__item .xj_chart_q_last {
  background-color: #a3a3a3;
  color: #fff;
  font-weight: bold;
}

/* line 40, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_td_last {
  background-color: #a3e100;
}

/* line 44, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_value,
.ir-graph__item .xj_chart_value_last {
  background-color: #f0f0f0;
}

/* line 49, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_header_first {
  background-color: #d2d2d2;
}

/* line 53, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__item .xj_chart_value,
.ir-graph__item .xj_chart_value_last,
.ir-graph__item .xj_chart_q,
.ir-graph__item .xj_chart_q_last,
.ir-graph__item .xj_chart_header,
.ir-graph__item .xj_chart_no_value {
  text-align: center;
}

/* line 63, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0.5em;
}

/* line 69, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__box {
  border: solid 1px #ccc;
  padding-top: 48px;
}

/* line 74, app/assets/stylesheets/modules/sp/_ir-graph.scss */
.ir-graph__image {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}

/* line 2, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_table {
  margin: auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 12px;
}

/* line 9, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_header {
  background-color: #2f5597;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* line 14, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_header :first-child {
  background: #a3a3a3;
}

/* line 18, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_value {
  background-color: #f0f0f0;
  text-align: center;
}

/* line 22, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_no_value {
  text-align: center;
}

/* line 25, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_header_first {
  background-color: #d2d2d2;
  width: 120px;
}

/* line 29, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_table_scroll {
  overflow-x: scroll;
  width: 100%;
}

/* line 33, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_table {
  width: 980px;
  max-width: 980px;
}

/* line 36, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_table td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 2px;
}

/* line 39, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_table td:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 100%;
  height: 100%;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}

/* line 51, app/assets/stylesheets/modules/sp/_ir-graph__footprints.scss */
.ir-graph__footprints .xj_chart_table_note {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

/* line 1, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news {
  margin-top: 24px;
}

/* line 3, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__item {
  border-top: solid 2px #eeeeee;
}

/* line 10, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__item:last-child {
  border-bottom: solid 2px #eeeeee;
}

/* line 15, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__cell {
  display: block;
  padding: 20px 0px;
  color: inherit;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__cell__date {
  display: inline-block;
  margin-right: 1em;
  font-size: 14px;
  font-style: italic;
}

/* line 29, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__cell__label {
  display: inline-block;
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__cell__title {
  font-size: 16px;
}

/* line 37, app/assets/stylesheets/modules/sp/_ir-news.scss */
.ir-news__cell__title:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(/assets/pc/common/ico_pdf-07775a8e06d0cf8de18c455fe31610928024374389f10cc1961009bae570bd9c.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/modules/sp/_like.scss */
.like-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: none;
  color: #4b4b4b;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}

/* line 10, app/assets/stylesheets/modules/sp/_like.scss */
.like-button.liked {
  color: #f23c5e;
}

/* line 14, app/assets/stylesheets/modules/sp/_like.scss */
.like-button span {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 5px;
}

/* line 20, app/assets/stylesheets/modules/sp/_like.scss */
.like-button .icon {
  display: none;
}

/* line 23, app/assets/stylesheets/modules/sp/_like.scss */
.like-button .icon.show {
  display: block;
}

/* line 1, app/assets/stylesheets/modules/sp/_member-grid.scss */
.member-grid {
  display: none;
}

/* line 5, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__inner {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

/* line 14, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__inner.is-folded {
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

/* line 18, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__inner.is-folded .menu__nav {
  -webkit-transform: translateX(-290px);
          transform: translateX(-290px);
}

/* line 24, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 270px;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/* line 35, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav:before {
  content: "";
  display: block;
  height: 121px;
}

/* line 42, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__group {
  padding: 9px 0;
}

/* line 44, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__group:before {
  content: "";
  display: block;
  position: relative;
  top: -9px;
}

/* line 52, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__item {
  position: relative;
}

/* line 54, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__item[data-category="search"] {
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 62, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__item:last-child .menu__sub__item:last-child .menu__sub__btn, .menu__nav__item:last-child .menu__sub__item:last-child .menu__sub__btn--disabled {
  border-bottom: none;
}

/* line 70, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__item__popup {
  display: none;
}

/* line 74, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(/assets/pc/common/logo_typo-7c96e39ca0b36effe291a7b6106f946ee2141f86d1d8d9d15b0469ee6785ada3.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 85px 26.5px;
  width: 135px;
  height: 28px;
}

/* line 83, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__logo span {
  display: none;
}

/* line 88, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__25th__logo {
  position: absolute;
  top: 6px;
  bottom: 0;
  left: auto;
  right: 6px;
  width: 80px;
  height: 44px;
}

/* line 92, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__25th__logo img {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 99, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__logo__typo {
  display: inline-block;
}

/* line 101, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__logo__typo svg {
  height: 27px;
  width: auto;
}

/* line 107, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__item__close,
.menu__nav__item__hint {
  display: none;
}

/* line 112, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__btn, .menu__nav__btn--contact {
  display: block;
  text-decoration: none;
  padding: 20px 24px;
  line-height: 1;
  color: inherit;
  font-size: 24px;
}

/* line 123, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__btn--contact span {
  font: inherit;
}

/* line 126, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__btn--contact svg {
  display: none;
}

/* line 132, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__nav__btn--search span,
.menu__nav__btn--search svg {
  display: none;
}

/* line 138, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub, .menu__sub--2c,
.menu__sub--3c,
.menu__sub--4c {
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__btn, .menu__sub__btn--disabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-left: 48px;
  padding: 15px 0;
  font-size: 14px;
  line-height: 1;
  color: inherit;
  border-bottom: dotted 1px #cccccc;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 162, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__btn--disabled {
  opacity: 0.7;
}

/* line 166, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__btn__inner[data-indent] {
  position: relative;
  padding-left: 2em;
}

/* line 169, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__btn__inner[data-indent]:before {
  content: "-";
  display: block;
  width: 5px;
  height: 2px;
  margin: auto;
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
  line-height: 0;
}

/* line 182, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__btn__footer {
  font-size: 11px;
  line-height: 15px;
  margin-top: 5px;
}

/* line 188, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__title, .menu__sub__title--l1 {
  display: block;
  font-family: YakuHanJP, YuGothic, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

/* line 196, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__title small, .menu__sub__title--l1 small {
  font-size: 90%;
}

/* line 204, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__date {
  display: inline-block;
  font-family: "Ubuntu";
  font-style: italic;
  color: rgba(76, 76, 76, 0.7);
}

/* line 211, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__sub__badge {
  display: inline-block;
  padding: 0em 0.5em;
  margin-left: 0.5em;
  background-color: #1b9af7;
  color: #fff;
  border-radius: 3px;
  line-height: 1.4;
  font-family: "Ubuntu";
}

/* line 222, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search {
  position: absolute;
  top: 56px;
  left: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 230, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search__keyword {
  display: block;
  width: 100%;
  height: 65px;
  margin: 0px;
  border: none;
  outline: none;
  font-size: 16px;
  background: none;
  padding: 0 16px 0 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 242, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search__keyword::-webkit-input-placeholder {
  line-height: 1;
}
.menu__search__keyword::-moz-placeholder {
  line-height: 1;
}
.menu__search__keyword:-ms-input-placeholder {
  line-height: 1;
}
.menu__search__keyword::-ms-input-placeholder {
  line-height: 1;
}
.menu__search__keyword::placeholder {
  line-height: 1;
}

/* line 247, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search__icon {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* line 255, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search__icon svg {
  width: 100%;
  height: 100%;
}

/* line 262, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__search__submit button {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  color: transparent !important;
}

/* line 274, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 56px;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

/* line 283, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar.is-up {
  -webkit-transform: translateY(-56px);
          transform: translateY(-56px);
}

/* line 288, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 32px;
  height: 32px;
}

/* line 298, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle.is-folded .menu__bar__toggle__line--n1 {
  -webkit-transform: translateY(-8px) rotate(0deg);
          transform: translateY(-8px) rotate(0deg);
}

/* line 301, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle.is-folded .menu__bar__toggle__line--n2 {
  opacity: 1;
}

/* line 304, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle.is-folded .menu__bar__toggle__line--n3 {
  -webkit-transform: translateY(8px) rotate(0deg);
          transform: translateY(8px) rotate(0deg);
}

/* line 310, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle__line, .menu__bar__toggle__line--n3, .menu__bar__toggle__line--n2, .menu__bar__toggle__line--n1 {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition-property: opacity transform;
  transition-property: opacity transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

/* line 325, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle__line--n1 {
  -webkit-transform: translateY(0px) rotate(45deg);
          transform: translateY(0px) rotate(45deg);
}

/* line 329, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle__line--n2 {
  opacity: 0;
}

/* line 333, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__bar__toggle__line--n3 {
  -webkit-transform: translateY(0px) rotate(-45deg);
          transform: translateY(0px) rotate(-45deg);
}

/* line 338, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account {
  background-color: #eeeeee;
  padding-top: 24px;
}

/* line 341, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 346, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

/* line 352, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  padding: 20px;
}

/* line 360, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__item {
  position: relative;
  width: 50%;
  height: 72px;
  border-top: solid 1px rgba(76, 76, 76, 0.1);
}

/* line 365, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__item:nth-child(1), .menu__account__item:nth-child(2) {
  border-top: none;
}

/* line 370, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__item:nth-child(2n) .menu__account__btn, .menu__account__item:nth-child(2n) .menu__account__btn--yana, .menu__account__item:nth-child(2n) .menu__account__btn--yt, .menu__account__item:nth-child(2n) .menu__account__btn--x, .menu__account__item:nth-child(2n) .menu__account__btn--fb {
  padding-left: 20px;
}

/* line 374, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__item:nth-child(2n + 1) {
  border-right: solid 1px rgba(76, 76, 76, 0.1);
}

/* line 376, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__item:nth-child(2n + 1) .menu__account__btn, .menu__account__item:nth-child(2n + 1) .menu__account__btn--yana, .menu__account__item:nth-child(2n + 1) .menu__account__btn--yt, .menu__account__item:nth-child(2n + 1) .menu__account__btn--x, .menu__account__item:nth-child(2n + 1) .menu__account__btn--fb {
  padding-right: 20px;
}

/* line 382, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn, .menu__account__btn--yana, .menu__account__btn--yt, .menu__account__btn--x, .menu__account__btn--fb {
  display: block;
  height: 100%;
  position: relative;
  font-size: 10px;
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
}

/* line 392, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn svg, .menu__account__btn--yana svg, .menu__account__btn--yt svg, .menu__account__btn--x svg, .menu__account__btn--fb svg {
  height: 40px;
}

/* line 399, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--fb svg {
  width: auto;
}

/* line 401, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--fb svg * {
  fill: #395590;
}

/* line 408, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--x svg {
  width: auto;
}

/* line 410, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--x svg * {
  fill: #0f1419;
}

/* line 415, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yt {
  padding-top: 15px;
}

/* line 418, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yt svg {
  width: 35px;
  margin: 0 auto;
}

/* line 421, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yt svg * {
  fill: #e62d27;
}

/* line 427, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yana {
  padding-top: 15px;
}

/* line 430, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yana svg {
  width: auto;
  height: 36.5px;
  margin-top: 2px;
}

/* line 434, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__account__btn--yana svg #footer_yana_overlay * {
  fill: none;
}

/* line 440, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang {
  background-color: #eeeeee;
  border-top: solid 1px rgba(76, 76, 76, 0.1);
}

/* line 446, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 450, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__item {
  width: 50%;
  height: 92px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: rgba(76, 76, 76, 0.6);
  overflow: hidden;
}

/* line 460, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__item:first-child {
  border-right: solid 1px rgba(76, 76, 76, 0.1);
}

/* line 463, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__item a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 471, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__item.is-active {
  color: #000;
}

/* line 473, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__item.is-active .menu__lang__btn--en, .menu__lang__item.is-active .menu__lang__btn--jp {
  background-color: #000;
}

/* line 479, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__btn--en, .menu__lang__btn--jp {
  width: 35px;
  height: 35px;
  margin: 22px auto 8px;
  border-radius: 2px;
  background-color: rgba(76, 76, 76, 0.6);
  background-image: url(/assets/sp/common/menu_lang-264f4faf35d6d6c252148ceab8d17aac266ac7488a5f1523c9af92010ca1ef2f.png);
  background-size: 35px 70px;
}

/* line 489, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__btn--en span, .menu__lang__btn--jp span {
  display: none;
}

/* line 494, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__btn--jp {
  background-position: center top;
}

/* line 499, app/assets/stylesheets/modules/sp/_menu.scss */
.menu__lang__btn--en {
  background-position: center bottom;
}

/* line 505, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__nav {
  background-color: #fff;
}

/* line 510, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__nav__group:before {
  border-top: solid 1px #eeeeee;
  margin-left: 24px;
}

/* line 518, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__nav__item.is-active .menu__nav__btn, body[data-design="simple"] .menu__nav__item.is-active .menu__nav__btn--contact {
  background-color: #f5f5f5;
}

/* line 524, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__nav__item__popup {
  display: block;
  pointer-events: none;
  position: absolute;
  background-color: #1b9af7;
  font-size: 11px;
  font-weight: bold;
  color: white;
  left: 100px;
  top: 22px;
  padding: 5px 8px 4px;
  border-radius: 4px;
  line-height: 1;
}

/* line 539, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__nav__btn, body[data-design="simple"] .menu__nav__btn--contact {
  font-family: "Slabo 27px", serif;
  color: #4c4c4c;
}

/* line 546, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__sub__btn.is-active .menu__sub__title, body[data-design="simple"] .is-active.menu__sub__btn--disabled .menu__sub__title, body[data-design="simple"] .menu__sub__btn.is-active .menu__sub__title--l1, body[data-design="simple"] .is-active.menu__sub__btn--disabled .menu__sub__title--l1 {
  color: #1b9af7;
}

/* line 552, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__bar {
  background-color: #fff;
}

/* line 556, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__bar__toggle__line, body[data-design="simple"] .menu__bar__toggle__line--n1, body[data-design="simple"] .menu__bar__toggle__line--n2, body[data-design="simple"] .menu__bar__toggle__line--n3 {
  background-color: #4c4c4c;
}

/* line 561, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__logo:before {
  content: "";
  position: absolute;
  background-image: url(/assets/pc/common/logo_mark-eb9803c73ca5e3c804ae2c86d809ee2f392dd511a0661c9268b752b7aa2985d3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  height: 100%;
  width: 100%;
}

/* line 571, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__logo.is-long-logo {
  width: 188px;
  height: 28px;
}

/* line 574, app/assets/stylesheets/modules/sp/_menu.scss */
body[data-design="simple"] .menu__logo.is-long-logo:before {
  background-image: url(/assets/pc/common/logo_mark_long-e92b3e2d72579b47465eed9d0ddbf76629ea384abea574881bd33cbda8173a84.png);
}

/* line 1, app/assets/stylesheets/modules/sp/_mm-form.scss */
.mm-form {
  position: relative;
  margin: 28px auto 32px;
}

/* line 5, app/assets/stylesheets/modules/sp/_mm-form.scss */
.mm-form:last-child {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/modules/sp/_mm-form.scss */
.mm-form.is-complete .mm-form__check,
.mm-form.is-complete .sendbar {
  display: none;
}

/* line 13, app/assets/stylesheets/modules/sp/_mm-form.scss */
.mm-form.is-complete .mm-form__complete {
  display: block;
}

/* line 19, app/assets/stylesheets/modules/sp/_mm-form.scss */
.mm-form__complete {
  display: none;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/modules/sp/_more-footer.scss */
.more-footer {
  position: relative;
  margin-bottom: -22px;
  font-size: 14px;
  text-align: center;
  padding-top: 12px;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.more-footer:before {
  content: "";
  font-family: FontAwesome;
}

/* line 8, app/assets/stylesheets/modules/sp/_more-footer.scss */
.more-footer:before {
  line-height: 1;
  margin-right: 8px;
}

/* line 12, app/assets/stylesheets/modules/sp/_more-footer.scss */
.more-footer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
  right: -16px;
  border-top: solid 2px #eeeeee;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.more-footer.is-folded:before {
  content: "";
  font-family: FontAwesome;
}

/* line 1, app/assets/stylesheets/modules/sp/_news-card-unit.scss */
.news-card-unit, .news-card-unit--c2,
.news-card-unit--c3 {
  margin-top: 16px;
}

/* line 1, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card {
  position: relative;
  display: block;
  height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  text-decoration: none;
  color: inherit;
}

/* line 12, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card--in-unit {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.news-card--in-unit:before, .news-card--in-unit:after {
  content: "";
  display: block;
  clear: both;
}

/* line 20, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card--in-unit .news-card__thumbnail, .news-card--in-unit .news-card__thumbnail--large {
  width: 138px;
  height: 138px;
}

/* line 24, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card--in-unit .news-card__date {
  font-size: 11px;
}

/* line 27, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card--in-unit .news-card__title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.375;
  font-weight: bold;
  max-height: 5.5em;
  height: auto;
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card--in-unit .news-card__meta__tags {
  font-size: 9px;
}

/* line 43, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__thumbnail, .news-card__thumbnail--large {
  float: right;
  width: 138px;
  height: 100%;
  margin-left: 16px;
  background-color: #eeeeee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* line 57, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__date {
  margin-bottom: 12px;
  font-size: 11px;
  font-style: italic;
  line-height: 1;
}

/* line 64, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__title {
  font-size: 16px;
  line-height: 1.38;
  font-weight: bold;
  height: 5.52em;
  margin-bottom: 6px;
  overflow: hidden;
}

/* line 74, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__title__series {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 81, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__title__series:before {
  content: "#";
}

/* line 86, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta {
  font-size: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 93, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__pickup {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  color: #ff6666;
  border-style: solid;
  border-width: 2px;
  border-color: currentColor;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  padding: 1px 4px;
  border-radius: 2px;
  margin-right: 4px;
}

/* line 109, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__category {
  display: inline;
  font-style: italic;
  font-size: 10px;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="1"] {
  color: #33c8ff;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="1"] .inner-link:before {
  background-color: #33c8ff;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="2"] {
  color: #7275e9;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="2"] .inner-link:before {
  background-color: #7275e9;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="3"] {
  color: #fc880f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="3"] .inner-link:before {
  background-color: #fc880f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="4"] {
  color: #49e845;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="4"] .inner-link:before {
  background-color: #49e845;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="5"] {
  color: #ff599f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="5"] .inner-link:before {
  background-color: #ff599f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="6"] {
  color: #cf57fb;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.news-card__meta__category[data-category="6"] .inner-link:before {
  background-color: #cf57fb;
}

/* line 116, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__tags {
  display: inline;
}

/* line 119, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__tags span {
  position: relative;
  margin-right: 1em;
}

/* line 123, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__tags span:before {
  position: absolute;
  left: -0.8em;
  content: " / ";
}

/* line 128, app/assets/stylesheets/modules/sp/_news-card.scss */
.news-card__meta__tags span:first-child:before {
  display: none;
}

/* line 136, app/assets/stylesheets/modules/sp/_news-card.scss */
body[data-design="simple"] .news-card__date {
  font-family: "Ubuntu";
}

/* line 1, app/assets/stylesheets/modules/sp/_news-letter-scroll-button.scss */
.news-letter-scroll-button {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 82px;
  right: 18px;
  z-index: 4;
  -webkit-animation: news-letter-scroll-button-anim 3s infinite;
          animation: news-letter-scroll-button-anim 3s infinite;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

/* line 1, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination {
  position: relative;
  margin: 32px auto 0;
  margin-left: -8px;
  width: calc(100% + 16px);
  text-align: center;
  font-size: 16px;
  color: #4c4c4c;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 12, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination a {
  color: inherit;
  text-decoration: none;
}

/* line 18, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 26, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__page, .pagination__page--current {
  width: 64px;
  height: 44px;
  line-height: 44px;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 33, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__page:last-child, .pagination__page--current:last-child {
  margin-right: 0;
}

/* line 36, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__page a, .pagination__page--current a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/* line 43, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__page--current {
  color: #1b9af7;
}

/* line 48, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__prev, .pagination__prev--disable,
.pagination__next,
.pagination__next--disable {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
}

/* line 54, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__prev, .pagination__prev--disable {
  padding-left: 8px;
  padding-right: 30px;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.pagination__prev:after, .pagination__prev--disable:after {
  content: "";
  font-family: FontAwesome;
}

/* line 59, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__prev--disable {
  opacity: 0.2;
}

/* line 63, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__next, .pagination__next--disable {
  padding-left: 30px;
  padding-right: 8px;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.pagination__next:after, .pagination__next--disable:after {
  content: "";
  font-family: FontAwesome;
}

/* line 68, app/assets/stylesheets/modules/sp/_pagination.scss */
.pagination__next--disable {
  opacity: 0.2;
}

/* line 75, app/assets/stylesheets/modules/sp/_pagination.scss */
body[data-design="simple"] .pagination * {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/modules/sp/_pagination.scss */
body[data-design="simple"] .pagination__page, body[data-design="simple"] .pagination__page--current {
  background-color: #fff;
  border-radius: 4px;
}

/* line 86, app/assets/stylesheets/modules/sp/_pagination.scss */
body[data-design="simple"] .pagination__page--current {
  color: #1b9af7;
}

/* line 1, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card, .portfolio-card--member, .portfolio-card--2c,
.portfolio-card--3c,
.portfolio-card--mm-3c {
  font-size: 0px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.portfolio-card:before, .portfolio-card--member:before, .portfolio-card--2c:before,
.portfolio-card--3c:before,
.portfolio-card--mm-3c:before, .portfolio-card:after, .portfolio-card--member:after, .portfolio-card--2c:after,
.portfolio-card--3c:after,
.portfolio-card--mm-3c:after {
  content: "";
  display: block;
  clear: both;
}

/* line 5, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card *, .portfolio-card--member *, .portfolio-card--2c *,
.portfolio-card--3c *,
.portfolio-card--mm-3c * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 18, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--mm-3c .portfolio-card__cell__cover img {
  width: 100%;
}

/* line 24, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 30, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member:before, .portfolio-card--member:after {
  display: none;
}

/* line 34, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member .portfolio-card__item {
  -webkit-flex-basis: 49%;
      -ms-flex-preferred-size: 49%;
          flex-basis: 49%;
  margin-bottom: 8px;
}

/* line 39, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member .portfolio-card__cell__title {
  padding: 12px 14px;
  padding-bottom: 50px;
}

/* line 43, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member .portfolio-card__cell__footer, .portfolio-card--member .portfolio-card__cell__footer--long {
  padding: 14px;
  position: absolute;
  bottom: 0;
}

/* line 48, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card--member .portfolio-card__cell__footer__job {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 55, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 16px;
}

/* line 62, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell, .portfolio-card__cell--border {
  position: relative;
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #4c4c4c;
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell--border {
  border: solid 1px #cccccc;
}

/* line 76, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover {
  position: relative;
  overflow: hidden;
}

/* line 81, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__image, .portfolio-card__cell__cover__image--manga,
.portfolio-card__cell__cover__image--photo {
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 90, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__image--manga,
.portfolio-card__cell__cover__image--photo {
  display: none;
}

/* line 96, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__filter, .portfolio-card__cell__cover__filter--comic,
.portfolio-card__cell__cover__filter--kamakura,
.portfolio-card__cell__cover__filter--tech {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 101, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__filter--comic,
.portfolio-card__cell__cover__filter--kamakura,
.portfolio-card__cell__cover__filter--tech {
  display: none;
  width: 100%;
  height: 100%;
}

/* line 110, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__closed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 113, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__cover__closed span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 54px;
  margin-left: -27px;
  margin-top: -5px;
  padding: 4px 0px;
  border: solid 1px #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  background-color: #000;
  text-align: center;
}

/* line 131, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title {
  padding: 12px 16px;
  font-size: 20px;
  font-weight: bold;
}

/* line 137, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title__name {
  font-size: 18px;
  line-height: 20px;
}

/* line 142, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title__kana {
  font-size: 9px;
  margin-top: 4px;
}

/* line 147, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title__sub {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
}

/* line 153, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title__english {
  font-size: 26px;
}

/* line 157, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__title__pickup {
  float: right;
  color: #f66;
  font-size: 12px;
  border: solid 1px #f66;
  line-height: 1;
  padding: 3px 5px;
  margin-top: 5px;
  margin-left: 0.5em;
}

/* line 168, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__footer, .portfolio-card__cell__footer--long {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 16px;
  padding-top: 0;
  font-size: 12px;
}

/* line 179, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__footer__date {
  font-style: italic;
}

/* line 183, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__footer__job {
  font-size: 10px;
}

/* line 187, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
.portfolio-card__cell__footer__job__stamp {
  display: inline-block;
  margin-right: 8px;
}

/* line 193, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
body[data-design="simple"] .portfolio-card__cell__cover__image--manga {
  display: block;
}

/* line 197, app/assets/stylesheets/modules/sp/_portfolio-card.scss */
body[data-design="simple"] .portfolio-card__cell__footer__date {
  font-family: "Ubuntu";
}

/* line 1, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio, .portfolio--service {
  width: calc(100% + 16px);
  margin-left: -8px;
}

/* line 5, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio *, .portfolio--service * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 13, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio--service .portfolio__main {
  margin-top: 8px;
}

/* line 18, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile {
  color: #4c4c4c;
  overflow: hidden;
  padding-top: 56vw;
  position: relative;
}

/* line 25, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info {
  padding: 32px 24px;
}

/* line 30, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 56vw;
  overflow: hidden;
  background-color: #fff;
}

/* line 38, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__image img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 45, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__image img.is-show {
  display: block;
}

/* line 51, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__image__switch {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* line 57, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__name, .portfolio__profile__info__name--en {
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  color: #4c4c4c;
  margin-bottom: 16px;
}

/* line 65, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__name--en {
  font-size: 28px;
}

/* line 70, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__kana {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 16px;
}

/* line 76, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__excuse {
  font-size: 14px;
}

/* line 80, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__excuse__stamp {
  margin-top: 36px;
  margin-bottom: 16px;
}

/* line 85, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__excuse__reason {
  color: #999999;
  border-left: solid 2px #eeeeee;
  padding-left: 16px;
  font-size: 16px;
  margin-bottom: 16px;
}

/* line 91, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__excuse__reason dt {
  font-weight: bold;
}

/* line 94, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__excuse__reason dd {
  font-weight: normal;
  font-size: 18px;
  color: #000;
}

/* line 101, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__role {
  font-size: 16px;
  margin-bottom: 32px;
}

/* line 106, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  line-height: 1;
}

/* line 111, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social a {
  color: inherit;
  text-decoration: none;
}

/* line 117, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social__instagram, .portfolio__profile__info__social__github, .portfolio__profile__info__social__facebook, .portfolio__profile__info__social__twitter {
  margin-right: 20px;
}

/* line 120, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social__instagram a:before, .portfolio__profile__info__social__github a:before, .portfolio__profile__info__social__facebook a:before, .portfolio__profile__info__social__twitter a:before {
  font-size: 165%;
}

/* line 123, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social__instagram a, .portfolio__profile__info__social__github a, .portfolio__profile__info__social__facebook a, .portfolio__profile__info__social__twitter a {
  display: block;
}

/* line 126, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__social__instagram span, .portfolio__profile__info__social__github span, .portfolio__profile__info__social__facebook span, .portfolio__profile__info__social__twitter span {
  display: none;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__profile__info__social__twitter a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__profile__info__social__facebook a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__profile__info__social__github a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__profile__info__social__instagram a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 159, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__article {
  font-size: 14px;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__profile__info__article li:before {
  content: "";
  font-family: FontAwesome;
}

/* line 166, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__article a {
  color: inherit;
  border-bottom: 1px dotted #4c4c4c;
  text-decoration: none;
  margin-left: 5px;
}

/* line 174, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec {
  line-height: 24px;
  overflow: hidden;
  font-family: YakuHanJP, YuGothic, sans-serif;
}

/* line 179, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec dt {
  display: block;
  position: relative;
  float: left;
  vertical-align: top;
  width: 100px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 15px;
}

/* line 190, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec dt:after {
  content: "";
  position: relative;
  top: 13px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-left: 8px;
  border-bottom: dotted 1px #4c4c4c;
}

/* line 200, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec dt small {
  display: block;
  position: absolute;
  top: 24px;
  left: 0px;
  font-size: 12px;
  line-height: 1;
}

/* line 210, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec dd {
  display: block;
  margin-left: 108px;
}

/* line 215, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__spec strong {
  font-size: 18px;
  font-weight: bold;
}

/* line 221, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__share {
  margin-top: 32px;
  line-height: 1;
}

/* line 226, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__share__tab {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}

/* line 232, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__profile__info__article {
  margin-top: 15px;
}

/* line 236, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__switch, .portfolio__switch--photo,
.portfolio__switch--manga {
  width: 40px;
  margin-bottom: 8px;
  border: solid 2px #fff;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  font-weight: bold;
  background-color: #999999;
  color: #fff;
  text-align: center;
  border-radius: 22px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/* line 251, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__switch.is-active, .is-active.portfolio__switch--photo,
.is-active.portfolio__switch--manga {
  background-color: #333333;
}

/* line 260, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image, .portfolio__hero-image--soldout,
.portfolio__hero-image--closed {
  font-size: 0;
}

/* line 263, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image img, .portfolio__hero-image--soldout img,
.portfolio__hero-image--closed img {
  width: 100%;
  height: auto;
}

/* line 268, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image--soldout,
.portfolio__hero-image--closed {
  overflow: hidden;
  position: relative;
}

/* line 273, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image--soldout:after,
.portfolio__hero-image--closed:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  right: 0;
  width: 72px;
  height: 95px;
  background-size: contain;
}

/* line 285, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image--soldout:after {
  background-image: url(/assets/sp/service/closed_and_soldout/ico_soldout-ribbon_l-4458a48a20967bd0249d0da252076a3cabca3af0770f9380b83e7e57a54d3aaa.png);
}

/* line 290, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__hero-image--closed:after {
  background-image: url(/assets/sp/service/closed_and_soldout/ico_closed-ribbon_l-d2df3ed625288fba3225cc858b882e6d89597d7e2192de7a173cf162907f2f2e.png);
}

/* line 295, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__content {
  position: relative;
  padding: 0 8px;
}

/* line 300, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main {
  margin-top: 32px;
}

/* line 304, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__block, .portfolio__main__block--gallery, .portfolio__main__block--contact, .portfolio__main__block--first {
  padding: 32px 16px;
  margin-bottom: 8px;
  overflow: hidden;
}

/* line 313, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__block--contact {
  text-align: center;
}

/* line 317, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__block--gallery {
  padding: 16px;
}

/* line 322, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
  margin-top: 40px;
}

/* line 328, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__title:first-child {
  margin-top: 0;
}

/* line 333, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__relation {
  overflow: hidden;
}

/* line 336, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__relation__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 8px;
}

/* line 341, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__relation__item:nth-child(even) {
  padding-left: 4px;
}

/* line 344, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__main__relation__item:nth-child(odd) {
  padding-right: 4px;
}

/* line 349, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__title-block {
  padding: 32px 16px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.54;
  border-bottom: solid 2px #eeeeee;
}

/* line 358, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__title-block__share {
  margin-top: 32px;
  font-size: 14px;
}

/* line 363, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__title-block__share__tab {
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}

/* line 370, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article {
  font-size: 18px;
  line-height: 2;
}

/* line 374, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article hr {
  border: none;
  padding: 0px;
  margin: 32px 0px;
  border-bottom: solid 2px #eeeeee;
}

/* line 381, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__mini-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 32px;
}

/* line 387, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 392, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__images img {
  margin-bottom: 9px;
}

/* line 404, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__body--interview h2:before {
  content: "─ ";
}

/* line 410, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__works {
  position: relative;
  overflow: hidden;
  margin-top: 32px;
}

/* line 415, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__article__works__item {
  display: block;
  margin-bottom: 8px;
}

/* line 422, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item {
  font-size: 12px;
  line-height: 1.66;
  padding: 16px 0;
  border-bottom: solid 2px #eeeeee;
  overflow: hidden;
}

/* line 429, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item:first-child {
  padding-top: 0;
}

/* line 432, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* line 437, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item a {
  text-decoration: none;
  color: inherit;
}

/* line 442, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item__img {
  margin-right: 23px;
  float: left;
}

/* line 446, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item__img img {
  width: 50px;
}

/* line 451, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item__right {
  margin-left: 73px;
  word-break: break-all;
}

/* line 456, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__comment__item__name {
  font-size: 16px;
  font-weight: bold;
  margin-top: -4px;
  margin-bottom: 4px;
}

/* line 463, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__contact {
  text-align: center;
}

/* line 466, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__share {
  text-align: center;
}

/* line 471, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar dt,
.portfolio__sidebar th {
  color: #999999;
}

/* line 475, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar th,
.portfolio__sidebar td {
  vertical-align: top;
}

/* line 479, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar dt {
  position: relative;
  overflow: hidden;
  max-height: 4.5em;
}

/* line 250, app/assets/stylesheets/_mixin.scss */
.portfolio__sidebar dt:before, .portfolio__sidebar dt:after {
  background-color: #fff;
  position: absolute;
}

/* line 255, app/assets/stylesheets/_mixin.scss */
.portfolio__sidebar dt:before {
  content: "…";
  right: 0px;
  top: 3em;
}

/* line 260, app/assets/stylesheets/_mixin.scss */
.portfolio__sidebar dt:after {
  content: "";
  width: 100%;
  height: 100%;
}

/* line 484, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar th {
  padding-right: 8px;
  white-space: nowrap;
  padding-bottom: 0.5em;
}

/* line 490, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block {
  padding: 32px 16px;
  margin-bottom: 8px;
  font-family: "Ubuntu";
  overflow: hidden;
}

/* line 498, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__title {
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 506, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document {
  font-size: 14px;
}

/* line 508, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document li {
  position: relative;
  padding-left: 1em;
  margin-top: 10px;
}

/* line 512, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 519, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document li:first-child {
  margin-top: 0px;
}

/* line 524, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document h2 {
  font-weight: bold;
  margin: 10px 0px;
}

/* line 527, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document h2:first-child {
  margin-top: 0px;
}

/* line 532, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document dl {
  position: relative;
  margin-bottom: 8px;
}

/* line 535, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document dl dt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 5.5em;
}

/* line 541, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document dl dd {
  padding-left: 6em;
  margin-bottom: 10px;
}

/* line 544, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__document dl dd:last-child {
  margin-bottom: 0px;
}

/* line 555, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend {
  margin-top: 10px;
  font-size: 15px;
  list-style-position: inside;
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
  list-style-type: none;
  overflow: hidden;
}

/* line 565, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 571, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #eeeeee;
  content: "";
}

/* line 578, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

/* line 581, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend:first-child:before {
  display: none;
}

/* line 587, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend__image {
  float: left;
  line-height: 0;
}

/* line 590, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend__image img {
  display: block;
  width: 90px;
  height: auto;
}

/* line 597, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend__title {
  margin-left: 106px;
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
}

/* line 604, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__recommend__description {
  margin-top: 5px;
  margin-left: 106px;
  font-size: 12px;
}

/* line 610, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__smile__name {
  margin: 30px auto 15px;
  font-size: 20px;
}

/* line 615, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__smile__description {
  font-size: 15px;
}

/* line 619, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__smile__from {
  position: relative;
  margin-top: 30px;
  padding-left: 80px;
  font-size: 18px;
}

/* line 625, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__block__smile__from:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "From";
}

/* line 631, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__episode__cell {
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
}

/* line 639, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__episode__cell__image {
  width: 100%;
  height: auto;
}

/* line 644, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__episode__cell__title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 16px;
  line-height: 1;
}

/* line 651, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__episode__cell__caption {
  margin-top: 16px;
  line-height: 1;
}

/* line 656, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__link {
  text-align: center;
}

/* line 661, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app {
  margin-top: 1em;
  text-align: center;
}

/* line 665, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app__item, .portfolio__meta__app__item--android, .portfolio__meta__app__item--ios {
  display: inline-block;
}

/* line 667, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app__item a, .portfolio__meta__app__item--android a, .portfolio__meta__app__item--ios a {
  display: block;
  width: 160px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 676, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app__item a span, .portfolio__meta__app__item--android a span, .portfolio__meta__app__item--ios a span {
  display: none;
}

/* line 683, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app__item--ios a {
  background-image: url(/assets/pc/service/detail/ico_appstore-deaf597bd57239c5054c59099e54ab9014f1e15eddb961085428e0ce94d4385b.svg);
}

/* line 689, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__app__item--android a {
  background-image: url(/assets/pc/service/detail/ico_googleplay-30828cef2563afa6e02c057940374f9f169624b50cbf266f8fa921ba774230c0.png);
}

/* line 694, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__meta__link {
  border-top: solid 2px #eeeeee;
  text-align: center;
  margin-top: 32px;
  padding-top: 40px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.portfolio__award:before, .portfolio__award:after {
  content: "";
  display: block;
  clear: both;
}

/* line 704, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__award__title {
  font-size: 16px;
  font-family: "Ubuntu";
  font-weight: bold;
  width: 104px;
  padding-right: 3em;
  text-align: center;
  float: left;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.portfolio__award__title:before {
  content: "";
  font-family: FontAwesome;
}

/* line 714, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__award__title:before {
  font-size: 160%;
  line-height: 1.3;
  display: block;
}

/* line 720, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__award__list {
  margin-left: 104px;
}

/* line 723, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__award__list__item {
  margin-bottom: 0.5em;
}

/* line 726, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__media {
  font-size: 14px;
}

/* line 729, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__media dt {
  float: left;
}

/* line 732, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__media td {
  font-family: YakuHanJP, YuGothic, sans-serif;
}

/* line 736, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__media__title {
  font-size: 16px;
  font-family: "Ubuntu";
  margin-bottom: 2em;
}

/* line 741, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit {
  font-size: 14px;
}

/* line 744, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit > dl dt {
  float: left;
}

/* line 747, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit th {
  min-width: 156px;
}

/* line 750, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit td {
  font-family: YakuHanJP, YuGothic, sans-serif;
}

/* line 753, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit hr {
  padding: 0px;
  margin: 32px 0px 40px 0px;
  border: none;
  border-bottom: solid 2px #eeeeee;
}

/* line 760, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
}

/* line 765, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__credit__sub-title {
  margin: 0 auto 1em;
  font-size: 14px;
}

/* line 770, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list {
  font-size: 0px;
}

/* line 773, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list__item {
  width: 31%;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 14px;
}

/* line 782, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list__item:nth-child(3n) {
  margin-right: 0px;
}

/* line 786, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list__item img {
  width: 108px;
  height: 108px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 791, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list__item dd {
  font-weight: bold;
}

/* line 794, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__member-list__item a {
  text-decoration: none;
  color: inherit;
}

/* line 804, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__sidebar__technology {
  color: #999999;
}

/* line 809, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__title {
  font-size: 16px;
  font-family: "Ubuntu";
  margin-bottom: 2em;
  font-weight: bold;
}

/* line 817, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item {
  margin-bottom: 16px;
}

/* line 819, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 823, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item__info {
  font-size: 10px;
  padding: 8px 16px;
}

/* line 827, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item__title {
  font-size: 14px;
  margin-bottom: 0.5em;
}

/* line 831, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item__date {
  font-style: italic;
}

/* line 834, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item__category {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 837, app/assets/stylesheets/modules/sp/_portfolio.scss */
.portfolio__reration__list__item__tags {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 842, app/assets/stylesheets/modules/sp/_portfolio.scss */
body[data-design="simple"] .portfolio__credit__title,
body[data-design="simple"] .portfolio__credit__sub-title,
body[data-design="simple"] .portfolio__article__mini-title {
  font-family: "Ubuntu";
}

/* line 851, app/assets/stylesheets/modules/sp/_portfolio.scss */
html:lang(en) .portfolio__hero-image--closed:after {
  background-image: url(/assets/sp/service/closed_and_soldout/ico_closed-ribbon_l_en-cbc69e5e6ad28a786e90c297205f905e44e7d60a802afe6c3afee5078a9297ba.png);
}

/* line 856, app/assets/stylesheets/modules/sp/_portfolio.scss */
html:lang(en) .portfolio__profile__spec dt small {
  display: inline;
  position: static;
  padding-left: 0.2em;
}

/* line 3, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery {
  font-size: 0px;
  margin-right: 24px;
}

/* line 8, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 33.3%;
  margin-bottom: 12px;
}

/* line 15, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__item:nth-child(3n + 1) {
  left: 0px;
}

/* line 18, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__item:nth-child(3n + 2) {
  left: 12px;
}

/* line 21, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__item:nth-child(3n + 3) {
  left: 24px;
}

/* line 26, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__cell {
  display: block;
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  background-color: #eeeeee;
  background-position: center;
  background-size: cover;
}

/* line 36, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__cell:before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #cccccc;
}

/* line 44, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__cell span {
  display: none;
}

/* line 49, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__soldout {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 37px;
  height: 45px;
  background-image: url(/assets/pc/service/closed_and_soldout/ico_soldout-ribbon_s-06b36622edbdef2634bb7cfbf55af4e1c0e275e5cf674e671b262d2bda2e7d86.png);
  background-size: 37px 45px;
}

/* line 60, app/assets/stylesheets/modules/sp/_project-gallery.scss */
.project-gallery__soldout span {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.67;
}

/* line 7, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item, .qa-list__item--answer, .qa-list__item--question {
  position: relative;
  padding-left: 30px;
}

/* line 10, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item:before, .qa-list__item--answer:before, .qa-list__item--question:before {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  padding-right: 30px;
  padding-bottom: 0.2em;
  border-bottom: solid 1px #eeeeee;
}

/* line 27, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question:before {
  content: "Q";
  top: 0.1em;
}

/* line 32, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question.is-close, .qa-list__item--question.is-open {
  cursor: pointer;
}

/* line 36, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question.is-close:after, .qa-list__item--question.is-open:after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  border: solid 2px #4c4c4c;
  line-height: 18px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YakuHanJP, YuGothic, sans-serif;
}

/* line 50, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question.is-close:after {
  content: "+";
}

/* line 53, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--question.is-open:after {
  content: "-";
}

/* line 57, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--answer {
  padding-top: 15px;
  word-break: break-all;
}

/* line 61, app/assets/stylesheets/modules/sp/_qa-list.scss */
.qa-list__item--answer:before {
  content: "A";
  color: #55d755;
  top: 27px;
}

/* line 1, app/assets/stylesheets/modules/sp/_ranking-list.scss */
.ranking-list {
  font-size: 16px;
  margin-bottom: 2em;
}

/* line 14, app/assets/stylesheets/modules/sp/_ranking-list.scss */
.ranking-list__rank {
  min-width: 3em;
  display: inline-block;
}

/* line 3, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__title {
  font-weight: bold;
  margin: 2em auto 0 !important;
}

/* line 7, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-list {
  margin: 0 !important;
}

/* line 10, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-item {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0.7em 0 0 0 !important;
}

/* line 14, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-item:before {
  content: "・";
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  margin-top: 5px;
  margin-left: -4px;
}

/* line 23, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-item__name {
  display: inline;
  font-size: 16px;
  color: #1b9af7;
  text-decoration: underline;
}

/* line 28, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-item__name:after {
  content: " > ";
  margin-right: 0.5em;
}

/* line 33, app/assets/stylesheets/modules/sp/_recruit-type.scss */
.recruit-type__job-category-item .common-button__tag {
  margin-top: 3px;
}

/* line 2, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
ul.recruit-fresh-slider {
  margin: 0 -16px;
}

/* line 6, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider {
  position: relative;
  padding: 0 12% 65px;
  overflow: hidden;
  z-index: 0;
}

/* line 11, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-slide {
  list-style-type: none;
  margin: 0;
}

/* line 15, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item {
  border: solid 1px #cccccc;
  background-color: #fff;
}

/* line 18, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item a {
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item__img img {
  display: block;
  width: 100%;
  aspect-ratio: 1.9047619048;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 29, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info {
  padding: 13px;
  position: relative;
}

/* line 32, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 55px;
  margin-bottom: 5px;
}

/* line 39, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info__title h6 {
  color: #4c4c4c;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info__desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 70px;
}

/* line 52, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info__desc p {
  color: #4c4c4c;
  font-size: 13px;
  margin: 0;
}

/* line 57, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .slide-item-info__desc span {
  font-style: italic;
  color: #4c4c4c;
  font-size: 13px;
}

/* line 70, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .episode-img-ratio img {
  aspect-ratio: 1.7777777778 !important;
}

/* line 76, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .desc-team__name {
  margin-top: 15px !important;
  font-weight: bold;
  letter-spacing: -0.02em;
}

/* line 81, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .desc-team__member {
  letter-spacing: -0.02em;
}

/* line 86, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .desc__line {
  font-style: initial !important;
}

/* line 91, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-pagination {
  line-height: 0;
  bottom: 25px !important;
}

/* line 94, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-pagination > .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 7.5px !important;
}

/* line 102, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev {
  left: 0;
}

/* line 104, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev div {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

/* line 108, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-next {
  right: 0;
}

/* line 111, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev,
.recruit-fresh-slider .swiper-button-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  height: 100px;
  position: absolute;
  top: 40%;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* line 127, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev:after,
.recruit-fresh-slider .swiper-button-next:after {
  display: none;
}

/* line 130, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev div,
.recruit-fresh-slider .swiper-button-next div {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #f4f4f4;
}

/* line 136, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev div:before, .recruit-fresh-slider .swiper-button-prev div:after,
.recruit-fresh-slider .swiper-button-next div:before,
.recruit-fresh-slider .swiper-button-next div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* line 145, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev div:before,
.recruit-fresh-slider .swiper-button-next div:before {
  left: 11px;
  width: 15px;
  height: 0;
  border-top: 1px solid #000;
}

/* line 151, app/assets/stylesheets/modules/sp/_recruit_fresh_slider.scss */
.recruit-fresh-slider .swiper-button-prev div:after,
.recruit-fresh-slider .swiper-button-next div:after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 1, app/assets/stylesheets/modules/sp/_route-list.scss */
.route-list {
  font-size: 16px;
  text-decoration: underline;
  margin: 1em 0em;
}

/* line 6, app/assets/stylesheets/modules/sp/_route-list.scss */
.route-list--hidden {
  display: none;
}

/* line 10, app/assets/stylesheets/modules/sp/_route-list.scss */
.route-list__item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.5em;
  counter-increment: step-counter;
}

/* line 16, app/assets/stylesheets/modules/sp/_route-list.scss */
.route-list__item:before {
  content: counter(step-counter);
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 19px;
  height: 31px;
  background-image: url(/assets/pc/about/map/ico_map-pin-476e59558af38741df636f3601eebccd37e190d4912e75f9e8d069c0b61ae4fd.svg);
  background-position: center top;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  font-style: italic;
}

/* line 1, app/assets/stylesheets/modules/sp/_search.scss */
.search {
  padding: 16px;
}

/* line 5, app/assets/stylesheets/modules/sp/_search.scss */
.search__counter {
  margin-top: 0.5em;
  font-size: 19px;
}

/* line 10, app/assets/stylesheets/modules/sp/_search.scss */
.search__result {
  margin-top: 40px;
}

/* line 14, app/assets/stylesheets/modules/sp/_search.scss */
.search__result__item {
  padding: 30px 0px;
  border-top: solid 2px #eeeeee;
  font-size: 14px;
  line-height: 2;
}

/* line 19, app/assets/stylesheets/modules/sp/_search.scss */
.search__result__item:last-child {
  border-bottom: solid 2px #eeeeee;
}

/* line 24, app/assets/stylesheets/modules/sp/_search.scss */
.search__result__item__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.33;
}

/* line 30, app/assets/stylesheets/modules/sp/_search.scss */
.search__result__item__url {
  word-break: break-all;
}

/* line 35, app/assets/stylesheets/modules/sp/_search.scss */
.search__result__item__desc {
  word-break: break-all;
}

/* line 39, app/assets/stylesheets/modules/sp/_search.scss */
.search__zero {
  border-top: solid 2px #eeeeee;
  line-height: 1.7777777778;
}

/* line 44, app/assets/stylesheets/modules/sp/_search.scss */
.search__zero__title {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin-top: 23px;
  word-break: break-all;
}

/* line 52, app/assets/stylesheets/modules/sp/_search.scss */
.search__zero__desc {
  margin-top: 15px;
  margin-bottom: 33px;
  word-break: break-all;
}

/* line 1, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar {
  position: relative;
  overflow: visible;
  margin-top: 12px;
}

/* line 7, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__textfield {
  position: relative;
  display: block;
  margin-right: 114px;
}

/* line 11, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__textfield input {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  line-height: 58px;
  text-indent: 0.5em;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 21, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__textfield input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: normal;
}
.sendbar__textfield input::-moz-placeholder {
  font-size: 14px;
  font-weight: normal;
}
.sendbar__textfield input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: normal;
}
.sendbar__textfield input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: normal;
}
.sendbar__textfield input::placeholder {
  font-size: 14px;
  font-weight: normal;
}

/* line 28, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__submit, .sendbar__submit--search, .sendbar__submit--strong {
  position: absolute !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  top: 0px;
  right: 0px;
  width: 106px;
  min-width: 0px;
  height: 60px;
  padding: 0px;
  margin: 0px;
}

/* line 41, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__submit button, .sendbar__submit--search button, .sendbar__submit--strong button,
.sendbar__submit input,
.sendbar__submit--search input,
.sendbar__submit--strong input {
  height: 100%;
  padding: 0px;
}

/* line 58, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__submit--search button:after,
.sendbar__submit--search input:after {
  display: none;
}

/* line 63, app/assets/stylesheets/modules/sp/_sendbar.scss */
.sendbar__submit--search svg {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

/* line 1, app/assets/stylesheets/modules/sp/_site-title.scss */
.site-title {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap {
  padding: 56px 16px;
}

/* line 9, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__category {
  margin-bottom: 3em;
}

/* line 13, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__category__title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1em;
}

/* line 17, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__category__title strong {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 26px;
}

/* line 24, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__list {
  margin-left: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  border-left: solid 2px #eeeeee;
  font-size: 16px;
}

/* line 32, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__list__item {
  position: relative;
  padding: 0.5em 0em;
}

/* line 37, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__list__item__btn {
  text-decoration: none;
  color: inherit;
}

/* line 42, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__sub-list {
  font-size: 14px;
}

/* line 46, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__sub-list__item {
  position: relative;
  padding: 0.5em 0em;
  padding-left: 1.3em;
}

/* line 50, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__sub-list__item:first-child {
  margin-top: 0.5em;
}

/* line 55, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__sub-list__item__btn {
  color: inherit;
  text-decoration: none;
}

/* line 59, app/assets/stylesheets/modules/sp/_sitemap.scss */
.sitemap__sub-list__item__btn:before {
  content: "";
  display: block;
  width: 0.8em;
  height: 1px;
  background-color: #cccccc;
  position: absolute;
  left: 0em;
  top: 1.2em;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section {
  text-align: center;
}

/* line 4, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-slide {
  outline: none;
}

/* line 8, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-list {
  text-align: left;
}

/* line 12, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots {
  display: block;
  position: relative;
  text-align: center;
  margin: 16px auto 0;
  width: 100%;
  padding: 0 18px;
  font-size: 0;
}

/* line 21, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots li {
  display: inline-block;
  margin: 0px 5px;
  height: 100%;
}

/* line 26, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots li.slick-active button {
  background-color: #1b9af7;
}

/* line 32, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots button {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #cccccc;
  font-size: 0px;
}

/* line 42, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots .slick-arrow {
  position: absolute;
  top: 0px;
  color: #cccccc;
  font-size: 26px;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots .slick-arrow.is-active {
  color: #000;
}

/* line 53, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots .slick-arrow:before {
  display: block;
  margin-top: -16px;
}

/* line 57, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots .slick-arrow.slick-prev {
  left: 0;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.slider-section .slick-dots .slick-arrow.slick-prev:before {
  content: "";
  font-family: FontAwesome;
}

/* line 61, app/assets/stylesheets/modules/sp/_slider-section.scss */
.slider-section .slick-dots .slick-arrow.slick-next {
  right: 0;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.slider-section .slick-dots .slick-arrow.slick-next:before {
  content: "";
  font-family: FontAwesome;
}

/* line 1, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header, .sort-header--team, .sort-header--award,
.sort-header--dice {
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  background-color: #dddddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 36px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition-property: padding-top, opacity, visibility;
  transition-property: padding-top, opacity, visibility;
  -webkit-transition-duration: 0.4s, 0.2s;
          transition-duration: 0.4s, 0.2s;
}

/* line 17, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header.is-hide, .is-hide.sort-header--team, .is-hide.sort-header--award,
.is-hide.sort-header--dice {
  -webkit-transition-property: padding-top, opacity, visibility;
  transition-property: padding-top, opacity, visibility;
  -webkit-transition-duration: 0.4s, 0.6s;
          transition-duration: 0.4s, 0.6s;
  padding-top: 100vh;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header *, .sort-header--team *, .sort-header--award *,
.sort-header--dice * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 31, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header--award,
.sort-header--dice {
  position: relative;
  width: auto;
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  background-color: transparent;
  z-index: 0;
}

/* line 45, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header--team .sort-header__tags--2c,
.sort-header--team .sort-header__tab--half,
.sort-header--team .sort-header__tab--award {
  font-size: 12px;
}

/* line 51, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__inner {
  background-color: #dddddd;
  padding: 0 8px;
  overflow: hidden;
  height: calc(100% - 42px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 60, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab, .sort-header__tab--half, .sort-header__tab--award {
  position: relative;
  -webkit-flex-basis: 49%;
      -ms-flex-preferred-size: 49%;
          flex-basis: 49%;
  margin: 15px 0 32px;
}

/* line 65, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab li, .sort-header__tab--half li, .sort-header__tab--award li {
  display: inline-block;
  width: 100%;
  margin-right: 8px;
}

/* line 70, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab li.is-active a, .sort-header__tab--half li.is-active a, .sort-header__tab--award li.is-active a {
  background-color: #ff6666;
  color: #fff;
}

/* line 74, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab li:last-child, .sort-header__tab--half li:last-child, .sort-header__tab--award li:last-child {
  margin-right: 0px;
}

/* line 79, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab a, .sort-header__tab--half a, .sort-header__tab--award a {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0px 24px;
  text-align: center;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
}

/* line 94, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--award a {
  text-align: left;
  background-color: #ff6666;
  color: #fff;
}

/* line 70, app/assets/stylesheets/_mixin.scss */
.sort-header__tab--award a:before {
  content: "";
  font-family: FontAwesome;
}

/* line 99, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--award a:before {
  font-size: 110%;
  display: inline-block;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

/* line 108, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half, .sort-header__tab--award {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

/* line 113, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half.has-count, .has-count.sort-header__tab--award {
  font-size: 12px;
}

/* line 116, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half li, .sort-header__tab--award li {
  width: 50%;
  margin: 0;
  margin-bottom: 8px;
}

/* line 120, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half li:nth-child(odd), .sort-header__tab--award li:nth-child(odd) {
  padding-right: 4px;
}

/* line 123, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half li:nth-child(even), .sort-header__tab--award li:nth-child(even) {
  padding-left: 4px;
}

/* line 127, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tab--half a, .sort-header__tab--award a {
  border-radius: 4px;
}

/* line 132, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__pulldown {
  position: relative;
  background-color: #fff;
  min-width: 100%;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.sort-header__pulldown:after {
  content: "";
  font-family: FontAwesome;
}

/* line 138, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__pulldown:after {
  position: absolute;
  display: block;
  right: 12px;
  top: 12px;
  pointer-events: none;
}

/* line 146, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__pulldown select {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* line 156, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__pulldown__label {
  padding: 12px 25px 12px 1em;
  min-width: 100%;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 163, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__pulldown__table {
  display: none;
}

/* line 167, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__title {
  margin: 28px 14px 15px;
}

/* line 171, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags, .sort-header__tags--2c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 12px;
  margin: 15px 0 32px;
}

/* line 177, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags li, .sort-header__tags--2c li {
  margin: 2px;
}

/* line 179, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags li.is-active a, .sort-header__tags--2c li.is-active a {
  background-color: #ff6666;
  color: #fff;
}

/* line 184, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags a, .sort-header__tags--2c a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  padding: 11px 8px;
  background-color: #fff;
  border-radius: 4px;
  line-height: 12px;
}

/* line 50, app/assets/stylesheets/_mixin.scss */
.sort-header__tags a:before, .sort-header__tags--2c a:before, .sort-header__tags a:after, .sort-header__tags--2c a:after {
  content: "";
  display: block;
  clear: both;
}

/* line 196, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c {
  font-size: 14px;
}

/* line 200, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c.has-count {
  font-size: 12px;
}

/* line 203, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c li {
  width: 50%;
  margin: 0;
  margin-bottom: 8px;
}

/* line 207, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c li:nth-child(odd) {
  padding-right: 4px;
}

/* line 210, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c li:nth-child(even) {
  padding-left: 4px;
}

/* line 214, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags--2c a {
  width: 100%;
  padding: 16px 8px;
  line-height: 16px;
}

/* line 221, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags__count {
  display: inline-block;
  padding: 1px 6px;
  margin-left: 8px;
  font-size: 9px;
  background-color: #eeeeee;
  color: #4c4c4c;
  border-radius: 4px;
  font-family: "Ubuntu";
  font-weight: bold;
  float: right;
  min-width: 20px;
  text-align: center;
}

/* line 236, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags__glass {
  text-align: center;
}

/* line 238, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header__tags__glass svg {
  width: 30px;
  height: 12px;
  vertical-align: middle;
}

/* line 245, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle, .sort-header-toggle--in-modal {
  position: relative;
  padding: 12px 50px;
  min-height: 42px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  background-color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.sort-header-toggle:after, .sort-header-toggle--in-modal:after {
  content: "";
  font-family: FontAwesome;
}

/* line 259, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle:after, .sort-header-toggle--in-modal:after {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 12px;
  pointer-events: none;
}

/* line 267, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle.is-filtered, .is-filtered.sort-header-toggle--in-modal {
  font-size: 16px;
  line-height: 64px;
  margin-top: 16px;
  padding: 0 64px 0 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 275, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle.is-filtered .sort-header-toggle__icon, .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon {
  top: 0;
  left: auto;
  right: 0;
  width: 64px;
  height: 64px;
  border-left: solid 1px #eeeeee;
}

/* line 282, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle.is-filtered .sort-header-toggle__icon svg, .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg {
  width: 24px;
}

/* line 286, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle.is-filtered:after, .is-filtered.sort-header-toggle--in-modal:after {
  display: none;
}

/* line 292, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle--in-modal {
  margin-bottom: 0;
}

/* line 295, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle--in-modal:after {
  display: none;
}

/* line 300, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle__icon {
  width: 24px;
  height: 23px;
  position: absolute;
  top: 10px;
  left: 12px;
  pointer-events: none;
}

/* line 307, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle__icon svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
}

/* line 314, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle__close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 12px;
  pointer-events: none;
}

/* line 321, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle__close svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
}

/* line 329, app/assets/stylesheets/modules/sp/_sort-header.scss */
.sort-header-toggle__glass svg {
  display: block;
  width: 40px;
  height: 64px;
}

/* line 340, app/assets/stylesheets/modules/sp/_sort-header.scss */
body[data-design="simple"] .sort-header-toggle.is-filtered .sort-header-toggle__icon svg *, body[data-design="simple"] .is-filtered.sort-header-toggle--in-modal .sort-header-toggle__icon svg * {
  fill: #1b9af7;
}

/* line 3, app/assets/stylesheets/modules/sp/_spotify.scss */
.spotify__card-list__item:not(:first-of-type) {
  margin-top: 20px;
}

/* line 6, app/assets/stylesheets/modules/sp/_spotify.scss */
.spotify__card-list__item > iframe {
  border-radius: 12px;
  min-height: 152px;
  height: auto;
  display: block;
  margin: auto;
}

/* line 16, app/assets/stylesheets/modules/sp/_spotify.scss */
.spotify__card {
  width: 100%;
}

/* line 18, app/assets/stylesheets/modules/sp/_spotify.scss */
.spotify__card > iframe {
  border-radius: 12px;
  min-height: 152px;
  height: auto;
  display: block;
  margin: auto;
}

/* line 1, app/assets/stylesheets/modules/sp/_ssl-seal.scss */
.ssl-seal {
  padding: 16px;
  padding-top: 0px;
  font-size: 0px;
}

/* line 6, app/assets/stylesheets/modules/sp/_ssl-seal.scss */
.formtype__form .ssl-seal, .formtype__form--entry .ssl-seal {
  padding-top: 16px;
  padding-left: 0px;
  padding-bottom: 0px;
}

/* line 12, app/assets/stylesheets/modules/sp/_ssl-seal.scss */
.is-resume .ssl-seal {
  display: none;
}

/* line 1, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp, .tag-stamp--vol, .tag-stamp--attention, .tag-stamp--mbo-merger, .tag-stamp--absorption-merger, .tag-stamp--soldout, .tag-stamp--closed, .tag-stamp--retire, .tag-stamp--retire-mini {
  display: inline-block;
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 4px 12px;
}

/* line 12, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--retire, .tag-stamp--retire-mini {
  color: #ef5350;
  border-color: #ef5350;
}

/* line 18, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--retire-mini {
  font-size: 11px;
  padding: 3px 8px;
  border-width: 1px;
}

/* line 29, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--soldout {
  border-color: #f71b1b;
  background-color: #f71b1b;
  color: #fff;
}

/* line 36, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--absorption-merger {
  border-color: #666666;
  background-color: #666666;
  color: #fff;
}

/* line 43, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--mbo-merger {
  border-color: #666666;
  background-color: #666666;
  color: #fff;
}

/* line 50, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
.tag-stamp--attention {
  color: #f71b1b;
  border-color: #f71b1b;
  font-size: 12px;
  line-height: inherit;
  vertical-align: middle;
  margin-top: -0.5em;
  margin-left: 1em;
  padding: 0 0.5em;
}

/* line 67, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
body[data-design="simple"] .tag-stamp, body[data-design="simple"] .tag-stamp--retire, body[data-design="simple"] .tag-stamp--retire-mini, body[data-design="simple"] .tag-stamp--closed, body[data-design="simple"] .tag-stamp--soldout, body[data-design="simple"] .tag-stamp--absorption-merger, body[data-design="simple"] .tag-stamp--mbo-merger, body[data-design="simple"] .tag-stamp--attention, body[data-design="simple"] .tag-stamp--vol {
  font-family: YakuHanJP, YuGothic, sans-serif;
}

/* line 70, app/assets/stylesheets/modules/sp/_tag-stamp.scss */
body[data-design="simple"] .tag-stamp--vol {
  font-family: "Ubuntu";
}

/* line 2, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list ul, .term-list--recruit ul {
  margin: 0;
}

/* line 4, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list ul li, .term-list--recruit ul li {
  list-style-type: none;
  margin: 0;
}

/* line 18, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__heading {
  padding-bottom: 18px;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}

/* line 25, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__term {
  margin-top: initial !important;
  clear: both;
  float: left;
  font-weight: bold;
  max-width: 6em;
}

/* line 33, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__content {
  margin-left: 6.5em;
  padding-left: 1em;
  padding-bottom: 2.5em;
  border-left: solid 1px #eeeeee;
}

/* line 38, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__content li {
  margin-bottom: 1em;
}

/* line 43, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__column {
  margin-bottom: 1em;
}

/* line 47, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__label {
  display: inline-block;
  vertical-align: middle;
  background-color: #4c4c4c;
  color: #fff;
  font-size: 14px;
  padding: 0em 0.3em;
  margin-right: 0.3em;
}

/* line 57, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__notice {
  font-size: 14px;
}

/* line 61, app/assets/stylesheets/modules/sp/_term-list.scss */
.term-list__footer-note {
  font-size: 12px;
}

/* line 1, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step {
  font-size: 0px;
}

/* line 5, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__item {
  vertical-align: top;
}

/* line 9, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__item:last-child .three-step__cell {
  margin-bottom: 0px;
}

/* line 11, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__item:last-child .three-step__cell:after {
  display: none;
}

/* line 18, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__cell {
  position: relative;
  background-color: #f5f5f5;
  font-size: 14px;
  padding: 15px 24px;
  padding-right: 0px;
  margin-bottom: 16px;
}

/* line 26, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__cell ul {
  margin: 0px;
}

/* line 28, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__cell ul li {
  font-weight: normal;
  list-style-type: none;
  list-style-position: inside;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 37, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__cell ul li:before {
  content: "・";
}

/* line 44, app/assets/stylesheets/modules/sp/_three-step.scss */
.three-step__title {
  font-size: 20px;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/modules/sp/_thumbnail-card.scss */
.thumbnail-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1em;
}

/* line 8, app/assets/stylesheets/modules/sp/_thumbnail-card.scss */
.thumbnail-card__item {
  list-style: none !important;
  margin: 8px 0 0 0 !important;
  width: 100%;
}

/* line 1, app/assets/stylesheets/modules/sp/_top-social.scss */
.top-social {
  line-height: 1;
  text-align: center;
  margin: 32px auto;
}

/* line 7, app/assets/stylesheets/modules/sp/_top-social.scss */
.top-social__item {
  display: inline-block;
  margin: 0px 8px;
  vertical-align: top;
}

/* line 12, app/assets/stylesheets/modules/sp/_top-social.scss */
.top-social__item .fb_iframe_widget_lift {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

/* line 1, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
.vision-footer-nav {
  margin-top: -13px;
  font-size: 16px;
}

/* line 6, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
.vision-footer-nav__item {
  display: block;
  margin-bottom: 1px;
}

/* line 9, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
.vision-footer-nav__item:last-child {
  margin-bottom: 0px;
}

/* line 14, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
.vision-footer-nav__cell, .vision-footer-nav__cell--message,
.vision-footer-nav__cell--vision,
.vision-footer-nav__cell--brainstorm {
  display: block;
  padding: 18px 24px;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
body[data-design="simple"] .vision-footer-nav__cell, body[data-design="simple"] .vision-footer-nav__cell--message,
body[data-design="simple"] .vision-footer-nav__cell--vision,
body[data-design="simple"] .vision-footer-nav__cell--brainstorm {
  background-color: #fff;
}

/* line 30, app/assets/stylesheets/modules/sp/_vision-footer-nav.scss */
body[data-design="simple"] .vision-footer-nav__cell.is-active, body[data-design="simple"] .is-active.vision-footer-nav__cell--message,
body[data-design="simple"] .is-active.vision-footer-nav__cell--vision,
body[data-design="simple"] .is-active.vision-footer-nav__cell--brainstorm {
  background-color: #f7f7f7;
}

/* line 1, app/assets/stylesheets/modules/sp/_wrapper.scss */
.wrapper {
  font-size: 16px;
  line-height: 1.5;
  padding-top: 56px;
  color: #4c4c4c;
}

/* line 8, app/assets/stylesheets/modules/sp/_wrapper.scss */
.content, .content--top {
  position: relative;
  padding: 0 8px;
  padding-bottom: 100px;
}

/* line 14, app/assets/stylesheets/modules/sp/_wrapper.scss */
.content--top {
  padding: 0;
}

/* line 1, app/assets/stylesheets/modules/sp/_year-tag-list.scss */
.year-tag-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* line 9, app/assets/stylesheets/modules/sp/_year-tag-list.scss */
.year-tag-list li:not(:first-of-type) {
  margin-left: 15px;
}

/* line 14, app/assets/stylesheets/modules/sp/_year-tag-list.scss */
.year-tag-list__item__link {
  display: block;
  text-decoration: none;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  padding-right: 10px;
  padding-left: 10px;
  border: 2px solid #eeeeee;
  color: #4c4c4c;
  border-radius: 5px;
}

/* line 1, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking {
  position: relative;
  padding: 1px 0;
  color: #4c4c4c;
}

/* line 8, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 32px;
  font-family: "Ubuntu";
  font-weight: bold;
}

/* line 23, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__title {
  font-size: 16px;
  font-weight: bold;
  padding: 32px 16px 4px;
  border-bottom: 2px solid #f5f5f5;
}

/* line 30, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__property {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
  border-bottom: 2px solid #f5f5f5;
}

/* line 38, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__property__rank {
  width: 48px;
  margin-left: 16px;
  font-weight: bold;
  text-align: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 46, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__property__image {
  width: 32px;
  margin-left: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 52, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__property__name {
  width: 100%;
  padding-left: 16px;
  font-weight: bold;
}

/* line 58, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__property__average {
  width: 48px;
  padding-right: 16px;
  text-align: right;
  font-weight: bold;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 66, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 70px;
  line-height: 70px;
}

/* line 73, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner:nth-child(2n + 1) {
  background-color: #f5f5f5;
}

/* line 78, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__rank, .dice-ranking__list__inner__rank--top {
  position: relative;
  width: 48px;
  margin-left: 16px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: YakuHanJP, YuGothic, sans-serif !important;
  text-align: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 89, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__rank--top {
  background-image: url(/assets/sp/member/bg_top-ranker-ce49d6bc92100317ca50fc5d99d7277fc55ae8a5101f866ed000dc53391b8ec6.png);
  background-size: 44px 24px;
  background-repeat: no-repeat;
  background-position: 50% 75%;
  font-size: 24px;
  top: -7px;
}

/* line 99, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__image {
  width: 32px;
  line-height: 65px;
  margin-left: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 105, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__image img {
  width: 100%;
  vertical-align: middle;
}

/* line 111, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__name {
  width: 100%;
  padding-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 119, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__inner__average {
  width: 48px;
  padding-right: 16px;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  font-family: YakuHanJP, YuGothic, sans-serif !important;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

/* line 129, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__caution {
  position: relative;
  padding: 56px 16px 16px;
  font-size: 13px;
}

/* line 135, app/assets/stylesheets/pages/sp/_dice.scss */
.dice-ranking__list__caution__inner {
  line-height: 2em;
}

/* line 5, app/assets/stylesheets/pages/sp/_news.scss */
.news_news__item {
  margin-top: 8px;
}

/* line 8, app/assets/stylesheets/pages/sp/_news.scss */
.news_news__item:first-child {
  margin-top: 0;
}

/* line 5, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner {
  position: relative;
  margin-top: 16px;
  padding: 24px 24px 24px 105px;
}

/* line 12, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image {
  position: absolute;
  top: 24px;
  left: 24px;
}

/* line 15, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image:before, .smile-content__inner__image:after {
  position: absolute;
  bottom: -4px;
  left: 16px;
  background-color: #999999;
  content: "";
}

/* line 22, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image:before {
  width: 3px;
  height: 13px;
}

/* line 27, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image:after {
  width: 6px;
  height: 3px;
}

/* line 33, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image__arrow {
  position: absolute;
  bottom: -9px;
  left: 20px;
  line-height: 1;
  color: #999999;
  font-size: 14px !important;
}

/* line 77, app/assets/stylesheets/_mixin.scss */
.smile-content__inner__image__arrow:after {
  content: "";
  font-family: FontAwesome;
}

/* line 41, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image__arrow:after {
  vertical-align: top;
}

/* line 46, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image__from {
  width: 50px;
}

/* line 50, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__image__to {
  position: absolute;
  top: 48px;
  left: 34px;
  width: 38px;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 57, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__title {
  line-height: 1em;
  font-size: 20px;
  font-weight: bold;
}

/* line 63, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__description {
  margin-top: 10px;
  font-size: 14px;
}

/* line 68, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__date {
  margin-top: 30px;
  font-family: "Ubuntu";
  font-style: italic;
  font-size: 14px;
}

/* line 75, app/assets/stylesheets/pages/sp/_smile.scss */
.smile-content__inner__from_to {
  margin-top: 5px;
  font-size: 14px;
}

/* line 3, app/assets/stylesheets/pages/sp/_top.scss */
.hero {
  position: relative;
  color: #fff;
}

/* line 8, app/assets/stylesheets/pages/sp/_top.scss */
.hero .swiper-container,
.hero .swiper-wrapper,
.hero .swiper-button-prev,
.hero .swiper-button-next {
  z-index: auto;
}

/* line 18, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider-container:before {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background-size: 50px 600px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-animation: sp-loading-animation 1s steps(12) infinite;
          animation: sp-loading-animation 1s steps(12) infinite;
  background-image: url(/assets/pc/design/simple/loading_simple-aaf28f62ed11e313035431461007d439597c032bb1cfb0b9f5c669ba530a8e9a.png);
}

/* line 38, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider-container.is-loading {
  background-color: #e5e5e5;
  padding-bottom: 41.875%;
  height: 60px;
}

/* line 45, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider-container.is-loading:before {
  opacity: 1;
}

/* line 49, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider-container.is-loading .hero__slider {
  opacity: 0;
}

/* line 53, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider-container.is-loading .hero__slider-nav {
  opacity: 0;
}

/* line 59, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider {
  opacity: 1;
}

/* line 62, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev,
.hero__slider .swiper-button-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 30px 10px;
  line-height: 1;
  margin-top: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.7;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

/* line 83, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev:after,
.hero__slider .swiper-button-next:after {
  display: none;
}

/* line 87, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev div,
.hero__slider .swiper-button-next div {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #f4f4f4;
}

/* line 94, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev div:before, .hero__slider .swiper-button-prev div:after,
.hero__slider .swiper-button-next div:before,
.hero__slider .swiper-button-next div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* line 103, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev div:before,
.hero__slider .swiper-button-next div:before {
  left: 11px;
  width: 15px;
  height: 0;
  border-top: 1px solid #000;
}

/* line 109, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev div:after,
.hero__slider .swiper-button-next div:after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 119, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev:active,
.hero__slider .swiper-button-next:active {
  opacity: 1;
}

/* line 124, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev {
  left: 0;
}

/* line 126, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-prev div {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

/* line 131, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider .swiper-button-next {
  right: 0;
}

/* line 136, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider__item {
  position: absolute;
  width: 100%;
  top: 0px;
  color: inherit;
  padding-bottom: 60px;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* line 145, app/assets/stylesheets/pages/sp/_top.scss */
.hero__slider__item:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #434343;
  content: "";
}

/* line 153, app/assets/stylesheets/pages/sp/_top.scss */
.hero__image {
  line-height: 0;
}

/* line 156, app/assets/stylesheets/pages/sp/_top.scss */
.hero__image .hero__image__row {
  width: 100%;
  height: 0;
  padding-top: 42%;
  background-size: cover;
  background-position: center;
}

/* line 164, app/assets/stylesheets/pages/sp/_top.scss */
.hero__image .corner-cut-image {
  display: none;
  width: 100%;
}

/* line 170, app/assets/stylesheets/pages/sp/_top.scss */
.hero__data {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 14px 8px;
  width: 100%;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 178, app/assets/stylesheets/pages/sp/_top.scss */
.hero__description {
  font-size: 11px;
  font-family: "Ubuntu Condensed";
  color: #fff;
  line-height: 1;
  margin-bottom: 3px;
}

/* line 186, app/assets/stylesheets/pages/sp/_top.scss */
.hero__title {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 194, app/assets/stylesheets/pages/sp/_top.scss */
.hero__info {
  position: absolute;
  top: 14px;
  right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

/* line 200, app/assets/stylesheets/pages/sp/_top.scss */
.hero__category {
  font-size: 10px;
}

/* line 203, app/assets/stylesheets/pages/sp/_top.scss */
.hero__category:after {
  content: "｜";
}

/* line 208, app/assets/stylesheets/pages/sp/_top.scss */
.hero__year {
  margin: 0 2px;
  font-size: 10px;
}

/* line 213, app/assets/stylesheets/pages/sp/_top.scss */
.top-banner {
  width: 100%;
  height: auto;
  margin-top: 8px;
}

/* line 218, app/assets/stylesheets/pages/sp/_top.scss */
.top-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 225, app/assets/stylesheets/pages/sp/_top.scss */
.top-banner-image {
  display: none;
}

/* line 227, app/assets/stylesheets/pages/sp/_top.scss */
.top-banner-image.is-appear {
  display: block;
  -webkit-animation: 1s fade-in;
          animation: 1s fade-in;
}

/* line 233, app/assets/stylesheets/pages/sp/_top.scss */
.top_news {
  margin-top: 40px;
  padding: 0 7.5px;
}

/* line 238, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__title {
  font-size: 20px;
  font-weight: bold;
}

/* line 243, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner {
  margin-top: 8px;
}

/* line 246, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner a {
  display: block;
  position: relative;
  height: 160px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  text-decoration: none;
}

/* line 258, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__image {
  float: right;
  position: relative;
  width: 130px;
  height: 100%;
  margin-left: 10px;
  overflow: hidden;
}

/* line 266, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__image img {
  max-height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* line 273, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__image div {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-size: cover;
  background-position: center;
}

/* line 280, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info {
  position: relative;
  height: 130px;
  overflow: hidden;
}

/* line 286, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__date {
  font-family: "Ubuntu";
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

/* line 293, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__series {
  margin-top: 5px;
  margin-bottom: -5px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 301, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__series:before {
  content: "#";
}

/* line 306, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__title, .top_news__inner__info__title--thin {
  font-size: 16px;
  line-height: 1.38;
  font-weight: bold;
  max-height: 5.52em;
  margin-top: 5px;
  overflow: hidden;
}

/* line 315, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__title--thin {
  max-height: 4.125em;
}

/* line 321, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 330, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__meta__category {
  display: inline;
  line-height: 1em;
  font-size: 10px;
  font-family: "Ubuntu";
  font-style: italic;
  white-space: nowrap;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="1"] {
  color: #33c8ff;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="1"] .inner-link:before {
  background-color: #33c8ff;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="2"] {
  color: #7275e9;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="2"] .inner-link:before {
  background-color: #7275e9;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="3"] {
  color: #fc880f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="3"] .inner-link:before {
  background-color: #fc880f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="4"] {
  color: #49e845;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="4"] .inner-link:before {
  background-color: #49e845;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="5"] {
  color: #ff599f;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="5"] .inner-link:before {
  background-color: #ff599f;
}

/* line 153, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="6"] {
  color: #cf57fb;
}

/* line 156, app/assets/stylesheets/_mixin.scss */
.top_news__inner__info__meta__category[data-category="6"] .inner-link:before {
  background-color: #cf57fb;
}

/* line 340, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__meta__tags {
  display: inline;
}

/* line 344, app/assets/stylesheets/pages/sp/_top.scss */
.top_news__inner__info__meta__pickup {
  top: 0;
}

/* line 349, app/assets/stylesheets/pages/sp/_top.scss */
.more_info {
  display: block;
  margin: 30px auto;
}

/* line 352, app/assets/stylesheets/pages/sp/_top.scss */
.more_info a {
  display: block;
}

/* line 357, app/assets/stylesheets/pages/sp/_top.scss */
.top__social {
  display: none;
}

/* line 362, app/assets/stylesheets/pages/sp/_top.scss */
body[data-design="simple"] .more_info {
  display: block;
  width: 255px;
  margin-bottom: 30px;
}