@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese");
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");
@import url("https://fonts.googleapis.com/css?family=Heebo:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lora&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap");

@charset "utf-8";
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.md-layout {
  margin: 0;
}
.md-title {
  margin: 0;
}
.md-btn {
  margin: 0;
}
.md-links {
  margin: 0;
}
.md-table {
  margin: 0;
}
.md-list {
  margin: 0;
}
a {
  color: #d8d8d8;
  outline: none !important;
  text-decoration: none;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: visible;
}
html {
  font-size: 62.5%;
}
body {
  font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho",
    YuMincho, serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: normal;
  background: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (min-width: 481px) {
  body {
    min-width: 1200px;
  }
}
img {
  max-width: 100%;
}
@media screen and (max-width: 480px) {
  .is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 481px) {
  .is-sp {
    display: none !important;
  }
}
.first-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition-duration: 1.4s;
}
@media screen and (max-width: 480px) {
  .first-loader {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.first-loader__inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
}
.first-loader__inner .sprash {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.first-loader__inner .sprash-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/sprash_img.png") center center no-repeat;
  background-size: 820px auto;
  z-index: 1;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transform: scale(0) rotate(0deg);
  transform: scale(0) rotate(0deg);
  transition-duration: 4s;
}
@media screen and (max-width: 480px) {
  .first-loader__inner .sprash-img {
    background-size: 100% auto;
  }
}
.first-loader__inner .sprash-logo {
  position: absolute;
  left: 0;
  left: -10%;
  top: -10%;
  width: 120%;
  height: 120%;
  background: url("../images/sprash_pc.png") center center no-repeat;
  background-size: cover;
  z-index: 2;
}
.first-loader.is__loaded1 {
  pointer-events: none;
}
.first-loader.is__loaded1 .first-loader__inner .sprash {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.first-loader.is__loaded1 .first-loader__inner .sprash-img {
  -webkit-transform: scale(1.9) rotate(420deg);
  transform: scale(1.9) rotate(420deg);
}
@media screen and (max-width: 480px) {
  .first-loader.is__loaded1 .first-loader__inner .sprash-img {
    -webkit-transform: scale(1.2) rotate(400deg);
    transform: scale(1.2) rotate(400deg);
  }
}
.first-loader.is__loaded2 {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 480px) {
  .l-header.ver__top .l-header__inner .sitettl h1 span {
    width: 80.80000000000001%;
  }
}
@media screen and (max-width: 480px) {
  .l-header.ver__top .l-header__inner .sitettl h2 span {
    width: 48.4%;
  }
}
@media screen and (max-width: 480px) {
  .l-header__inner {
    padding-top: 0;
    padding-left: 10px;
  }
}
.l-header__inner .sitettl {
  position: fixed;
  top: 20px;
  left: 120px;
  margin-bottom: 30px;
  z-index: 9;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.4s;
  z-index: 9999;
}
@media screen and (max-width: 480px) {
  .l-header__inner .sitettl {
    box-sizing: border-box;
    top: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #000;
    width: 100%;
  }
}
.l-header__inner .sitettl.is__fadein {
  left: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 480px) {
  .l-header__inner .sitettl.is__fadein {
    left: 0;
  }
}
.l-header__inner .sitettl h1,
.l-header__inner .sitettl h2 {
  line-height: 1;
  letter-spacing: -0.4em;
}
.l-header__inner .sitettl h1 span,
.l-header__inner .sitettl h2 span {
  letter-spacing: normal;
  display: inline-block;
  background: #000;
  box-sizing: border-box;
}
.l-header__inner .sitettl h1 img,
.l-header__inner .sitettl h2 img {
  vertical-align: bottom;
}
@media screen and (min-width: 481px) {
  .l-header__inner .sitettl h1 {
    margin-bottom: 2px;
  }
}
.l-header__inner .sitettl h1 span {
  padding: 6px 4px;
}
@media screen and (max-width: 480px) {
  .l-header__inner .sitettl h1 span {
    padding: 7px 9px;
  }
}
.l-header__inner .sitettl h1 img {
  max-width: 224px;
}
.l-header__inner .sitettl h2 span {
  padding: 5px;
}
@media screen and (max-width: 480px) {
  .l-header__inner .sitettl h2 span {
    padding: 8px 9px;
  }
}
.l-header__inner .sitettl h2 img {
  max-width: 130px;
}
.topStyle .l-header__inner {
  padding-top: 0;
  padding-left: 0;
}
.topStyle .l-header__inner .sitettl {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .topStyle .l-header__inner .sitettl {
    position: fixed;
    background-color: transparent;
    pointer-events: none;
  }
}
.topStyle .l-header__inner h1 {
  pointer-events: all;
}
.topStyle .l-header__inner h1 img {
  max-width: 357px;
}
@media screen and (max-width: 480px) {
  .topStyle .l-header__inner h1 img {
    max-width: 100%;
  }
}
.topStyle .l-header__inner h2 img {
  max-width: 198px;
}
@media screen and (max-width: 480px) {
  .topStyle .l-header__inner h2 img {
    max-width: 100%;
  }
}
.l-footer {
  position: fixed;
  bottom: 15px;
  right: 15px;
  text-align: right;
  letter-spacing: -0.4em;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  z-index: 9;
  font-size: 10px;
  font-size: 1rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1s;
  transition-delay: 0.8s;
  font-family: "Heebo", sans-serif;
  font-weight: 300;
}
.l-footer.is__fadein {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 480px) {
  .l-footer {
    padding-right: 10px;
    padding-bottom: 90px;
    position: static;
  }
}
@media screen and (max-width: 320px) {
  .l-footer {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.l-footer .copyright,
.l-footer .f-logo {
  display: inline-block;
  letter-spacing: 0.04em;
  vertical-align: bottom;
  line-height: 1;
}
.l-footer .f-logo {
  margin-left: 7px;
}
.l-footer .f-logo img {
  max-width: 58px;
  vertical-align: bottom;
}
@media screen and (max-width: 480px) {
  .l-footer .f-logo img {
    max-width: 44px;
  }
}
@media screen and (max-width: 480px) {
  .topStyle .l-footer {
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.pagetop-pc {
  position: fixed;
  top: 30px;
  right: 25px;
  z-index: 999999;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  transition-duration: 1s;
}
.pagetop-pc.is__show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.pagetop-pc:hover img {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.pagetop-pc img {
  transition-duration: 0.6s;
  width: 58px;
  vertical-align: bottom;
}
.l-gnav {
  position: fixed;
  left: 16px;
  /* bottom: 25px; */
  bottom: 35px;
  z-index: 9;
}
.l-gnav.ver__top {
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  .l-gnav.ver__top {
    left: 12px;
    bottom: 50px;
    width: auto;
    height: auto;
    border-style: none;
    background: none;
  }
}
@media screen and (max-width: 320px) {
  .l-gnav.ver__top {
    bottom: 25px;
  }
}
.l-gnav.ver__top .pagetop,
.l-gnav.ver__top .nav-open-trigger {
  display: none;
}
@media screen and (max-width: 480px) {
  .l-gnav.ver__top .l-gnav__cont {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .l-gnav.ver__pages {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 59px;
    background: #000;
    box-sizing: border-box;
    border-top: solid 1px #fff;
  }
}
@media screen and (max-width: 480px) {
  .l-gnav.ver__pages .l-gnav__cont {
    padding-left: 12px;
    padding-top: 100%;
    padding-bottom: 30px;
    position: fixed;
    bottom: 59px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background: #000;
  }
}
.l-gnav__inner {
  position: relative;
}
@media screen and (max-width: 480px) {
  .l-gnav .pagetop {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  .l-gnav .pagetop img {
    vertical-align: bottom;
    max-width: 31px;
  }
}
.l-gnav .nav-open-trigger {
  position: absolute;
  left: 20px;
  top: 21px;
  width: 30px;
  height: 15px;
  cursor: pointer;
}
.l-gnav .nav-open-trigger.is__opened .nav-open-trigger__inner span.bar1,
.l-gnav .nav-open-trigger.is__opened .nav-open-trigger__inner span.bar3 {
  top: 8px;
}
.l-gnav .nav-open-trigger.is__opened .nav-open-trigger__inner span.bar1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.l-gnav .nav-open-trigger.is__opened .nav-open-trigger__inner span.bar2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.l-gnav .nav-open-trigger.is__opened .nav-open-trigger__inner span.bar3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.l-gnav .nav-open-trigger__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-gnav .nav-open-trigger__inner span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  transition-duration: 0.5s;
}
.l-gnav .nav-open-trigger__inner span.bar1 {
  top: 0;
}
.l-gnav .nav-open-trigger__inner span.bar2 {
  top: 7px;
}
.l-gnav .nav-open-trigger__inner span.bar3 {
  top: 14px;
}
@media screen and (max-width: 480px) {
  .l-gnav ul {
    display: none;
  }
}
.l-gnav ul li {
  line-height: 1;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(80px);
  transform: translateX(80px);
  transition-duration: 0.9s;
  pointer-events: none;
  font-family: "Cormorant Garamond", serif;
}
.l-gnav ul li a {
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  .l-gnav ul li {
    transition-duration: 0.6s;
  }
}
.l-gnav ul li.is__fadein {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.l-gnav ul li.is__fadein a {
  pointer-events: all;
}
.l-gnav ul li.is__fadein.is__fadeout_left {
  -webkit-transform: translateX(-80px);
  transform: translateX(-80px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.l-gnav ul li.is__fadein.is__fadeout_left a {
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  .l-gnav ul li {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 320px) {
  .l-gnav ul li {
    font-size: 1.3rem;
  }
}
.l-gnav ul li a {
  color: #fff;
  display: inline-block;
  background: #000;
}
.l-gnav ul li a span {
  padding: 7px 9px;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition-duration: 0.5s;
}
@media screen and (max-width: 320px) {
  .l-gnav ul li a span {
    padding: 4px 6px;
  }
}
.l-gnav ul li a:hover span {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.l-gnav ul li:not(:last-child) {
  margin-bottom: 2px;
}
@media screen and (max-width: 480px) {
  .l-gnav ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.l-gnav ul li.instagram {
  font-size: 20px;
  font-size: 2rem;
}
.l-gnav ul li.instagram a i {
  display: inline-block;
}
.pages-nav {
  position: fixed;
  top: 120px;
  left: 25px;
}
@media screen and (max-width: 480px) {
  .pages-nav {
    margin-bottom: 15px;
    position: static;
    padding-left: 20px;
  }
}
.pages-nav.en .l-snav ul li {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  font-family: "Heebo", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  .pages-nav__inner {
    padding-right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.pages-nav .pages-ttl {
  margin-bottom: 16px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.4s;
  font-family: "Cormorant Garamond", serif;
}
@media screen and (max-width: 480px) {
  .pages-nav .pages-ttl {
    margin-bottom: 0;
    line-height: 1;
  }
}
.pages-nav .pages-ttl.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pages-nav .lang-nav {
  margin-bottom: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-delay: 0.5s;
  transition-duration: 1.4s;
}
@media screen and (max-width: 480px) {
  .pages-nav .lang-nav {
    margin-bottom: 0;
  }
}
.pages-nav .lang-nav.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pages-nav .lang-nav ul {
  letter-spacing: -0.4em;
}
.pages-nav .lang-nav ul li {
  display: inline-block;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-family: "Heebo", sans-serif;
  font-weight: 400;
}
.pages-nav .lang-nav ul li a {
  color: #a0a0a0;
  transition-duration: 0.4s;
}
@media screen and (min-width: 481px) {
  .pages-nav .lang-nav ul li a:hover {
    color: #fff;
  }
}
.pages-nav .lang-nav ul li.current {
  color: #fff;
}
.pages-nav .lang-nav ul li:not(:last-child) {
  margin-right: 6px;
}
.pages-nav .lang-nav ul li:not(:last-child):after {
  padding-left: 6px;
  content: "/";
}
.pages-nav .l-snav {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 0.6s;
  transition-delay: 1s;
}
.pages-nav .l-snav.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 480px) {
  .pages-nav .l-snav {
    display: none;
  }
}
.pages-nav .l-snav ul li {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ Pro",
    "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}
.pages-nav .l-snav ul li:not(:last-child) {
  margin-bottom: 4px;
}
.pages-nav .l-snav ul li a {
  color: #a0a0a0;
  transition-duration: 0.3s;
}
.pages-nav .l-snav ul li a:hover {
  color: #fff;
}
.pages-nav .l-snav ul li.current a {
  color: #fff;
}
.pages-nav .l-snav ul li:not(:last-child) {
  margin-bottom: 8px;
}
#Wrap {
  position: relative;
}
@media screen and (max-width: 480px) {
  #Wrap {
    padding-top: 100px;
  }
}
.l-main.pages {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.5s;
}
.l-main.pages.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.scroll-down {
  position: fixed;
  right: 25px;
  bottom: 70px;
  transition-duration: 0.6s;
}
.scroll-down:hover a img {
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}
.scroll-down.is__hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.scroll-down a {
  display: block;
}
.scroll-down a img {
  width: 58px;
  vertical-align: bottom;
  transition-duration: 0.5s;
}
/* ========================================================
  Top
======================================================== */
.tablet .common-settings#TopWorks,
.ie .common-settings#TopWorks {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
.tablet .common-settings#TopWorks #Layer,
.ie .common-settings#TopWorks #Layer {
  top: 0 !important;
}
.tablet .common-settings#TopWorks #topGrid,
.ie .common-settings#TopWorks #topGrid {
  top: 100px !important;
}
.topStyle #Wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 0;
}
.common-settings#TopWorks {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1s;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .common-settings#TopWorks {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
.common-settings#TopWorks.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.common-settings#TopWorks #error {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9;
}
.common-settings#TopWorks #error.off {
  display: none;
}
.common-settings#TopWorks #Layer {
  position: relative;
  width: 100vw;
  left: 0;
}
.common-settings#TopWorks #topGrid {
  position: absolute;
  top: 50%;
  width: 100vw;
  height: 82.57143vw;
}
@media screen and (max-width: 480px) {
  .common-settings#TopWorks #topGrid {
    width: 121.1vw;
    top: 100px;
    height: 100%;
  }
}
.common-settings#TopWorks #topGrid .hexWrap {
  position: relative;
  overflow: visible;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid {
  display: -ms-grid;
  display: grid;
  width: 100vw;
  height: 82.57143vw;
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
  -ms-grid-rows: (8.25714vw 16.51429vw) [3] 8.25714vw;
  grid-template-rows: repeat(3, 8.25714vw 16.51429vw) 8.25714vw;
}
@media screen and (max-width: 480px) {
  .common-settings#TopWorks #topGrid .hexWrap .hexGrid {
    width: 121.1vh;
    height: 100vh;
    -ms-grid-rows: (9.9994vh 19.9988vh) [3] 9.9994vh;
    grid-template-rows: repeat(3, 9.9994vh 19.9988vh) 9.9994vh;
  }
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em 0.865em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 4s;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex.is__fadein {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex:nth-child(1) {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex:nth-child(2) {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex:nth-child(3) {
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex:nth-child(4) {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex:nth-child(5) {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__item:before {
  content: "";
  display: block;
  width: auto;
  height: 100%;
  padding-left: 86.602540378%;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-1,
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-2 {
  display: block;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-2 a {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  margin: 0;
  padding: 0;
  line-height: 0;
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-2 a:hover img {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.common-settings#TopWorks #topGrid .hexWrap .hexGrid .hex__inner-2 a img {
  width: 100%;
  height: auto;
  transition-duration: 0.4s;
}
#body {
  position: relative;
  width: 100%;
  height: 100%;
}
#canvas {
  position: relative;
}
#canvas .button {
  font-family: "Heebo", sans-serif;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  height: 1em;
  pointer-events: all;
  cursor: pointer;
  transition: opacity 0.2s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: all;
  height: 50px;
  line-height: 50px;
}
@media screen and (max-width: 480px) {
  #canvas .button {
    font-size: 24px;
  }
}
#canvas .button:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#canvas .button:hover.list:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#canvas .button.hide {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#canvas .button.right {
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 50px;
  height: 40px;
  background: url("../images/scroll_down.png") center center no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 480px) {
  #canvas .button.right {
    right: -8px;
  }
}
#canvas .button.left {
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 50px;
  height: 40px;
  background: url("../images/scroll_down.png") center center no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (max-width: 480px) {
  #canvas .button.left {
    left: -8px;
  }
}
#canvas .detail_list {
  font-family: "Heebo", sans-serif;
  position: absolute;
  bottom: 130px;
  text-align: center;
  width: 100%;
  z-index: 100000;
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  #canvas .detail_list {
    bottom: 40px;
  }
}
#canvas .detail_list .button {
  position: static;
  margin: 0 8px;
  pointer-events: all;
  font-size: 14px;
  width: 80px;
}
#canvas .detail_list .button.hide {
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#canvas .detail_list .button.list:after {
  content: "/";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  display: block;
}
/* ========================================================
  Pages
======================================================== */
.statementStyle .common-settings#Statement,
.statementEnStyle .common-settings#Statement {
  margin-left: 33vw;
  padding-bottom: 120px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement,
  .statementEnStyle .common-settings#Statement {
    padding-bottom: 60px;
    margin-left: 0;
  }
}
.statementStyle .common-settings#Statement .statement-block,
.statementEnStyle .common-settings#Statement .statement-block {
  padding-top: 120px;
  transition-duration: 1.2s;
}
.statementStyle .common-settings#Statement .statement-block.is__scrolled,
.statementEnStyle .common-settings#Statement .statement-block.is__scrolled {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block,
  .statementEnStyle .common-settings#Statement .statement-block {
    padding-top: 35px;
  }
}
.statementStyle .common-settings#Statement .statement-block:not(:first-child),
.statementEnStyle
  .common-settings#Statement
  .statement-block:not(:first-child) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block:not(:first-child),
  .statementEnStyle
    .common-settings#Statement
    .statement-block:not(:first-child) {
    padding-top: 45px;
  }
}
.statementStyle .common-settings#Statement .statement-block__ttl,
.statementEnStyle .common-settings#Statement .statement-block__ttl {
  margin-bottom: 90px;
  padding-right: 20%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 800;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__ttl,
  .statementEnStyle .common-settings#Statement .statement-block__ttl {
    margin-bottom: 34px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.3rem;
  }
}
.statementStyle .common-settings#Statement .statement-block__ttl.en,
.statementEnStyle .common-settings#Statement .statement-block__ttl.en {
  font-family: "Heebo", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__ttl.en,
  .statementEnStyle .common-settings#Statement .statement-block__ttl.en {
    font-size: 1.6rem;
  }
}
.statementStyle .common-settings#Statement .statement-block__img,
.statementEnStyle .common-settings#Statement .statement-block__img {
  margin-bottom: 55px;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__img,
  .statementEnStyle .common-settings#Statement .statement-block__img {
    margin-bottom: 30px;
  }
}
.statementStyle .common-settings#Statement .statement-block__img img,
.statementEnStyle .common-settings#Statement .statement-block__img img {
  width: 100%;
  vertical-align: bottom;
}
.statementStyle .common-settings#Statement .statement-block__desc,
.statementEnStyle .common-settings#Statement .statement-block__desc {
  padding-right: 20%;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__desc,
  .statementEnStyle .common-settings#Statement .statement-block__desc {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.statementStyle .common-settings#Statement .statement-block__desc .en,
.statementEnStyle .common-settings#Statement .statement-block__desc .en {
  font-family: "Lora", serif;
  font-weight: 400;
}
.statementStyle .common-settings#Statement .statement-block__desc .en p,
.statementEnStyle .common-settings#Statement .statement-block__desc .en p {
  text-align: left;
}
.statementStyle .common-settings#Statement .statement-block__desc p,
.statementEnStyle .common-settings#Statement .statement-block__desc p {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 3;
  text-align: justify;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__desc p,
  .statementEnStyle .common-settings#Statement .statement-block__desc p {
    font-size: 1.3rem;
    line-height: 2;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__desc
  p:not(:last-child),
.statementEnStyle
  .common-settings#Statement
  .statement-block__desc
  p:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__desc
    p:not(:last-child),
  .statementEnStyle
    .common-settings#Statement
    .statement-block__desc
    p:not(:last-child) {
    margin-bottom: 30px;
  }
}
.statementStyle .common-settings#Statement .statement-block__profile,
.statementEnStyle .common-settings#Statement .statement-block__profile {
  padding-right: 20%;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__profile,
  .statementEnStyle .common-settings#Statement .statement-block__profile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.statementStyle .common-settings#Statement .statement-block__profile .name,
.statementEnStyle .common-settings#Statement .statement-block__profile .name {
  margin-bottom: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
}
@media screen and (max-width: 480px) {
  .statementStyle .common-settings#Statement .statement-block__profile .name,
  .statementEnStyle .common-settings#Statement .statement-block__profile .name {
    margin-bottom: 32px;
    font-size: 1.3rem;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile,
  .statementEnStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile {
    font-size: 1.3rem;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile:not(:last-child),
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile:not(:last-child),
  .statementEnStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile:not(:last-child) {
    margin-bottom: 32px;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dt,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dt {
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dt,
  .statementEnStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dt {
    margin-bottom: 13px;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dt
  h4:after,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dt
  h4:after {
  content: "：";
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li {
  display: table;
  width: 100%;
  line-height: 2.6;
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dd
    ul
    li,
  .statementEnStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dd
    ul
    li {
    line-height: 1.7;
  }
}
@media screen and (max-width: 480px) {
  .statementStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dd
    ul
    li:not(:last-child),
  .statementEnStyle
    .common-settings#Statement
    .statement-block__profile
    .detail-profile
    dd
    ul
    li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  span,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  span,
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  em,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  em {
  display: table-cell;
  vertical-align: top;
}
.statementStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  span,
.statementEnStyle
  .common-settings#Statement
  .statement-block__profile
  .detail-profile
  dd
  ul
  li
  span {
  width: 3em;
}
.movieStyle .common-settings#Movie {
  margin-left: 33vw;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie {
    margin-left: 0;
  }
}
.movieStyle .common-settings#Movie .movie {
  padding-bottom: 80px;
}
.movieStyle .common-settings#Movie .movie-list {
  padding-bottom: 200px;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list {
    padding-top: 25px;
    padding-bottom: 100px;
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.movieStyle .common-settings#Movie .movie-list__block {
  position: relative;
  display: block;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block:not(:last-child) {
    margin-bottom: 40px;
  }
}
.movieStyle .common-settings#Movie .movie-list__block .player {
  width: 100%;
}
.movieStyle .common-settings#Movie .movie-list__block .player-inner {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  height: 100%;
}
.movieStyle .common-settings#Movie .movie-list__block .player-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movieStyle .common-settings#Movie .movie-list__block .thumb img {
  width: 100%;
  vertical-align: bottom;
}
.movieStyle .common-settings#Movie .movie-list__block .data {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block .data {
    margin-top: 17px;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }
}
.movieStyle .common-settings#Movie .movie-list__block .data-ttl,
.movieStyle .common-settings#Movie .movie-list__block .data-date {
  line-height: 1;
}
.movieStyle .common-settings#Movie .movie-list__block .data-ttl span,
.movieStyle .common-settings#Movie .movie-list__block .data-date span {
  display: inline-block;
  background: #000;
}
.movieStyle .common-settings#Movie .movie-list__block .data-ttl {
  margin-bottom: 2px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block .data-ttl {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-family: "Heebo", sans-serif;
    font-weight: 400;
  }
}
.movieStyle .common-settings#Movie .movie-list__block .data-ttl span {
  padding: 6px;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block .data-ttl span {
    padding: 0;
  }
}
.movieStyle .common-settings#Movie .movie-list__block .data-date {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Heebo", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block .data-date {
    font-size: 1.1rem;
  }
}
.movieStyle .common-settings#Movie .movie-list__block .data-date span {
  padding: 6px;
}
@media screen and (max-width: 480px) {
  .movieStyle .common-settings#Movie .movie-list__block .data-date span {
    padding: 0;
  }
}
.worksStyle .common-settings#Works,
.worksEnStyle .common-settings#Works {
  margin-left: 33vw;
  padding-top: 70px;
  padding-bottom: 200px;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works,
  .worksEnStyle .common-settings#Works {
    padding-top: 30px;
    padding-bottom: 100px;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list,
  .worksEnStyle .common-settings#Works .works-list {
    width: 100%;
  }
}
.worksStyle .common-settings#Works .works-list__block,
.worksEnStyle .common-settings#Works .works-list__block {
  padding-top: 50px;
  padding-bottom: 50px;
  letter-spacing: normal;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block,
  .worksEnStyle .common-settings#Works .works-list__block {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner,
.worksEnStyle .common-settings#Works .works-list__block__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner,
  .worksEnStyle .common-settings#Works .works-list__block__inner {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner .thumb,
.worksEnStyle .common-settings#Works .works-list__block__inner .thumb {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner .thumb,
  .worksEnStyle .common-settings#Works .works-list__block__inner .thumb {
    margin-bottom: 25px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner .thumb img,
.worksEnStyle .common-settings#Works .works-list__block__inner .thumb img {
  width: 100%;
  vertical-align: middle;
  max-width: 600px;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner .thumb img,
  .worksEnStyle .common-settings#Works .works-list__block__inner .thumb img {
    max-width: 100%;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner .data,
.worksEnStyle .common-settings#Works .works-list__block__inner .data {
  padding-left: 42px;
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner .data,
  .worksEnStyle .common-settings#Works .works-list__block__inner .data {
    padding-left: 0;
    width: 100%;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner .data-ttl,
.worksEnStyle .common-settings#Works .works-list__block__inner .data-ttl {
  margin-bottom: 13px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-family: "Heebo", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner .data-ttl,
  .worksEnStyle .common-settings#Works .works-list__block__inner .data-ttl {
    font-size: 1.6rem;
  }
}
.worksStyle .common-settings#Works .works-list__block__inner .data-desc,
.worksEnStyle .common-settings#Works .works-list__block__inner .data-desc {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Heebo", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .worksStyle .common-settings#Works .works-list__block__inner .data-desc,
  .worksEnStyle .common-settings#Works .works-list__block__inner .data-desc {
    font-size: 1.1rem;
  }
}

.footer-audio {
  position: fixed;
  position: fixed;
  bottom: 15px;
  left: 25px;
}

.audio-button span {
  cursor: pointer;
  transition: 0.4s;
  border-bottom: 1px solid transparent;
}

.audio-button span.is-active {
  border-bottom: 1px solid #fff;
}

.audio-button span:hover {
  border-bottom: 1px solid #fff;
}

.audio-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
}

.audio-modal-wrap {
  display: flex;
  justify-content: center;
}

.audio-modal-inner {
  background: #222;
  padding: 10px 20px;
  border-radius: 6px 6px 0 0;
  margin: 0 auto;
  font-size: 14px;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 481px) {
  .pc-pr20per {
    padding-right: 20%;
  }
}

.thirdeye-block-left-img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.thirdeye-block-left-img .thumb {
  width: 40%;
}

.thirdeye-block-left-img .profile {
  width: 56%;
}

.thirdeye-kumiko-img {
  display: flex;
  justify-content: space-between;
}

.thirdeye-kumiko-img .kumiko-l,
.thirdeye-kumiko-img .kumiko-r {
  width: 46%;
}

.thirdeye-kumiko-img .kumiko-r {
  padding-top: 120px;
}

@media screen and (max-width: 480px) {
}