@charset "UTF-8";
/*
Theme Name: 研音メインサイト
Theme URI:
Description:研音メインサイト用テーマ
Version: 1.0
*/
/* reset css
==============================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
figure {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

table, td, th, tr, thead, tbody {
  border: none; }

table th {
  text-align: left;
  font-weight: normal; }

table {
  border-collapse: collapse; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a img {
  border: none; }

img {
  vertical-align: bottom; }

textarea {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

header, footer, section, nav, main,
figure, figcaption, time, small {
  display: block; }

input[type=submit], input[type=image] {
  border: none;
  margin: 0; }
input[type=text], input[type=email], input[type=tel] {
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

button {
  border: none;
  margin: 0; }

address {
  font-style: normal; }

html {
  font-size: 62.5%; }
  html.scroll_lock {
    overflow: hidden;
    height: 100%; }

body {
  background: #333;
  color: #333;
  font-size: 1.4rem;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: visible;
  height: auto; }
  body.scroll_lock {
    overflow: hidden;
    height: 100%; }
  body::before {
    content: url(./assets/img/common/bg_texture.png) url(./assets/img/common/bg_texture_motion1.png) url(./assets/img/common/bg_texture_motion2.png) url(./assets/img/common/bg_texture_motion3.png);
    display: none; }

a {
  color: #333;
  -wewbkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  a:hover {
    color: #999; }
  a.underline {
    color: #6d91e0; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

#container {
  background: #fff;
  -wewbkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }
  @media screen and (min-width: 1200px) {
    #container {
      margin: 0 120px 0 0; } }

/* header
========================================================*/
#header {
  background: #fff;
  position: relative;
  z-index: 100; }
  #header .header__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px; }
    @media screen and (max-width: 768px) {
      #header .header__body {
        margin: 0 0 0 12.5px;
        padding: 10px 0;
        -webkit-overflow-scrolling: touch; } }
  #header #sitelogo,
  #header #navigation {
    align-self: center; }
  #header #sitelogo {
    width: 76px;
    padding: 15px 0 13px; }
    #header #sitelogo a {
      display: block; }
    @media screen and (max-width: 768px) {
      #header #sitelogo {
        width: 38px;
        padding: 5px 0; }
        #header #sitelogo img {
          width: 100%;
          height: auto; } }
  @media screen and (max-width: 768px) {
    #header #navigation {
      display: none; } }

/* navigation
========================================================*/
#navigation {
  display: flex;
  justify-content: flex-end; }
  #navigation #bar {
    opacity: 0;
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    -wewbkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    #navigation #bar::before {
      content: "";
      display: block;
      width: 0;
      height: 100%;
      background-color: #999;
      position: absolute;
      left: 0;
      top: 0;
      -wewbkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out; }
    #navigation #bar.is_hover {
      opacity: 1; }
      #navigation #bar.is_hover::before {
        width: 100%; }
  #navigation ul {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 610px;
    height: 90px; }
    #navigation ul li {
      align-self: center;
      align-items: stretch;
      font-size: 10px;
      text-align: center;
      line-height: 1.0;
      height: 100%; }
      #navigation ul li .jp {
        display: block;
        padding-top: 3px;
        letter-spacing: 1px; }
      #navigation ul li .eng {
        display: inline-block;
        font-size: 2.0rem;
        font-family: "Oswald", "Fjalla One", sans-serif;
        position: relative; }
      #navigation ul li a {
        display: flex;
        color: #333;
        height: 100%;
        position: relative; }
        #navigation ul li a::before {
          content: "";
          display: block;
          width: 100%;
          height: 4px;
          background: #333;
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          -wewbkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out; }
        #navigation ul li a .icon__browse_blank::after {
          -wewbkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out; }
        #navigation ul li a:hover {
          color: #999; }
          #navigation ul li a:hover .icon__browse_blank::after {
            opacity: 0.35; }
      #navigation ul li .text__container {
        align-self: center;
        align-items: stretch; }
      #navigation ul li.current a::before {
        opacity: 1; }

#sp_event_nav_trigger {
  background: #fff; }

#btn_sp_nav {
  display: none; }
  #btn_sp_nav a {
    display: block; }
    #btn_sp_nav a .icon--white.index,
    #btn_sp_nav a .icon--white.index::before,
    #btn_sp_nav a .icon--white.index::after {
      background-color: #000 !important; }
  @media screen and (max-width: 768px) {
    #btn_sp_nav {
      display: block;
      width: 72px;
      height: 40px; }
      #btn_sp_nav a {
        position: relative;
        width: 100%;
        height: 100%; }
        #btn_sp_nav a .icon__container {
          display: block;
          width: 20px;
          height: 17.5px;
          position: absolute;
          left: 70%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        #btn_sp_nav a .icon {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 2px;
          margin-top: -1px;
          background-color: #000;
          -wewbkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out; }
          #btn_sp_nav a .icon::before, #btn_sp_nav a .icon::after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: #000;
            position: absolute;
            left: 0;
            -wewbkit-transition: 0.2s ease-out;
            transition: 0.2s ease-out; }
          #btn_sp_nav a .icon::before {
            top: -7px; }
          #btn_sp_nav a .icon::after {
            bottom: -7px; }
          #btn_sp_nav a .icon--white.index {
            background-color: #fff; }
            #btn_sp_nav a .icon--white.index::before, #btn_sp_nav a .icon--white.index::after {
              background-color: #fff; }
        #btn_sp_nav a .heading__text--content_udl {
          font-size: 1.4rem;
          position: absolute;
          left: 0;
          top: 12px; }
          #btn_sp_nav a .heading__text--content_udl .text {
            text-shadow: none; }
        #btn_sp_nav a.is_opened .icon {
          background-color: #fff; }
          #btn_sp_nav a.is_opened .icon::before {
            top: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          #btn_sp_nav a.is_opened .icon::after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #btn_sp_nav a.is_opened .icon--white.index {
            background-color: #fff; }
            #btn_sp_nav a.is_opened .icon--white.index::before, #btn_sp_nav a.is_opened .icon--white.index::after {
              background-color: #000; } }

.section__sp_navigation {
  position: relative;
  z-index: 10;
  display: none; }
  @media screen and (max-width: 768px) {
    .section__sp_navigation {
      display: block; } }

.container__sp_navigation_scroll {
  position: fixed;
  left: 0;
  top: 61px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  background: #333;
  display: none; }

#sp_navigation ul li {
  font-size: 0;
  -webkit-perspective: 200px;
  perspective: 200px; }
  #sp_navigation ul li:nth-child(1) a {
    -wewbkit-transition: 0.15s ease-out 0.025s;
    transition: 0.15s ease-out 0.025s; }
    #sp_navigation ul li:nth-child(1) a span {
      -wewbkit-transition: 0.15s ease-out 0.325s;
      transition: 0.15s ease-out 0.325s; }
    #sp_navigation ul li:nth-child(1) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.325s;
      transition: 0.15s ease-out 0.325s; }
  #sp_navigation ul li:nth-child(2) a {
    -wewbkit-transition: 0.15s ease-out 0.05s;
    transition: 0.15s ease-out 0.05s; }
    #sp_navigation ul li:nth-child(2) a span {
      -wewbkit-transition: 0.15s ease-out 0.35s;
      transition: 0.15s ease-out 0.35s; }
    #sp_navigation ul li:nth-child(2) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.35s;
      transition: 0.15s ease-out 0.35s; }
  #sp_navigation ul li:nth-child(3) a {
    -wewbkit-transition: 0.15s ease-out 0.075s;
    transition: 0.15s ease-out 0.075s; }
    #sp_navigation ul li:nth-child(3) a span {
      -wewbkit-transition: 0.15s ease-out 0.375s;
      transition: 0.15s ease-out 0.375s; }
    #sp_navigation ul li:nth-child(3) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.375s;
      transition: 0.15s ease-out 0.375s; }
  #sp_navigation ul li:nth-child(4) a {
    -wewbkit-transition: 0.15s ease-out 0.1s;
    transition: 0.15s ease-out 0.1s; }
    #sp_navigation ul li:nth-child(4) a span {
      -wewbkit-transition: 0.15s ease-out 0.4s;
      transition: 0.15s ease-out 0.4s; }
    #sp_navigation ul li:nth-child(4) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.4s;
      transition: 0.15s ease-out 0.4s; }
  #sp_navigation ul li:nth-child(5) a {
    -wewbkit-transition: 0.15s ease-out 0.125s;
    transition: 0.15s ease-out 0.125s; }
    #sp_navigation ul li:nth-child(5) a span {
      -wewbkit-transition: 0.15s ease-out 0.425s;
      transition: 0.15s ease-out 0.425s; }
    #sp_navigation ul li:nth-child(5) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.425s;
      transition: 0.15s ease-out 0.425s; }
  #sp_navigation ul li:nth-child(6) a {
    -wewbkit-transition: 0.15s ease-out 0.15s;
    transition: 0.15s ease-out 0.15s; }
    #sp_navigation ul li:nth-child(6) a span {
      -wewbkit-transition: 0.15s ease-out 0.45s;
      transition: 0.15s ease-out 0.45s; }
    #sp_navigation ul li:nth-child(6) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.45s;
      transition: 0.15s ease-out 0.45s; }
  #sp_navigation ul li:nth-child(7) a {
    -wewbkit-transition: 0.15s ease-out 0.175s;
    transition: 0.15s ease-out 0.175s; }
    #sp_navigation ul li:nth-child(7) a span {
      -wewbkit-transition: 0.15s ease-out 0.475s;
      transition: 0.15s ease-out 0.475s; }
    #sp_navigation ul li:nth-child(7) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.475s;
      transition: 0.15s ease-out 0.475s; }
  #sp_navigation ul li:nth-child(8) a {
    -wewbkit-transition: 0.15s ease-out 0.2s;
    transition: 0.15s ease-out 0.2s; }
    #sp_navigation ul li:nth-child(8) a span {
      -wewbkit-transition: 0.15s ease-out 0.5s;
      transition: 0.15s ease-out 0.5s; }
    #sp_navigation ul li:nth-child(8) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.5s;
      transition: 0.15s ease-out 0.5s; }
  #sp_navigation ul li:nth-child(9) a {
    -wewbkit-transition: 0.15s ease-out 0.225s;
    transition: 0.15s ease-out 0.225s; }
    #sp_navigation ul li:nth-child(9) a span {
      -wewbkit-transition: 0.15s ease-out 0.525s;
      transition: 0.15s ease-out 0.525s; }
    #sp_navigation ul li:nth-child(9) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.525s;
      transition: 0.15s ease-out 0.525s; }
  #sp_navigation ul li:nth-child(10) a {
    -wewbkit-transition: 0.15s ease-out 0.25s;
    transition: 0.15s ease-out 0.25s; }
    #sp_navigation ul li:nth-child(10) a span {
      -wewbkit-transition: 0.15s ease-out 0.55s;
      transition: 0.15s ease-out 0.55s; }
    #sp_navigation ul li:nth-child(10) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.55s;
      transition: 0.15s ease-out 0.55s; }
  #sp_navigation ul li:nth-child(11) a {
    -wewbkit-transition: 0.15s ease-out 0.275s;
    transition: 0.15s ease-out 0.275s; }
    #sp_navigation ul li:nth-child(11) a span {
      -wewbkit-transition: 0.15s ease-out 0.575s;
      transition: 0.15s ease-out 0.575s; }
    #sp_navigation ul li:nth-child(11) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.575s;
      transition: 0.15s ease-out 0.575s; }
  #sp_navigation ul li:nth-child(12) a {
    -wewbkit-transition: 0.15s ease-out 0.3s;
    transition: 0.15s ease-out 0.3s; }
    #sp_navigation ul li:nth-child(12) a span {
      -wewbkit-transition: 0.15s ease-out 0.6s;
      transition: 0.15s ease-out 0.6s; }
    #sp_navigation ul li:nth-child(12) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.6s;
      transition: 0.15s ease-out 0.6s; }
  #sp_navigation ul li:nth-child(13) a {
    -wewbkit-transition: 0.15s ease-out 0.325s;
    transition: 0.15s ease-out 0.325s; }
    #sp_navigation ul li:nth-child(13) a span {
      -wewbkit-transition: 0.15s ease-out 0.625s;
      transition: 0.15s ease-out 0.625s; }
    #sp_navigation ul li:nth-child(13) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.625s;
      transition: 0.15s ease-out 0.625s; }
  #sp_navigation ul li:nth-child(14) a {
    -wewbkit-transition: 0.15s ease-out 0.35s;
    transition: 0.15s ease-out 0.35s; }
    #sp_navigation ul li:nth-child(14) a span {
      -wewbkit-transition: 0.15s ease-out 0.65s;
      transition: 0.15s ease-out 0.65s; }
    #sp_navigation ul li:nth-child(14) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.65s;
      transition: 0.15s ease-out 0.65s; }
  #sp_navigation ul li:nth-child(15) a {
    -wewbkit-transition: 0.15s ease-out 0.375s;
    transition: 0.15s ease-out 0.375s; }
    #sp_navigation ul li:nth-child(15) a span {
      -wewbkit-transition: 0.15s ease-out 0.675s;
      transition: 0.15s ease-out 0.675s; }
    #sp_navigation ul li:nth-child(15) a[target="_blank"]::after {
      -wewbkit-transition: 0.15s ease-out 0.675s;
      transition: 0.15s ease-out 0.675s; }
  #sp_navigation ul li a {
    display: block;
    color: #fff;
    line-height: 1.25;
    padding: 19px 20px 17px;
    font-size: 0;
    position: relative;
    background-color: #fff;
    opacity: 0;
    border-bottom: 1px solid #484848;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg); }
    #sp_navigation ul li a[target="_blank"]::after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url(./assets/img/common/icon_blank_white.png);
      opacity: 0; }
    #sp_navigation ul li a span {
      opacity: 0; }
    #sp_navigation ul li a .eng, #sp_navigation ul li a .jp {
      display: inline-block; }
    #sp_navigation ul li a .eng {
      font-size: 2.5rem;
      font-family: "Oswald", "Fjalla One", sans-serif;
      -webkit-text-shadow: 8.3px 7.6px 5px rgba(0, 0, 0, 0.3);
      text-shadow: 8.3px 7.6px 5px rgba(0, 0, 0, 0.3); }
    #sp_navigation ul li a .jp {
      font-size: 1rem;
      color: #999;
      margin-left: 13px; }
      #sp_navigation ul li a .jp--only {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1.3rem;
        color: #fff; }
#sp_navigation.is_anm_transition_start ul li a {
  opacity: 1;
  background-color: #333;
  -webkit-transform: none;
  transform: none; }
  #sp_navigation.is_anm_transition_start ul li a span {
    opacity: 1; }
  #sp_navigation.is_anm_transition_start ul li a[target="_blank"]::after {
    opacity: 1; }

/* footer
========================================================*/
#footer {
  background: #f2f3f7;
  position: relative; }
  #footer .footer__body {
    max-width: 1180px;
    margin: 0 auto;
    padding: 30px 30px;
    overflow: hidden; }
  #footer .footer__links {
    float: left; }
    #footer .footer__links ul {
      font-size: 0; }
      #footer .footer__links ul li {
        display: inline-block;
        font-size: 1.2rem;
        margin: 0 25px 0 0; }
        #footer .footer__links ul li:last-child {
          margin-right: 0; }
  #footer .copyright {
    float: right; }
  @media screen and (max-width: 768px) {
    #footer .footer__body {
      padding: 25px 0 25px; }
    #footer .footer__links {
      display: block;
      float: none;
      padding: 0 30px;
      box-sizing: border-box; }
      #footer .footer__links ul {
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        #footer .footer__links ul li {
          display: inline-block;
          font-size: 1.2rem;
          margin: 0 0 10px 0;
          width: 50%; }
          #footer .footer__links ul li:last-child {
            margin-right: 0; }
    #footer .copyright {
      float: none; }
      #footer .copyright img {
        display: block;
        width: 90px;
        height: auto;
        margin: 0 auto; } }

#index_footer {
  background: #f2f3f7; }
  #index_footer .footer__body {
    max-width: 1180px;
    margin: 0 auto;
    padding: 15px 0 0;
    overflow: hidden; }
  #index_footer .footer__relation_links {
    display: flex;
    justify-content: space-between; }
    #index_footer .footer__relation_links a {
      flex-basis: 25%; }
  @media screen and (max-width: 768px) {
    #index_footer {
      display: none; } }

#pagetop {
  text-align: center;
  position: relative; }
  #pagetop a {
    display: block;
    padding: 20px 0; }
    #pagetop a .icon {
      display: inline-block;
      text-indent: -9999px; }
      #pagetop a .icon::after {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    #pagetop a:hover .icon::after {
      position: relative;
      -moz-animation: anm_pagetop_hover 1s ease-out infinite;
      -webkit-animation: anm_pagetop_hover 1s ease-out infinite;
      animation: anm_pagetop_hover 1s ease-out infinite; }
  @media screen and (max-width: 768px) {
    #pagetop {
      z-index: 10; }
      #pagetop a {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 44px;
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 44px;
        height: 44px;
        padding: 0; }
        #pagetop a:hover .icon::after {
          animation: none; }
        #pagetop a .icon {
          margin-top: 20px; }
          #pagetop a .icon::after {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            border-left: 1px solid #fff;
            border-top: 1px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes anm_pagetop_hover {
  0% {
    top: 20px;
    opacity: 0; }
  100% {
    top: -20px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@-moz-keyframes anm_pagetop_hover {
  0% {
    top: 20px;
    opacity: 0; }
  100% {
    top: -20px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@-ms-keyframes anm_pagetop_hover {
  0% {
    top: 20px;
    opacity: 0; }
  100% {
    top: -20px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
@keyframes anm_pagetop_hover {
  0% {
    top: 20px;
    opacity: 0; }
  100% {
    top: -20px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }
/* content
========================================================*/
#content {
  padding-bottom: 140px;
  min-height: calc(100vh - 294px);
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    #content {
      padding-bottom: 50px;
      min-height: calc(100vh - 80px); } }

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* ------------------------------------------------------
* perfect-scrollbar v1.4.0
* ------------------------------------------------------*/
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #666;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #666;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }
/* components list
========================================================*/
.clear {
  clear: both; }
  .clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden; }

.block__linkbox {
  padding: 15px 26px 5px;
  border-left: 1px solid #fff; }
  .block__linkbox:hover dt {
    color: #ccc; }
  .block__linkbox:last-child {
    border-right: 1px solid #fff; }
  .block__linkbox dt {
    text-align: center;
    font-size: 2.3rem;
    margin-bottom: 12px;
    font-family: "Oswald", "Fjalla One", sans-serif;
    color: #999; }
  .block__linkbox dd {
    font-size: 1.2rem; }

a[target="_blank"] .icon__browse_blank {
  position: relative; }
  a[target="_blank"] .icon__browse_blank--black, a[target="_blank"] .icon__browse_blank--gray, a[target="_blank"] .icon__browse_blank--gray_on_button, a[target="_blank"] .icon__browse_blank--white {
    padding-right: 18px; }
    a[target="_blank"] .icon__browse_blank--black::after, a[target="_blank"] .icon__browse_blank--gray::after, a[target="_blank"] .icon__browse_blank--gray_on_button::after, a[target="_blank"] .icon__browse_blank--white::after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      right: 0;
      top: 50%;
      background: no-repeat 0 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -wewbkit-transition: 0.2s ease-out;
      transition: 0.2s ease-out; }
  a[target="_blank"] .icon__browse_blank--black {
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #333; }
    a[target="_blank"] .icon__browse_blank--black::after {
      background-image: url(./assets/img/common/icon_blank_black.png); }
  a[target="_blank"] .icon__browse_blank--gray {
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #999;
    padding-right: 20px; }
    a[target="_blank"] .icon__browse_blank--gray::after {
      background-image: url(./assets/img/common/icon_blank_gray.png); }
  a[target="_blank"] .icon__browse_blank--gray_on_button {
    padding-right: 20px; }
    a[target="_blank"] .icon__browse_blank--gray_on_button::after {
      -wewbkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
      background-image: url(./assets/img/common/icon_blank_gray.png); }
  a[target="_blank"] .icon__browse_blank--white {
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #fff; }
    a[target="_blank"] .icon__browse_blank--white::after {
      background-image: url(./assets/img/common/icon_blank_white.png); }
a[target="_blank"]:hover .icon__browse_blank--black {
  color: #999; }
  a[target="_blank"]:hover .icon__browse_blank--black::after {
    opacity: 0.5; }
a[target="_blank"]:hover .icon__browse_blank--gray {
  color: #ccc; }
  a[target="_blank"]:hover .icon__browse_blank--gray::after {
    opacity: 0.5; }
a[target="_blank"]:hover .icon__browse_blank--gray_on_button::after {
  background-image: url(./assets/img/common/icon_blank_white.png); }

/* ボタン
------------------------------------------------------ */
.btn__radius_black, .btn__radius_black--large, .btn__radius_black--large02, .btn__radius_black--middle, .btn__radius_black--middle02, .btn__radius_black--small {
  font-weight: bold;
  display: inline-block;
  border-radius: 30px;
  padding: 10px 10px;
  text-align: center;
  font-size: 1.65rem;
  max-width: 267px;
  width: 100%;
  font-size: 1.2rem;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: top;
  color: #fff;
  background: #666;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #666), color-stop(1, #333));
  background: -webkit-linear-gradient(left, #666 0%, #333 100%);
  background: -moz-linear-gradient(left, #666 0%, #333 100%);
  background: -o-linear-gradient(left, #666 0%, #333 100%);
  background: -ms-linear-gradient(left, #666 0%, #333 100%);
  background: linear-gradient(to right, #666 0%, #333 100%);
  -wewbkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  border: none;
  outline: none;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  cursor: pointer; }
  .btn__radius_black:hover, .btn__radius_black--large:hover, .btn__radius_black--large02:hover, .btn__radius_black--middle:hover, .btn__radius_black--middle02:hover, .btn__radius_black--small:hover {
    color: #fff;
    -webkit-box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.5); }

.btn__radius_black--large {
  padding-top: 13px;
  padding-bottom: 13px;
  width: 370px;
  max-width: none;
  font-size: 1.65rem; }
.btn__radius_black--large02 {
  padding-top: 14px;
  padding-bottom: 14px;
  max-width: 350px;
  font-size: 1.60rem; }
.btn__radius_black--middle {
  font-size: 1.2rem;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px; }
.btn__radius_black--middle02 {
  font-size: 1.2rem;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 173px; }
.btn__radius_black--small {
  font-size: 1.2rem;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 130px; }
@media screen and (max-width: 768px) {
  .btn__radius_black {
    max-width: 295px;
    font-size: 1.3rem; }
    .btn__radius_black--large, .btn__radius_black--large02 {
      padding-top: 11px;
      padding-bottom: 11px; }
    .btn__radius_black--middle, .btn__radius_black--small {
      padding-top: 10px;
      padding-bottom: 10px; } }
.btn__radius_white {
  display: inline-block;
  min-width: 117px;
  border-radius: 30px;
  border: 2px solid #e9e9e9;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 2px 0;
  color: #999;
  position: relative;
  overflow: hidden;
  -wewbkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
  .btn__radius_white:hover {
    color: #fff;
    background-color: #333;
    border-color: #333; }
.btn__radius_gray {
  display: inline-block;
  width: 100%;
  max-width: 350px;
  border-radius: 30px;
  font-size: 1.6rem;
  padding: 12px 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(left, #c5c9d8 0%, #a7adc4 100%);
  background: -moz-linear-gradient(left, #c5c9d8 0%, #a7adc4 100%);
  background: -o-linear-gradient(left, #c5c9d8 0%, #a7adc4 100%);
  background: -ms-linear-gradient(left, #c5c9d8 0%, #a7adc4 100%);
  background: linear-gradient(to right, #c5c9d8 0%, #a7adc4 100%);
  -wewbkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }
  .btn__radius_gray:hover {
    color: #fff;
    -webkit-box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    .btn__radius_gray {
      font-size: 1.35rem;
      padding-top: 10px;
      padding-bottom: 10px; } }
.btn__radius_gray02 {
  display: inline-block;
  width: 100%;
  max-width: 350px;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 14px 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  border: none;
  outline: none;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  cursor: pointer;
  background: -webkit-linear-gradient(left, #ccc 0%, #a0a0a0 100%);
  background: -moz-linear-gradient(left, #ccc 0%, #a0a0a0 100%);
  background: -o-linear-gradient(left, #ccc 0%, #a0a0a0 100%);
  background: -ms-linear-gradient(left, #ccc 0%, #a0a0a0 100%);
  background: linear-gradient(to right, #ccc 0%, #a0a0a0 100%);
  -wewbkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }
  .btn__radius_gray02:hover {
    color: #fff;
    -webkit-box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    .btn__radius_gray02 {
      padding-top: 11px;
      padding-bottom: 11px; } }

/* 見出し関連
------------------------------------------------------*/
.heading__text, .heading__text--align_right {
  position: relative;
  z-index: 2;
  font-size: 9rem;
  font-weight: bold;
  line-height: 1.25;
  font-family: "Oswald", "Fjalla One", sans-serif;
  vertical-align: bottom; }

.heading {
  /* テクスチャつき見出し（下層用） */
  /* テクスチャつき見出し（TOP用） */
  /* 見出しテキスト */ }
  .heading__wrap_texture_underlayer {
    background: url(./assets/img/common/bg_texture.png) no-repeat 0 0;
    background-size: cover;
    position: relative;
    text-align: right;
    height: 270px;
    position: relative;
    margin: 0 0 53px; }
    .heading__wrap_texture_underlayer--nx_block {
      margin-bottom: 70px; }
    .heading__wrap_texture_underlayer.js__motion_anm--on .bg__textures::before {
      opacity: 1; }
    .heading__wrap_texture_underlayer.js__motion_anm--on .bg__textures .texture::after {
      opacity: 1; }
    @media screen and (max-width: 768px) {
      .heading__wrap_texture_underlayer {
        height: auto;
        padding: 21px 20px 21px 0;
        margin-bottom: 23px; }
        .heading__wrap_texture_underlayer--nx_block {
          margin-bottom: 23px; } }
  .heading__wrap_texture {
    background: url(./assets/img/common/bg_texture.png) no-repeat 0 0;
    background-size: cover;
    position: relative; }
    .heading__wrap_texture--blur::before, .heading__wrap_texture--blur::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .heading__wrap_texture--blur::before {
      background: -webkit-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
      background: -moz-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
      background: -o-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
      background: -ms-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
      background: linear-gradient(to bottom, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%); }
    .heading__wrap_texture--left::after {
      background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
      background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
      background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
      background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
      background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 40%); }
    @media screen and (max-width: 768px) {
      .heading__wrap_texture--left::after {
        background: -webkit-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -moz-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -o-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -ms-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: linear-gradient(to left, #fff 10%, rgba(255,255,255,0) 40%); } }
    .heading__wrap_texture--right::after {
      background: -webkit-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
      background: -moz-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
      background: -o-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
      background: -ms-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
      background: linear-gradient(to left, #fff 10%, rgba(255,255,255,0) 40%); }
    @media screen and (max-width: 768px) {
      .heading__wrap_texture--right {
        text-align: left; }
        .heading__wrap_texture--right::after {
          background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
          background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
          background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
          background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
          background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 40%); } }
    .heading__wrap_texture.js__motion_anm--on .bg__textures {
      z-index: 0; }
      .heading__wrap_texture.js__motion_anm--on .bg__textures .texture::after {
        opacity: 1; }
  .heading__wrap_thumbnails {
    position: relative;
    height: 270px;
    margin: 0 0 53px;
    text-align: right; }
    .heading__wrap_thumbnails--nx_block {
      margin-bottom: 70px; }
    .heading__wrap_thumbnails .bg__textures {
      display: none; }
    .heading__wrap_thumbnails .bg__thumnails {
      max-width: 75%;
      height: 100%;
      display: flex;
      justify-content: flex-start; }
      .heading__wrap_thumbnails .bg__thumnails .img {
        height: 100%;
        overflow: hidden;
        position: relative; }
        .heading__wrap_thumbnails .bg__thumnails .img img {
          position: relative;
          width: auto;
          height: auto;
          min-width: 100%;
          min-height: 100%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          opacity: 0; }
        .heading__wrap_thumbnails .bg__thumnails .img__wrap {
          position: relative;
          max-width: 33%;
          height: 100%; }
          .heading__wrap_thumbnails .bg__thumnails .img__wrap:nth-child(1) .img img {
            -wewbkit-transition: 3s ease-out 0s;
            transition: 3s ease-out 0s; }
          .heading__wrap_thumbnails .bg__thumnails .img__wrap:nth-child(2) .img img {
            -wewbkit-transition: 3s ease-out 0.2s;
            transition: 3s ease-out 0.2s; }
          .heading__wrap_thumbnails .bg__thumnails .img__wrap:nth-child(3) .img img {
            -wewbkit-transition: 3s ease-out 0.4s;
            transition: 3s ease-out 0.4s; }
    .heading__wrap_thumbnails.js__motion_anm--on .bg__textures::before {
      opacity: 1; }
    .heading__wrap_thumbnails.js__motion_anm--on .bg__textures .texture::after {
      opacity: 1; }
    .heading__wrap_thumbnails.js__motion_anm--on .bg__thumnails .img:nth-child(1) img {
      opacity: 1; }
    .heading__wrap_thumbnails.js__motion_anm--on .bg__thumnails .img:nth-child(2) img {
      opacity: 1; }
    .heading__wrap_thumbnails.js__motion_anm--on .bg__thumnails .img:nth-child(3) img {
      opacity: 1; }
    @media screen and (max-width: 768px) {
      .heading__wrap_thumbnails {
        background: url(./assets/img/common/bg_texture.png) no-repeat 0 0;
        background-size: cover;
        height: auto;
        padding: 21px 20px 21px 0;
        margin-bottom: 23px; }
        .heading__wrap_thumbnails .bg__thumnails {
          display: none; }
        .heading__wrap_thumbnails .bg__textures {
          display: block; }
        .heading__wrap_thumbnails--nx_block {
          margin-bottom: 23px; } }
  .heading__wrap--message {
    position: absolute;
    left: 74px;
    top: 125px; }
    @media screen and (max-width: 768px) {
      .heading__wrap--message {
        left: auto;
        right: 20px;
        top: 0; } }
  .heading__wrap--schedule {
    max-width: 1200px;
    margin: 110px auto 0;
    padding-left: 135px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .heading__wrap--schedule {
        margin: 75px 20px 0;
        padding: 0; } }
  .heading__wrap--add_link {
    position: relative; }
  .heading__wrap--underlayer {
    margin-left: 95px;
    margin-right: 15px; }
    @media screen and (max-width: 768px) {
      .heading__wrap--underlayer {
        margin: 0 20px; } }
  .heading__wrap--underlayer_same {
    margin-left: 135px;
    margin-right: 15px; }
    @media screen and (max-width: 768px) {
      .heading__wrap--underlayer_same {
        margin: 0 20px; } }
  .heading__link_wrap {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1.2rem;
    z-index: 2;
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      .heading__link_wrap {
        display: none; } }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      .heading__link_wrap--half_column {
        position: static;
        text-align: right;
        padding: 10px 0 0;
        -webkit-transform: none;
        transform: none; } }
  .heading__button_wrap {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      .heading__button_wrap {
        display: none; } }
  .heading__text--align_right {
    text-align: right; }
    @media screen and (max-width: 768px) {
      .heading__text--align_right {
        text-align: left; } }
  .heading__text .text {
    font-weight: bold;
    display: inline-block;
    color: #333;
    z-index: 1;
    letter-spacing: 2px; }
    @media screen and (max-width: 768px) {
      .heading__text .text {
        letter-spacing: -1.2px; } }
    .heading__text .text + [class^="heading__text"] {
      margin-bottom: 0;
      padding-top: 18px;
      padding-left: 5px; }
      @media screen and (max-width: 768px) {
        .heading__text .text + [class^="heading__text"] {
          padding-top: 10px; } }
  .heading__text .sub {
    font-size: 1.6rem;
    display: block;
    text-align: left;
    padding: 6px 0 0 4px; }
  .heading__text .line_close {
    display: block;
    margin-top: -25px; }
    @media screen and (max-width: 768px) {
      .heading__text .line_close {
        margin-top: -10px; } }
  .heading__text .day {
    font-size: 3rem;
    margin: 0 0 0 11px; }
  .heading__text .larger {
    font-size: 10rem; }
    @media screen and (max-width: 768px) {
      .heading__text .larger {
        font-size: 4.7rem; } }
  .heading__text.js__motion_trig .text {
    opacity: 0;
    -wewbkit-transition: opacity 0.5s ease-out, -webkit-text-shadow 0.5s ease-out 0.5s, text-shadow 0.5s ease-out 0.5s;
    transition: opacity 0.5s ease-out, -webkit-text-shadow 0.5s ease-out 0.5s, text-shadow 0.5s ease-out 0.5s; }
  .heading__text.js__motion_trig .sub {
    opacity: 0; }
  .heading__text.js__motion_anm--on .text {
    opacity: 1;
    -webkit-text-shadow: 10px 20px 5px rgba(216, 219, 231, 0.6);
    text-shadow: 10px 20px 5px rgba(216, 219, 231, 0.6); }
    @media screen and (max-width: 768px) {
      .heading__text.js__motion_anm--on .text {
        -webkit-text-shadow: 5px 10px 5px rgba(216, 219, 231, 0.6);
        text-shadow: 5px 10px 5px rgba(216, 219, 231, 0.6); } }
  .heading__text.js__motion_anm--on .sub {
    opacity: 1; }
  .heading__text__block {
    display: block; }
  .heading__text--sub {
    font-size: 3.1rem;
    margin-top: 5px; }
  .heading__text--underlayer_top {
    position: absolute;
    right: 80px;
    top: 42%;
    -webkit-transform: translateY(-42%);
    transform: translateY(-42%); }
    .heading__text--underlayer_top.js__motion_trig .text {
      -wewbkit-transition: opacity 1s ease-out 0.5s, -webkit-text-shadow 1s ease-out 1s, text-shadow 1s ease-out 1s;
      transition: opacity 1s ease-out 0.5s, -webkit-text-shadow 1s ease-out 1s, text-shadow 1s ease-out 1s; }
    .heading__text--underlayer_top.js__motion_trig .sub {
      -wewbkit-transition: 1s ease-out 1.5s;
      transition: 1s ease-out 1.5s;
      display: none; }
    .heading__text--underlayer_top.js__motion_anm--text_delay .text {
      -wewbkit-transition: opacity 0.5s ease-out 0.8s, -webkit-text-shadow 0.5s ease-out 1.3s, text-shadow 0.5s ease-out 1.3s;
      transition: opacity 0.5s ease-out 0.8s, -webkit-text-shadow 0.5s ease-out 1.3s, text-shadow 0.5s ease-out 1.3s; }
    .heading__text--underlayer_top.js__motion_anm--on_text_delay .text {
      opacity: 1;
      -webkit-text-shadow: 10px 20px 5px rgba(216, 219, 231, 0.6);
      text-shadow: 10px 20px 5px rgba(216, 219, 231, 0.6); }
      @media screen and (max-width: 768px) {
        .heading__text--underlayer_top.js__motion_anm--on_text_delay .text {
          -webkit-text-shadow: 5px 10px 5px rgba(216, 219, 231, 0.6);
          text-shadow: 5px 10px 5px rgba(216, 219, 231, 0.6); } }
    @media screen and (max-width: 768px) {
      .heading__text--underlayer_top {
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: none;
        transform: none; } }
  .heading__text--content, .heading__text--content_udl {
    font-size: 6.8rem; }
  @media screen and (max-width: 768px) {
    .heading__text {
      font-size: 4.3rem; }
      .heading__text--sub {
        font-size: 1.5rem; }
      .heading__text--content {
        font-size: 3.2rem; }
      .heading__text--content_udl {
        font-size: 3.8rem;
        line-height: 1; } }
  .heading__text_lv2 {
    font-size: 3.4rem;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .heading__text_lv2 {
        font-size: 2.0rem;
        line-height: 1.4; } }
  .heading__text_lv3 {
    font-size: 2.4rem;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .heading__text_lv3 {
        font-size: 1.8rem; } }
  .heading__text_lv4 {
    font-size: 2rem;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .heading__text_lv4 {
        font-size: 1.6rem; } }
  .heading__text_lv5 {
    font-size: 1.8rem;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .heading__text_lv5 {
        font-size: 1.4rem; } }
  .heading__text_lv6 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 16px; }
    @media screen and (max-width: 768px) {
      .heading__text_lv6 {
        margin-bottom: 14px; } }
  .heading__text_lv_base {
    font-size: 1.4rem;
    font-weight: bold; }

.bg__textures {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .bg__textures::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -wewbkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 50%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 50%); }
  .bg__textures .texture {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .bg__textures .texture::after {
      opacity: 0;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .bg__textures .texture:nth-child(1)::after {
      -wewbkit-transition: 0.5s ease-out 0s;
      transition: 0.5s ease-out 0s;
      background: #fff url(./assets/img/common/bg_texture_motion1.png) no-repeat 0 0;
      background-size: cover; }
    .bg__textures .texture:nth-child(2)::after {
      -wewbkit-transition: 0.5s ease-out 0.5s;
      transition: 0.5s ease-out 0.5s;
      background: #fff url(./assets/img/common/bg_texture_motion2.png) no-repeat 0 0;
      background-size: cover; }
    .bg__textures .texture:nth-child(3)::after {
      -wewbkit-transition: 0.5s ease-out 1s;
      transition: 0.5s ease-out 1s;
      background: #fff url(./assets/img/common/bg_texture_motion3.png) no-repeat 0 0;
      background-size: cover; }
  @media screen and (max-width: 768px) {
    .bg__textures::before {
      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
      background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
      background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
      background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
      background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); } }

.content__body_indent {
  margin: 0 15px 0 135px;
  padding: 30px 0 0; }
  @media screen and (max-width: 768px) {
    .content__body_indent {
      margin: 0 20px;
      padding-top: 24px; } }
  .content__body_indent--child {
    margin: 0 0 0 64px;
    padding: 14px 0 0; }
    @media screen and (max-width: 768px) {
      .content__body_indent--child {
        margin: 0; } }
.content__body_indent_same {
  margin: 0 80px 0 95px;
  padding: 20px 0 0; }
  @media screen and (max-width: 768px) {
    .content__body_indent_same {
      margin: 0 20px; } }
.content__body {
  padding: 20px 0 0; }
  @media screen and (max-width: 768px) {
    .content__body {
      padding-top: 15px; } }

.wrap__single_content {
  /* 余白の違いのみ */ }
  .wrap__single_content--default {
    margin: 0 80px 0 135px; }
    @media screen and (max-width: 768px) {
      .wrap__single_content--default {
        margin: 0 20px; } }
  .wrap__single_content--wide {
    margin: 0 15px 0 135px; }
    @media screen and (max-width: 768px) {
      .wrap__single_content--wide {
        margin: 0 20px; } }
  .wrap__single_content--same {
    margin: 0 135px; }
    @media screen and (max-width: 768px) {
      .wrap__single_content--same {
        margin: 0 20px; } }
  .wrap__single_content--center {
    margin: 65px 110px 0 64px; }
    @media screen and (max-width: 768px) {
      .wrap__single_content--center {
        margin: 0; } }

/* headline news
------------------------------------------------------*/
.headline__row {
  display: flex;
  width: auto;
  margin: 0 45px 32px 83px; }
  .headline__row:nth-child(2) {
    margin-right: 5px;
    margin-left: 123px; }
  @media screen and (max-width: 768px) {
    .headline__row {
      flex-wrap: wrap;
      margin: 0; }
      .headline__row:nth-child(2) {
        margin-right: 0;
        margin-left: 0; }
      .headline__row + .gp__align--centering {
        margin-top: 33px; } }
.headline__casette {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  /*
  &:first-child{
  	margin-left: 0;
  }
  &:last-child{
  	margin-right: 0;
  }*/ }
  .headline__casette .thumb {
    -webkit-box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 12px;
    position: relative; }
    .headline__casette .thumb::after {
      content: "";
      opacity: 0;
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 80%;
      height: 20px;
      margin: 0 0 0 10%;
      border-radius: 100%;
      background: transparent;
      -webkit-box-shadow: 0 0 10px 0 black;
      box-shadow: 0 0 10px 0 black; }
    .headline__casette .thumb.disp-shadow::after {
      opacity: 1; }
    .headline__casette .thumb img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: auto;
      				/*
      
      		    width: auto;
      		    height: auto;
      		    min-width: 100%;
      		    min-height: 100%;
      		    max-width: inherit;
      				*/ }
    .headline__casette .thumb__instance {
      background: #fff;
      overflow: hidden; }
  .headline__casette p {
    position: relative;
    z-index: 1; }
  .headline__casette a {
    display: block;
    margin: 0 10px; }
    .headline__casette a .thumb {
      -wewbkit-transition: 0.5s ease-out;
      transition: 0.5s ease-out; }
      .headline__casette a .thumb img {
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
      .headline__casette a .thumb::after {
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
    .headline__casette a:hover .thumb {
      -webkit-box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0px 4px 30px 0 rgba(0, 0, 0, 0.5); }
      .headline__casette a:hover .thumb img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
      .headline__casette a:hover .thumb::after {
        -webkit-box-shadow: 0 0 10px 5px black;
        box-shadow: 0 0 10px 5px black;
        opacity: 0.5; }
  @media screen and (max-width: 768px) {
    .headline__casette {
      width: 50%;
      margin: 0; }
      .headline__casette .thumb, .headline__casette p {
        margin-right: 7.5px; }
      .headline__casette .thumb {
        margin-bottom: 7px; }
      .headline__casette p {
        font-size: 1.3rem;
        line-height: 1.4;
        height: 42px; }
      .headline__casette a {
        margin: 0; }
      .headline__casette:nth-child(2n) {
        margin-top: 29px;
        margin-bottom: 0; }
        .headline__casette:nth-child(2n) .thumb, .headline__casette:nth-child(2n) p {
          margin-left: 7.5px;
          margin-right: 0; } }
.headline__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  margin: 0 0 53px; }
  .headline__list > li {
    width: 49%;
    margin: 40px 0 0; }
    .headline__list > li:nth-child(-n+2) {
      margin-top: 0; }
    .headline__list > li a {
      display: block;
      height: 100%; }
      .headline__list > li a:hover {
        color: #333; }
        .headline__list > li a:hover .article__inner {
          -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5); }
          .headline__list > li a:hover .article__inner::after {
            right: 15px; }
        .headline__list > li a:hover .article::before {
          -webkit-box-shadow: 0 0 40px 10px black;
          box-shadow: 0 0 40px 10px black;
          opacity: 0.5; }
        .headline__list > li a:hover .timestamp {
          left: -20px; }
    .headline__list > li .article {
      height: 100%;
      position: relative; }
      .headline__list > li .article::before {
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
        .headline__list > li .article::before::before {
          content: "";
          display: block;
          position: absolute;
          left: 15%;
          bottom: 0;
          width: 70%;
          height: 10px;
          border-radius: 100%;
          background-color: #000;
          -webkit-box-shadow: 0 0 30px 5px black;
          box-shadow: 0 0 30px 5px black;
          opacity: 0.4; }
      .headline__list > li .article__inner {
        height: 100%;
        position: relative;
        z-index: 1;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        -wewbkit-transition: -webkit-box-shadow 0.5s ease-out, box-shadow 0.5s ease-out;
        transition: -webkit-box-shadow 0.5s ease-out, box-shadow 0.5s ease-out; }
        .headline__list > li .article__inner::after {
          content: "";
          display: block;
          position: absolute;
          right: 25px;
          top: 50%;
          width: 25px;
          height: 25px;
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
          -wewbkit-transition: 0.5s ease-out;
          transition: 0.5s ease-out; }
      .headline__list > li .article__body {
        margin: 0 50px 0 33px;
        padding: 50px 0 33px; }
      .headline__list > li .article .title {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0 0 15px;
        line-height: 1.4; }
      .headline__list > li .article .excerpt {
        margin: 0 0 13px; }
      .headline__list > li .article .timestamp {
        background-color: #000;
        color: #fff;
        position: absolute;
        left: -10px;
        top: 10px;
        font-family: "Oswald", "Fjalla One", sans-serif;
        padding: 4px 8px;
        display: inline-block;
        letter-spacing: 2px;
        font-size: 1.3rem;
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
      @media screen and (max-width: 768px) {
        .headline__list > li .article::before {
          left: 15%;
          bottom: 0;
          width: 70%;
          height: 10px;
          border-radius: 100%;
          background-color: #000;
          -webkit-box-shadow: 0 0 60px 5px black;
          box-shadow: 0 0 60px 5px black;
          opacity: 0.3; }
        .headline__list > li .article .title {
          font-size: 2rem;
          margin-bottom: 5px;
          line-height: 1.4; }
        .headline__list > li .article .excerpt {
          font-size: 1.4rem;
          margin-bottom: 8px; }
        .headline__list > li .article::after {
          display: none; }
        .headline__list > li .article__body {
          margin-left: 20px;
          margin-right: 20px;
          padding-top: 36px;
          padding-bottom: 16px; }
        .headline__list > li .article__inner::after {
          display: none; }
        .headline__list > li .article .timestamp {
          left: -12px;
          top: 7.5px;
          font-size: 1.05rem; } }
  @media screen and (max-width: 768px) {
    .headline__list {
      display: block;
      margin: 0 0 30px; }
      .headline__list > li {
        width: auto;
        margin: 0 0 25px; }
        .headline__list > li:last-child {
          margin-bottom: 0; } }
  .headline__list--archive {
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      .headline__list--archive {
        margin-bottom: 60px; } }
  .headline__list--detail {
    margin-bottom: 74px; }
    @media screen and (max-width: 768px) {
      .headline__list--detail {
        margin-bottom: 60px; } }
  .headline__list--contact {
    margin: 0 108px 60px 112px; }
    .headline__list--contact > li {
      width: 100%;
      margin-top: 134px;
      box-sizing: border-box; }
      .headline__list--contact > li:nth-child(-n+2) {
        margin-top: 134px; }
      .headline__list--contact > li:first-child {
        margin-top: 96px; }
      .headline__list--contact > li .article .article__inner:after {
        display: none; }
      .headline__list--contact > li .article .article__body {
        padding: 56px 0 40px; }
      .headline__list--contact > li .article .excerpt {
        margin: 0 0 26px; }
      .headline__list--contact > li .article .timestamp {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 96px;
        height: 104px;
        font-size: 2.6rem;
        line-height: 1.2;
        letter-spacing: 1.0px;
        top: -80px;
        left: -48px; }
      .headline__list--contact > li .article .list__indent {
        margin-bottom: 36px; }
        .headline__list--contact > li .article .list__indent li {
          margin-bottom: 10px;
          font-size: 1.2rem; }
      .headline__list--contact > li .article .list--color {
        color: #ff6666; }
      .headline__list--contact > li .article .list li {
        margin: 0 0 9px; }
      .headline__list--contact > li .article .gp__align--centering .btn__radius_black {
        margin: 0 auto; }
        .headline__list--contact > li .article .gp__align--centering .btn__radius_black:hover {
          color: #ffffff; }
      .headline__list--contact > li a:hover .timestamp {
        left: -68px; }
    @media screen and (max-width: 768px) {
      .headline__list--contact {
        margin: 0 0 60px; }
        .headline__list--contact > li {
          margin-top: 80px; }
          .headline__list--contact > li:nth-child(-n+2) {
            margin-top: 80px; }
          .headline__list--contact > li .article .article__body {
            padding: 56px 0 40px; }
          .headline__list--contact > li .article .excerpt {
            margin: 0 0 26px; }
          .headline__list--contact > li .article .timestamp {
            width: 66px;
            height: 74px;
            font-size: 2.0rem;
            line-height: 1.2;
            letter-spacing: 1.0px;
            top: -40px;
            left: -12px; }
          .headline__list--contact > li .article .list {
            text-indent: -1em;
            margin: 0 0 26px 1em;
            font-size: 1.2rem; }
            .headline__list--contact > li .article .list--color {
              color: #ff6666; }
            .headline__list--contact > li .article .list li {
              margin: 0 0 9px; }
          .headline__list--contact > li a:hover .timestamp {
            left: -68px; } }

/* スケジュール */
.list__schedule {
  margin: 8px 0 6px; }
  @media screen and (max-width: 768px) {
    .list__schedule {
      margin: 0;
      padding: 0 0 30px; } }

.schedule__casette {
  border-bottom: 1px solid #eaebf2;
  display: table;
  width: 100%; }
  .schedule__casette:last-child {
    border-bottom: none; }
  .schedule__casette .timestamp,
  .schedule__casette .cat__media,
  .schedule__casette .content {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 10px 12px;
    box-sizing: border-box; }
  .schedule__casette .exp a::after {
    content: '';
    display: inline-block;
    background: url("./assets/img/common/icon_arrow.png") no-repeat center center;
    width: 6px;
    height: 10px;
    vertical-align: 0;
    margin-left: -5px; }
  .schedule__casette .exp a[target="_blank"]::after {
    background: url("./assets/img/common/icon_blank_black.png") no-repeat center center;
    width: 10px; }
  .schedule__casette .timestamp {
    width: 70px;
    padding-left: 18px; }
    .schedule__casette .timestamp time {
      text-align: center;
      font-size: 1.8rem;
      line-height: 1.1; }
      .schedule__casette .timestamp time span {
        font-size: 1.2rem; }
  .schedule__casette .cat__media {
    width: 70px; }
  .schedule__casette .name {
    font-weight: bold;
    margin: 0 14px 0 0; }
  @media screen and (max-width: 768px) {
    .schedule__casette {
      display: block;
      padding: 18px 0 4px; }
      .schedule__casette .timestamp,
      .schedule__casette .cat__media,
      .schedule__casette .content {
        display: block; }
      .schedule__casette .timestamp {
        width: auto;
        margin-right: 10px; }
        .schedule__casette .timestamp time {
          font-size: 1.8rem; }
          .schedule__casette .timestamp time span {
            font-size: 1.2rem;
            display: inline;
            margin-right: 5px; }
      .schedule__casette .timestamp,
      .schedule__casette .cat__media {
        display: inline-block;
        padding: 0; }
      .schedule__casette .content {
        padding: 10px 0 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end; }
      .schedule__casette .artist__thumbs {
        order: 1;
        margin-bottom: -40px;
        width: 100%;
        text-align: right;
        position: relative;
        top: -43px;
        /*
        position: absolute;
        right: 0;
        top: -40px;
        */ } }
    @media screen and (max-width: 768px) and (max-width: 320px) {
      .schedule__casette .artist__thumbs {
        max-width: 35%; } }
    @media screen and (max-width: 768px) and (min-width: 321px) and (max-width: 375px) {
      .schedule__casette .artist__thumbs {
        max-width: 50%; } }
  @media screen and (max-width: 768px) {
      .schedule__casette .exp {
        order: 2;
        width: 100%;
        font-size: 1.4rem; }
      .schedule__casette:last-child {
        border-bottom: 1px solid #eaebf2; } }

/* カテゴリ関連
------------------------------------------------------ */
.cat {
  /* メディアカテゴリ */ }
  .cat__media {
    font-size: 1.2rem; }
    .cat__media .icon {
      display: inline-block;
      text-align: center;
      color: #fff;
      min-width: 50px;
      box-sizing: border-box;
      border-radius: 3px;
      padding: 2px 5px;
      background: #cfd5e3; }
    @media screen and (max-width: 768px) {
      .cat__media .icon {
        padding-top: 1px;
        padding-bottom: 1px; } }
    @media screen and (max-width: 768px) {
      .cat__media--small {
        font-size: 1rem; }
        .cat__media--small .icon {
          min-width: 43px; } }
  .cat__prof_artist_type {
    display: inline-block;
    vertical-align: top;
    width: 112px;
    height: 112px;
    background-color: #000;
    margin: 0 10px 0 0; }
    .cat__prof_artist_type:last-child {
      margin-right: 0; }
    .cat__prof_artist_type > span {
      display: block;
      text-align: center;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #fff;
      font-family: "Oswald", "Fjalla One", sans-serif;
      font-size: 2.5rem;
      line-height: 1.3; }
    @media screen and (max-width: 768px) {
      .cat__prof_artist_type {
        width: 60px;
        height: 60px;
        margin-right: 5px; }
        .cat__prof_artist_type span {
          font-size: 1.4rem; } }
    .cat__prof_artist_type_wrap {
      font-size: 0; }

/* アーティストサムネイル使用
------------------------------------------------------*/
.artist__thumbs {
  font-size: 0; }
  .artist__thumbs li {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 40px; }
    .artist__thumbs li:last-child {
      margin-right: 0; }
    .artist__thumbs li img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 768px) {
    .artist__thumbs li {
      margin: 0; } }
  .artist__thumbs--headline li {
    width: 80px; }
  @media screen and (max-width: 768px) {
    .artist__thumbs--headline li {
      margin-right: 10px; } }

.block__qr {
  display: table;
  width: 100%; }
  .block__qr .qrcode, .block__qr p {
    display: table-cell;
    vertical-align: middle; }
  .block__qr .qrcode {
    width: 80px; }
  .block__qr--message {
    display: flex;
    justify-content: space-between;
    margin: 0 0 48px;
    position: relative; }
    .block__qr--message .block__qr--genre {
      width: 112px;
      height: 112px;
      background-color: #333;
      margin: 0 23px 0 0; }
      .block__qr--message .block__qr--genre span {
        display: block;
        text-align: center;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
        font-family: "Oswald", "Fjalla One", sans-serif;
        font-size: 2.6rem;
        line-height: 1.2; }
      .block__qr--message .block__qr--genre + div {
        flex: 2; }
    .block__qr--message .heading__text {
      font-size: 3.4rem;
      margin: -8px 0 8px; }
      .block__qr--message .heading__text .text {
        text-shadow: none; }
    .block__qr--message .heading__button_wrap {
      position: relative;
      right: 0;
      bottom: 6px;
      width: 200px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end; }
  @media screen and (max-width: 768px) {
    .block__qr {
      display: none;
      width: auto; }
      .block__qr .qrcode, .block__qr p {
        display: block; }
      .block__qr p {
        font-size: 1.3rem; }
      .block__qr--message {
        display: block;
        margin: 0 20px 23px; }
        .block__qr--message .block__qr--genre {
          display: block;
          width: 90px;
          height: 90px;
          margin: 0 23px 0 0; }
          .block__qr--message .block__qr--genre span {
            display: block;
            text-align: center;
            position: relative;
            top: 50%;
            font-size: 2.0rem;
            line-height: 1.2; }
        .block__qr--message .heading__text {
          font-size: 2.0rem;
          margin: 12px 0 5px; }
        .block__qr--message .heading__button_wrap {
          display: none; } }
.block__mobilesite {
  display: none; }
  @media screen and (max-width: 768px) {
    .block__mobilesite {
      display: flex;
      max-width: 590px;
      margin: 0 auto 56px; }
      .block__mobilesite_content {
        flex: 1;
        text-align: center; }
        .block__mobilesite_content .image {
          text-align: center;
          margin: 0 0 3px; }
          .block__mobilesite_content .image img {
            width: 16px;
            height: auto; }
        .block__mobilesite_content .text .excerpt {
          font-size: 1rem; }
        .block__mobilesite_content .text .message {
          font-weight: bold;
          font-size: 2.8rem;
          font-family: "Oswald", "Fjalla One", sans-serif;
          line-height: 1.1;
          margin: 0 0 8px; } }
.block_alert__box {
  background-color: #f2f3f7;
  margin: 0 0 55px; }
  .block_alert__box:last-child {
    margin-bottom: 0; }
.block_alert__inner {
  margin: 0 35px;
  padding: 39px 0 30px; }
.block_alert__sentence {
  margin: 0 0 40px; }
  .block_alert__sentence:last-child {
    margin-bottom: 0; }
.block_alert__heading {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 47px;
  margin: 0 0 8px; }
  .block_alert__heading::before {
    content: "";
    display: block;
    width: 36px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(./assets/img/common/icon_alert.png) no-repeat 0 0;
    background-size: 36px auto; }
@media screen and (max-width: 768px) {
  .block_alert {
    margin-bottom: 50px; }
    .block_alert__inner {
      margin: 0 20px;
      padding: 27px 0 22px; }
    .block_alert__heading {
      padding: 0 0 0 41px;
      line-height: 1.5;
      font-size: 1.4rem;
      margin-bottom: 12px; }
    .block_alert__sentence {
      margin-bottom: 33px; } }
.block_figure__table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #eaebf2; }
.block_figure__row {
  display: table-row; }
.block_figure__cell {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #eaebf2;
  padding: 9px 10px;
  box-sizing: border-box; }
  .block_figure__cell--th {
    width: 225px;
    background-color: #f2f3f7; }
  .block_figure__cell__inner {
    display: flex;
    align-items: center; }
@media screen and (max-width: 768px) {
  .block_figure__cell--th {
    width: 40%;
    padding-left: 6px;
    padding-top: 27px;
    padding-bottom: 27px; }
  .block_figure__cell__inner {
    flex-wrap: wrap; }
    .block_figure__cell__inner .sns__fig_caption {
      width: 100%; } }

/* form系コンポーネント
------------------------------------------------------*/
.form_comp__align--center {
  text-align: center; }
.form_comp__align--right {
  text-align: right; }
.form_comp__selectbox {
  display: inline-block;
  border-radius: 3px;
  background-image: -moz-linear-gradient(0deg, #c5c9d8 0%, #a7adc4 100%);
  background-image: -webkit-linear-gradient(0deg, #c5c9d8 0%, #a7adc4 100%);
  background-image: -ms-linear-gradient(0deg, #c5c9d8 0%, #a7adc4 100%);
  width: 228px;
  height: 46px;
  color: #ffffff;
  box-sizing: border-box;
  position: relative; }
  .form_comp__selectbox .output {
    padding: 11px 40px 9px 15px;
    position: relative;
    text-align: left; }
    .form_comp__selectbox .output::after {
      content: "";
      position: absolute;
      right: 16px;
      top: 50%;
      display: block;
      width: 11px;
      height: 11px;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      -webkit-transform: translateY(-8px) rotate(45deg);
      transform: translateY(-8px) rotate(45deg); }
  .form_comp__selectbox .selectbox {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .form_comp__selectbox .selectbox {
        font-size: 1.6rem; } }
  .form_comp__selectbox--archive {
    width: 228px; }
    @media screen and (max-width: 768px) {
      .form_comp__selectbox--archive {
        display: block;
        width: auto; } }
  .form_comp__selectbox_wrap {
    text-align: left;
    margin: 0 0 53px; }
    @media screen and (max-width: 768px) {
      .form_comp__selectbox_wrap {
        margin-bottom: 30px; } }

.list {
  /* インスタリスト
  ------------------------------------------------------------*/
  /* K-SHOPリスト
  ------------------------------------------------------------*/ }
  .list__instagram {
    display: flex;
    justify-content: flex-start;
    margin-right: -22px; }
    .list__instagram > li {
      width: 16.6666666667%;
      box-sizing: border-box; }
      .list__instagram > li .thumb {
        position: relative;
        margin-right: 22px;
        -webkit-box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1); }
        .list__instagram > li .thumb::after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 80%;
          height: 10px;
          margin: 0 0 0 10%;
          border-radius: 100%;
          background: transparent;
          -webkit-box-shadow: 0 0 30px 0 black;
          box-shadow: 0 0 30px 0 black;
          opacity: 0.7; }
        .list__instagram > li .thumb img {
          position: relative;
          z-index: 1;
          width: 100%;
          height: auto; }
    @media screen and (max-width: 768px) {
      .list__instagram {
        display: block;
        font-size: 0;
        margin-right: 0; }
        .list__instagram > li {
          width: 48%;
          margin: 0 4% 30px 0;
          display: inline-block;
          vertical-align: top; }
          .list__instagram > li:nth-child(2n) {
            margin-right: 0; }
          .list__instagram > li:nth-child(n+5) {
            display: none; }
          .list__instagram > li:nth-last-child(-n+4) {
            margin-bottom: 0; }
          .list__instagram > li .thumb {
            margin-right: 0; } }
  .list__kshop_items {
    display: flex;
    justify-content: flex-start;
    margin: 0 -22px 60px 0; }
    .list__kshop_items > li {
      width: 16.6666666667%; }
      .list__kshop_items > li .thumb {
        margin: 0 0 10px;
        				/*
        				@include mixin_box_shadow(0px 4px 10px 0 rgba(0,0,0,0.1));
        				@include mixin_transition_animate(.5s ease-out);
        				@include mixin_backface_visibility;
        				position: relative;
        				&::after{
        					content: "";
        					display: block;
        					position: absolute;
        					left: 10%;
        					bottom: 0;
        					width: 80%;
        					height: 10px;
        					border-radius: 100%;
        					background: transparent;
        					@include mixin_box_shadow(0 0 20px 0 rgba(0,0,0,1));
        					opacity: 0.8;
        					@include mixin_transition_animate(.5s ease-out);
        					@include mixin_backface_visibility;
        				}
        
        
        				&__instance{
        					overflow: hidden;
        				}
        				img{
        					position: relative;
        					z-index: 1;
        					width: 100%;
        					height: auto;
        					@include mixin_transition_animate(.5s ease-out);
        					@include mixin_backface_visibility;
        				}*/ }
      .list__kshop_items > li .thumb {
        margin: 0 0 10px;
        -webkit-box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative; }
        .list__kshop_items > li .thumb::after {
          content: "";
          display: block;
          position: absolute;
          left: 10%;
          bottom: 0;
          width: 80%;
          height: 10px;
          border-radius: 100%;
          background: transparent;
          -webkit-box-shadow: 0 0 20px 0 black;
          box-shadow: 0 0 20px 0 black;
          opacity: 0.8;
          -wewbkit-transition: 0.5s ease-out;
          transition: 0.5s ease-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        .list__kshop_items > li .thumb__instance {
          overflow: hidden; }
        .list__kshop_items > li .thumb img {
          width: 100%;
          height: auto;
          position: relative;
          z-index: 1;
          -wewbkit-transition: 0.5s ease-out;
          transition: 0.5s ease-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
      .list__kshop_items > li a {
        display: block; }
        .list__kshop_items > li a:hover .thumb {
          -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); }
          .list__kshop_items > li a:hover .thumb img {
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
        .list__kshop_items > li a:hover::after {
          -webkit-box-shadow: 0 4px 40px 5px black;
          box-shadow: 0 4px 40px 5px black;
          opacity: 1; }
      .list__kshop_items > li .item_status {
        font-size: 0; }
        .list__kshop_items > li .item_status > li {
          background-color: #333;
          color: #fff;
          min-width: 67px;
          text-align: center;
          margin: 0 5px 8px 0;
          font-size: 1rem;
          border-radius: 3px;
          display: inline-block;
          white-space: nowrap;
          padding: 4px 0;
          line-height: 1.4; }
          .list__kshop_items > li .item_status > li:last-child {
            margin-right: 0; }
      .list__kshop_items > li .title {
        font-size: 1.2rem;
        margin-bottom: 7px;
        line-height: 1.4; }
      .list__kshop_items > li .price {
        font-size: 1.2rem;
        font-weight: bold; }
        .list__kshop_items > li .price .taxin {
          font-size: 1rem; }
      .list__kshop_items > li a {
        margin-right: 22px;
        height: 100%;
        /*&:hover{
        	.thumb{
        		@include mixin_box_shadow(0 0 30px 0 rgba(0, 0, 0, 0.5));
        		img{
        			@include mixin_transform(scale(1.1, 1.1));
        		}
        	}
        	&::after{
        		@include mixin_box_shadow(0 4px 40px 5px rgba(0, 0, 0, 1));
        		opacity: 1;
        	}
        }*/ }
    @media screen and (max-width: 768px) {
      .list__kshop_items {
        display: block;
        font-size: 0;
        margin-right: 0;
        margin-bottom: 0; }
        .list__kshop_items > li {
          width: 48%;
          margin: 0 4% 18px 0;
          display: inline-block;
          vertical-align: top; }
          .list__kshop_items > li:nth-child(2n) {
            margin-right: 0; }
          .list__kshop_items > li:nth-child(n+5) {
            display: none; }
          .list__kshop_items > li:nth-last-child(-n+4) {
            margin-bottom: 0; }
          .list__kshop_items > li .thumb {
            margin-bottom: 8px; }
          .list__kshop_items > li a {
            margin-right: 0; }
          .list__kshop_items > li .item_status > li {
            margin-bottom: 6px; }
          .list__kshop_items > li .price {
            font-size: 1.2rem; }
            .list__kshop_items > li .price .taxin {
              font-size: 1.2rem; } }
  .list__accordion > li {
    margin: 0 0 10px; }
    .list__accordion > li:last-child {
      margin-bottom: 0; }
    .list__accordion > li > a {
      position: relative;
      display: block;
      background-color: #333; }
      .list__accordion > li > a .label {
        color: #fff;
        text-align: center;
        line-height: 1.2;
        padding: 3px 0 6px; }
        .list__accordion > li > a .label span {
          display: block; }
        .list__accordion > li > a .label .eng {
          font-size: 2.4rem;
          font-family: "Oswald", "Fjalla One", sans-serif;
          margin-bottom: 1px; }
        .list__accordion > li > a .label .jp {
          font-size: 1.0rem; }
      .list__accordion > li > a .icon_toggle {
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 13px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
        .list__accordion > li > a .icon_toggle::before, .list__accordion > li > a .icon_toggle::after {
          content: "";
          display: block;
          position: absolute;
          background-color: #fff;
          width: 100%;
          height: 1px;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .list__accordion > li > a .icon_toggle::before {
          -wewbkit-transition: 0.6s ease-out;
          transition: 0.6s ease-out; }
        .list__accordion > li > a .icon_toggle::after {
          -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
          -wewbkit-transition: 0.3s ease-out 0.15s;
          transition: 0.3s ease-out 0.15s; }
    .list__accordion > li.opened a .icon_toggle::before {
      opacity: 0;
      -webkit-transform: translateY(-50%) rotate(170deg);
      transform: translateY(-50%) rotate(170deg); }
    .list__accordion > li.opened a .icon_toggle::after {
      -webkit-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg); }
  @media screen and (max-width: 768px) {
    .list__accordion > li > a .label {
      padding-bottom: 8px; } }
  .list__figure_mixed {
    border-top: 1px solid #eaebf2;
    display: table;
    width: 100%; }
    .list__figure_mixed > li {
      display: table-row; }
      .list__figure_mixed > li .cell {
        display: table-cell;
        vertical-align: middle;
        padding: 9px 0;
        border-bottom: 1px solid #eaebf2; }
    @media screen and (max-width: 768px) {
      .list__figure_mixed {
        display: flex;
        flex-wrap: wrap; }
        .list__figure_mixed > li {
          display: inline-flex;
          flex-wrap: wrap;
          width: 100%; }
          .list__figure_mixed > li .cell {
            display: inline-flex;
            padding: 9px 0;
            width: 100%; }
            .list__figure_mixed > li .cell .btn__radius_black--small {
              margin: 16px auto 0;
              width: 100%; } }
    .list__figure_mixed--actv_bank > li .cell:nth-child(1) {
      width: 13%; }
    .list__figure_mixed--actv_bank > li .cell:nth-child(2) {
      width: 32%; }
    .list__figure_mixed--actv_bank > li .cell:nth-child(3) {
      width: 17%; }
    .list__figure_mixed--actv_bank > li .cell:nth-child(4) {
      width: auto; }
    .list__figure_mixed--actv_bank > li .cell:nth-child(1) {
      font-size: 1.2rem; }
    @media screen and (max-width: 768px) {
      .list__figure_mixed--actv_bank > li {
        border-bottom: 1px solid #eaebf2;
        padding: 16px 0 16px; }
        .list__figure_mixed--actv_bank > li .cell {
          border: none;
          padding: 0; }
          .list__figure_mixed--actv_bank > li .cell:nth-child(1) {
            width: 100%; }
          .list__figure_mixed--actv_bank > li .cell:nth-child(2) {
            width: 100%; }
          .list__figure_mixed--actv_bank > li .cell:nth-child(3) {
            width: 100%; }
          .list__figure_mixed--actv_bank > li .cell:nth-child(4) {
            width: 100%; }
          .list__figure_mixed--actv_bank > li .cell:nth-child(1) {
            font-size: 1.2rem; } }
    .list__figure_mixed--actv_equake > li .cell:nth-child(1) {
      width: 13%; }
    .list__figure_mixed--actv_equake > li .cell:nth-child(2) {
      width: 72%; }
    .list__figure_mixed--actv_equake > li .cell:nth-child(3) {
      width: auto; }
    .list__figure_mixed--actv_equake > li .cell:nth-child(1) {
      font-size: 1.2rem; }
    @media screen and (max-width: 768px) {
      .list__figure_mixed--actv_equake > li {
        border-bottom: 1px solid #eaebf2;
        padding: 16px 0 16px; }
        .list__figure_mixed--actv_equake > li .cell {
          border: none;
          padding: 0; }
          .list__figure_mixed--actv_equake > li .cell:nth-child(1) {
            width: 100%; }
          .list__figure_mixed--actv_equake > li .cell:nth-child(2) {
            width: 100%; }
          .list__figure_mixed--actv_equake > li .cell:nth-child(3) {
            width: 100%; }
          .list__figure_mixed--actv_equake > li .cell:nth-child(1) {
            font-size: 1.2rem; } }
  .list__qa > li {
    border-bottom: 1px solid #eaebf2;
    padding: 13px 0 15px; }
    @media screen and (max-width: 768px) {
      .list__qa > li {
        padding: 10px 0; } }
    .list__qa > li .quest {
      font-size: 1.8rem;
      font-weight: bold;
      position: relative;
      padding: 0 0 0 38px;
      margin: 0 0 3px; }
      .list__qa > li .quest::before {
        content: "Q";
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
      @media screen and (max-width: 768px) {
        .list__qa > li .quest {
          font-size: 1.4rem;
          padding-left: 20px;
          line-height: 1.5; } }
    .list__qa > li .answer {
      position: relative;
      padding: 0 0 0 38px; }
      .list__qa > li .answer::before {
        content: "A";
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
      @media screen and (max-width: 768px) {
        .list__qa > li .answer {
          font-size: 1.2rem;
          padding-left: 20px;
          line-height: 1.5; } }
  .list__note_asterisk > li {
    position: relative;
    padding: 0 0 0 2.5em;
    margin: 0 0 4px;
    font-size: 1.2rem; }
    .list__note_asterisk > li::before {
      content: "※";
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
    .list__note_asterisk > li:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .list__note_asterisk > li {
        padding-left: 1em;
        line-height: 1.5;
        margin-bottom: 5px; } }
  .list__indent > li {
    text-indent: -1em;
    padding-left: 1em; }
  .list__indent > li {
    margin: 0 0 2px; }
    .list__indent > li:last-child {
      margin-bottom: 0; }
    .list__indent > li .emphasis {
      color: #FF0000; }
    @media screen and (max-width: 768px) {
      .list__indent > li {
        line-height: 1.5;
        margin-bottom: 10px; } }
  .list__indent + .note {
    margin-top: 15px; }

.note__single {
  font-size: 1.2rem; }
.note_asterisk__single {
  position: relative;
  padding: 0 0 0 2.5em;
  font-size: 1.2rem; }
  .note_asterisk__single::before {
    content: "※";
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
  .note_asterisk__single:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .note_asterisk__single {
      padding-left: 1em; } }

/*
------------------------------------------------------------*/
.form__figure_child, .form__figure_child--file_preview {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .form__figure_child > .row, .form__figure_child--file_preview > .row {
    display: table-row; }
    .form__figure_child > .row > dt, .form__figure_child--file_preview > .row > dt, .form__figure_child > .row > dd, .form__figure_child--file_preview > .row > dd {
      display: table-cell;
      vertical-align: middle;
      padding: 13px 0; }
    .form__figure_child > .row:first-child > dt, .form__figure_child--file_preview > .row:first-child > dt, .form__figure_child > .row:first-child > dd, .form__figure_child--file_preview > .row:first-child > dd {
      padding-top: 0; }
    .form__figure_child > .row:last-child > dt, .form__figure_child--file_preview > .row:last-child > dt, .form__figure_child > .row:last-child > dd, .form__figure_child--file_preview > .row:last-child > dd {
      padding-bottom: 0; }
    .form__figure_child > .row.valign--top > dt, .form__figure_child--file_preview > .row.valign--top > dt, .form__figure_child > .row.valign--top > dd, .form__figure_child--file_preview > .row.valign--top > dd {
      vertical-align: top; }
    .form__figure_child > .row.valign--top > dt, .form__figure_child--file_preview > .row.valign--top > dt {
      padding-top: 10px; }
    @media screen and (max-width: 768px) {
      .form__figure_child > .row.valign--top > dt, .form__figure_child--file_preview > .row.valign--top > dt {
        padding-top: 0; } }

.form__figure_multi_column {
  display: table;
  width: 100%;
  max-width: 538px;
  border-collapse: collapse; }
  @media screen and (max-width: 768px) {
    .form__figure_multi_column {
      display: block;
      width: auto;
      max-width: none; } }
  .form__figure_multi_column > .thead {
    display: table-header-group; }
    @media screen and (max-width: 768px) {
      .form__figure_multi_column > .thead {
        display: block; } }
  .form__figure_multi_column > .tbody {
    display: table-row-group; }
    @media screen and (max-width: 768px) {
      .form__figure_multi_column > .tbody {
        display: block; } }
  .form__figure_multi_column .row {
    display: table-row; }
    .form__figure_multi_column .row > .th, .form__figure_multi_column .row > .td {
      display: table-cell;
      padding-right: 10px;
      box-sizing: border-box; }
      .form__figure_multi_column .row > .th:last-child, .form__figure_multi_column .row > .td:last-child {
        padding-right: 0; }
    .form__figure_multi_column .row > .th {
      text-align: center;
      padding-bottom: 6px; }
      .form__figure_multi_column .row > .th > .label {
        display: block;
        padding: 2px 0;
        font-size: 1.2rem; }
    .form__figure_multi_column .row > .td {
      padding-bottom: 10px; }
      .form__figure_multi_column .row > .td .label_sp {
        display: none; }
    .form__figure_multi_column .row:last-child > .td {
      padding-bottom: 0; }
  @media screen and (max-width: 768px) {
    .form__figure_multi_column {
      display: block; }
      .form__figure_multi_column .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .form__figure_multi_column .row.header {
          display: none; }
        .form__figure_multi_column .row > .th, .form__figure_multi_column .row > .td {
          display: block;
          padding-right: 0; }
        .form__figure_multi_column .row > .td {
          padding-right: 0;
          padding-bottom: 5px; }
          .form__figure_multi_column .row > .td .label_sp {
            display: block; }
          .form__figure_multi_column .row > .td:nth-child(1), .form__figure_multi_column .row > .td:nth-child(4) {
            width: 100%; }
          .form__figure_multi_column .row > .td:nth-child(2), .form__figure_multi_column .row > .td:nth-child(3) {
            width: 48%; }
        .form__figure_multi_column .row:last-child > .td {
          padding-bottom: 5px; }
          .form__figure_multi_column .row:last-child > .td:last-child {
            padding-bottom: 0; } }

.form__container::before {
  content: "";
  display: block;
  position: absolute;
  left: 20%;
  bottom: 0;
  width: 60%;
  height: 30px;
  border-radius: 100%;
  background-color: #000;
  -webkit-box-shadow: 0 0 50px 30px black;
  box-shadow: 0 0 50px 30px black;
  opacity: 0.1; }
.form__rectbox {
  margin-top: 12px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
.form__body {
  padding: 32px 0 60px;
  margin: 0 80px; }
  @media screen and (max-width: 768px) {
    .form__body {
      padding: 20px 0 30px;
      margin: 0 20px; } }
.form__footer {
  padding: 37.5px 0 0;
  text-align: center; }
  .form__footer p {
    margin: 0 0 7.5px; }
  @media screen and (max-width: 768px) {
    .form__footer {
      padding-top: 30px; } }
.form__figure {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .form__figure {
      display: block;
      width: auto; } }
  .form__figure > .row {
    display: table-row; }
    .form__figure > .row > dt, .form__figure > .row > dd {
      display: table-cell;
      padding: 7.5px 0;
      vertical-align: middle;
      box-sizing: border-box; }
      .form__figure > .row > dt.valign--top, .form__figure > .row > dd.valign--top {
        vertical-align: top;
        padding-top: 14px; }
    .form__figure > .row > dt {
      width: 160px; }
      .form__figure > .row > dt .label {
        display: inline-block; }
        .form__figure > .row > dt .label > .required {
          margin: 0 0 0 6px; }
      .form__figure > .row > dt .required {
        color: #6d7fa7; }
      .form__figure > .row > dt .supplement {
        font-size: 1.2rem;
        display: block; }
    .form__figure > .row > dd {
      padding-left: 7.5px; }
    @media screen and (max-width: 768px) {
      .form__figure > .row {
        display: block;
        margin: 0 0 14px; }
        .form__figure > .row:last-child {
          margin-bottom: 0; }
        .form__figure > .row > dt, .form__figure > .row > dd {
          display: block;
          padding: 0;
          font-size: 1.2rem; }
          .form__figure > .row > dt.valign--top, .form__figure > .row > dd.valign--top {
            padding-top: 0; }
        .form__figure > .row > dt {
          width: auto;
          margin: 0 0 5px;
          font-size: 0; }
          .form__figure > .row > dt .label {
            font-size: 1.4rem; }
          .form__figure > .row > dt .supplement {
            display: inline-block;
            margin: 0 0 0 16px; } }
  @media screen and (max-width: 768px) {
    .form__figure_child {
      display: block; } }
  .form__figure_child > .row > dt {
    width: 117px; }
  @media screen and (max-width: 768px) {
    .form__figure_child > .row {
      display: block;
      margin: 0 0 10px; }
      .form__figure_child > .row:last-child {
        margin-bottom: 0; }
      .form__figure_child > .row > dt, .form__figure_child > .row > dd {
        display: block;
        padding: 0; }
      .form__figure_child > .row > dt {
        width: auto; } }
  .form__figure_child--file_preview {
    margin-top: 6px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .form__figure_child--file_preview {
        margin: 13px 0 0; } }
    .form__figure_child--file_preview > .row {
      /*&.valign{
      	&--top{
      		> dt, > dd{
      			vertical-align: top;
      		}
      		> dt{
      			padding-top: 2px;
      		}
      	}
      }
      &:first-child{
      	> dt, > dd{
      		padding: 0;
      	}
      }
      &:last-child{
      	> dt, > dd{
      		padding: 0;
      	}
      }*/ }
      .form__figure_child--file_preview > .row > dt, .form__figure_child--file_preview > .row > dd {
        padding: 0 0 12px;
        vertical-align: top; }
      .form__figure_child--file_preview > .row > dt {
        width: 72px; }
      @media screen and (max-width: 768px) {
        .form__figure_child--file_preview > .row:last-child > dd {
          padding-bottom: 11px; }
        .form__figure_child--file_preview > .row.valign--top > dt, .form__figure_child--file_preview > .row.valign--top > dd {
          vertical-align: middle; } }
  .form__figure_multi_column {
    margin: 12px 0; }
    @media screen and (max-width: 768px) {
      .form__figure_multi_column {
        margin: 0; } }
    .form__figure_multi_column .row {
      margin: 0 0 15px; }
      .form__figure_multi_column .row:last-child {
        margin-bottom: 0; }
      .form__figure_multi_column .row > .th:nth-child(1) {
        width: 47%; }
      .form__figure_multi_column .row > .th:nth-child(2) {
        width: 15%; }
      .form__figure_multi_column .row > .th:nth-child(3) {
        width: 15%; }
      .form__figure_multi_column .row > .th:nth-child(4) {
        width: auto; }
      .form__figure_multi_column .row > .th > .label {
        background: #e6ebf6; }
.form .error {
  display: block;
  color: #d85050;
  font-size: 1.4rem; }
.form .display__error.form_ui__textfield, .form .display__error.form_ui__textfield--large, .form .display__error.form_ui__textfield--small, .form .display__error.form_ui__textfield--s_small, .form .display__error.form_ui__textfield--ss_small, .form .display__error.form_ui__textfield--full, .form .display__error.form_ui__textarea, .form .display__error.form_ui__textarea--full, .form .display__error.form_ui__selectbox select + .output, .form .display__error.form_ui__selectbox--small select + .output, .form .display__error.form_ui__selectbox--s_small select + .output {
  border: 1px solid #eeaaaa;
  background: #fff6f9; }
  .form .display__error.form_ui__textfield:placeholder-shown, .form .display__error.form_ui__textfield--large:placeholder-shown, .form .display__error.form_ui__textfield--small:placeholder-shown, .form .display__error.form_ui__textfield--s_small:placeholder-shown, .form .display__error.form_ui__textfield--ss_small:placeholder-shown, .form .display__error.form_ui__textfield--full:placeholder-shown, .form .display__error.form_ui__textarea:placeholder-shown, .form .display__error.form_ui__textarea--full:placeholder-shown, .form .display__error.form_ui__selectbox select + .output:placeholder-shown, .form .display__error.form_ui__selectbox--small select + .output:placeholder-shown, .form .display__error.form_ui__selectbox--s_small select + .output:placeholder-shown {
    color: #d85050;
    font-size: 1.4rem; }
  .form .display__error.form_ui__textfield::-webkit-input-placeholder, .form .display__error.form_ui__textfield--large::-webkit-input-placeholder, .form .display__error.form_ui__textfield--small::-webkit-input-placeholder, .form .display__error.form_ui__textfield--s_small::-webkit-input-placeholder, .form .display__error.form_ui__textfield--ss_small::-webkit-input-placeholder, .form .display__error.form_ui__textfield--full::-webkit-input-placeholder, .form .display__error.form_ui__textarea::-webkit-input-placeholder, .form .display__error.form_ui__textarea--full::-webkit-input-placeholder, .form .display__error.form_ui__selectbox select + .output::-webkit-input-placeholder, .form .display__error.form_ui__selectbox--small select + .output::-webkit-input-placeholder, .form .display__error.form_ui__selectbox--s_small select + .output::-webkit-input-placeholder {
    color: #d85050;
    font-size: 1.4rem; }
  .form .display__error.form_ui__textfield::-moz-placeholder, .form .display__error.form_ui__textfield--large::-moz-placeholder, .form .display__error.form_ui__textfield--small::-moz-placeholder, .form .display__error.form_ui__textfield--s_small::-moz-placeholder, .form .display__error.form_ui__textfield--ss_small::-moz-placeholder, .form .display__error.form_ui__textfield--full::-moz-placeholder, .form .display__error.form_ui__textarea::-moz-placeholder, .form .display__error.form_ui__textarea--full::-moz-placeholder, .form .display__error.form_ui__selectbox select + .output::-moz-placeholder, .form .display__error.form_ui__selectbox--small select + .output::-moz-placeholder, .form .display__error.form_ui__selectbox--s_small select + .output::-moz-placeholder {
    color: #d85050;
    font-size: 1.4rem; }
  .form .display__error.form_ui__textfield:hover, .form .display__error.form_ui__textfield--large:hover, .form .display__error.form_ui__textfield--small:hover, .form .display__error.form_ui__textfield--s_small:hover, .form .display__error.form_ui__textfield--ss_small:hover, .form .display__error.form_ui__textfield--full:hover, .form .display__error.form_ui__textfield:focus, .form .display__error.form_ui__textfield--large:focus, .form .display__error.form_ui__textfield--small:focus, .form .display__error.form_ui__textfield--s_small:focus, .form .display__error.form_ui__textfield--ss_small:focus, .form .display__error.form_ui__textfield--full:focus, .form .display__error.form_ui__textarea:hover, .form .display__error.form_ui__textarea--full:hover, .form .display__error.form_ui__textarea:focus, .form .display__error.form_ui__textarea--full:focus, .form .display__error.form_ui__selectbox select:hover + .output, .form .display__error.form_ui__selectbox--small select:hover + .output, .form .display__error.form_ui__selectbox--s_small select:hover + .output, .form .display__error.form_ui__selectbox select:focus + .output, .form .display__error.form_ui__selectbox--small select:focus + .output, .form .display__error.form_ui__selectbox--s_small select:focus + .output {
    border-color: #e36767;
    -webkit-box-shadow: 0 0 5px 0 rgba(240, 58, 58, 0.2) inset;
    box-shadow: 0 0 5px 0 rgba(240, 58, 58, 0.2) inset; }
.form .form_ui__textfield, .form .form_ui__textfield--large, .form .form_ui__textfield--small, .form .form_ui__textfield--s_small, .form .form_ui__textfield--ss_small, .form .form_ui__textfield--full {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  border: 1px solid #eaebf2;
  text-indent: 16px;
  box-sizing: border-box;
  outline: none;
  vertical-align: middle;
  -wewbkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  .form .form_ui__textfield:hover, .form .form_ui__textfield--large:hover, .form .form_ui__textfield--small:hover, .form .form_ui__textfield--s_small:hover, .form .form_ui__textfield--ss_small:hover, .form .form_ui__textfield--full:hover, .form .form_ui__textfield:focus, .form .form_ui__textfield--large:focus, .form .form_ui__textfield--small:focus, .form .form_ui__textfield--s_small:focus, .form .form_ui__textfield--ss_small:focus, .form .form_ui__textfield--full:focus {
    border-color: #bec1da;
    -webkit-box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset;
    box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset; }
  @media screen and (max-width: 768px) {
    .form .form_ui__textfield, .form .form_ui__textfield--large, .form .form_ui__textfield--small, .form .form_ui__textfield--s_small, .form .form_ui__textfield--ss_small, .form .form_ui__textfield--full {
      font-size: 1.6rem;
      max-width: none;
      line-height: normal; } }
.form .form_ui__textarea, .form .form_ui__textarea--full {
  width: 100%;
  height: 80px;
  border: 1px solid #eaebf2;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.4rem;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  outline: none;
  vertical-align: bottom;
  -wewbkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }
  .form .form_ui__textarea:hover, .form .form_ui__textarea--full:hover, .form .form_ui__textarea:focus, .form .form_ui__textarea--full:focus {
    border-color: #bec1da;
    -webkit-box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset;
    box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset; }
  @media screen and (max-width: 768px) {
    .form .form_ui__textarea, .form .form_ui__textarea--full {
      font-size: 1.6rem; } }
.form .form_ui__selectbox, .form .form_ui__selectbox--small, .form .form_ui__selectbox--s_small {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .form .form_ui__selectbox, .form .form_ui__selectbox--small, .form .form_ui__selectbox--s_small {
      display: block; } }
  .form .form_ui__selectbox .output, .form .form_ui__selectbox--small .output, .form .form_ui__selectbox--s_small .output {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px;
    overflow: hidden;
    border: 1px solid #eaebf2;
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    .form .form_ui__selectbox .output::after, .form .form_ui__selectbox--small .output::after, .form .form_ui__selectbox--s_small .output::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      display: block;
      width: 13px;
      height: 13px;
      box-sizing: border-box;
      border-right: 2px solid #c7cfe1;
      border-bottom: 2px solid #c7cfe1;
      margin-top: -10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .form .form_ui__selectbox select, .form .form_ui__selectbox--small select, .form .form_ui__selectbox--s_small select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    font-size: 1.6rem;
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    .form .form_ui__selectbox select:hover + .output, .form .form_ui__selectbox--small select:hover + .output, .form .form_ui__selectbox--s_small select:hover + .output, .form .form_ui__selectbox select:focus + .output, .form .form_ui__selectbox--small select:focus + .output, .form .form_ui__selectbox--s_small select:focus + .output {
      border-color: #bec1da;
      -webkit-box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset;
      box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset; }
.form .form_ui__textfield_wrap, .form .form_ui__selectbox_wrap {
  font-size: 1.4rem; }
  .form .form_ui__textfield_wrap:last-child, .form .form_ui__selectbox_wrap:last-child {
    margin-right: 0; }
  .form .form_ui__textfield_wrap .prefix, .form .form_ui__selectbox_wrap .prefix {
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .form .form_ui__textfield_wrap, .form .form_ui__selectbox_wrap {
      /*
      &:nth-child(1),
      &:nth-child(4){
      	display: block;
      }
      &:nth-child(1){
      }
      &:nth-child(2),
      &:nth-child(3){
      	display: block;
      	width: 48%;
      	float: left;
      }
      &:nth-child(2){
      	margin-right: 4%;
      }
      .prefix,
      .unit{
      	position: absolute;
      	top: 50%;
      	@include mixin_transform(translateY(-50%));
      }
      .prefix{
      	left: 0;
      }
      .unit{
      	right: 0;
      }
      */ } }
.form .form_ui__textfield_obj.add__unit, .form .form_ui__textfield_obj.add__unit--prefix, .form .form_ui__textfield_obj.add__unit--both {
  position: relative; }
  .form .form_ui__textfield_obj.add__unit .prefix, .form .form_ui__textfield_obj.add__unit--prefix .prefix, .form .form_ui__textfield_obj.add__unit--both .prefix,
  .form .form_ui__textfield_obj.add__unit .unit,
  .form .form_ui__textfield_obj.add__unit--prefix .unit,
  .form .form_ui__textfield_obj.add__unit--both .unit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.form .form_ui__textfield_obj.add__unit .prefix, .form .form_ui__textfield_obj.add__unit--prefix .prefix, .form .form_ui__textfield_obj.add__unit--both .prefix {
  left: 0; }
.form .form_ui__textfield_obj.add__unit .unit, .form .form_ui__textfield_obj.add__unit--both .unit {
  right: 0;
  width: 1.7em; }
.form__add_tmpl {
  display: none;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .form__add_tmpl {
      display: block; }
      .form__add_tmpl a {
        padding: 21px 0 5px;
        display: block;
        font-size: 1.2rem; }
        .form__add_tmpl a .label {
          position: relative;
          display: inline-block;
          padding: 0 0 0 18px;
          text-decoration: underline; }
          .form__add_tmpl a .label .icon {
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            width: 12px;
            height: 12px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
            .form__add_tmpl a .label .icon::before, .form__add_tmpl a .label .icon::after {
              content: "";
              display: block;
              position: absolute;
              background: #333; }
            .form__add_tmpl a .label .icon::before {
              width: 100%;
              height: 1px;
              top: 50%; }
            .form__add_tmpl a .label .icon::after {
              width: 1px;
              height: 100%;
              left: 50%; } }
.form_ui__textfield {
  max-width: 342px; }
  .form_ui__textfield--large {
    max-width: 500px; }
  .form_ui__textfield--small {
    max-width: 142px; }
  .form_ui__textfield--s_small {
    max-width: 132px; }
  .form_ui__textfield--ss_small {
    max-width: 82px; }
  .form_ui__textfield_wrap {
    display: inline-block;
    margin: 0 9px 0 0; }
    @media screen and (max-width: 768px) {
      .form_ui__textfield_wrap {
        display: block;
        margin-right: 0; } }
  .form_ui__textfield_obj.add__unit {
    padding-right: 2.5em; }
    @media screen and (max-width: 768px) {
      .form_ui__textfield_obj.add__unit {
        /*.form_ui__textfield{
        	&--small{
        		width: calc(100% - 2.2em);
        	}
        }*/ } }
    .form_ui__textfield_obj.add__unit--prefix {
      padding-left: 1.7em;
      						/*@include mixin_media_queries(){
      							display: block;
      							.form_ui__textfield{
      								&--small{
      									width: calc(100% - 2em);
      									margin-left: 2em;
      								}
      							}
      
      							.prefix{
      								position: absolute;
      								top: 50%;
      								@include mixin_transform(translateY(-50%));
      							}
      							.prefix{
      								left: 0;
      							}
      
      						};*/ }
      @media screen and (max-width: 768px) {
        .form_ui__textfield_obj.add__unit--prefix {
          padding-left: 0; }
          .form_ui__textfield_obj.add__unit--prefix [class^=form_ui__textfield] {
            display: block;
            width: calc(100% - 1.7em);
            margin-left: 1.7em; } }
    .form_ui__textfield_obj.add__unit--both {
      padding: 0 2.5em 0 2em;
      /*
      @include mixin_media_queries(){
      	clear: both;
      	.form_ui__textfield{
      		&--ss_small{
      			display: block;
      			margin: 0 auto;
      			width: calc(100% - (1.5em * 2));
      		}
      	}
      }*/ }
      @media screen and (max-width: 768px) {
        .form_ui__textfield_obj.add__unit--both [class^=form_ui__textfield] {
          display: block;
          margin: 0 auto; } }
  .form_ui__textfield_obj.display__error_wrap {
    /*position: relative;
    padding: 0 0 1.8em;
    .error{
    	position: absolute;
    	left: 0;
    	bottom: 0;
    }*/ }
  @media screen and (max-width: 768px) {
    .form_ui__textfield_obj {
      /*
      position: relative;
      display: block;
      .form_ui__textfield{
      	&--small{
      		width: calc(100% - 2.2em);
      	}
      }
      .prefix,
      .unit{
      	position: absolute;
      	top: 50%;
      	@include mixin_transform(translateY(-50%));
      }
      .prefix{
      	left: 0;
      }
      .unit{
      	right: 0;
      	width: 1.7em;
      }*/ } }
.form_ui__textarea {
  max-width: 500px; }
  .form_ui__textarea--full {
    max-width: none; }
.form_ui__radio {
  padding: 17.5px 0;
  font-size: 0; }
  @media screen and (max-width: 768px) {
    .form_ui__radio {
      padding: 0; } }
  .form_ui__radio .mwform-radio-field {
    display: inline-block;
    margin: 0 34px 0 0;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .form_ui__radio .mwform-radio-field {
        margin-right: 35px; } }
    .form_ui__radio .mwform-radio-field:last-child {
      margin-right: 0; }
    .form_ui__radio .mwform-radio-field-text {
      position: relative;
      display: inline-block;
      padding: 2px 0 0 37px;
      font-size: 1.4rem; }
      .form_ui__radio .mwform-radio-field-text::before, .form_ui__radio .mwform-radio-field-text::after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 100%; }
      .form_ui__radio .mwform-radio-field-text::before {
        width: 28px;
        height: 28px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #eaebf2;
        left: 0;
        top: 0;
        -wewbkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out; }
      .form_ui__radio .mwform-radio-field-text::after {
        width: 12px;
        height: 12px;
        left: 8px;
        top: 8px;
        background: #c7cfe1;
        display: none; }
    .form_ui__radio .mwform-radio-field label {
      display: block;
      position: relative; }
      .form_ui__radio .mwform-radio-field label:hover .mwform-radio-field-text::before {
        border-color: #bec1da;
        -webkit-box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset;
        box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset; }
      .form_ui__radio .mwform-radio-field label input[type=radio] {
        position: absolute;
        opacity: 0; }
        .form_ui__radio .mwform-radio-field label input[type=radio]:checked + .mwform-radio-field-text::after {
          display: block; }
.form_ui__checkbox {
  font-size: 0; }
  .form_ui__checkbox .mwform-checkbox-field {
    display: inline-block;
    margin: 0 40px 0 0;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .form_ui__checkbox .mwform-checkbox-field {
        margin-right: 42px; }
        .form_ui__checkbox .mwform-checkbox-field + .mwform-checkbox-field {
          margin-left: 0; } }
    .form_ui__checkbox .mwform-checkbox-field:last-child {
      margin-right: 0; }
    .form_ui__checkbox .mwform-checkbox-field-text {
      position: relative;
      display: inline-block;
      padding: 0 0 0 37px;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        .form_ui__checkbox .mwform-checkbox-field-text {
          padding-left: 32px; } }
      .form_ui__checkbox .mwform-checkbox-field-text::before, .form_ui__checkbox .mwform-checkbox-field-text::after {
        content: "";
        display: block;
        position: absolute; }
      .form_ui__checkbox .mwform-checkbox-field-text::before {
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #eaebf2;
        left: 0;
        top: 2px;
        -wewbkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out; }
      .form_ui__checkbox .mwform-checkbox-field-text::after {
        width: 10px;
        height: 15px;
        left: 5px;
        top: 2px;
        border-right: 2px solid #c7cfe1;
        border-bottom: 2px solid #c7cfe1;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        display: none; }
    .form_ui__checkbox .mwform-checkbox-field label {
      display: block;
      position: relative; }
      .form_ui__checkbox .mwform-checkbox-field label:hover .mwform-checkbox-field-text::before {
        border-color: #bec1da;
        -webkit-box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset;
        box-shadow: 0 0 5px 0 rgba(2, 58, 227, 0.2) inset; }
      .form_ui__checkbox .mwform-checkbox-field label input[type=checkbox] {
        position: absolute;
        opacity: 0; }
        .form_ui__checkbox .mwform-checkbox-field label input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
          display: block; }
.form_ui__selectbox {
  max-width: 142px; }
  .form_ui__selectbox--small {
    max-width: 102px; }
  .form_ui__selectbox--s_small {
    max-width: 82px; }
  .form_ui__selectbox_wrap {
    display: inline-block;
    margin: 0 30px 0 0; }
  .form_ui__selectbox_obj {
    position: relative;
    padding-right: 2.5em; }
    .form_ui__selectbox_obj .prefix,
    .form_ui__selectbox_obj .unit {
      position: absolute;
      top: 50%;
      width: 2em;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .form_ui__selectbox_obj .prefix {
      left: 0; }
    .form_ui__selectbox_obj .unit {
      right: 0; }
  @media screen and (max-width: 768px) {
    .form_ui__selectbox {
      max-width: none; }
      .form_ui__selectbox_obj .prefix,
      .form_ui__selectbox_obj .unit {
        width: 1.7em; } }
.form_ui__preview img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc; }
.form_ui__preview_wrap {
  max-width: 150px;
  position: relative; }
.form_ui__file_delete {
  cursor: pointer;
  position: absolute;
  right: -24px;
  top: -24px;
  width: 48px;
  height: 48px; }
  .form_ui__file_delete::before, .form_ui__file_delete::after {
    content: "";
    display: block;
    position: absolute;
    background: #333;
    width: 3px;
    height: 50%;
    top: 50%;
    left: 50%; }
  .form_ui__file_delete::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
  .form_ui__file_delete::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg); }
.form_ui__inline_container {
  font-size: 0; }
  .form_ui__inline_container .form_ui__selectbox {
    width: 142px;
    /*
    @include mixin_media_queries(){
    	width: calc(100% - 1.7em);
    	max-width: none;
    	&--small{
    		width: calc(100% - 1.7em);
    		max-width: none;
    	}
    };
    */ }
    .form_ui__inline_container .form_ui__selectbox--small {
      width: 102px; }
  @media screen and (max-width: 768px) {
    .form_ui__inline_container.column_2 {
      display: flex;
      justify-content: space-between; }
      .form_ui__inline_container.column_2 > * {
        width: 49%; }
      .form_ui__inline_container.column_2 .form_ui__textfield_wrap {
        display: block;
        position: relative; } }
  .form_ui__inline_container.birthday .form_ui__textfield_wrap, .form_ui__inline_container.birthday .form_ui__selectbox_wrap {
    vertical-align: top;
    margin-bottom: 7.5px; }
  @media screen and (max-width: 768px) {
    .form_ui__inline_container.birthday {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      					/*
      					.form_ui{
      
      						&__textfield,
      						&__selectbox{
      							&_wrap{
      								.prefix,
      								.unit{
      									position: absolute;
      									top: 50%;
      									@include mixin_transform(translateY(-50%));
      								}
      								.prefix{
      									left: 0;
      								}
      								.unit{
      									right: 0;
      								}
      							}
      						}
      
      						&__textfield{
      							&_wrap{
      								display: block;
      								position: relative;
      								&:nth-child(4){
      									display: block;
      									width: 100%;
      								}
      							}
      						}
      
      						&__selectbox{
      							width: 100%;
      							//width: calc(100% - 1.7em);
      							max-width: none;
      
      							&--small{
      								width: calc(100% - 1.7em);
      								max-width: none;
      							}
      
      							&_wrap{
      								position: relative;
      								margin: 0 0 10px;
      
      								&:nth-child(1),
      								&:nth-child(4){
      									display: block;
      									width: 100%;
      								}
      								&:nth-child(1){
      								}
      								&:nth-child(2),
      								&:nth-child(3){
      									display: block;
      									width: 48%;
      								}
      								&:nth-child(2){
      									margin-right: 4%;
      								}
      							}
      						}
      					}
      					*/ }
      .form_ui__inline_container.birthday > * {
        width: 50%; }
        .form_ui__inline_container.birthday > *:first-child, .form_ui__inline_container.birthday > *:last-child {
          width: 100%; }
      .form_ui__inline_container.birthday .form_ui__selectbox {
        width: 100%;
        max-width: none; }
        .form_ui__inline_container.birthday .form_ui__selectbox--small {
          width: 100%;
          max-width: none; }
        .form_ui__inline_container.birthday .form_ui__selectbox_wrap {
          margin: 0 0 10px; }
          .form_ui__inline_container.birthday .form_ui__selectbox_wrap:nth-child(2), .form_ui__inline_container.birthday .form_ui__selectbox_wrap:nth-child(3) {
            display: block;
            width: 49%; } }

.form .mw_wp_form_confirm .form__add_tmpl {
  display: none; }
.form .mw_wp_form_confirm .form__figure > .row > dt, .form .mw_wp_form_confirm .form__figure > .row > dd {
  padding: 16px 0;
  vertical-align: top;
  border-bottom: 1px solid #e7e8f0; }
  .form .mw_wp_form_confirm .form__figure > .row > dt.valign--top, .form .mw_wp_form_confirm .form__figure > .row > dd.valign--top {
    padding-top: 16px; }
    .form .mw_wp_form_confirm .form__figure > .row > dt.valign--top + dd, .form .mw_wp_form_confirm .form__figure > .row > dd.valign--top + dd {
      padding-top: 16px; }
  @media screen and (max-width: 768px) {
    .form .mw_wp_form_confirm .form__figure > .row > dt, .form .mw_wp_form_confirm .form__figure > .row > dd {
      padding-top: 0;
      padding-bottom: 0; }
      .form .mw_wp_form_confirm .form__figure > .row > dt.valign--top, .form .mw_wp_form_confirm .form__figure > .row > dd.valign--top {
        padding-top: 0;
        padding-bottom: 0; }
        .form .mw_wp_form_confirm .form__figure > .row > dt.valign--top + dd, .form .mw_wp_form_confirm .form__figure > .row > dd.valign--top + dd {
          padding-top: 0;
          padding-bottom: 0; } }
.form .mw_wp_form_confirm .form__figure > .row:last-child > dt, .form .mw_wp_form_confirm .form__figure > .row:last-child > dd {
  border-bottom: none; }
@media screen and (max-width: 768px) {
  .form .mw_wp_form_confirm .form__figure > .row {
    margin-bottom: 0;
    padding: 14px 0;
    border-bottom: 1px solid #e7e8f0; }
    .form .mw_wp_form_confirm .form__figure > .row > dt, .form .mw_wp_form_confirm .form__figure > .row > dd {
      border-bottom: none; }
    .form .mw_wp_form_confirm .form__figure > .row:last-child {
      border-bottom: none; } }
.form .mw_wp_form_confirm .form__figure_child > .row > dt, .form .mw_wp_form_confirm .form__figure_child > .row > dd {
  border-bottom: 1px solid #e7e8f0; }
.form .mw_wp_form_confirm .form__figure_child > .row.valign--top > dt, .form .mw_wp_form_confirm .form__figure_child > .row.valign--top > dd {
  vertical-align: middle; }
.form .mw_wp_form_confirm .form__figure_child > .row.valign--top > dt {
  padding-bottom: 13px; }
.form .mw_wp_form_confirm .form__figure_child > .row:last-child > dt, .form .mw_wp_form_confirm .form__figure_child > .row:last-child > dd {
  padding-bottom: 13px; }
@media screen and (max-width: 768px) {
  .form .mw_wp_form_confirm .form__figure_child > .row {
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e7e8f0; }
    .form .mw_wp_form_confirm .form__figure_child > .row > dt, .form .mw_wp_form_confirm .form__figure_child > .row > dd {
      border-bottom: none; }
    .form .mw_wp_form_confirm .form__figure_child > .row:last-child > dt, .form .mw_wp_form_confirm .form__figure_child > .row:last-child > dd {
      padding-bottom: 0; } }
.form .mw_wp_form_confirm .form__figure_multi_column .row > .td {
  text-align: center;
  border-bottom: 1px solid #e7e8f0;
  padding-top: 10px;
  padding-bottom: 10px; }
@media screen and (max-width: 768px) {
  .form .mw_wp_form_confirm .form__figure_multi_column {
    display: table;
    width: 100%;
    max-width: none;
    /*.tbody{
    	.row {
    		display: block;
    		> .td{
    			display: block;
    			width: auto;
    		}
    	}
    }*/ }
    .form .mw_wp_form_confirm .form__figure_multi_column > .thead {
      display: table-header-group; }
    .form .mw_wp_form_confirm .form__figure_multi_column > .tbody {
      display: table-row-group; }
    .form .mw_wp_form_confirm .form__figure_multi_column .row {
      display: table-row;
      /*.td{
      	&:nth-child(2),
      	&:nth-child(3){
      		width: auto;
      	}
      }*/ }
      .form .mw_wp_form_confirm .form__figure_multi_column .row.header {
        display: table-row; }
      .form .mw_wp_form_confirm .form__figure_multi_column .row > .th, .form .mw_wp_form_confirm .form__figure_multi_column .row > .td {
        display: table-cell;
        padding: 2px 5px 2px 0; }
        .form .mw_wp_form_confirm .form__figure_multi_column .row > .th:nth-child(1), .form .mw_wp_form_confirm .form__figure_multi_column .row > .td:nth-child(1) {
          width: 47%; }
        .form .mw_wp_form_confirm .form__figure_multi_column .row > .th:nth-child(2), .form .mw_wp_form_confirm .form__figure_multi_column .row > .td:nth-child(2) {
          width: 15%; }
        .form .mw_wp_form_confirm .form__figure_multi_column .row > .th:nth-child(3), .form .mw_wp_form_confirm .form__figure_multi_column .row > .td:nth-child(3) {
          width: 15%; }
        .form .mw_wp_form_confirm .form__figure_multi_column .row > .th:nth-child(4), .form .mw_wp_form_confirm .form__figure_multi_column .row > .td:nth-child(4) {
          width: auto; }
        .form .mw_wp_form_confirm .form__figure_multi_column .row > .th:last-child, .form .mw_wp_form_confirm .form__figure_multi_column .row > .td:last-child {
          padding-right: 0; }
      .form .mw_wp_form_confirm .form__figure_multi_column .row > .td .label_sp {
        display: none; } }
.form .mw_wp_form_confirm .form__figure_child--file_preview {
  margin-top: 0; }
.form .mw_wp_form_confirm .form__footer {
  display: flex;
  justify-content: space-between;
  max-width: 737px;
  margin: 0 auto; }
  .form .mw_wp_form_confirm .form__footer .button {
    width: 45%; }
  @media screen and (max-width: 768px) {
    .form .mw_wp_form_confirm .form__footer {
      flex-wrap: wrap; }
      .form .mw_wp_form_confirm .form__footer .button {
        width: 100%;
        margin: 0 0 10px; }
        .form .mw_wp_form_confirm .form__footer .button:first-child {
          order: 2;
          margin-bottom: 0; }
        .form .mw_wp_form_confirm .form__footer .button:last-child {
          order: 1; } }
.form .mw_wp_form_confirm .form_ui__file_delete {
  display: none; }
.form .mw_wp_form_confirm .form_ui__radio, .form .mw_wp_form_confirm .form_ui__checkbox {
  font-size: 1.4rem;
  padding: 0; }
@media screen and (max-width: 768px) {
  .form .mw_wp_form_confirm .form_ui__inline_container.birthday {
    display: inline; }
    .form .mw_wp_form_confirm .form_ui__inline_container.birthday > *:first-child, .form .mw_wp_form_confirm .form_ui__inline_container.birthday > *:last-child {
      display: inline;
      width: auto; }
    .form .mw_wp_form_confirm .form_ui__inline_container.birthday .form_ui__selectbox_wrap:nth-child(2), .form .mw_wp_form_confirm .form_ui__inline_container.birthday .form_ui__selectbox_wrap:nth-child(3) {
      display: inline;
      width: auto; }
    .form .mw_wp_form_confirm .form_ui__inline_container.birthday .form_ui__textfield_obj {
      display: inline; } }
.form .mw_wp_form_confirm [class^=form_ui__textfield] {
  padding: 0; }
  .form .mw_wp_form_confirm [class^=form_ui__textfield] .prefix,
  .form .mw_wp_form_confirm [class^=form_ui__textfield] .unit {
    position: static;
    line-height: 1;
    width: auto;
    -webkit-transform: none;
    transform: none;
    vertical-align: baseline; }
.form .mw_wp_form_confirm [class^=form_ui__selectbox] {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }
  .form .mw_wp_form_confirm [class^=form_ui__selectbox] .prefix,
  .form .mw_wp_form_confirm [class^=form_ui__selectbox] .unit {
    line-height: 1;
    width: auto;
    position: static;
    vertical-align: baseline;
    -webkit-transform: none;
    transform: none; }
  .form .mw_wp_form_confirm [class^=form_ui__selectbox] .output {
    display: none; }
  @media screen and (max-width: 768px) {
    .form .mw_wp_form_confirm [class^=form_ui__selectbox] {
      display: inline; } }
.form .mw-wp-form_image img {
  max-width: 150px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc; }

/* JS連動アニメーション
------------------------------------------------------------*/
.js__motion_anm--alpha {
  -wewbkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 0; }
.js__motion_anm--on_alpha {
  opacity: 1; }

/* general purpose parts（単品汎用系）
* prefixにgp__をつける
------------------------------------------------------------*/
.gp {
  /* 文字配置 */
  /* PC/SPピンポイント切り替え */ }
  .gp__align {
    position: relative;
    z-index: 10; }
    .gp__align--centering {
      text-align: center; }
    .gp__align--left {
      text-align: left; }
    .gp__align--right {
      text-align: right; }
  .gp__is_pc--default {
    display: block; }
  .gp__is_pc--inline {
    display: inline; }
  .gp__is_pc--inline_block {
    display: inline-block; }
  .gp__is_sp--default {
    display: none; }
  .gp__is_sp--inline {
    display: none; }
  .gp__is_sp--inline_block {
    display: none; }
  @media screen and (max-width: 768px) {
    .gp__is_pc--default {
      display: none; }
    .gp__is_pc--inline {
      display: none; }
    .gp__is_pc--inline_block {
      display: none; }
    .gp__is_sp--default {
      display: block; }
    .gp__is_sp--inline {
      display: inline; }
    .gp__is_sp--inline_block {
      display: inline-block; } }

@media screen and (max-width: 768px) {
  .box__slide_container.swiper-container {
    overflow: visible; } }
.box__slide_container .casette_slide {
  overflow: hidden;
  position: relative;
  /*&::after{
    content: "";
    display: block;
    position: absolute;
    right: 8%;
    bottom: 11%;
    //@include mixin_transform(translateY(-50%));
    //filter: blur(30px);
    opacity: 0.1;
    width: 25%;
    height: 100px;
    background: #000;
    border-radius: 100%;
  }*/ }
  @media screen and (max-width: 768px) {
    .box__slide_container .casette_slide {
      overflow: visible;
      padding-bottom: 20px; } }
.box__slide_container .box__img {
  position: relative;
  z-index: 1; }
  .box__slide_container .box__img img {
    width: 100%;
    height: auto; }
  .box__slide_container .box__img--large {
    left: 0;
    width: auto;
    height: 525px;
    overflow: hidden;
    margin-right: 464px; }
    .box__slide_container .box__img--large img {
      position: absolute;
      top: 50%;
      left: 49.9%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      max-height: 525px;
      object-fit: cover;
      font-family: 'object-fit: cover;';
      /*IE対策*/ }
  .box__slide_container .box__img--small {
    position: absolute;
    right: 47px;
    width: 453px;
    max-width: 453px;
    max-height: 453px;
    top: 36px; }
    .box__slide_container .box__img--small::after {
      content: "";
      display: block;
      position: absolute;
      left: 15%;
      bottom: 0;
      border-radius: 100%;
      width: 70%;
      height: 10px;
      background: #000;
      -webkit-box-shadow: 0 0 20px 0 black;
      box-shadow: 0 0 20px 0 black;
      opacity: 0.2; }
    .box__slide_container .box__img--small img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: auto;
      -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
      .box__slide_container .box__img--small img.smartphone {
        display: none; }
  @media screen and (max-width: 768px) {
    .box__slide_container .box__img {
      position: relative;
      top: auto;
      right: auto; }
      .box__slide_container .box__img--large {
        width: auto;
        overflow: hidden;
        width: 100%;
        height: 270px; }
        .box__slide_container .box__img--large img {
          position: absolute;
          top: 50%;
          left: 49.9%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%; }
      .box__slide_container .box__img--small {
        width: auto;
        margin: -28px auto 0;
        padding: 0 20px;
        /*height: 300px;
          overflow: hidden;
          img{
            position: relative;
            top: 50%;
            @include mixin_transform(translateY(-50%));
          }*/ }
        .box__slide_container .box__img--small img {
          display: none; }
          .box__slide_container .box__img--small img.smartphone {
            display: block; } }

/*.box__slide_thumb_container{
  width: 63%;
  #key_visual_thumb{
    width: 370px;
  }
  .casette_thumb{
    background: #000;
    img{
      opacity: 0.5;
    }
    &.swiper-slide-thumb-active{
      img{
        opacity: 1;
      }
    }
  }
}*/
#key_visual_thumb {
  width: 63%;
  margin: -20px 0 50px;
  position: relative;
  z-index: 1; }
  #key_visual_thumb .box__slide_thumb_container {
    text-align: center; }
    #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet {
      width: auto;
      height: auto;
      border-radius: 0;
      margin: 0 2.5px 5px;
      opacity: 1;
      background: #000; }
      #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet img {
        opacity: 0.5; }
      #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet:hover img, #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet-active img {
        opacity: 1;
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
  @media screen and (max-width: 768px) {
    #key_visual_thumb {
      width: auto;
      margin: -15px 0 21px; }
      #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background-color: #ccc;
        border-radius: 100%;
        margin: 0 4px 0; }
        #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet img {
          display: none; }
        #key_visual_thumb .box__slide_thumb_container .swiper-pagination-bullet-active {
          background-color: #666; } }

.section__index {
  position: relative; }
  .section__index .indexbody {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .section__index--kv {
    z-index: 5; }
    .section__index--kv .swiper-container.box__slide_container .casette_slide {
      overflow: inherit; }
    @media screen and (max-width: 768px) {
      .section__index--kv {
        margin-bottom: 0; } }
  .section__index--headline {
    margin-bottom: -30px;
    z-index: 4; }
    .section__index--headline .heading__wrap_texture {
      padding: 27px 0 340px 55px;
      margin-bottom: -236px; }
    .section__index--headline .heading__text {
      margin: 0 auto; }
    .section__index--headline .indexbody {
      max-width: 1180px;
      margin: 0 auto -10px; }
    .section__index--headline .gp__align--centering {
      margin-left: 120px; }
    @media screen and (max-width: 768px) {
      .section__index--headline .heading__wrap_texture {
        padding: 10px 0 295px 20px;
        margin-bottom: -275px; }
      .section__index--headline .indexbody {
        margin: 0 20px 33px; }
      .section__index--headline .gp__align--centering {
        margin-left: 0; } }
  .section__index--recommend {
    z-index: 3;
    margin-bottom: 120px; }
    .section__index--recommend .heading__wrap_texture {
      padding: 108px 55px 330px 0;
      margin-bottom: -238px; }
    @media screen and (max-width: 768px) {
      .section__index--recommend {
        margin-bottom: 33px; }
        .section__index--recommend .heading__wrap_texture {
          margin: 0 0 -275px;
          padding: 45px 0 300px 20px; }
          .section__index--recommend .heading__wrap_texture .heading__text.indexbody {
            margin: 0; }
        .section__index--recommend .indexbody {
          margin: 0 20px; } }
  .section__index--message {
    position: relative;
    margin: 0 0 117px; }
    .section__index--message .indexbody {
      margin: 0 auto;
      padding: 0 15px 0 110px;
      box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .section__index--message {
        margin: 0 0 45px; }
        .section__index--message .indexbody {
          margin: 0;
          padding: 0; } }
  .section__index--schedule {
    position: relative;
    margin-bottom: -30px;
    z-index: 5; }
    .section__index--schedule::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 47px;
      width: 100%;
      height: 280px;
      background: -webkit-linear-gradient(top, #eaebf2 0%, #fff 100%);
      background: -moz-linear-gradient(top, #eaebf2 0%, #fff 100%);
      background: -o-linear-gradient(top, #eaebf2 0%, #fff 100%);
      background: -ms-linear-gradient(top, #eaebf2 0%, #fff 100%);
      background: linear-gradient(to bottom, #eaebf2 0%, #fff 100%); }
    .section__index--schedule .indexbody {
      margin: 0 auto;
      padding: 0 15px 0 135px;
      box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .section__index--schedule {
        padding-bottom: 0;
        margin-bottom: 0; }
        .section__index--schedule::before {
          top: 20px; }
        .section__index--schedule .indexbody {
          margin: 0 20px;
          padding: 0; } }
  .section__index--half {
    width: 48%;
    margin-bottom: 20px; }
    .section__index--half:last-child {
      margin-bottom: 0; }
    .section__index--half .indexbody {
      margin: 0 0 0 28px;
      padding: 17px 0 0; }
    @media screen and (max-width: 768px) {
      .section__index--half {
        margin-bottom: 15px;
        width: auto; }
        .section__index--half .indexbody {
          margin-left: 0;
          padding-top: 15px; }
          .section__index--half .indexbody .embed__twitter {
            width: 100%;
            overflow: scroll; }
            .section__index--half .indexbody .embed__twitter iframe {
              width: 90% !important; } }

/* recommend */
.list__recommend {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 15px 0 100px;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .list__recommend {
      display: block;
      margin: 0;
      padding: 0; } }
  .list__recommend li {
    width: 49%;
    vertical-align: top; }
    .list__recommend li:last-child {
      margin-right: 0; }
    .list__recommend li .thumb {
      position: relative;
      margin: 0 0 14px;
      -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
      .list__recommend li .thumb::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 70%;
        height: 20px;
        margin: 0 0 0 15%;
        border-radius: 100%;
        background: transparent;
        -webkit-box-shadow: 0 0 20px 0 black;
        box-shadow: 0 0 20px 0 black;
        opacity: 0.5; }
      .list__recommend li .thumb img {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1; }
      .list__recommend li .thumb__instance {
        background: #fff;
        overflow: hidden; }
    .list__recommend li p {
      position: relative;
      z-index: 1;
      line-height: 1.4;
      font-size: 1.3rem; }
    @media screen and (max-width: 768px) {
      .list__recommend li {
        width: auto;
        margin-bottom: 22px; }
        .list__recommend li:last-child {
          margin-bottom: 0; }
        .list__recommend li .thumb {
          margin-bottom: 11px; } }
    .list__recommend li a .thumb {
      -wewbkit-transition: 0.5s ease-out;
      transition: 0.5s ease-out; }
      .list__recommend li a .thumb img {
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
      .list__recommend li a .thumb::after {
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out; }
    .list__recommend li a:hover .thumb {
      -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5); }
      .list__recommend li a:hover .thumb img {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05); }
      .list__recommend li a:hover .thumb::after {
        -webkit-box-shadow: 0 0 20px 10px black;
        box-shadow: 0 0 20px 10px black;
        opacity: 0.2; }

/* KEN ON Message */
.message__box__visual {
  margin: 0 0 -80px 0;
  text-align: right; }
  .message__box__visual img {
    max-width: 100%;
    min-width: 800px;
    height: auto; }
  @media screen and (max-width: 768px) {
    .message__box__visual {
      margin-bottom: 0;
      padding: 50px 0 0;
      overflow: hidden; }
      .message__box__visual img {
        display: block;
        max-width: 125%;
        margin-left: -25%;
        min-width: 0; } }

/* 特典 */
.list__privilege {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  margin: 0 -55px 56px 0; }
  .list__privilege > li {
    display: block;
    width: 49%;
    margin: 0 0 30px; }
    .list__privilege > li:nth-last-child(-n+2) {
      margin-bottom: 0; }
  .list__privilege + .gp__align--centering {
    display: none; }
  .list__privilege.add_space {
    margin-bottom: 112px; }
  @media screen and (max-width: 1400px) {
    .list__privilege {
      margin: 0 0 56px 0; } }
  @media screen and (max-width: 768px) {
    .list__privilege {
      display: block;
      margin: 0 20px 34px; }
      .list__privilege > li {
        width: auto;
        margin-bottom: 15px; }
        .list__privilege > li:nth-last-child(-n+2) {
          margin-bottom: 30px; }
          .list__privilege > li:nth-last-child(-n+2):last-child {
            margin-bottom: 0; }
      .list__privilege + .gp__align--centering {
        display: block;
        margin-bottom: 50px; }
      .list__privilege.add_space {
        margin-bottom: 35px; }
      .list__privilege .circle__devices {
        margin-bottom: 16px; }
        .list__privilege .circle__devices .icon--smartphone {
          border: 1px solid #333;
          background: url(./assets/img/common/icon_smartphone_gray.png) no-repeat center;
          background-size: 16px auto;
          width: 46px;
          height: 46px; }
      .list__privilege .sub {
        text-align: center;
        margin-bottom: 15px;
        font-size: 1.6rem;
        font-weight: bold; } }

.privilege__exp {
  text-align: center;
  margin: 0 0 23px; }
  @media screen and (max-width: 768px) {
    .privilege__exp {
      text-align: left;
      font-size: 1.3rem; } }

.privilege__casette {
  display: flex;
  justify-content: space-between;
  background: #333;
  color: #fff;
  height: 100%; }
  .privilege__casette .content,
  .privilege__casette .thumb {
    width: 50%; }
  .privilege__casette .content {
    box-sizing: border-box; }
    .privilege__casette .content .content__inner {
      padding: 18px 0; }
      @media screen and (min-width: 1200px) {
        .privilege__casette .content .content__inner {
          padding-bottom: 0; } }
  .privilege__casette .thumb {
    position: relative;
    overflow: hidden;
    height: 100%; }
    .privilege__casette .thumb__wrap {
      height: 100%; }
    .privilege__casette .thumb img {
      position: relative;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      max-width: inherit;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /*
      left: 50%;
      top: 50%;
      @include mixin_transform(translate(-50%, -50%));
      width: auto;
      height: 100%;*/ }
    @media screen and (min-width: 1200px) {
      .privilege__casette .thumb {
        /*img{
        	position: static;
        	@include mixin_transform(none);
        	width: 100%;
        	height: auto;
        }*/ } }
  .privilege__casette .fee {
    margin: 0 0 5px;
    text-align: center; }
    .privilege__casette .fee .text {
      font-size: 1rem; }
  .privilege__casette .sub {
    font-size: 1.6rem;
    position: relative;
    padding: 0 0 18px;
    margin: 0 0 14px;
    line-height: 2;
    text-align: center; }
    .privilege__casette .sub::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 30px;
      height: 2px;
      background: #fff; }
  .privilege__casette .exp {
    font-size: 1.2rem;
    padding: 0 30px;
    line-height: 1.9; }
  @media screen and (max-width: 768px) {
    .privilege__casette {
      display: flex;
      position: relative;
      overflow: hidden; }
      .privilege__casette .content,
      .privilege__casette .thumb {
        width: 50%;
        height: auto; }
      .privilege__casette .content {
        z-index: 1; }
        .privilege__casette .content .content__inner {
          padding: 20px 15px 20px 20px; }
      .privilege__casette .thumb img {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        height: auto; }
      .privilege__casette .fee {
        margin-bottom: 0; }
      .privilege__casette .sub {
        margin-bottom: 15px;
        padding-bottom: 10px; }
        .privilege__casette .sub::before {
          content: '';
          display: block;
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 35px;
          height: 2px;
          background: #fff;
          margin-left: -17px; }
        .privilege__casette .sub::after {
          display: none; }
      .privilege__casette .exp {
        line-height: 1.7;
        padding: 0; } }

.circle__devices {
  text-align: center; }
  .circle__devices .icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 100%;
    border: 1px solid #fff;
    box-sizing: border-box; }
    .circle__devices .icon--smartphone {
      background: url(./assets/img/common/icon_smartphone.png) no-repeat center;
      background-size: 16px auto; }
    @media screen and (max-width: 768px) {
      .circle__devices .icon {
        width: 34px;
        height: 34px; }
        .circle__devices .icon--smartphone {
          background: url(./assets/img/common/icon_smartphone.png) no-repeat center;
          background-size: 11px auto; } }

/* twitter & Youtube */
.index__column_container {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 55px 0 135px;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .index__column_container {
      display: block;
      margin: 0 20px;
      padding: 0; } }

.embed__twitter iframe {
  width: 100% !important; }
.embed__youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .embed__youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/* アラート */
.alert__text {
  color: #ff6666;
  margin-top: 38px; }
  @media screen and (max-width: 768px) {
    .alert__text {
      padding: 0 20px; } }

/* section
------------------------------------------------------**/
.artist_section__container--list {
  margin: 0 0 63px;
  overflow: hidden; }
  .artist_section__container--list:last-child {
    margin-bottom: 0; }
.artist_section__container--profile {
  margin: 0 15px 27px 135px;
  display: flex;
  justify-content: space-between; }
.artist_section__container--headline {
  margin: 27px 0 46px; }
.artist_section__container--youtube {
  margin: 0 0 60px; }
.artist_section__container--discography {
  margin: 0 0 65px; }
.artist_section__container--instagram {
  margin: 0 0 63px;
  overflow: hidden; }
.artist_section__container--kshop {
  margin: 0 0 46px;
  overflow: hidden; }
@media screen and (max-width: 768px) {
  .artist_section__container--profile {
    display: block;
    position: relative;
    margin: 0 20px 40px;
    padding-top: 7px; }
    .artist_section__container--profile .cat__prof_artist_type_wrap {
      position: absolute;
      left: -12px;
      top: -5px;
      z-index: 5; }
  .artist_section__container--headline {
    margin-bottom: 43px; }
  .artist_section__container--youtube {
    margin-bottom: 41px; }
  .artist_section__container--instagram {
    margin-bottom: 40px; }
  .artist_section__container--discography {
    margin-bottom: 41px; }
  .artist_section__container--kshop {
    margin-bottom: 40px; } }

/* 一覧
======================================================================*/
.artist__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px; }
  .artist__list > li {
    display: inline-block;
    width: 20%;
    margin: 0 0 38px; }
    .artist__list > li:nth-last-child(-n+5) {
      margin-bottom: 0; }
    .artist__list > li p {
      text-align: center;
      line-height: 1.2;
      font-size: 1.6rem; }
    .artist__list > li a {
      margin: 0 20px 0 0; }
    .artist__list > li .thumb {
      margin: 0 0 10px;
      -webkit-box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
      -wewbkit-transition: 0.5s ease-out;
      transition: 0.5s ease-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: relative; }
      .artist__list > li .thumb::after {
        content: "";
        display: block;
        position: absolute;
        left: 10%;
        bottom: 0;
        width: 80%;
        height: 10px;
        border-radius: 100%;
        background: transparent;
        -webkit-box-shadow: 0 0 20px 0 black;
        box-shadow: 0 0 20px 0 black;
        opacity: 0.8;
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      .artist__list > li .thumb__instance {
        overflow: hidden; }
      .artist__list > li .thumb img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
        -wewbkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
    .artist__list > li a {
      display: block; }
      .artist__list > li a:hover .thumb {
        -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); }
        .artist__list > li a:hover .thumb img {
          -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }
      .artist__list > li a:hover::after {
        -webkit-box-shadow: 0 4px 40px 5px black;
        box-shadow: 0 4px 40px 5px black;
        opacity: 1; }
  @media screen and (max-width: 768px) {
    .artist__list {
      display: block;
      font-size: 0;
      margin-right: 0; }
      .artist__list > li {
        width: 48%;
        margin: 0 4% 20px 0; }
        .artist__list > li:nth-child(2n) {
          margin-right: 0; }
        .artist__list > li:nth-last-child(-n+5) {
          margin-bottom: 20px; }
        .artist__list > li:nth-last-child(-n+2) {
          margin-bottom: 0; }
        .artist__list > li a {
          margin-right: 0; }
        .artist__list > li p {
          font-size: 1.6rem; } }

.list__link_artist {
  display: none; }
  @media screen and (max-width: 768px) {
    .list__link_artist {
      display: flex;
      flex-wrap: wrap;
      padding: 0 10px;
      margin-top: -3px; }
      .list__link_artist li {
        width: 25%;
        text-align: center;
        box-sizing: border-box;
        padding: 0 4px;
        margin-bottom: 17px; }
        .list__link_artist li a {
          display: block;
          color: #6d7fa7;
          font-size: 1.2rem;
          padding: 0 0 8px;
          border-bottom: 2px solid #c7cfe1; }
        .list__link_artist li:nth-child(3) a {
          letter-spacing: -0.5px; } }
  @media screen and (max-width: 320px) {
    .list__link_artist li a {
      font-size: 1rem; } }

/* 詳細
======================================================================*/
/* プロフィール
------------------------------------------------------**/
.artist_profile__images_box {
  width: 50%; }
  .artist_profile__images_box .swiper-container {
    margin: 0 0 10px; }
  .artist_profile__images_box .box__img img {
    width: 100%;
    height: auto; }
  .artist_profile__images_box .swiper-pagination {
    display: none; }
  .artist_profile__images_box .swiper-pagination-bullet {
    background-color: #ccc;
    opacity: 1;
    margin: 0 4px;
    width: 7px;
    height: 7px; }
    .artist_profile__images_box .swiper-pagination-bullet-active {
      background-color: #999; }
  @media screen and (max-width: 768px) {
    .artist_profile__images_box {
      width: auto; }
      .artist_profile__images_box .swiper-container {
        margin-bottom: -24px; }
      .artist_profile__images_box .swiper-pagination {
        display: block;
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
        z-index: 1; } }
  .artist_profile__images_box--message {
    width: 100%; }
    .artist_profile__images_box--message .artist_profile__thumb_box {
      width: 63%;
      margin: -20px auto 50px;
      padding: 0 240px 0 0;
      position: relative;
      z-index: 1;
      text-align: center; }
.artist_profile__thumb_box .box__img {
  width: 60px;
  background: #000; }
  .artist_profile__thumb_box .box__img img {
    opacity: 0.5; }
.artist_profile__thumb_box .swiper-slide:hover .box__img img {
  cursor: pointer;
  opacity: 1;
  -wewbkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }
.artist_profile__thumb_box .swiper-slide-thumb-active .box__img img {
  opacity: 1; }
@media screen and (max-width: 768px) {
  .artist_profile__thumb_box {
    display: none;
    /*width: auto !important;
    text-align: center;
    .box__img{
      width: 7px;
      height: 7px;
      overflow: hidden;
      background-color: #ccc;
      border-radius: 100%;
      img{
        display: none;
      }
    }
    .swiper-slide{
      width: auto !important;
    }
    .swiper-slide-thumb-active{
      .box__img{
        background-color: #999;
      }
    }*/ } }
.artist_profile__detail_box {
  width: 50%;
  margin: 45px 0 0; }
  @media screen and (max-width: 768px) {
    .artist_profile__detail_box {
      width: auto;
      margin: 0 20px;
      position: relative;
      z-index: 1; } }
.artist_profile__detail_box_inner {
  position: relative; }
  .artist_profile__detail_box_inner::after {
    content: "";
    display: block;
    position: absolute;
    left: 15%;
    bottom: 0;
    width: 70%;
    height: 10px;
    border-radius: 100%;
    background-color: #000;
    -webkit-box-shadow: 0 0 100px 10px black;
    box-shadow: 0 0 100px 10px black;
    opacity: 0.4; }
  @media screen and (max-width: 768px) {
    .artist_profile__detail_box_inner {
      position: static; }
      .artist_profile__detail_box_inner::after {
        display: none; } }
.artist_profile__detail_box_body {
  position: relative;
  z-index: 1;
  padding: 0 9px 9px;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.1); }
  .artist_profile__detail_box_body .cat__prof_artist_type_wrap {
    position: absolute;
    top: -82px;
    left: -22px;
    width: 100%; }
  @media screen and (max-width: 768px) {
    .artist_profile__detail_box_body {
      position: static; }
      .artist_profile__detail_box_body .cat__prof_artist_type {
        display: none; } }
.artist_profile__header {
  margin: 0 0 35px 123px;
  padding: 40px 0 0;
  line-height: 1.2; }
  .artist_profile__header .name {
    font-size: 4rem; }
    .artist_profile__header .name--eng {
      font-size: 2rem; }
  @media screen and (max-width: 768px) {
    .artist_profile__header {
      margin: 0 0 9px;
      padding-top: 13px;
      text-align: center; }
      .artist_profile__header .name {
        font-size: 3rem; }
        .artist_profile__header .name--eng {
          font-size: 1.4rem; } }
.artist_profile__body {
  margin: 0 67px; }
  @media screen and (max-width: 768px) {
    .artist_profile__body {
      margin: 0; } }
.artist_profile__figure_data {
  display: table;
  width: 100%; }
  .artist_profile__figure_data dl {
    display: table-row; }
    .artist_profile__figure_data dl dt, .artist_profile__figure_data dl dd {
      display: table-cell;
      vertical-align: middle;
      padding: 4px 0; }
    .artist_profile__figure_data dl dt {
      width: 18%;
      font-weight: bold; }
    .artist_profile__figure_data dl dd {
      width: 24%; }
      .artist_profile__figure_data dl dd:nth-child(2) {
        width: 40%; }
    .artist_profile__figure_data dl.single dt {
      width: 18%; }
    .artist_profile__figure_data dl.single dd:nth-child(2) {
      width: 82%; }
  @media screen and (max-width: 768px) {
    .artist_profile__figure_data dl dt, .artist_profile__figure_data dl dd {
      padding: 1px 0;
      font-size: 1.2rem; }
    .artist_profile__figure_data dl dt {
      width: 22%; }
    .artist_profile__figure_data dl dd {
      width: auto; }
      .artist_profile__figure_data dl dd:nth-child(2) {
        width: auto; }
    .artist_profile__figure_data dl.single dt {
      width: 22%; }
    .artist_profile__figure_data dl.single dd:nth-child(2) {
      width: auto; } }
.artist_profile__figure_data_single {
  display: table;
  width: 100%;
  margin: 0 0 15px; }
  .artist_profile__figure_data_single dl {
    display: table-row; }
    .artist_profile__figure_data_single dl dt, .artist_profile__figure_data_single dl dd {
      display: table-cell;
      vertical-align: middle;
      padding: 4px 0; }
    .artist_profile__figure_data_single dl dt {
      width: 18%;
      font-weight: bold; }
    .artist_profile__figure_data_single dl dd {
      width: 82%; }
  @media screen and (max-width: 768px) {
    .artist_profile__figure_data_single dl dt, .artist_profile__figure_data_single dl dd {
      padding: 1px 0;
      font-size: 1.2rem; }
    .artist_profile__figure_data_single dl dt {
      width: 22%; }
    .artist_profile__figure_data_single dl dd {
      width: auto; }
      .artist_profile__figure_data_single dl dd:nth-child(2) {
        width: auto; } }
.artist_profile__official_links_list {
  margin: 0 0 35px; }
  .artist_profile__official_links_list li {
    margin: 0 0 13px;
    line-height: 1.6; }
    .artist_profile__official_links_list li:last-child {
      margin-bottom: 0; }
    .artist_profile__official_links_list li a {
      display: block;
      padding: 0 0 0 55px; }
      .artist_profile__official_links_list li a .url {
        color: #6d91e0; }
    .artist_profile__official_links_list li .label {
      font-weight: bold;
      font-size: 1.2rem; }
  @media screen and (max-width: 768px) {
    .artist_profile__official_links_list {
      text-align: center;
      font-size: 0;
      margin-bottom: 20px; }
      .artist_profile__official_links_list li {
        display: inline-block;
        margin: 0 12px 0 0; }
        .artist_profile__official_links_list li:last-child {
          margin-right: 0; }
        .artist_profile__official_links_list li a {
          padding: 0; }
        .artist_profile__official_links_list li .label, .artist_profile__official_links_list li .url {
          display: none; } }
.artist_profile__schedule_box {
  background-color: #eef1f7; }
.artist_profile__list_schedule .swiper-slide {
  align-self: center; }
.artist_profile__list_schedule .casette {
  display: table;
  width: 100%;
  height: 100%; }
  .artist_profile__list_schedule .casette .cell_set,
  .artist_profile__list_schedule .casette .content {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    text-align: left; }
  .artist_profile__list_schedule .casette .content {
    line-height: 1.4; }
  .artist_profile__list_schedule .casette .cell_set {
    width: 162px;
    font-size: 0; }
  .artist_profile__list_schedule .casette .timestamp,
  .artist_profile__list_schedule .casette .cat__media {
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
  .artist_profile__list_schedule .casette .timestamp {
    width: 70px;
    font-size: 1.8rem;
    line-height: 1.2;
    padding-left: 10px; }
    .artist_profile__list_schedule .casette .timestamp span {
      font-size: 1.2rem; }
  .artist_profile__list_schedule .casette .cat__media {
    width: 70px; }
  .artist_profile__list_schedule .casette .name {
    font-weight: bold;
    margin-right: 16px; }
  .artist_profile__list_schedule .casette .exp {
    padding-right: 20px; }
    .artist_profile__list_schedule .casette .exp a::after {
      content: '';
      display: inline-block;
      background: url("./assets/img/common/icon_arrow.png") no-repeat center center;
      width: 6px;
      height: 10px;
      vertical-align: 0;
      margin-left: -5px; }
    .artist_profile__list_schedule .casette .exp a[target="_blank"]::after {
      background: url("./assets/img/common/icon_blank_black.png") no-repeat center center;
      width: 10px; }
  @media screen and (max-width: 768px) {
    .artist_profile__list_schedule .casette .cell_set {
      width: 66px; }
    .artist_profile__list_schedule .casette .timestamp {
      display: block;
      width: auto;
      padding: 0;
      text-align: center;
      font-size: 1.5rem;
      margin-bottom: 2px; }
      .artist_profile__list_schedule .casette .timestamp time {
        display: inline-block; }
      .artist_profile__list_schedule .casette .timestamp span {
        font-size: 1rem; }
    .artist_profile__list_schedule .casette .cat__media {
      width: auto;
      display: block; }
    .artist_profile__list_schedule .casette .exp {
      font-size: 1.2rem; } }

/* 公式プロフィール用SNSアイコン
------------------------------------------------------*/
@-webkit-keyframes anm_official_icon_hover {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(1.7, 1.7);
    transform: translateY(-50%) scale(1.7, 1.7); } }
@-moz-keyframes anm_official_icon_hover {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(1.7, 1.7);
    transform: translateY(-50%) scale(1.7, 1.7); } }
@-ms-keyframes anm_official_icon_hover {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(1.7, 1.7);
    transform: translateY(-50%) scale(1.7, 1.7); } }
@keyframes anm_official_icon_hover {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(1.7, 1.7);
    transform: translateY(-50%) scale(1.7, 1.7); } }
.official__icon {
  position: relative; }
  .official__icon::before, .official__icon::after {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background: #c7cfe1 no-repeat center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -wewbkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
  .official__icon::before {
    z-index: 1; }
  .official__icon--site::before {
    background-image: url(./assets/img/common/icon_official_site.png); }
  .official__icon--blog::before {
    content: "Blog";
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-weight: bold; }
  .official__icon--instagram::before {
    background-image: url(./assets/img/common/icon_official_instagram.png); }
  .official__icon--instagram--staff::before {
    background-image: url(./assets/img/common/icon_official_instagram.png); }
  .official__icon--instagram--staff .url::before {
    content: "STAFF";
    font-size: 14px;
    font-size: 1.0rem;
    color: #c7cfe1;
    position: absolute;
    top: 39px;
    left: 4px; }
  .official__icon--instagram--FCstaff::before {
    background-image: url(./assets/img/common/icon_official_instagram.png); }
  .official__icon--instagram--FCstaff .url::before {
    content: "FC-STAFF";
    font-size: 14px;
    font-size: 1.0rem;
    color: #c7cfe1;
    letter-spacing: 0px;
    position: absolute;
    top: 39px;
    left: -5px; }
  .official__icon--twitter::before {
    background-image: url(./assets/img/common/icon_official_twitter.png); }
  .official__icon--twitter--staff::before {
    background-image: url(./assets/img/common/icon_official_twitter.png); }
  .official__icon--twitter--staff .url::before {
    content: "STAFF";
    font-size: 14px;
    font-size: 1.0rem;
    color: #c7cfe1;
    position: absolute;
    top: 39px;
    left: 4px; }
  .official__icon--twitter--FCstaff::before {
    background-image: url(./assets/img/common/icon_official_twitter.png);
    content: "FC-STAFF";
    font-size: 14px;
    font-size: 1.0rem;
    color: #c7cfe1;
    text-align: center;
    line-height: 94px;
    letter-spacing: -1.5px; }
  .official__icon--twitter--FCstaff .url::before {
    content: "FC-STAFF";
    font-size: 14px;
    font-size: 1.0rem;
    color: #c7cfe1;
    letter-spacing: 0px;
    position: absolute;
    top: 39px;
    left: -5px; }
  .official__icon:hover::after {
    opacity: 0;
    -moz-animation: anm_official_icon_hover 1s ease-out infinite;
    -webkit-animation: anm_official_icon_hover 1s ease-out infinite;
    animation: anm_official_icon_hover 1s ease-out infinite; }
  @media screen and (max-width: 768px) {
    .official__icon {
      width: 31px;
      height: 31px;
      background: #c7cfe1 no-repeat center;
      border-radius: 100%; }
      .official__icon::before {
        display: block;
        font-size: 0.2rem;
        line-height: 76px;
        width: 61px;
        height: 31px;
        background: none;
        left: -50%; }
      .official__icon::after {
        display: none; }
      .official__icon--site {
        background-image: url(./assets/img/common/icon_official_site.png);
        background-size: 18px auto; }
      .official__icon--blog {
        position: relative; }
        .official__icon--blog::before {
          content: "Blog";
          color: #fff;
          font-size: 0.9rem;
          font-weight: bold;
          display: block;
          text-align: center;
          display: block;
          line-height: normal;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          background: none;
          width: 100%;
          height: auto; }
      .official__icon--instagram {
        background-image: url(./assets/img/common/icon_official_instagram.png);
        background-size: 19px auto; }
        .official__icon--instagram--staff {
          background-image: url(./assets/img/common/icon_official_instagram.png);
          background-size: 19px auto; }
          .official__icon--instagram--staff::before {
            content: "STAFF";
            color: #c7cfe1; }
        .official__icon--instagram--FCstaff {
          background-image: url(./assets/img/common/icon_official_instagram.png);
          background-size: 19px auto; }
          .official__icon--instagram--FCstaff::before {
            content: "FC-STAFF";
            color: #c7cfe1;
            left: -40%; }
      .official__icon--twitter {
        background-image: url(./assets/img/common/icon_official_twitter.png);
        background-size: 17px auto; }
        .official__icon--twitter--staff {
          background-image: url(./assets/img/common/icon_official_twitter.png);
          background-size: 19px auto; }
          .official__icon--twitter--staff::before {
            content: "STAFF";
            color: #c7cfe1; }
        .official__icon--twitter--FCstaff {
          background-image: url(./assets/img/common/icon_official_twitter.png);
          background-size: 19px auto; }
          .official__icon--twitter--FCstaff::before {
            content: "FC-STAFF";
            color: #c7cfe1;
            left: -40%; } }

/* 各セクションのコンテンツ
------------------------------------------------------**/
.artist_youtube__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch; }
  .artist_youtube__list > li {
    width: 49%; }
  @media screen and (max-width: 768px) {
    .artist_youtube__list {
      display: block; }
      .artist_youtube__list > li {
        width: auto;
        margin: 0 0 25px; }
        .artist_youtube__list > li:last-child {
          margin-bottom: 0; } }

.artist_discography__nav_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch; }
  .artist_discography__nav_list > li {
    display: inline-block;
    width: 137px;
    margin: 0 10px 10px 0; }
    .artist_discography__nav_list > li:last-child {
      margin-right: 0; }
    .artist_discography__nav_list > li a {
      display: block;
      height: 100%;
      background-color: #cfd5e3;
      color: #fff;
      white-space: nowrap;
      text-align: center;
      font-family: "Oswald", "Fjalla One", sans-serif;
      font-size: 2.0rem;
      padding: 2px 10px;
      box-sizing: border-box;
      -wewbkit-transition: 0.5s ease-out;
      transition: 0.5s ease-out; }
      .artist_discography__nav_list > li a span {
        display: none; }
      .artist_discography__nav_list > li a:hover {
        background-color: #333; }
    .artist_discography__nav_list > li.current a {
      background-color: #333; }
  @media screen and (max-width: 768px) {
    .artist_discography__nav_list {
      display: block; }
      .artist_discography__nav_list > li {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 7px; }
        .artist_discography__nav_list > li:last-child {
          margin-bottom: 0; }
        .artist_discography__nav_list > li a {
          position: relative;
          padding: 5px 0;
          background-color: #333; }
          .artist_discography__nav_list > li a .icon_toggle {
            display: block;
            width: 15px;
            height: 15px;
            position: absolute;
            right: 13px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            /*&::before{
              width: 100%;
              height: 1px;
              left: 0;
              top: 50%;
              @include mixin_transform(translateY(-50%));
            }
            &::after{
              width: 1px;
              height: 100%;
              left: 50%;
              top: 0;
              @include mixin_transform(translateX(-50%));
            }*/ }
            .artist_discography__nav_list > li a .icon_toggle::before, .artist_discography__nav_list > li a .icon_toggle::after {
              content: "";
              display: block;
              position: absolute;
              background-color: #fff;
              width: 100%;
              height: 1px;
              left: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
            .artist_discography__nav_list > li a .icon_toggle::before {
              -wewbkit-transition: 0.6s ease-out;
              transition: 0.6s ease-out; }
            .artist_discography__nav_list > li a .icon_toggle::after {
              -webkit-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
              -wewbkit-transition: 0.3s ease-out 0.15s;
              transition: 0.3s ease-out 0.15s; }
        .artist_discography__nav_list > li.opened a .icon_toggle::before {
          opacity: 0;
          -webkit-transform: translateY(-50%) rotate(170deg);
          transform: translateY(-50%) rotate(170deg); }
        .artist_discography__nav_list > li.opened a .icon_toggle::after {
          -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); } }
.artist_discography__article_container {
  position: relative;
  max-width: 1020px; }
  @media screen and (max-width: 768px) {
    .artist_discography__article_container {
      position: absolute;
      left: -9999px;
      top: -9999px; } }
.artist_discography__article_wrap {
  padding: 9px 0 0; }
  .artist_discography__article_wrap.is_fade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .artist_discography__article_wrap--sp {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  @media screen and (max-width: 768px) {
    .artist_discography__article_wrap--sp {
      position: static;
      padding: 13px 0 7px; } }
.artist_discography__article_wrap_scroll {
  position: relative;
  height: 360px; }
  .artist_discography__article_wrap_scroll .ps__rail-y {
    opacity: 1;
    width: 10px; }
  .artist_discography__article_wrap_scroll .ps__thumb-y {
    width: 10px;
    background-color: #333; }
  .artist_discography__article_wrap_scroll.ps .ps__rail-x:hover, .artist_discography__article_wrap_scroll.ps .ps__rail-y:hover, .artist_discography__article_wrap_scroll.ps .ps__rail-x:focus, .artist_discography__article_wrap_scroll.ps .ps__rail-y:focus, .artist_discography__article_wrap_scroll.ps .ps__rail-x.ps--clicking, .artist_discography__article_wrap_scroll.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
    opacity: 1; }
  .artist_discography__article_wrap_scroll.ps:hover > .ps__rail-x, .artist_discography__article_wrap_scroll.ps:hover > .ps__rail-y, .artist_discography__article_wrap_scroll.ps--focus > .ps__rail-x, .artist_discography__article_wrap_scroll.ps--focus > .ps__rail-y, .artist_discography__article_wrap_scroll.ps--scrolling-x > .ps__rail-x, .artist_discography__article_wrap_scroll.ps--scrolling-y > .ps__rail-y {
    opacity: 1; }
  .artist_discography__article_wrap_scroll .ps__rail-y:hover > .ps__thumb-y, .artist_discography__article_wrap_scroll .ps__rail-y:focus > .ps__thumb-y, .artist_discography__article_wrap_scroll .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 10px; }
.artist_discography__article_list {
  display: table;
  width: 100%; }
  .artist_discography__article_list > li {
    display: table-row; }
    .artist_discography__article_list > li .history_date,
    .artist_discography__article_list > li .exp {
      display: table-cell;
      vertical-align: top;
      padding: 5px 0; }
    .artist_discography__article_list > li .exp {
      padding: 5px 20px 5px 0; }
    .artist_discography__article_list > li .history_date {
      padding-top: 6px;
      font-size: 1.2rem;
      width: 237px; }
  @media screen and (max-width: 768px) {
    .artist_discography__article_list {
      display: block;
      width: auto; }
      .artist_discography__article_list > li {
        display: block;
        padding: 6px 0; }
        .artist_discography__article_list > li .history_date,
        .artist_discography__article_list > li .exp {
          display: block;
          padding: 0; }
        .artist_discography__article_list > li .history_date {
          font-size: 1.2rem; }
        .artist_discography__article_list > li .exp {
          font-size: 1.4rem; } }

.artist_kshop__qrcode {
  display: flex;
  justify-content: space-between;
  width: 728px;
  margin: 0 auto 46px; }
  .artist_kshop__qrcode > div {
    width: 325px;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem; }
    .artist_kshop__qrcode > div .qrcode__text p {
      display: block;
      width: 100%; }
      .artist_kshop__qrcode > div .qrcode__text p.heading__text--content_udl {
        font-size: 3.2rem; }
    .artist_kshop__qrcode > div p {
      display: block;
      width: 100%;
      margin: 4px 0 0; }
  @media screen and (max-width: 768px) {
    .artist_kshop__qrcode {
      display: none; } }

.kenon_group__list > li {
  margin: 0 0 34px; }
  .kenon_group__list > li:last-child {
    margin-bottom: 0; }
  .kenon_group__list > li [class^=heading] {
    margin-bottom: 5px; }
  @media screen and (max-width: 768px) {
    .kenon_group__list > li {
      margin-bottom: 12px; } }
  .kenon_group__list > li .group_talents {
    font-size: 0; }
    .kenon_group__list > li .group_talents > li {
      font-size: 1.4rem;
      margin: 0 18px 0 0;
      display: inline-block; }
      .kenon_group__list > li .group_talents > li:last-child {
        margin-right: 0; }
      .kenon_group__list > li .group_talents > li a {
        color: #6d91e0; }
      @media screen and (max-width: 768px) {
        .kenon_group__list > li .group_talents > li {
          display: block;
          margin-right: 0;
          margin-bottom: 3px; }
          .kenon_group__list > li .group_talents > li:last-child {
            margin-bottom: 0; } }

/* section
------------------------------------------------------**/
/* 更新履歴
------------------------------------------------------**/
.account__list_history {
  font-size: 0;
  margin-bottom: 23px; }
  .account__list_history > li {
    font-size: 1.4rem; }
    .account__list_history > li:last-child {
      margin-bottom: 0; }
    .account__list_history > li .timestamp {
      display: inline-block;
      margin-right: 14px;
      font-size: 1.2rem; }
  @media screen and (max-width: 768px) {
    .account__list_history {
      margin-bottom: 44px; }
      .account__list_history > li {
        margin-bottom: 12px; }
        .account__list_history > li .timestamp {
          display: block;
          margin-right: 0; } }

/* 更新履歴
------------------------------------------------------**/
.sns__fig_thumb {
  vertical-align: middle;
  margin-right: 10px;
  width: 60px;
  height: auto; }
  @media screen and (max-width: 768px) {
    .sns__fig_thumb {
      margin-right: 7px; } }
.sns__list {
  font-size: 0;
  margin-top: -12px; }
  .sns__list > li {
    display: block;
    margin-right: 24px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 12px; }
    .sns__list > li:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .sns__list > li {
        font-size: 1.4rem;
        margin-right: 0;
        margin-bottom: 20px;
        display: block; }
        .sns__list > li:last-child {
          margin-bottom: 0; } }
    .sns__list > li .type {
      display: inline-block;
      width: 77px;
      font-size: 1.9rem;
      font-weight: normal;
      font-family: "Oswald", "Fjalla One", sans-serif;
      text-align: center;
      color: #fff;
      padding: 5px 5px 7px;
      box-sizing: border-box;
      vertical-align: middle;
      margin: 0 12px 0 0;
      line-height: 1.2;
      -wewbkit-transition: 0.2s ease-out;
      transition: 0.2s ease-out; }
      @media screen and (max-width: 768px) {
        .sns__list > li .type {
          width: 55px;
          font-size: 1.25rem;
          margin-right: 11px; } }
    .sns__list > li img {
      width: 60px;
      height: auto; }
    .sns__list > li a {
      display: inline-block;
      -wewbkit-transition: 0.2s ease-out;
      transition: 0.2s ease-out; }
      .sns__list > li a[target=_blank] .service_name {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0 19px 0 0; }
        .sns__list > li a[target=_blank] .service_name::after {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          position: absolute;
          right: 0;
          top: 50%;
          background: no-repeat 0 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -wewbkit-transition: 0.2s ease-out;
          transition: 0.2s ease-out; }
        @media screen and (max-width: 768px) {
          .sns__list > li a[target=_blank] .service_name {
            display: block; } }
      .sns__list > li a:hover[target=_blank] .service_name::after {
        opacity: 0.7; }
      .sns__list > li a:hover .type {
        opacity: 0.7; }
      .sns__list > li a + a {
        margin-left: 20px; }
        @media screen and (max-width: 768px) {
          .sns__list > li a + a {
            margin-left: 0; } }
    .sns__list > li.admin_type--artist .type {
      background-color: #a1adc5; }
    .sns__list > li.admin_type--artist a[target=_blank] .service_name::after {
      background-image: url(./assets/img/common/icon_blank_purple.png); }
    .sns__list > li.admin_type--staff .type {
      background-color: #b7d8e2; }
    .sns__list > li.admin_type--staff a[target=_blank] .service_name::after {
      background-image: url(./assets/img/common/icon_blank_aqua.png); }
    .sns__list > li.admin_type--group .type {
      background-color: #d1cebf; }
    .sns__list > li.admin_type--group a[target=_blank] .service_name::after {
      background-image: url(./assets/img/common/icon_blank_beige.png); }

/* section
------------------------------------------------------**/
.message_section__container--top {
  margin: 0 80px 43px 135px; }
  @media screen and (max-width: 768px) {
    .message_section__container--top {
      margin: 0; } }
.message_section__container--about {
  margin: 0 0 58px; }

/* /message配下コンテンツ
------------------------------------------------------*/
.swiper-pagination-bullet {
  background-color: #ccc;
  opacity: 1;
  margin: 0 4px;
  width: 7px;
  height: 7px; }
  .swiper-pagination-bullet-active {
    background-color: #666; }

@media screen and (max-width: 1000px) {
  .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 220px;
    bottom: auto; } }

.msg {
  /* TOPコンテンツ
  ------------------------------------------------------*/
  /* ABOUT
  ------------------------------------------------------*/
  /* ACTIVITY
  ------------------------------------------------------*/ }
  .msg_appeal__box {
    position: relative; }
  .msg_appeal__visual {
    height: 410px;
    overflow: hidden;
    margin: 0 240px 0 0;
    position: relative; }
    .msg_appeal__visual img {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      min-width: 825px;
      height: auto; }
  .msg_appeal__content {
    width: 500px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .msg_appeal__content .article {
      height: 100%;
      position: relative; }
      .msg_appeal__content .article::before::before {
        content: "";
        display: block;
        position: absolute;
        left: 15%;
        bottom: 0;
        width: 70%;
        height: 10px;
        border-radius: 100%;
        background-color: #000;
        -webkit-box-shadow: 0 0 30px 5px black;
        box-shadow: 0 0 30px 5px black;
        opacity: 0.4; }
      .msg_appeal__content .article__inner {
        height: 100%;
        position: relative;
        z-index: 1;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
      .msg_appeal__content .article__body {
        margin: 0 50px 0 50px;
        padding: 50px 0 33px; }
      .msg_appeal__content .article .title {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0 0 15px;
        line-height: 1.4; }
      .msg_appeal__content .article .excerpt {
        margin: 0 0 13px; }
      .msg_appeal__content .article .timestamp {
        background-color: #000;
        color: #fff;
        position: absolute;
        left: -10px;
        top: 10px;
        font-family: "Oswald", "Fjalla One", sans-serif;
        padding: 4px 8px;
        display: inline-block;
        letter-spacing: 2px;
        font-size: 1.3rem; }
      @media screen and (max-width: 768px) {
        .msg_appeal__content .article::before {
          left: 15%;
          bottom: 0;
          width: 70%;
          height: 10px;
          border-radius: 100%;
          background-color: #000;
          -webkit-box-shadow: 0 0 60px 5px black;
          box-shadow: 0 0 60px 5px black;
          opacity: 0.3; }
        .msg_appeal__content .article .title {
          font-size: 2rem;
          margin-bottom: 5px;
          line-height: 1.4; }
        .msg_appeal__content .article .excerpt {
          font-size: 1.4rem;
          margin-bottom: 8px; }
        .msg_appeal__content .article::after {
          display: none; }
        .msg_appeal__content .article__body {
          margin-left: 20px;
          margin-right: 20px;
          padding-top: 36px;
          padding-bottom: 16px; }
        .msg_appeal__content .article__inner::after {
          display: none; }
        .msg_appeal__content .article .timestamp {
          left: -12px;
          top: 7.5px;
          font-size: 1.05rem; } }
      .msg_appeal__content .article::before {
        -webkit-box-shadow: 0 0 60px 5px black;
        box-shadow: 0 0 60px 5px black;
        opacity: 0.5; }
      .msg_appeal__content .article__body {
        padding-top: 64px;
        padding-bottom: 45px; }
      .msg_appeal__content .article .timestamp {
        font-size: 2.0rem; }
      .msg_appeal__content .article .title {
        font-size: 3.0rem;
        line-height: 1.3; }
      .msg_appeal__content .article .excerpt {
        margin-bottom: 28px; }
  @media screen and (max-width: 1000px) {
    .msg_appeal__box {
      padding: 0; }
    .msg_appeal__visual {
      position: relative;
      width: 100%;
      height: 266px;
      margin: 0;
      overflow: hidden;
      left: 0;
      top: auto; }
      .msg_appeal__visual img {
        position: relative;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 70%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .msg_appeal__content {
      width: 100%;
      height: auto;
      padding: 0 20px 0 20px;
      margin-bottom: 0;
      position: relative;
      right: 0;
      top: 140px;
      box-sizing: border-box; }
      .msg_appeal__content .article::before {
        -webkit-box-shadow: 0 0 60px 5px black;
        box-shadow: 0 0 60px 5px black;
        opacity: 0.5; }
      .msg_appeal__content .article__body {
        padding-top: 51px;
        padding-bottom: 31px; }
      .msg_appeal__content .article .timestamp {
        font-size: 1.05rem; }
      .msg_appeal__content .article .title {
        font-size: 2.0rem;
        line-height: 1.4; }
      .msg_appeal__content .article .excerpt {
        margin-bottom: 28px; } }
  .msg_about__box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .msg_about__text {
    flex: 1; }
  .msg_about__logo {
    width: 350px;
    text-align: center; }
  @media screen and (max-width: 768px) {
    .msg_about__box {
      display: flex;
      flex-wrap: wrap; }
    .msg_about__text {
      flex: 1;
      width: 100%; }
      .msg_about__text p {
        margin: 0 0 16px; }
    .msg_about__logo {
      width: 100%;
      text-align: center; } }
  .msg_activity__section {
    padding: 75px 0 0;
    margin: 0 64px 0 40px; }
    .msg_activity__section:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .msg_activity__section {
        margin: 0 20px;
        padding: 28px 0 0; } }
  .msg_activity__excerpt {
    margin: 0 0 11px;
    padding: 3px 0 0; }

/* section
------------------------------------------------------**/
.headline_section__container--article {
  margin: 0 0 114px; }
  @media screen and (max-width: 768px) {
    .headline_section__container--article {
      margin-bottom: 62px; } }
.headline_section__container--comment {
  margin: 0 0 97px; }
  @media screen and (max-width: 768px) {
    .headline_section__container--comment {
      margin-bottom: 60px; } }

.hdl_article__header {
  margin: 0 0 23px; }
  .hdl_article__header .timestamp {
    display: inline-block;
    font-size: 1.3rem;
    font-family: "Oswald", "Fjalla One", sans-serif;
    background-color: #1c1e2c;
    padding: 4px 12px;
    color: #fff; }
  @media screen and (max-width: 768px) {
    .hdl_article__header {
      margin-bottom: 8px; }
      .hdl_article__header .timestamp {
        font-size: 1.05rem; }
      .hdl_article__header .heading__text_lv3 {
        line-height: 1.5;
        padding-top: 20px; } }
.hdl_article__profile {
  margin: 0 0 30px;
  font-size: 0; }
  .hdl_article__profile img {
    width: 268px;
    height: auto;
    margin: 0 10px 10px 0;
    display: inline-block; }
    .hdl_article__profile img:last-child {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    .hdl_article__profile img {
      width: 134px;
      margin: 0 5px 5px 0; }
      .hdl_article__profile img:last-child {
        margin-right: 0; } }
  .hdl_article__profile--stakeholder {
    margin: 0 0 45px; }
    .hdl_article__profile--stakeholder ul {
      display: flex; }
      .hdl_article__profile--stakeholder ul li {
        margin: 0 10px 0 0; }
    .hdl_article__profile--stakeholder img {
      width: 80px;
      height: auto; }
.hdl_article__body {
  margin: 0 130px 30px 0; }
  .hdl_article__body::after {
    content: "";
    clear: both;
    display: block; }
  @media screen and (max-width: 768px) {
    .hdl_article__body {
      margin: 0; } }
.hdl_article__footer .sns_buttons {
  font-size: 0;
  display: flex; }
  .hdl_article__footer .sns_buttons > li {
    display: inline-block;
    margin: 0 4px 0 0; }
    .hdl_article__footer .sns_buttons > li:last-child {
      margin-right: 0; }
    .hdl_article__footer .sns_buttons > li .fb_iframe_widget span {
      width: 110px !important; }
      .hdl_article__footer .sns_buttons > li .fb_iframe_widget span iframe {
        width: 110px !important; }
.hdl_article__footer .sns__link {
  bottom: 24px;
  right: 24px; }
  .hdl_article__footer .sns__link .txt {
    font-size: 1.4rem;
    margin-right: 10px;
    color: #888483; }
  .hdl_article__footer .sns__link a {
    display: block;
    height: 40px;
    width: 40px; }
  .hdl_article__footer .sns__link li {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
    .hdl_article__footer .sns__link li:last-child {
      margin-right: 0; }
    .hdl_article__footer .sns__link li.tw {
      background: url(./assets/img/event/icn_twitter.png) no-repeat 0 0; }
    .hdl_article__footer .sns__link li.fb {
      background: url(./assets/img/event/icn_fb.png) no-repeat 0 0; }
    .hdl_article__footer .sns__link li.line {
      background: url(./assets/img/event/icn_line.png) no-repeat 0 0; }
  @media screen and (max-width: 768px) {
    .hdl_article__footer .sns__link {
      position: relative;
      top: 0;
      right: 0;
      margin-top: 0;
      text-align: center; }
      .hdl_article__footer .sns__link .txt {
        transform: none;
        display: block;
        padding: 0;
        margin: 30px 0 7px;
        border: none;
        border-radius: 0; }
      .hdl_article__footer .sns__link li {
        display: inline-block;
        margin: 0 10px 0 0;
        border-radius: 100%;
        border: 1px solid #dbdbdb;
        overflow: hidden; } }
.hdl_comment__box {
  min-height: 305px;
  background-color: #f2f3f7;
  position: relative;
  margin: 0 130px 0 0; }
  .hdl_comment__box .heading__text {
    margin: 0 28px -33px;
    top: -45px; }
  @media screen and (max-width: 768px) {
    .hdl_comment__box {
      margin: 0; }
      .hdl_comment__box .heading__text {
        margin-left: 9px;
        top: -25px; } }
.hdl_comment__inner {
  display: flex;
  margin: 0 63px 0 33px;
  padding: 20px 0 27px; }
  @media screen and (max-width: 768px) {
    .hdl_comment__inner {
      flex-wrap: wrap;
      margin: 0 20px; } }
.hdl_comment__header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 24px; }
  .hdl_comment__header > * {
    align-self: center; }
  @media screen and (max-width: 768px) {
    .hdl_comment__header {
      display: block;
      margin-bottom: 0px; } }
@media screen and (max-width: 768px) {
  .hdl_comment__message {
    margin-bottom: 20px; } }
.hdl_comment__thumb {
  width: 190px;
  margin: 0 40px 0 0; }
  .hdl_comment__thumb img {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto; }
  @media screen and (max-width: 768px) {
    .hdl_comment__thumb {
      width: 100%;
      margin: 0 0 8px 0; }
      .hdl_comment__thumb img {
        width: 80px; } }
.hdl_comment__detail {
  flex: 1; }
.hdl_404__body {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  text-align: center;
  height: calc(100vh - 384px);
  padding: 90px 0 0;
  box-sizing: border-box; }
  .hdl_404__body > * {
    width: 100%; }
  .hdl_404__body .heading__text {
    padding: 0 0 24px; }
  @media screen and (max-width: 768px) {
    .hdl_404__body {
      height: calc(100vh - 130px);
      padding: 0; } }

/* section
------------------------------------------------------**/
.schedule_date__wrap {
  margin: 0 0 35px; }
  .schedule_date__wrap:last-child {
    margin-bottom: 0; }
  .schedule_date__wrap a .outline::after {
    content: '';
    display: inline-block;
    background: url("./assets/img/common/icon_arrow.png") no-repeat center center;
    width: 6px;
    height: 10px;
    vertical-align: 0;
    margin-left: -5px; }
  .schedule_date__wrap a[target="_blank"] .outline::after {
    background: url("./assets/img/common/icon_blank_black.png") no-repeat center center;
    width: 10px; }
.schedule_content__body {
  margin: 0 0 0 65px;
  padding: 14px 0 0; }
.schedule__list_template {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #eaebf2;
  padding: 12px 0; }
  .schedule__list_template .cat__media {
    min-width: 90px;
    text-align: center; }
  .schedule__list_template .thumbs {
    padding: 0 12px 0 0; }
    .schedule__list_template .thumbs > ul {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin: -5px 0 0; }
      .schedule__list_template .thumbs > ul > li {
        margin: 5px 5px 0 0; }
        .schedule__list_template .thumbs > ul > li img {
          width: 60px;
          height: auto; }
  .schedule__list_template .content .name,
  .schedule__list_template .content .outline {
    font-size: 1.4rem; }
  .schedule__list_template .content .name {
    font-weight: bold; }
  @media screen and (max-width: 768px) {
    .schedule__list_template {
      flex-wrap: wrap; }
      .schedule__list_template .cat__media {
        min-width: 90px;
        width: 100%;
        text-align: left;
        margin: 0 0 8px; }
      .schedule__list_template .thumbs {
        width: 100%; }
        .schedule__list_template .thumbs > ul {
          flex-wrap: wrap;
          margin: 0; }
          .schedule__list_template .thumbs > ul > li {
            margin: 5px 10px 0 0; }
      .schedule__list_template .content {
        width: 100%;
        margin-top: 8px; } }

@media screen and (max-width: 1400px) {
  .heading__wrap_thumbnails .bg__thumnails {
    display: none; }
  .heading__wrap_thumbnails .bg__textures {
    display: block; } }
.audition {
  position: relative;
  z-index: 0;
  /* 詳細ページ系
  ------------------------------------------------------------*/ }
  .audition .bg__texture_images, .audition .bg__texture_images--detail {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0; }
    .audition .bg__texture_images::after, .audition .bg__texture_images--detail::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 50px;
      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%); }
    .audition .bg__texture_images > .bg_texture__wrap, .audition .bg__texture_images--detail > .bg_texture__wrap, .audition .form .bg__texture_images > .bg_texture__wrap, .audition .form .bg__texture_images--detail > .bg_texture__wrap {
      background: url(./assets/img/common/bg_texture.png) no-repeat 0 0;
      background-size: cover;
      position: relative;
      height: 900px;
      margin: 0 0 260px; }
      .audition .bg__texture_images > .bg_texture__wrap--blur::before, .audition .bg__texture_images--detail > .bg_texture__wrap--blur::before, .audition .form .bg__texture_images > .bg_texture__wrap--blur::before, .audition .form .bg__texture_images--detail > .bg_texture__wrap--blur::before, .audition .bg__texture_images > .bg_texture__wrap--blur::after, .audition .bg__texture_images--detail > .bg_texture__wrap--blur::after, .audition .form .bg__texture_images > .bg_texture__wrap--blur::after, .audition .form .bg__texture_images--detail > .bg_texture__wrap--blur::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .audition .bg__texture_images > .bg_texture__wrap--blur::before, .audition .bg__texture_images--detail > .bg_texture__wrap--blur::before, .audition .form .bg__texture_images > .bg_texture__wrap--blur::before, .audition .form .bg__texture_images--detail > .bg_texture__wrap--blur::before {
        background: -webkit-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -moz-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -o-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -ms-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: linear-gradient(to bottom, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%); }
      .audition .bg__texture_images > .bg_texture__wrap--left::after, .audition .bg__texture_images--detail > .bg_texture__wrap--left::after, .audition .form .bg__texture_images > .bg_texture__wrap--left::after, .audition .form .bg__texture_images--detail > .bg_texture__wrap--left::after {
        background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 40%); }
      @media screen and (max-width: 768px) {
        .audition .bg__texture_images > .bg_texture__wrap--left::after, .audition .bg__texture_images--detail > .bg_texture__wrap--left::after, .audition .form .bg__texture_images > .bg_texture__wrap--left::after, .audition .form .bg__texture_images--detail > .bg_texture__wrap--left::after {
          background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 100%); } }
      .audition .bg__texture_images > .bg_texture__wrap--right::after, .audition .bg__texture_images--detail > .bg_texture__wrap--right::after, .audition .form .bg__texture_images > .bg_texture__wrap--right::after, .audition .form .bg__texture_images--detail > .bg_texture__wrap--right::after {
        background: -webkit-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -moz-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -o-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -ms-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: linear-gradient(to left, #fff 10%, rgba(255,255,255,0) 40%); }
      @media screen and (max-width: 768px) {
        .audition .bg__texture_images > .bg_texture__wrap--right, .audition .bg__texture_images--detail > .bg_texture__wrap--right, .audition .form .bg__texture_images > .bg_texture__wrap--right, .audition .form .bg__texture_images--detail > .bg_texture__wrap--right {
          text-align: left; }
          .audition .bg__texture_images > .bg_texture__wrap--right::after, .audition .bg__texture_images--detail > .bg_texture__wrap--right::after, .audition .form .bg__texture_images > .bg_texture__wrap--right::after, .audition .form .bg__texture_images--detail > .bg_texture__wrap--right::after {
            background: -webkit-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -moz-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -o-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -ms-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: linear-gradient(to left, #fff 5%, rgba(255,255,255,0) 20%); } }
      .audition .bg__texture_images > .bg_texture__wrap.js__motion_anm--on .bg__textures, .audition .bg__texture_images--detail > .bg_texture__wrap.js__motion_anm--on .bg__textures {
        z-index: 0; }
        .audition .bg__texture_images > .bg_texture__wrap.js__motion_anm--on .bg__textures .texture::after, .audition .bg__texture_images--detail > .bg_texture__wrap.js__motion_anm--on .bg__textures .texture::after {
          opacity: 1; }
      .audition .bg__texture_images > .bg_texture__wrap:last-child, .audition .bg__texture_images--detail > .bg_texture__wrap:last-child, .audition .form .bg__texture_images > .bg_texture__wrap:last-child, .audition .form .bg__texture_images--detail > .bg_texture__wrap:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .audition .bg__texture_images > .bg_texture__wrap, .audition .bg__texture_images--detail > .bg_texture__wrap, .audition .form .bg__texture_images > .bg_texture__wrap, .audition .form .bg__texture_images--detail > .bg_texture__wrap {
        height: 450px; } }
  .audition .bg__texture_images--detail > .bg_texture__wrap {
    margin-bottom: 600px; }
  @media screen and (max-width: 768px) {
    .audition .bg__texture_images--detail > .bg_texture__wrap {
      margin-bottom: 260px; }
      .audition .bg__texture_images--detail > .bg_texture__wrap:nth-child(1) {
        margin-bottom: 80px; }
      .audition .bg__texture_images--detail > .bg_texture__wrap:nth-child(2) {
        margin-bottom: 650px; } }
  .audition_section__container {
    position: relative;
    z-index: 10; }
  .audition_entrylist__section {
    margin: 0 0 85px; }
    .audition_entrylist__section .section_heading {
      font-size: 3.0rem;
      margin: 0 0 12px;
      line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .audition_entrylist__section {
        margin-bottom: 35px; }
        .audition_entrylist__section .section_heading {
          font-size: 2.0rem; } }
  .audition__list {
    padding: 135px 0 0; }
    .audition__list > li {
      margin: 0 0 122px; }
      .audition__list > li:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .audition__list {
        padding-top: 40px; }
        .audition__list > li {
          margin-bottom: 50px; } }
  .audition .audition__casette, .audition .audition__casette--left, .audition .form__casette, .audition .form__casette--left {
    position: relative; }
    .audition .audition__casette .thumb__wrap, .audition .audition__casette--left .thumb__wrap, .audition .form__casette .thumb__wrap, .audition .form__casette--left .thumb__wrap {
      position: absolute;
      width: 300px; }
      .audition .audition__casette .thumb__wrap img, .audition .audition__casette--left .thumb__wrap img, .audition .form__casette .thumb__wrap img, .audition .form__casette--left .thumb__wrap img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 768px) {
        .audition .audition__casette .thumb__wrap, .audition .audition__casette--left .thumb__wrap, .audition .form__casette .thumb__wrap, .audition .form__casette--left .thumb__wrap {
          position: relative;
          width: 61%;
          height: 226px;
          margin-bottom: -28px;
          overflow: hidden; }
          .audition .audition__casette .thumb__wrap img, .audition .audition__casette--left .thumb__wrap img, .audition .form__casette .thumb__wrap img, .audition .form__casette--left .thumb__wrap img {
            position: relative;
            width: auto;
            height: auto;
            min-width: 100%;
            min-height: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
    .audition .audition__casette .requirements, .audition .audition__casette--left .requirements, .audition .form__casette .requirements, .audition .form__casette--left .requirements {
      position: relative; }
      .audition .audition__casette .requirements::before, .audition .audition__casette--left .requirements::before, .audition .form__casette .requirements::before, .audition .form__casette--left .requirements::before {
        content: "";
        display: block;
        position: absolute;
        left: 20%;
        bottom: 0;
        width: 60%;
        height: 30px;
        border-radius: 100%;
        background-color: #000;
        -webkit-box-shadow: 0 0 50px 30px black;
        box-shadow: 0 0 50px 30px black;
        opacity: 0.1; }
      .audition .audition__casette .requirements__inner, .audition .audition__casette--left .requirements__inner, .audition .form__casette .requirements__inner, .audition .form__casette--left .requirements__inner {
        background: #fff;
        position: relative;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
      .audition .audition__casette .requirements__body, .audition .audition__casette--left .requirements__body, .audition .form__casette .requirements__body, .audition .form__casette--left .requirements__body {
        padding: 40px 0;
        margin: 0 30px; }
        @media screen and (max-width: 768px) {
          .audition .audition__casette .requirements__body, .audition .audition__casette--left .requirements__body, .audition .form__casette .requirements__body, .audition .form__casette--left .requirements__body {
            padding: 17px 0 30px;
            margin: 0 20px; } }
      .audition .audition__casette .requirements__footer, .audition .audition__casette--left .requirements__footer, .audition .form__casette .requirements__footer, .audition .form__casette--left .requirements__footer {
        padding: 24px 0 0;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .audition .audition__casette .requirements__footer, .audition .audition__casette--left .requirements__footer, .audition .form__casette .requirements__footer, .audition .form__casette--left .requirements__footer {
            padding-top: 21px; } }
      .audition .audition__casette .requirements .heading, .audition .audition__casette--left .requirements .heading, .audition .form__casette .requirements .heading, .audition .form__casette--left .requirements .heading {
        margin-bottom: -5px; }
        @media screen and (max-width: 768px) {
          .audition .audition__casette .requirements .heading, .audition .audition__casette--left .requirements .heading, .audition .form__casette .requirements .heading, .audition .form__casette--left .requirements .heading {
            margin-bottom: 0; } }
      .audition .audition__casette .requirements .status, .audition .audition__casette--left .requirements .status, .audition .form__casette .requirements .status, .audition .form__casette--left .requirements .status {
        font-size: 1.6rem;
        font-weight: bold;
        margin: 0 0 14px; }
        @media screen and (max-width: 768px) {
          .audition .audition__casette .requirements .status, .audition .audition__casette--left .requirements .status, .audition .form__casette .requirements .status, .audition .form__casette--left .requirements .status {
            font-size: 1.4rem;
            margin-bottom: 4px; } }
      .audition .audition__casette .requirements .outline, .audition .audition__casette--left .requirements .outline, .audition .form__casette .requirements .outline, .audition .form__casette--left .requirements .outline {
        margin: 0 0 14px; }
        @media screen and (max-width: 768px) {
          .audition .audition__casette .requirements .outline, .audition .audition__casette--left .requirements .outline, .audition .form__casette .requirements .outline, .audition .form__casette--left .requirements .outline {
            margin-bottom: 17px; } }
      .audition .audition__casette .requirements .qualification .qual_heading, .audition .audition__casette--left .requirements .qualification .qual_heading, .audition .form__casette .requirements .qualification .qual_heading, .audition .form__casette--left .requirements .qualification .qual_heading {
        display: inline-block;
        color: #fff;
        background: #cfd5e3;
        padding: 3px 18px; }
        .audition .audition__casette .requirements .qualification .qual_heading__wrap, .audition .audition__casette--left .requirements .qualification .qual_heading__wrap, .audition .form__casette .requirements .qualification .qual_heading__wrap, .audition .form__casette--left .requirements .qualification .qual_heading__wrap {
          margin: 0 0 12px; }
      .audition .audition__casette .requirements .qualification .qual__list > li, .audition .audition__casette--left .requirements .qualification .qual__list > li, .audition .form__casette .requirements .qualification .qual__list > li, .audition .form__casette--left .requirements .qualification .qual__list > li {
        text-indent: -1em;
        padding-left: 1em; }
      .audition .audition__casette .requirements .qualification .qual__list > li, .audition .audition__casette--left .requirements .qualification .qual__list > li, .audition .form__casette .requirements .qualification .qual__list > li, .audition .form__casette--left .requirements .qualification .qual__list > li {
        margin-bottom: 2px; }
        .audition .audition__casette .requirements .qualification .qual__list > li:last-child, .audition .audition__casette--left .requirements .qualification .qual__list > li:last-child, .audition .form__casette .requirements .qualification .qual__list > li:last-child, .audition .form__casette--left .requirements .qualification .qual__list > li:last-child {
          margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .audition .audition__casette .requirements .qualification .qual__list > li, .audition .audition__casette--left .requirements .qualification .qual__list > li, .audition .form__casette .requirements .qualification .qual__list > li, .audition .form__casette--left .requirements .qualification .qual__list > li {
          margin-bottom: 6px;
          line-height: 1.5; } }
    .audition .audition__casette .label, .audition .audition__casette--left .label, .audition .form__casette .label, .audition .form__casette--left .label {
      position: absolute;
      width: 112px;
      height: 112px;
      background: #333;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .audition .audition__casette .label span, .audition .audition__casette--left .label span, .audition .form__casette .label span, .audition .form__casette--left .label span {
        display: inline-block;
        line-height: 1.2;
        color: #fff;
        font-size: 2.6rem;
        font-family: "Oswald", "Fjalla One", sans-serif; }
      @media screen and (max-width: 768px) {
        .audition .audition__casette .label, .audition .audition__casette--left .label, .audition .form__casette .label, .audition .form__casette--left .label {
          width: 67px;
          height: 67px; }
          .audition .audition__casette .label span, .audition .audition__casette--left .label span, .audition .form__casette .label span, .audition .form__casette--left .label span {
            font-size: 1.3rem;
            line-height: 1.4; } }
  .audition__casette .thumb__wrap {
    left: 0;
    top: -52px; }
  .audition__casette .requirements {
    margin: 0 0 0 274px; }
  .audition__casette .label {
    left: 226px;
    top: -80px; }
  @media screen and (max-width: 768px) {
    .audition__casette .thumb__wrap {
      top: auto;
      left: 25px; }
    .audition__casette .requirements {
      margin: 0 -7px 0 7px; }
    .audition__casette .label {
      left: -12px;
      top: -23px; } }
  .audition__casette--left .thumb__wrap {
    right: 0;
    top: -52px; }
  .audition__casette--left .requirements {
    margin: 0 274px 0 0; }
  .audition__casette--left .label {
    left: -19px;
    top: -73px; }
  @media screen and (max-width: 768px) {
    .audition__casette--left .thumb__wrap {
      top: auto;
      left: 25px; }
    .audition__casette--left .requirements {
      margin: 0 7px 0 -7px; }
    .audition__casette--left .label {
      left: -5px;
      top: -12px; } }
  .audition .qa__container {
    margin: 0 0 80px; }
  .audition .qa__footer {
    padding: 60px 0 0;
    text-align: center; }
  @media screen and (max-width: 768px) {
    .audition .qa__container {
      margin-bottom: 50px; }
    .audition .qa__footer {
      padding-top: 30px; } }
  .audition .label__category {
    position: absolute;
    left: -135px;
    top: 0;
    background: #333; }
    .audition .label__category span {
      display: inline-block;
      font-size: 5.4rem;
      font-family: "Oswald", "Fjalla One", sans-serif;
      color: #fff;
      line-height: 1;
      padding: 29px 38px; }
    @media screen and (max-width: 768px) {
      .audition .label__category {
        left: -20px; }
        .audition .label__category span {
          font-size: 3.0rem;
          padding: 13px 14px; } }
  .audition_entry__header {
    padding: 180px 0 18px; }
    .audition_entry__header.enttry__form {
      padding-top: 69px; }
    .audition_entry__header .heading {
      margin-bottom: -5px; }
      .audition_entry__header .heading + .outline {
        padding: 10px 0 0; }
    .audition_entry__header .status {
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0 0 15px; }
    .audition_entry__header .note {
      padding: 20px 0 0; }
    @media screen and (max-width: 768px) {
      .audition_entry__header {
        padding: 75px 0 15px; }
        .audition_entry__header.enttry__form {
          padding-top: 19px; }
        .audition_entry__header .heading {
          margin-bottom: 0; }
        .audition_entry__header .status {
          margin-bottom: 5px; } }
  .audition_entry__body .qualification .qual_heading {
    display: inline-block;
    color: #333;
    padding: 3px 18px;
    border: 1px solid #060001; }
    .audition_entry__body .qualification .qual_heading__wrap {
      margin: 0 0 12px; }
    @media screen and (max-width: 768px) {
      .audition_entry__body .qualification .qual_heading {
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold; } }
  .audition_entry__body .qualification .qual__list > li {
    text-indent: -1em;
    padding-left: 1em; }
  .audition_entry__body .qualification .qual__list > li {
    margin-bottom: 2px; }
    .audition_entry__body .qualification .qual__list > li:last-child {
      margin-bottom: 0; }
  .audition_entry__body .sentence__container {
    margin: 0 0 28px; }
  .audition_entry__body .text__sentence {
    margin: 0 0 20px; }
    .audition_entry__body .text__sentence:last-child {
      margin-bottom: 0; }
  .audition_entry__footer {
    text-align: center;
    padding: 28px 0 0; }
  .audition_entry__section {
    padding: 32px 0;
    border-bottom: 1px solid #eaebf2; }
    .audition_entry__section:first-child {
      padding-top: 0; }
    .audition_entry__section:last-child {
      border-bottom: none; }
    .audition_entry__section--child {
      padding: 25px 0 0; }
      .audition_entry__section--child:first-child {
        padding-top: 0; }
    @media screen and (max-width: 768px) {
      .audition_entry__section {
        padding: 22px 0; } }
  .audition_entry__content {
    padding: 12px 0 0; }
    @media screen and (max-width: 768px) {
      .audition_entry__content {
        padding-top: 10px; } }
    .audition_entry__content--child {
      padding: 6px 0 0; }
      @media screen and (max-width: 768px) {
        .audition_entry__content--child {
          padding-top: 4px; } }
  .audition_entry__flow {
    margin: 0 -20px 33px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*@include mixin_media_queries(pc_768_x_1000){
      margin-left: -15px;
      margin-right: -15px;
    };*/ }
    @media screen and (max-width: 768px) {
      .audition_entry__flow {
        margin: 0 0 25px;
        display: block; } }
    .audition_entry__flow > li {
      display: inline-block;
      width: 20%;
      min-height: 160px;
      vertical-align: top;
      position: relative;
      box-sizing: border-box;
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        .audition_entry__flow > li {
          display: block;
          width: auto;
          min-height: 0;
          padding: 0 0 32px; }
          .audition_entry__flow > li:last-child {
            padding-bottom: 0; } }
      .audition_entry__flow > li:after {
        content: "";
        position: absolute;
        right: -2%;
        top: 50%;
        display: block;
        width: 25px;
        height: 25px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg); }
        @media screen and (max-width: 768px) {
          .audition_entry__flow > li:after {
            right: auto;
            left: 50%;
            top: auto;
            bottom: 12px;
            -webkit-transform: translateX(-50%) translateY(0) rotate(45deg);
            transform: translateX(-50%) translateY(0) rotate(45deg); } }
      .audition_entry__flow > li:last-child:after {
        display: none; }
      .audition_entry__flow > li .rect {
        width: 100%;
        max-width: 160px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        background: #626262;
        color: #fff;
        padding: 35px 5px 5px;
        text-align: center; }
        .audition_entry__flow > li .rect .label {
          font-size: 2.0rem;
          margin: 0 0 12px;
          font-weight: bold; }
        @media screen and (max-width: 768px) {
          .audition_entry__flow > li .rect {
            max-width: none;
            padding: 15px 0; }
            .audition_entry__flow > li .rect .label {
              font-size: 1.4rem;
              margin-bottom: 2px; }
            .audition_entry__flow > li .rect .exp {
              font-size: 1.2rem; } }
      @media screen and (max-width: 768px) {
        .audition_entry__flow > li:nth-child(1) .rect {
          background: -webkit-linear-gradient(top, #666 0%, #616161 100%);
          background: -moz-linear-gradient(top, #666 0%, #616161 100%);
          background: -o-linear-gradient(top, #666 0%, #616161 100%);
          background: -ms-linear-gradient(top, #666 0%, #616161 100%);
          background: linear-gradient(to bottom, #666 0%, #616161 100%); }
        .audition_entry__flow > li:nth-child(2) .rect {
          background: -webkit-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -moz-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -o-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -ms-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: linear-gradient(to bottom, #5e5e5e 0%, #555 100%); }
        .audition_entry__flow > li:nth-child(3) .rect {
          background: -webkit-linear-gradient(top, #515151 0%, #484848 100%);
          background: -moz-linear-gradient(top, #515151 0%, #484848 100%);
          background: -o-linear-gradient(top, #515151 0%, #484848 100%);
          background: -ms-linear-gradient(top, #515151 0%, #484848 100%);
          background: linear-gradient(to bottom, #515151 0%, #484848 100%); }
        .audition_entry__flow > li:nth-child(4) .rect {
          background: -webkit-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -moz-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -o-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -ms-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: linear-gradient(to bottom, #444 0%, #3b3b3b 100%); }
        .audition_entry__flow > li:nth-child(5) .rect {
          background: -webkit-linear-gradient(top, #383838 0%, #333 100%);
          background: -moz-linear-gradient(top, #383838 0%, #333 100%);
          background: -o-linear-gradient(top, #383838 0%, #333 100%);
          background: -ms-linear-gradient(top, #383838 0%, #333 100%);
          background: linear-gradient(to bottom, #383838 0%, #333 100%); } }
  .audition_methods__container {
    padding: 50px 0 0; }
    @media screen and (max-width: 768px) {
      .audition_methods__container {
        padding-top: 40px; } }
  .audition_appbox {
    position: relative;
    margin: 0 0 60px; }
    .audition_appbox::before {
      content: "";
      display: block;
      position: absolute;
      left: 20%;
      bottom: 0;
      width: 60%;
      height: 30px;
      border-radius: 100%;
      background-color: #000;
      -webkit-box-shadow: 0 0 50px 30px black;
      box-shadow: 0 0 50px 30px black;
      opacity: 0.1; }
    .audition_appbox:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .audition_appbox {
        margin: 0 -7.5px 50px; } }
    .audition_appbox__inner {
      background: #fff;
      position: relative;
      -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
    .audition_appbox__content {
      padding: 30px 0 40px;
      margin: 0 30px; }
      @media screen and (max-width: 768px) {
        .audition_appbox__content {
          padding: 16px 0 30px;
          margin: 0 27.5px; } }
    .audition_appbox .section_heading {
      font-size: 3.0rem;
      font-weight: bold;
      text-align: center;
      margin: 0 0 8px; }
      @media screen and (max-width: 768px) {
        .audition_appbox .section_heading {
          font-size: 2.0rem; } }
    .audition_appbox .entry_buttons, .audition_appbox .entry_buttons--multi {
      padding: 28px 0 0; }
    .audition_appbox .entry_buttons {
      text-align: center; }
      @media screen and (max-width: 768px) {
        .audition_appbox .entry_buttons {
          padding-top: 20px; }
          .audition_appbox .entry_buttons .btn__radius {
            margin: 0 0 15px; }
            .audition_appbox .entry_buttons .btn__radius:last-child {
              margin-bottom: 0; } }
      .audition_appbox .entry_buttons--multi {
        display: flex;
        justify-content: space-between;
        max-width: 737px;
        margin: 0 auto; }
        .audition_appbox .entry_buttons--multi .btn__radius {
          margin-right: 37px; }
          .audition_appbox .entry_buttons--multi .btn__radius:last-child {
            margin-right: 0; }
        @media screen and (max-width: 768px) {
          .audition_appbox .entry_buttons--multi {
            display: block;
            text-align: center;
            padding-top: 20px; }
            .audition_appbox .entry_buttons--multi .btn__radius {
              margin: 0 0 15px; }
              .audition_appbox .entry_buttons--multi .btn__radius:last-child {
                margin-bottom: 0; } }
    .audition_appbox .content_box {
      max-width: 680px;
      margin: 0 auto; }
    .audition_appbox .outline {
      text-align: center;
      line-height: 2; }
      @media screen and (max-width: 768px) {
        .audition_appbox .outline {
          text-align: left;
          line-height: 1.6; } }
    .audition_appbox .requirements__container {
      padding: 40px 0 0; }
      @media screen and (max-width: 768px) {
        .audition_appbox .requirements__container {
          padding-top: 14px; } }
    .audition_appbox .requirements__content {
      margin: 0 0 20px; }
      .audition_appbox .requirements__content:last-child {
        margin-bottom: 0; }
    .audition_appbox .requirements__list_num {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .audition_appbox .requirements__list_num > li:nth-child(4n+1), .audition_appbox .requirements__list_num > li:nth-child(4n+2) {
        width: 11%; }
      .audition_appbox .requirements__list_num > li:nth-child(4n+3) {
        width: 32%; }
      .audition_appbox .requirements__list_num > li:nth-child(3) {
        width: 15%; }
      .audition_appbox .requirements__list_num > li:nth-child(4) {
        width: 63%; }
      .audition_appbox .requirements__list_num > li:nth-child(8) {
        width: 46%; }
      @media screen and (max-width: 768px) {
        .audition_appbox .requirements__list_num {
          display: block; }
          .audition_appbox .requirements__list_num > li {
            position: relative;
            padding: 0 0 0 3em; }
            .audition_appbox .requirements__list_num > li .num {
              position: absolute;
              display: block;
              left: 0;
              top: 0; }
            .audition_appbox .requirements__list_num > li:nth-child(4n+1), .audition_appbox .requirements__list_num > li:nth-child(4n+2), .audition_appbox .requirements__list_num > li:nth-child(4n+3), .audition_appbox .requirements__list_num > li:nth-child(4n) {
              width: auto; } }

/* company
------------------------------------------------------**/
.hdl_company__body {
  margin: 0 110px 50px 64px; }
  .hdl_company__body ul li,
  .hdl_company__body ol li {
    text-indent: -1.2em;
    margin-left: 1.2em; }
  @media screen and (max-width: 768px) {
    .hdl_company__body {
      margin: 0 0 50px; } }
  .hdl_company__body .list__sitemap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -30px; }
    .hdl_company__body .list__sitemap li {
      text-indent: 0;
      margin: 0 40px 8px 0; }
      .hdl_company__body .list__sitemap li a {
        color: #6d91e0; }
    .hdl_company__body .list__sitemap + .list__sitemap {
      margin-top: 8px; }
    @media screen and (max-width: 768px) {
      .hdl_company__body .list__sitemap {
        margin: 6px 0 -7px; }
        .hdl_company__body .list__sitemap li {
          margin: 0 14px 8px 0; }
        .hdl_company__body .list__sitemap + .list__sitemap {
          margin-top: 6px;
          padding-top: 0; } }

.company__editor_style hr {
  height: 1px;
  border: none;
  background: #eaebf2;
  margin: 50px 0; }
.company__editor_style .heading__text_lv2 {
  font-weight: normal; }
  .company__editor_style .heading__text_lv2 small {
    display: inline-block;
    font-size: 1.6rem;
    margin: 0 0 0 22px; }
.company__editor_style .heading__text_lv6 {
  margin: 0; }
  .company__editor_style .heading__text_lv6 + p {
    font-size: 1.4rem;
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    line-height: 1.8;
    padding-top: 14px; }
.company__editor_style [class^="heading__"] {
  line-height: 1.4; }
.company__editor_style p,
.company__editor_style ul,
.company__editor_style ol {
  padding: 24px 0 0; }

.other__editor_style {
  margin: 65px 110px 0 64px; }
  .other__editor_style .heading__text_lv2 {
    font-weight: normal; }
    .other__editor_style .heading__text_lv2 small {
      display: inline-block;
      font-size: 1.6rem;
      margin: 0 0 0 22px; }
  .other__editor_style .heading__text_lv5 {
    font-size: 1.7rem; }
  .other__editor_style .heading__text_lv6 {
    margin: 0; }
    .other__editor_style .heading__text_lv6 + p {
      font-size: 1.4rem;
      font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: normal;
      line-height: 1.8;
      padding-top: 14px; }
  .other__editor_style [class^="heading__"] {
    line-height: 1.4;
    margin-bottom: -14px; }
  .other__editor_style p,
  .other__editor_style ul,
  .other__editor_style ol,
  .other__editor_style dl {
    padding: 23px 0 0; }
  .other__editor_style dl dt[class^="heading__"] {
    margin-bottom: 10px; }
  .other__editor_style dl dd ul,
  .other__editor_style dl dd ol {
    padding-top: 0; }
  @media screen and (max-width: 768px) {
    .other__editor_style {
      margin: 40px 0 0 0; } }

.heading__text + .other__editor_style {
  margin-top: 80px; }
@media screen and (max-width: 768px) {
  .heading__text + .other__editor_style {
    margin-top: 50px; }
    .heading__text + .other__editor_style [class^="heading__"] {
      line-height: 1.4; } }

.list__company ul {
  display: flex;
  justify-content: space-between;
  margin: 0 0 18px; }
  .list__company ul li {
    display: inline-flex;
    align-items: center;
    width: 100%; }
    .list__company ul li:before, .list__company ul li:last-child:after {
      content: "";
      display: inline-flex;
      width: 1px;
      height: 100%;
      margin: 0 3px;
      background: #eaebf2; }
    .list__company ul li a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 48px;
      color: #6d7fa7; }
    .list__company ul li.current a, .list__company ul li:hover a {
      background: #eaebf2; }
@media screen and (max-width: 768px) {
  .list__company {
    margin: 0 -20px; }
    .list__company ul {
      display: flex;
      justify-content: space-between;
      background: #fff;
      position: relative;
      -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
      .list__company ul li {
        display: inline-flex;
        align-items: center;
        width: 100%; }
        .list__company ul li:before, .list__company ul li:last-child:after {
          width: 1px;
          height: 100%;
          margin: 0;
          background: none; }
        .list__company ul li a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 43px;
          color: #6d7fa7;
          background: #f4f5f9;
          font-size: 1.2rem; }
          .list__company ul li a span {
            display: none; }
        .list__company ul li.current a {
          background: #ffffff; } }
.list__company + section .heading__text .heading__text_lv2 {
  font-size: 7rem; }
.list__company + section .heading__text .hdl_article__body {
  margin-bottom: 68px; }
.list__company + section .heading__text .company__editor_style p {
  font-size: 1.4rem;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  font-weight: normal; }
  .list__company + section .heading__text .company__editor_style p.heading__text_lv6 {
    font-weight: bold;
    padding: 17px 0 0; }
@media screen and (max-width: 768px) {
  .list__company + section .heading__text .heading__text_lv2 {
    font-size: 3.8rem; } }

.group__table_wrap [class^="heading__"] small {
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 0 22px; }
.group__table_wrap table {
  width: 100%;
  margin: 24px 0 50px; }
  .group__table_wrap table tr th,
  .group__table_wrap table tr td {
    display: block;
    width: 100%;
    padding: 0 0 16px;
    box-sizing: border-box; }
  .group__table_wrap table tr th {
    font-weight: bold;
    vertical-align: text-top;
    padding: 0 0 3px; }
  .group__table_wrap table tr td {
    word-break: break-all;
    padding: 0 0 14px; }
    .group__table_wrap table tr td ul,
    .group__table_wrap table tr td ol {
      padding-top: 0; }
  .group__table_wrap table tr:last-child th,
  .group__table_wrap table tr:last-child td {
    padding-bottom: 0; }
.group__table_wrap--side table {
  width: 100%;
  margin: 0 0 50px; }
  .group__table_wrap--side table tr th,
  .group__table_wrap--side table tr td {
    padding: 20px 0;
    box-sizing: border-box; }
  .group__table_wrap--side table tr th {
    width: 100px;
    padding-right: 20px;
    font-weight: bold;
    vertical-align: text-top; }
  .group__table_wrap--side table tr td {
    word-break: break-all; }
  .group__table_wrap--side table tr:last-child th,
  .group__table_wrap--side table tr:last-child td {
    padding-bottom: 0; }
@media screen and (max-width: 768px) {
  .group__table_wrap table {
    margin: 13px 0 0; }
    .group__table_wrap table tr th,
    .group__table_wrap table tr td {
      display: block;
      width: 100%;
      padding: 0 0 16px;
      box-sizing: border-box; }
    .group__table_wrap table tr th {
      width: auto;
      padding: 0 0 3px; }
    .group__table_wrap table tr td {
      padding: 0 0 10px; }
  .group__table_wrap--side table tr th,
  .group__table_wrap--side table tr td {
    padding: 20px 0;
    box-sizing: border-box; }
  .group__table_wrap--side table tr th {
    width: 80px;
    padding-right: 0; } }

.list__company_recruit dt {
  margin: 24px 0 0;
  font-weight: bold; }
.list__company_recruit dd {
  margin: 0 0 0 1em; }
  .list__company_recruit dd p,
  .list__company_recruit dd ul,
  .list__company_recruit dd ol {
    padding-top: 0; }

@font-face {
  font-family: 'Noto Sans Japanese Regular';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/font/NotoSansCJKjp-Regular.eot");
  src: url("./assets/font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("./assets/font/NotoSansCJKjp-Regular.woff") format("woff"), url("./assets/font/NotoSansCJKjp-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Noto Sans Japanese DemiLight';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/font/NotoSansCJKjp-DemiLight.eot");
  src: url("./assets/font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("./assets/font/NotoSansCJKjp-DemiLight.woff") format("woff"), url("./assets/font/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }
@font-face {
  font-family: 'Noto Sans Japanese Medium';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/font/NotoSansCJKjp-Medium.eot");
  src: url("./assets/font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("./assets/font/NotoSansCJKjp-Medium.woff") format("woff"), url("./assets/font/NotoSansCJKjp-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'Noto Sans Japanese Bold';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/font/NotoSansCJKjp-Bold.eot");
  src: url("./assets/font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("./assets/font/NotoSansCJKjp-Bold.woff") format("woff"), url("./assets/font/NotoSansCJKjp-Bold.ttf") format("truetype"); }
/* イベントページ用ヘッダー
------------------------------------------------------**/
#header__event {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 10; }
  #header__event .header__body {
    border-bottom: 6px solid #eef2f5;
    font-family: "Noto Sans Japanese Medium", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    @media screen and (max-width: 768px) {
      #header__event .header__body {
        border-bottom: none;
        background: #fff; }
        #header__event .header__body #btn_sp_nav {
          display: inline-block;
          display: block;
          position: fixed;
          top: 0;
          right: 0;
          border: none;
          width: 60px;
          height: 60px;
          z-index: 1; }
          #header__event .header__body #btn_sp_nav a .icon__container {
            left: 50%; } }
    @media screen and (max-width: 768px) {
      #header__event .header__body .wrap__navigation {
        display: none;
        width: 100%;
        height: 100vh; } }
    #header__event .header__body #navigation {
      position: relative;
      justify-content: flex-start; }
      @media screen and (max-width: 768px) {
        #header__event .header__body #navigation {
          padding: 130px 0 45px;
          z-index: 0; } }
      #header__event .header__body #navigation #bar {
        display: none !important; }
        @media screen and (max-width: 768px) {
          #header__event .header__body #navigation #bar {
            display: none !important; } }
      #header__event .header__body #navigation ul {
        height: 84px;
        margin-left: 98px;
        justify-content: flex-start; }
        #header__event .header__body #navigation ul li {
          margin-right: 68px; }
          #header__event .header__body #navigation ul li.current a::after {
            transform: scale(1, 1); }
        #header__event .header__body #navigation ul a {
          position: relative;
          text-decoration: none; }
          #header__event .header__body #navigation ul a::before {
            content: none; }
          #header__event .header__body #navigation ul a::after {
            position: absolute;
            bottom: -6px;
            left: 0;
            content: '';
            width: 100%;
            height: 6px;
            background: #e7b630;
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform .3s; }
          #header__event .header__body #navigation ul a:hover::after {
            transform: scale(1, 1); }
          #header__event .header__body #navigation ul a .text__container .eng {
            font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            letter-spacing: 2px; }
          #header__event .header__body #navigation ul a .text__container .jp {
            color: #c4c4c4;
            padding-top: 5px; }
        @media screen and (max-width: 768px) {
          #header__event .header__body #navigation ul {
            display: block;
            height: auto;
            margin-left: 0;
            padding: 0 65px;
            box-sizing: border-box;
            width: 100%; }
            #header__event .header__body #navigation ul li {
              display: block;
              text-align: center;
              width: 100%;
              height: auto;
              margin: 0 0 47px 0; }
              #header__event .header__body #navigation ul li.current .eng {
                color: #c4c4c4; }
              #header__event .header__body #navigation ul li:last-child {
                margin-bottom: none; }
              #header__event .header__body #navigation ul li a {
                display: inline-block; }
                #header__event .header__body #navigation ul li a::before, #header__event .header__body #navigation ul li a::after {
                  content: none; }
                #header__event .header__body #navigation ul li a .text__container .eng {
                  font-size: 2.4rem; }
                #header__event .header__body #navigation ul li a .text__container .jp {
                  padding-top: 6px;
                  font-size: 1.4rem; } }
  #header__event .btn_buy_ticket {
    position: absolute;
    display: block;
    text-align: center;
    right: 0;
    top: 0;
    margin: 14px 20px; }
    #header__event .btn_buy_ticket a {
      display: block;
      color: #fff;
      background: #e7b630;
      border-radius: 60px;
      line-height: 56px;
      font-size: 1.6rem;
      font-weight: bold;
      width: 260px;
      height: 56px; }
      #header__event .btn_buy_ticket a:hover {
        opacity: 0.5; }
    @media screen and (max-width: 768px) {
      #header__event .btn_buy_ticket {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0 65px;
        width: 100%;
        height: auto;
        box-sizing: border-box; }
        #header__event .btn_buy_ticket a {
          margin: 0 auto;
          letter-spacing: 1.6px;
          height: 60px;
          line-height: 60px;
          font-size: 1.4rem;
          border-radius: 60px;
          max-width: 400px;
          width: auto; } }
  #header__event .sns__link {
    display: none; }
    @media screen and (max-width: 768px) {
      #header__event .sns__link {
        display: block;
        margin-top: 50px;
        text-align: center; }
        #header__event .sns__link li {
          display: inline-block;
          margin-right: 10px; }
          #header__event .sns__link li.txt {
            display: block;
            margin-right: 0;
            margin-bottom: 20px;
            color: #888483; }
          #header__event .sns__link li:last-child {
            margin-right: 0; }
          #header__event .sns__link li a {
            display: block;
            border: 1px solid #dbdbdb;
            overflow: hidden;
            border-radius: 50%; } }

/* イベントページ用フッター
------------------------------------------------------**/
#footer__event {
  text-align: center;
  padding: 60px 0 30px; }
  @media screen and (max-width: 768px) {
    #footer__event {
      padding-bottom: 95px; } }

.buy__ticlet_static {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px;
  padding: 10px 65px;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px;
  border-top: 1px solid #eeeef0; }
  .buy__ticlet_static .btn {
    display: block;
    text-align: center;
    color: #fff;
    background: #e7b630;
    letter-spacing: 1.6px;
    height: 45px;
    line-height: 45px;
    font-size: 1.4rem;
    border-radius: 40px;
    margin: 0 auto;
    max-width: 400px; }

/* /(アーティスト)/event配下コンテンツ
------------------------------------------------------*/
#container.container__event {
  margin: 0;
  font-family: "Noto Sans Japanese Regular", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  #container.container__event #content {
    padding-bottom: 0; }

.wrap__event_content .event__section_container {
  padding: 80px 0 95px; }
  @media screen and (max-width: 1080px) {
    .wrap__event_content .event__section_container {
      padding: 80px 25px 95px; } }
  @media screen and (max-width: 768px) {
    .wrap__event_content .event__section_container {
      padding: 35px 25px 45px; } }
  .wrap__event_content .event__section_container.event__info, .wrap__event_content .event__section_container.event__info__under {
    background: #e8eef3; }
    .wrap__event_content .event__section_container.event__info .event__section_inner, .wrap__event_content .event__section_container.event__info__under .event__section_inner {
      background: #fff;
      padding: 83px 100px 60px;
      box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .wrap__event_content .event__section_container.event__info, .wrap__event_content .event__section_container.event__info__under {
        padding: 50px 25px; }
        .wrap__event_content .event__section_container.event__info .event__section_inner, .wrap__event_content .event__section_container.event__info__under .event__section_inner {
          padding: 40px 25px 45px; } }
  .wrap__event_content .event__section_container.event__info__under {
    background: #fff; }
  .wrap__event_content .event__section_container.event__comment {
    background: #f4f8fb;
    padding-bottom: 70px; }
    .wrap__event_content .event__section_container.event__comment .title__event_heading {
      margin-bottom: 23px; }
    @media screen and (max-width: 768px) {
      .wrap__event_content .event__section_container.event__comment {
        padding: 45px 25px 50px; }
        .wrap__event_content .event__section_container.event__comment .title__event_heading {
          margin-bottom: 26px; } }
.wrap__event_content .event__section_inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 1080px) {
    .wrap__event_content .event__section_inner {
      width: 100%; } }

.block__event_bnr {
  margin-bottom: 86px; }
  .block__event_bnr a:hover {
    opacity: 0.5; }
  .block__event_bnr img {
    width: 100%; }
  @media screen and (max-width: 768px) {
    .block__event_bnr {
      margin-bottom: 45px; } }

.sentence__event_lead {
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #e0ae25; }

.sentence__event {
  font-size: 1.6rem;
  line-height: 1.9; }
  .sentence__event .sentence_event_heading {
    font-size: 2.6rem;
    font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 8px;
    letter-spacing: 2px; }
    .sentence__event .sentence_event_heading_under {
      font-size: 2.4rem;
      font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      margin-bottom: 8px;
      letter-spacing: 2px; }
  .sentence__event + .sentence__event {
    margin-top: 42px; }
  .sentence__event a {
    color: #2c93a6;
    text-decoration: underline; }
  .sentence__event .txt__strong {
    font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #e0ae25; }
  .sentence__event .txt__strong_large {
    font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #e0ae25;
    font-size: 2.4rem; }
  .sentence__event .txt__alert_weak {
    color: #ff5539; }
  .sentence__event .txt__alert_strong {
    font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #ff5539; }
  .sentence__event .txt__note {
    color: #666666;
    font-size: 1.4rem; }
  .sentence__event img {
    max-width: 100%;
    height: auto; }
  @media screen and (max-width: 768px) {
    .sentence__event {
      font-size: 1.4rem;
      line-height: 1.8; }
      .sentence__event .sentence_event_heading {
        font-size: 1.6rem;
        margin-bottom: 8px;
        letter-spacing: 1.6px; }
        .sentence__event .sentence_event_heading_under {
          font-size: 1.4rem;
          font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          margin-bottom: 8px;
          letter-spacing: 2px; }
      .sentence__event + .sentence__event {
        margin-top: 28px; }
      .sentence__event .txt__note {
        font-size: 1.2rem; } }

.buy__ticket {
  text-align: center;
  margin-top: 43px; }
  .buy__ticket .btn {
    display: inline-block;
    color: #fff;
    background: #e7b630;
    font-size: 2.0rem;
    letter-spacing: 1.6px;
    font-family: "Noto Sans Japanese Medium", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 88px;
    width: 400px;
    height: 88px;
    line-height: 88px; }
    .buy__ticket .btn:hover {
      opacity: 0.5; }
  @media screen and (max-width: 768px) {
    .buy__ticket {
      margin-top: 45px;
      padding: 0 15px; }
      .buy__ticket .btn {
        display: block;
        font-size: 1.4rem;
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
        height: 60px;
        line-height: 60px;
        border-radius: 60px;
        max-width: 400px;
        box-sizing: border-box; } }

.block__event_heading {
  position: relative;
  max-width: 1000px;
  margin: 90px auto 0; }
  .block__event_heading h1 img {
    width: 100%; }
  .block__event_heading .sns__link {
    position: absolute;
    bottom: 24px;
    right: 24px; }
    .block__event_heading .sns__link .txt {
      font-size: 1.4rem;
      margin-right: 10px;
      color: #888483; }
    .block__event_heading .sns__link a {
      display: block;
      height: 40px;
      width: 40px; }
    .block__event_heading .sns__link li {
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
      .block__event_heading .sns__link li:last-child {
        margin-right: 0; }
      .block__event_heading .sns__link li.tw {
        background: url(./assets/img/event/icn_twitter.png) no-repeat 0 0; }
      .block__event_heading .sns__link li.fb {
        background: url(./assets/img/event/icn_fb.png) no-repeat 0 0; }
      .block__event_heading .sns__link li.line {
        background: url(./assets/img/event/icn_line.png) no-repeat 0 0; }
    @media screen and (max-width: 768px) {
      .block__event_heading .sns__link {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 0;
        text-align: center; }
        .block__event_heading .sns__link .txt {
          transform: none;
          display: block;
          padding: 0;
          margin: 30px 0 7px;
          border: none;
          border-radius: 0; }
        .block__event_heading .sns__link li {
          display: inline-block;
          margin: 0 10px 0 0;
          border-radius: 100%;
          border: 1px solid #dbdbdb;
          overflow: hidden; } }
  @media screen and (max-width: 768px) {
    .block__event_heading {
      margin: 0; } }

.title__event_heading {
  font-size: 4.4rem;
  text-align: center;
  margin-bottom: 40px;
  font-family: "Noto Sans Japanese Medium", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  letter-spacing: 3px; }
  .title__event_heading .jp {
    display: block;
    font-size: 1.6rem;
    color: #9c9fa4;
    letter-spacing: 0;
    margin-top: 6px; }
  @media screen and (max-width: 768px) {
    .title__event_heading {
      margin-bottom: 25px;
      font-size: 3.2rem; }
      .title__event_heading .jp {
        font-size: 1.2rem;
        margin-top: 3px; } }

.subtitle__event_heading {
  font-size: 2.6rem;
  text-align: left;
  font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 40px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eff3f5; }

.list__event_news li {
  background: #f4f8fb;
  margin-bottom: 5px;
  padding: 12px 40px 15px;
  font-size: 1.6rem;
  letter-spacing: 2px; }
  .list__event_news li:last-child {
    margin-bottom: 0; }
  .list__event_news li time {
    color: #7a7a7a;
    font-size: 1.6rem;
    display: inline-block;
    margin-right: 40px;
    font-family: "Noto Sans Japanese DemiLight", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .list__event_news li a {
    display: inline-block;
    color: #2c93a6;
    text-decoration: underline; }
  .list__event_news li p {
    display: inline-block; }
  @media screen and (max-width: 768px) {
    .list__event_news li {
      padding: 10px 25px 13px;
      font-size: 1.3rem;
      letter-spacing: 1.7px;
      display: block;
      width: 100%;
      box-sizing: border-box; }
      .list__event_news li time {
        font-size: 1.2rem;
        display: block;
        margin-right: 0; }
      .list__event_news li a {
        display: block;
        text-decoration: underline; } }

.block__comment {
  display: table; }
  .block__comment .img, .block__comment .text {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box; }
  .block__comment .text {
    padding-left: 40px;
    line-height: 2;
    font-size: 1.6rem; }
  @media screen and (max-width: 768px) {
    .block__comment {
      display: block; }
      .block__comment .img, .block__comment .text {
        display: block;
        text-align: center; }
      .block__comment .text {
        padding: 25px 20px 0;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.8; } }

.block__event_link {
  width: 1000px;
  margin: 41px auto 0;
  line-height: 1; }
  @media screen and (max-width: 1080px) {
    .block__event_link {
      width: 100%;
      padding: 0 25px;
      box-sizing: border-box; } }
  @media screen and (max-width: 768px) {
    .block__event_link {
      margin: 38px auto 12px; } }
  .block__event_link ul {
    display: flex;
    justify-content: space-between; }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      .block__event_link ul {
        flex-wrap: wrap;
        justify-content: start; } }
    .block__event_link ul li {
      margin-right: 20px;
      margin-bottom: 12px; }
      .block__event_link ul li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .block__event_link ul li {
          margin-bottom: 0; } }
      .block__event_link ul li a {
        color: #9c9fa4;
        font-size: 1.4rem;
        letter-spacing: 2px; }
        .block__event_link ul li a[target="_blank"]::after {
          content: '';
          display: inline-block;
          vertical-align: 0;
          background: url(./assets/img/event/icon_blank_gray.png) no-repeat 0 0;
          background-size: 13px 10px;
          width: 13px;
          height: 10px;
          margin-left: 6px; }
    @media screen and (max-width: 768px) {
      .block__event_link ul {
        display: block;
        padding: 0 25px;
        text-align: center; }
        .block__event_link ul li {
          margin-bottom: 20px; }
          .block__event_link ul li:last-child {
            margin-bottom: 0; }
          .block__event_link ul li a {
            font-size: 1.2rem;
            letter-spacing: 1.2px; } }

.accordion__block {
  margin: 30px 0; }
  .accordion__block .accordion__btn {
    position: relative;
    background: #9c9fa4;
    line-height: 40px;
    height: 40px;
    width: 220px;
    text-align: center;
    border-radius: 40px;
    font-size: 1.2rem;
    color: #fff;
    font-family: "Noto Sans Japanese Bold", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    .accordion__block .accordion__btn::after {
      content: "";
      display: inline-block;
      vertical-align: 1px;
      margin-left: 10px;
      width: 6px;
      height: 6px;
      border-right: 3px solid #fff;
      border-bottom: 3px solid #fff;
      border-radius: 2px;
      transform: rotate(45deg); }
    .accordion__block .accordion__btn.open::after {
      transform: rotate(225deg);
      vertical-align: -2px; }
  .accordion__block .accordion__cont {
    margin-bottom: 35px;
    display: none; }

.form {
  position: relative;
  z-index: 0;
  /* 詳細ページ系
  ------------------------------------------------------------*/ }
  .form .bg__texture_images, .form .bg__texture_images--detail {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0; }
    .form .bg__texture_images::after, .form .bg__texture_images--detail::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 50px;
      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
      background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%); }
    .form .audition .bg__texture_images > .bg_texture__wrap, .form .audition .bg__texture_images--detail > .bg_texture__wrap, .form .bg__texture_images > .bg_texture__wrap, .form .bg__texture_images--detail > .bg_texture__wrap {
      background: url(./assets/img/common/bg_texture.png) no-repeat 0 0;
      background-size: cover;
      position: relative;
      height: 900px;
      margin: 0 0 260px; }
      .form .audition .bg__texture_images > .bg_texture__wrap--blur::before, .form .audition .bg__texture_images--detail > .bg_texture__wrap--blur::before, .form .bg__texture_images > .bg_texture__wrap--blur::before, .form .bg__texture_images--detail > .bg_texture__wrap--blur::before, .form .audition .bg__texture_images > .bg_texture__wrap--blur::after, .form .audition .bg__texture_images--detail > .bg_texture__wrap--blur::after, .form .bg__texture_images > .bg_texture__wrap--blur::after, .form .bg__texture_images--detail > .bg_texture__wrap--blur::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .form .audition .bg__texture_images > .bg_texture__wrap--blur::before, .form .audition .bg__texture_images--detail > .bg_texture__wrap--blur::before, .form .bg__texture_images > .bg_texture__wrap--blur::before, .form .bg__texture_images--detail > .bg_texture__wrap--blur::before {
        background: -webkit-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -moz-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -o-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: -ms-linear-gradient(top, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%);
        background: linear-gradient(to bottom, #fff 2%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, #fff 98%); }
      .form .audition .bg__texture_images > .bg_texture__wrap--left::after, .form .audition .bg__texture_images--detail > .bg_texture__wrap--left::after, .form .bg__texture_images > .bg_texture__wrap--left::after, .form .bg__texture_images--detail > .bg_texture__wrap--left::after {
        background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 40%);
        background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 40%); }
      @media screen and (max-width: 768px) {
        .form .audition .bg__texture_images > .bg_texture__wrap--left::after, .form .audition .bg__texture_images--detail > .bg_texture__wrap--left::after, .form .bg__texture_images > .bg_texture__wrap--left::after, .form .bg__texture_images--detail > .bg_texture__wrap--left::after {
          background: -webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 100%);
          background: linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 100%); } }
      .form .audition .bg__texture_images > .bg_texture__wrap--right::after, .form .audition .bg__texture_images--detail > .bg_texture__wrap--right::after, .form .bg__texture_images > .bg_texture__wrap--right::after, .form .bg__texture_images--detail > .bg_texture__wrap--right::after {
        background: -webkit-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -moz-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -o-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: -ms-linear-gradient(right, #fff 10%, rgba(255,255,255,0) 40%);
        background: linear-gradient(to left, #fff 10%, rgba(255,255,255,0) 40%); }
      @media screen and (max-width: 768px) {
        .form .audition .bg__texture_images > .bg_texture__wrap--right, .form .audition .bg__texture_images--detail > .bg_texture__wrap--right, .form .bg__texture_images > .bg_texture__wrap--right, .form .bg__texture_images--detail > .bg_texture__wrap--right {
          text-align: left; }
          .form .audition .bg__texture_images > .bg_texture__wrap--right::after, .form .audition .bg__texture_images--detail > .bg_texture__wrap--right::after, .form .bg__texture_images > .bg_texture__wrap--right::after, .form .bg__texture_images--detail > .bg_texture__wrap--right::after {
            background: -webkit-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -moz-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -o-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: -ms-linear-gradient(right, #fff 5%, rgba(255,255,255,0) 20%);
            background: linear-gradient(to left, #fff 5%, rgba(255,255,255,0) 20%); } }
      .form .bg__texture_images > .bg_texture__wrap.js__motion_anm--on .bg__textures, .form .bg__texture_images--detail > .bg_texture__wrap.js__motion_anm--on .bg__textures {
        z-index: 0; }
        .form .bg__texture_images > .bg_texture__wrap.js__motion_anm--on .bg__textures .texture::after, .form .bg__texture_images--detail > .bg_texture__wrap.js__motion_anm--on .bg__textures .texture::after {
          opacity: 1; }
      .form .audition .bg__texture_images > .bg_texture__wrap:last-child, .form .audition .bg__texture_images--detail > .bg_texture__wrap:last-child, .form .bg__texture_images > .bg_texture__wrap:last-child, .form .bg__texture_images--detail > .bg_texture__wrap:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .form .audition .bg__texture_images > .bg_texture__wrap, .form .audition .bg__texture_images--detail > .bg_texture__wrap, .form .bg__texture_images > .bg_texture__wrap, .form .bg__texture_images--detail > .bg_texture__wrap {
        height: 450px; } }
  .form .bg__texture_images--detail > .bg_texture__wrap {
    margin-bottom: 600px; }
  @media screen and (max-width: 768px) {
    .form .bg__texture_images--detail > .bg_texture__wrap {
      margin-bottom: 260px; }
      .form .bg__texture_images--detail > .bg_texture__wrap:nth-child(1) {
        margin-bottom: 80px; }
      .form .bg__texture_images--detail > .bg_texture__wrap:nth-child(2) {
        margin-bottom: 650px; } }
  .form_section__container {
    position: relative;
    z-index: 10; }
  .form_entrylist__section {
    margin: 0 0 85px; }
    .form_entrylist__section .section_heading {
      font-size: 3.0rem;
      margin: 0 0 12px;
      line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .form_entrylist__section {
        margin-bottom: 35px; }
        .form_entrylist__section .section_heading {
          font-size: 2.0rem; } }
  .form__list {
    padding: 135px 0 0; }
    .form__list > li {
      margin: 0 0 122px; }
      .form__list > li:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .form__list {
        padding-top: 40px; }
        .form__list > li {
          margin-bottom: 50px; } }
  .form .audition__casette, .form .audition__casette--left, .form .form__casette, .form .form__casette--left {
    position: relative; }
    .form .audition__casette .thumb__wrap, .form .audition__casette--left .thumb__wrap, .form .form__casette .thumb__wrap, .form .form__casette--left .thumb__wrap {
      position: absolute;
      width: 300px; }
      .form .audition__casette .thumb__wrap img, .form .audition__casette--left .thumb__wrap img, .form .form__casette .thumb__wrap img, .form .form__casette--left .thumb__wrap img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 768px) {
        .form .audition__casette .thumb__wrap, .form .audition__casette--left .thumb__wrap, .form .form__casette .thumb__wrap, .form .form__casette--left .thumb__wrap {
          position: relative;
          width: 100%;
          height: 226px;
          margin-bottom: -28px;
          overflow: hidden; }
          .form .audition__casette .thumb__wrap img, .form .audition__casette--left .thumb__wrap img, .form .form__casette .thumb__wrap img, .form .form__casette--left .thumb__wrap img {
            position: relative;
            width: auto;
            height: auto;
            min-width: 100%;
            min-height: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
    .form .audition__casette .requirements, .form .audition__casette--left .requirements, .form .form__casette .requirements, .form .form__casette--left .requirements {
      position: relative; }
      .form .audition__casette .requirements::before, .form .audition__casette--left .requirements::before, .form .form__casette .requirements::before, .form .form__casette--left .requirements::before {
        content: "";
        display: block;
        position: absolute;
        left: 20%;
        bottom: 0;
        width: 60%;
        height: 30px;
        border-radius: 100%;
        background-color: #000;
        -webkit-box-shadow: 0 0 50px 30px black;
        box-shadow: 0 0 50px 30px black;
        opacity: 0.1; }
      .form .audition__casette .requirements__inner, .form .audition__casette--left .requirements__inner, .form .form__casette .requirements__inner, .form .form__casette--left .requirements__inner {
        background: #fff;
        position: relative;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
      .form .audition__casette .requirements__body, .form .audition__casette--left .requirements__body, .form .form__casette .requirements__body, .form .form__casette--left .requirements__body {
        padding: 40px 0;
        margin: 0 30px; }
        @media screen and (max-width: 768px) {
          .form .audition__casette .requirements__body, .form .audition__casette--left .requirements__body, .form .form__casette .requirements__body, .form .form__casette--left .requirements__body {
            padding: 17px 0 30px;
            margin: 0 20px; } }
      .form .audition__casette .requirements__footer, .form .audition__casette--left .requirements__footer, .form .form__casette .requirements__footer, .form .form__casette--left .requirements__footer {
        padding: 24px 0 0;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .form .audition__casette .requirements__footer, .form .audition__casette--left .requirements__footer, .form .form__casette .requirements__footer, .form .form__casette--left .requirements__footer {
            padding-top: 21px; } }
      .form .audition__casette .requirements .heading, .form .audition__casette--left .requirements .heading, .form .form__casette .requirements .heading, .form .form__casette--left .requirements .heading {
        margin-bottom: -5px; }
        @media screen and (max-width: 768px) {
          .form .audition__casette .requirements .heading, .form .audition__casette--left .requirements .heading, .form .form__casette .requirements .heading, .form .form__casette--left .requirements .heading {
            margin-bottom: 0; } }
      .form .audition__casette .requirements .status, .form .audition__casette--left .requirements .status, .form .form__casette .requirements .status, .form .form__casette--left .requirements .status {
        font-size: 1.6rem;
        font-weight: bold;
        margin: 0 0 14px; }
        @media screen and (max-width: 768px) {
          .form .audition__casette .requirements .status, .form .audition__casette--left .requirements .status, .form .form__casette .requirements .status, .form .form__casette--left .requirements .status {
            font-size: 1.4rem;
            margin-bottom: 4px; } }
      .form .audition__casette .requirements .outline, .form .audition__casette--left .requirements .outline, .form .form__casette .requirements .outline, .form .form__casette--left .requirements .outline {
        margin: 0 0 14px; }
        @media screen and (max-width: 768px) {
          .form .audition__casette .requirements .outline, .form .audition__casette--left .requirements .outline, .form .form__casette .requirements .outline, .form .form__casette--left .requirements .outline {
            margin-bottom: 17px; } }
      .form .audition__casette .requirements .qualification .qual_heading, .form .audition__casette--left .requirements .qualification .qual_heading, .form .form__casette .requirements .qualification .qual_heading, .form .form__casette--left .requirements .qualification .qual_heading {
        display: inline-block;
        color: #fff;
        background: #cfd5e3;
        padding: 3px 18px; }
        .form .audition__casette .requirements .qualification .qual_heading__wrap, .form .audition__casette--left .requirements .qualification .qual_heading__wrap, .form .form__casette .requirements .qualification .qual_heading__wrap, .form .form__casette--left .requirements .qualification .qual_heading__wrap {
          margin: 0 0 12px; }
      .form .audition__casette .requirements .qualification .qual__list > li, .form .audition__casette--left .requirements .qualification .qual__list > li, .form .form__casette .requirements .qualification .qual__list > li, .form .form__casette--left .requirements .qualification .qual__list > li {
        text-indent: -1em;
        padding-left: 1em; }
      .form .audition__casette .requirements .qualification .qual__list > li, .form .audition__casette--left .requirements .qualification .qual__list > li, .form .form__casette .requirements .qualification .qual__list > li, .form .form__casette--left .requirements .qualification .qual__list > li {
        margin-bottom: 2px; }
        .form .audition__casette .requirements .qualification .qual__list > li:last-child, .form .audition__casette--left .requirements .qualification .qual__list > li:last-child, .form .form__casette .requirements .qualification .qual__list > li:last-child, .form .form__casette--left .requirements .qualification .qual__list > li:last-child {
          margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .form .audition__casette .requirements .qualification .qual__list > li, .form .audition__casette--left .requirements .qualification .qual__list > li, .form .form__casette .requirements .qualification .qual__list > li, .form .form__casette--left .requirements .qualification .qual__list > li {
          margin-bottom: 6px;
          line-height: 1.5; } }
    .form .audition__casette .label, .form .audition__casette--left .label, .form .form__casette .label, .form .form__casette--left .label {
      position: absolute;
      width: 112px;
      height: 112px;
      background: #333;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .form .audition__casette .label span, .form .audition__casette--left .label span, .form .form__casette .label span, .form .form__casette--left .label span {
        display: inline-block;
        line-height: 1.2;
        color: #fff;
        font-size: 2.6rem;
        font-family: "Oswald", "Fjalla One", sans-serif; }
      @media screen and (max-width: 768px) {
        .form .audition__casette .label, .form .audition__casette--left .label, .form .form__casette .label, .form .form__casette--left .label {
          width: 56px;
          height: 56px; }
          .form .audition__casette .label span, .form .audition__casette--left .label span, .form .form__casette .label span, .form .form__casette--left .label span {
            font-size: 1.3rem; } }
  .form__casette .thumb__wrap {
    left: 0;
    top: -52px; }
  .form__casette .requirements {
    margin: 0 0 0 274px; }
  .form__casette .label {
    left: 226px;
    top: -80px; }
  @media screen and (max-width: 768px) {
    .form__casette .thumb__wrap {
      left: -20px;
      top: auto; }
    .form__casette .requirements {
      margin: 0 -7px 0 7px; }
    .form__casette .label {
      left: -5px;
      top: -12px; } }
  .form__casette--left .thumb__wrap {
    right: 0;
    top: -52px; }
  .form__casette--left .requirements {
    margin: 0 274px 0 0; }
  .form__casette--left .label {
    left: -19px;
    top: -73px; }
  @media screen and (max-width: 768px) {
    .form__casette--left .thumb__wrap {
      right: -20px;
      top: auto; }
    .form__casette--left .requirements {
      margin: 0 7px 0 -7px; }
    .form__casette--left .label {
      left: -5px;
      top: -12px; } }
  .form .qa__container {
    margin: 0 0 80px; }
  .form .qa__footer {
    padding: 60px 0 0;
    text-align: center; }
  @media screen and (max-width: 768px) {
    .form .qa__container {
      margin-bottom: 50px; }
    .form .qa__footer {
      padding-top: 30px; } }
  .form .label__category {
    position: absolute;
    left: -135px;
    top: 0;
    background: #333; }
    .form .label__category span {
      display: inline-block;
      font-size: 6.0rem;
      font-family: "Oswald", "Fjalla One", sans-serif;
      color: #fff;
      line-height: 1;
      padding: 30px 38px; }
    @media screen and (max-width: 768px) {
      .form .label__category {
        left: -20px; }
        .form .label__category span {
          font-size: 3.0rem;
          padding: 13px 14px; } }
  .form_entry__header {
    padding: 180px 0 18px; }
    .form_entry__header .heading {
      margin-bottom: -5px; }
      .form_entry__header .heading + .outline {
        padding: 10px 0 0; }
    .form_entry__header .status {
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0 0 15px; }
    .form_entry__header .note {
      padding: 20px 0 0; }
    @media screen and (max-width: 768px) {
      .form_entry__header {
        padding: 75px 0 15px; }
        .form_entry__header .heading {
          margin-bottom: 0; }
        .form_entry__header .status {
          margin-bottom: 5px; } }
  .form_entry__body .qualification .qual_heading {
    display: inline-block;
    color: #333;
    padding: 3px 18px;
    border: 1px solid #060001; }
    .form_entry__body .qualification .qual_heading__wrap {
      margin: 0 0 12px; }
    @media screen and (max-width: 768px) {
      .form_entry__body .qualification .qual_heading {
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold; } }
  .form_entry__body .qualification .qual__list > li {
    text-indent: -1em;
    padding-left: 1em; }
  .form_entry__body .qualification .qual__list > li {
    margin-bottom: 2px; }
    .form_entry__body .qualification .qual__list > li:last-child {
      margin-bottom: 0; }
  .form_entry__body .sentence__container {
    margin: 0 0 28px; }
  .form_entry__body .text__sentence {
    margin: 0 0 20px; }
    .form_entry__body .text__sentence:last-child {
      margin-bottom: 0; }
  .form_entry__footer {
    text-align: center;
    padding: 28px 0 0; }
  .form_entry__section {
    padding: 32px 0;
    border-bottom: 1px solid #eaebf2; }
    .form_entry__section:first-child {
      padding-top: 0; }
    .form_entry__section:last-child {
      border-bottom: none; }
    .form_entry__section--child {
      padding: 25px 0 0; }
      .form_entry__section--child:first-child {
        padding-top: 0; }
    @media screen and (max-width: 768px) {
      .form_entry__section {
        padding: 22px 0; } }
  .form_entry__content {
    padding: 12px 0 0; }
    @media screen and (max-width: 768px) {
      .form_entry__content {
        padding-top: 10px; } }
    .form_entry__content--child {
      padding: 6px 0 0; }
      @media screen and (max-width: 768px) {
        .form_entry__content--child {
          padding-top: 4px; } }
  .form_entry__flow {
    margin: 0 -20px 33px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*@include mixin_media_queries(pc_768_x_1000){
      margin-left: -15px;
      margin-right: -15px;
    };*/ }
    @media screen and (max-width: 768px) {
      .form_entry__flow {
        margin: 0 0 25px;
        display: block; } }
    .form_entry__flow > li {
      display: inline-block;
      width: 20%;
      min-height: 160px;
      vertical-align: top;
      position: relative;
      box-sizing: border-box;
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        .form_entry__flow > li {
          display: block;
          width: auto;
          min-height: 0;
          padding: 0 0 32px; }
          .form_entry__flow > li:last-child {
            padding-bottom: 0; } }
      .form_entry__flow > li:after {
        content: "";
        position: absolute;
        right: -2%;
        top: 50%;
        display: block;
        width: 25px;
        height: 25px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg); }
        @media screen and (max-width: 768px) {
          .form_entry__flow > li:after {
            right: auto;
            left: 50%;
            top: auto;
            bottom: 12px;
            -webkit-transform: translateX(-50%) translateY(0) rotate(45deg);
            transform: translateX(-50%) translateY(0) rotate(45deg); } }
      .form_entry__flow > li:last-child:after {
        display: none; }
      .form_entry__flow > li .rect {
        width: 100%;
        max-width: 160px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        background: #626262;
        color: #fff;
        padding: 35px 5px 5px;
        text-align: center; }
        .form_entry__flow > li .rect .label {
          font-size: 2.0rem;
          margin: 0 0 12px;
          font-weight: bold; }
        @media screen and (max-width: 768px) {
          .form_entry__flow > li .rect {
            max-width: none;
            padding: 15px 0; }
            .form_entry__flow > li .rect .label {
              font-size: 1.4rem;
              margin-bottom: 2px; }
            .form_entry__flow > li .rect .exp {
              font-size: 1.2rem; } }
      @media screen and (max-width: 768px) {
        .form_entry__flow > li:nth-child(1) .rect {
          background: -webkit-linear-gradient(top, #666 0%, #616161 100%);
          background: -moz-linear-gradient(top, #666 0%, #616161 100%);
          background: -o-linear-gradient(top, #666 0%, #616161 100%);
          background: -ms-linear-gradient(top, #666 0%, #616161 100%);
          background: linear-gradient(to bottom, #666 0%, #616161 100%); }
        .form_entry__flow > li:nth-child(2) .rect {
          background: -webkit-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -moz-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -o-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: -ms-linear-gradient(top, #5e5e5e 0%, #555 100%);
          background: linear-gradient(to bottom, #5e5e5e 0%, #555 100%); }
        .form_entry__flow > li:nth-child(3) .rect {
          background: -webkit-linear-gradient(top, #515151 0%, #484848 100%);
          background: -moz-linear-gradient(top, #515151 0%, #484848 100%);
          background: -o-linear-gradient(top, #515151 0%, #484848 100%);
          background: -ms-linear-gradient(top, #515151 0%, #484848 100%);
          background: linear-gradient(to bottom, #515151 0%, #484848 100%); }
        .form_entry__flow > li:nth-child(4) .rect {
          background: -webkit-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -moz-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -o-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: -ms-linear-gradient(top, #444 0%, #3b3b3b 100%);
          background: linear-gradient(to bottom, #444 0%, #3b3b3b 100%); }
        .form_entry__flow > li:nth-child(5) .rect {
          background: -webkit-linear-gradient(top, #383838 0%, #333 100%);
          background: -moz-linear-gradient(top, #383838 0%, #333 100%);
          background: -o-linear-gradient(top, #383838 0%, #333 100%);
          background: -ms-linear-gradient(top, #383838 0%, #333 100%);
          background: linear-gradient(to bottom, #383838 0%, #333 100%); } }
  .form_methods__container {
    padding: 50px 0 0; }
    @media screen and (max-width: 768px) {
      .form_methods__container {
        padding-top: 40px; } }
  .form_appbox {
    position: relative;
    margin: 0 0 60px; }
    .form_appbox::before {
      content: "";
      display: block;
      position: absolute;
      left: 20%;
      bottom: 0;
      width: 60%;
      height: 30px;
      border-radius: 100%;
      background-color: #000;
      -webkit-box-shadow: 0 0 50px 30px black;
      box-shadow: 0 0 50px 30px black;
      opacity: 0.1; }
    .form_appbox:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .form_appbox {
        margin: 0 -7.5px 50px; } }
    .form_appbox__inner {
      background: #fff;
      position: relative;
      -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
    .form_appbox__content {
      padding: 30px 0 40px;
      margin: 0 30px; }
      @media screen and (max-width: 768px) {
        .form_appbox__content {
          padding: 16px 0 30px;
          margin: 0 27.5px; } }
    .form_appbox .section_heading {
      font-size: 3.0rem;
      font-weight: bold;
      text-align: center;
      margin: 0 0 8px; }
      @media screen and (max-width: 768px) {
        .form_appbox .section_heading {
          font-size: 2.0rem; } }
    .form_appbox .entry_buttons, .form_appbox .entry_buttons--multi {
      padding: 28px 0 0; }
    .form_appbox .entry_buttons {
      text-align: center; }
      @media screen and (max-width: 768px) {
        .form_appbox .entry_buttons {
          padding-top: 20px; }
          .form_appbox .entry_buttons .btn__radius {
            margin: 0 0 15px; }
            .form_appbox .entry_buttons .btn__radius:last-child {
              margin-bottom: 0; } }
      .form_appbox .entry_buttons--multi {
        display: flex;
        justify-content: space-between;
        max-width: 737px;
        margin: 0 auto; }
        .form_appbox .entry_buttons--multi .btn__radius {
          margin-right: 37px; }
          .form_appbox .entry_buttons--multi .btn__radius:last-child {
            margin-right: 0; }
        @media screen and (max-width: 768px) {
          .form_appbox .entry_buttons--multi {
            display: block;
            text-align: center;
            padding-top: 20px; }
            .form_appbox .entry_buttons--multi .btn__radius {
              margin: 0 0 15px; }
              .form_appbox .entry_buttons--multi .btn__radius:last-child {
                margin-bottom: 0; } }
    .form_appbox .content_box {
      max-width: 680px;
      margin: 0 auto; }
    .form_appbox .outline {
      text-align: center;
      line-height: 2; }
      @media screen and (max-width: 768px) {
        .form_appbox .outline {
          text-align: left;
          line-height: 1.6; } }
    .form_appbox .requirements__container {
      padding: 40px 0 0; }
      @media screen and (max-width: 768px) {
        .form_appbox .requirements__container {
          padding-top: 14px; } }
    .form_appbox .requirements__content {
      margin: 0 0 20px; }
      .form_appbox .requirements__content:last-child {
        margin-bottom: 0; }
    .form_appbox .requirements__list_num {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .form_appbox .requirements__list_num > li:nth-child(4n+1), .form_appbox .requirements__list_num > li:nth-child(4n+2) {
        width: 11%; }
      .form_appbox .requirements__list_num > li:nth-child(4n+3) {
        width: 32%; }
      .form_appbox .requirements__list_num > li:nth-child(3) {
        width: 15%; }
      .form_appbox .requirements__list_num > li:nth-child(4) {
        width: 63%; }
      .form_appbox .requirements__list_num > li:nth-child(8) {
        width: 46%; }
      @media screen and (max-width: 768px) {
        .form_appbox .requirements__list_num {
          display: block; }
          .form_appbox .requirements__list_num > li {
            position: relative;
            padding: 0 0 0 3em; }
            .form_appbox .requirements__list_num > li .num {
              position: absolute;
              display: block;
              left: 0;
              top: 0; }
            .form_appbox .requirements__list_num > li:nth-child(4n+1), .form_appbox .requirements__list_num > li:nth-child(4n+2), .form_appbox .requirements__list_num > li:nth-child(4n+3), .form_appbox .requirements__list_num > li:nth-child(4n) {
              width: auto; } }

/*# sourceMappingURL=style.css.map */