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

html, body {
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

a {
  text-decoration: none;
}

menu, ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
  max-inline-size: 100%;
  max-block-size: 100%;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

div {
  overflow: hidden;
}

button {
  outline: none;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

a, button {
  cursor: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::after, ::before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/*Safari rem-vw*/
_::-webkit-full-page-media, _:future, :root, body {
  -webkit-animation: safariFix 1s forwards infinite;
}

@-webkit-keyframes safariFix {
  100% {
    z-index: 1;
  }
}
/*----------------------------------------------------------------------------------------------------------------*/
/*font*/
body {
  font-family: 'Zen Kaku Gothic Antique','Helvetica Neue',Verdana, Arial,'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,メイリオ,Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, ol, blockquote {
  color: #E3E1D3;
  line-height: 150%;
  letter-spacing: 0.05em;
  margin-block-start: 0;
  margin-block-end: 0;
}

a {
  transition: .4s;
}
a:hover {
  opacity: 0.75;
  transition: .4s;
}
a:hover::after, a:hover::before {
  opacity: 0.75;
  transition: .4s;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*layout*/
.sp-only {
  display: none;
}
@media (max-width: 960px) {
  .sp-only {
    display: block;
  }
}

.pc-only {
  display: block;
}
@media (max-width: 960px) {
  .pc-only {
    display: none;
  }
}

.disiplay-none {
  display: none;
}

#container {
  width: 100%;
  clear: both;
  background-color: #668F84;
}

#container.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*share-part*/
/*----------------------------------------------------------------------------------------------------------------*/
/*header*/
header {
  position: fixed;
  right: 2.5vh;
  top: 2.5vh;
  z-index: 100;
}
@media (max-width: 960px) {
  header {
    right: 8.4vw;
  }
}
header .headre-cta {
  display: inline-block;
  padding: 1.875vh 2.5vw;
  background-color: #343E5A;
  color: #F8E970;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  header .headre-cta {
    font-size: max(calc(11vw / 3.75) , calc( 11px * 0.8));
    padding: 1.25vh 5vw;
  }
}
header .headre-cta:hover {
  background-color: #F8E970;
  color: #343E5A;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*index*/
.home #container, .home #main {
  overflow: visible;
  position: relative;
}
@media (max-width: 960px) {
  .home #container, .home #main {
    overflow: hidden;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-mv {
  clear: both;
  width: 100%;
  background-color: #668F84;
  text-align: center;
}
@media (max-width: 960px) {
  #sec-mv {
    height: auto;
  }
}
#sec-mv .sec-mv-title {
  padding-top: 10vh;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(70vw / 19.2) , calc( 70px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-mv .sec-mv-title {
    padding-top: 12.5vh;
    font-size: max(calc(28vw / 3.75) , calc( 28px * 0.8));
  }
}
#sec-mv .sec-mv-sub {
  padding-top: 3.75vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: max(calc(25vw / 19.2) , calc( 25px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-mv .sec-mv-sub {
    padding-top: 2.5vh;
    font-size: max(calc(15vw / 3.75) , calc( 15px * 0.8));
  }
}
#sec-mv .sec-mv-img {
  text-align: center;
}
#sec-mv .sec-mv-img img {
  margin-top: 2.5vh;
  width: 57.5vw;
}
@media (max-width: 960px) {
  #sec-mv .sec-mv-img img {
    width: 100vw;
    margin-top: 5vh;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-prologue {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
  text-align: center;
  padding-bottom: 30vh;
}
@media (max-width: 960px) {
  #sec-prologue {
    padding-top: 20vh;
  }
}
@media (max-width: 960px) {
  #sec-prologue {
    padding-bottom: 20vh;
  }
}
#sec-prologue .sec-prologue-img {
  width: 37.5vw;
}
@media (max-width: 960px) {
  #sec-prologue .sec-prologue-img {
    width: 87.5vw;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-about {
  clear: both;
  width: 100%;
  background-color: #668F84;
  margin-top: 10vh;
}
#sec-about .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-about .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-about .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-about .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-about .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
#sec-about .sec-image-box {
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #sec-about .sec-image-box {
    width: 90vw;
    display: block;
  }
}
@media (max-width: 960px) {
  #sec-about .sec-image-box li:nth-child(n+2) {
    margin-top: 5vh;
  }
}
#sec-about .sec-image-box .sec-image-box-li {
  width: 30vw;
}
@media (max-width: 960px) {
  #sec-about .sec-image-box .sec-image-box-li {
    width: 90vw;
  }
}
#sec-about .sec-image-box .sec-image-box-li .sec-image-box-title {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-about .sec-image-box .sec-image-box-li .sec-image-box-title {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-about .sec-image-box .sec-image-box-li .sec-image-box-text, #sec-about .sec-image-box .sec-image-box-li .sec-image-box-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-about .sec-image-box .sec-image-box-li .sec-image-box-text, #sec-about .sec-image-box .sec-image-box-li .sec-image-box-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-about .sec-image-box .sec-image-box-li .sec-image-box-text a, #sec-about .sec-image-box .sec-image-box-li .sec-image-box-cta a {
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-about .sec-image-box .sec-image-box-li .sec-image-box-text a, #sec-about .sec-image-box .sec-image-box-li .sec-image-box-cta a {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
@media (max-width: 960px) {
  #sec-about {
    margin-top: 5vh;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-live {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
}
#sec-live .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-live .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-live .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
@media (max-width: 960px) {
  #sec-live {
    padding-top: 20vh;
  }
}
#sec-live .sec-live-box {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box {
    display: block;
    width: 90vw;
  }
}
@media (max-width: 960px) {
  #sec-live .sec-live-box li:nth-child(n+2) {
    margin-top: 10vh;
  }
}
#sec-live .sec-live-box .sec-live-box-li {
  width: calc( 65vw / 4 );
  text-align: center;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-vol {
  font-family: "Cormorant Infant", serif;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-vol {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-img {
  margin-top: 2.5vh;
  border-radius: 50%;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-img {
    width: 66.6vw;
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-artist {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-artist {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-date {
  margin-top: 2.5vh;
  font-weight: 500;
  font-size: max(calc(28vw / 19.2) , calc( 28px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-date {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-date .sec-live-box-date-small {
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-date .sec-live-box-date-small {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-access {
  margin-top: 1.25vh;
  font-weight: 400;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-access {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview {
  margin-top: 7.5vh;
  text-align: left;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview {
    margin-top: 5vh;
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview .sec-live-box-interview-title {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview .sec-live-box-interview-title {
    font-size: max(calc(14vw / 3.75) , calc( 14px * 0.8));
  }
}
#sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview .sec-live-box-interview-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-live .sec-live-box .sec-live-box-li .sec-live-box-interview .sec-live-box-interview-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}

#sec-live-2 {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
}
#sec-live-2 .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-live-2 .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-live-2 .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
@media (max-width: 960px) {
  #sec-live-2 {
    padding-top: 20vh;
  }
}
#sec-live-2 .sec-live-box {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box {
    display: block;
    width: 90vw;
  }
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box li:nth-child(n+2) {
    margin-top: 10vh;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li {
  text-align: center;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-vol {
  font-family: "Cormorant Infant", serif;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-vol {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-date {
  margin-top: 1.25vh;
  font-weight: 500;
  font-size: max(calc(28vw / 19.2) , calc( 28px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-date {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-date .sec-live-box-date-small {
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-date .sec-live-box-date-small {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-access {
  margin-top: 1.25vh;
  font-weight: 400;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-access {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  column-gap: 5vw;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box {
    display: block;
    width: 90vw;
    column-gap: 0vw;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-img {
  width: calc( 65vw / 4 );
  margin-top: 5vh;
  border-radius: 50%;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-img {
    width: 66.6vw;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-artist {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-artist {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-box .sec-live-artist-box-one .sec-live-box-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  column-gap: 5vw;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box {
    display: block;
    width: 90vw;
    column-gap: 0vw;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview {
  width: calc( 65vw / 4 );
  margin-top: 7.5vh;
  text-align: left;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview {
    margin-top: 5vh;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview .sec-live-box-interview-title {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview .sec-live-box-interview-title {
    font-size: max(calc(14vw / 3.75) , calc( 14px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview .sec-live-box-interview-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-artist-interview-box .sec-live-box-interview .sec-live-box-interview-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-oldreport {
  margin-top: 10vh;
  font-weight: 400;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-oldreport {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  column-gap: 5vw;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport {
    display: block;
    width: 90vw;
    column-gap: 0vw;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview {
  width: calc( 65vw / 4 );
  margin-top: 5vh;
  text-align: left;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview {
    margin-top: 5vh;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview .sec-live-box-interview-title {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview .sec-live-box-interview-title {
    font-size: max(calc(14vw / 3.75) , calc( 14px * 0.8));
  }
}
#sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview .sec-live-box-interview-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-live-2 .sec-live-box .sec-live-box-li .sec-live-box-interview-oldreport .sec-live-box-interview .sec-live-box-interview-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-access {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
}
#sec-access .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-access .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-access .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-access .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-access .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
@media (max-width: 960px) {
  #sec-access {
    padding-top: 20vh;
  }
}
#sec-access .sec-access-img {
  text-align: center;
}
#sec-access .sec-access-img img {
  width: 50vw;
}
@media (max-width: 960px) {
  #sec-access .sec-access-img img {
    width: 90vw;
  }
}
#sec-access .sec-access-text {
  margin-top: 5vh;
  font-size: max(calc(16vw / 19.2) , calc( 16px * 2 / 3));
  width: 30vw;
  margin-left: auto;
  margin-right: auto;
}
#sec-access .sec-access-text a {
  text-decoration: underline;
}
@media (max-width: 960px) {
  #sec-access .sec-access-text {
    margin-top: 3.75vh;
    font-size: max(calc(10.5vw / 3.75) , calc( 10.5px * 0.8));
    width: 80vw;
  }
}
#sec-access .sec-access-maps {
  margin-top: 5vh;
  width: 35vw;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #E3E1D3;
  padding: 2.5vh 2.5vw;
}
@media (max-width: 960px) {
  #sec-access .sec-access-maps {
    margin-top: 3.75vh;
    width: 70vw;
    padding: 2.5vh 5vw;
  }
}
#sec-access .sec-access-maps .sec-access-maps-title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-access .sec-access-maps .sec-access-maps-title {
    font-size: max(calc(15vw / 3.75) , calc( 15px * 0.8));
  }
}
#sec-access .sec-access-maps .sec-access-maps-text {
  margin-top: 1.25vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-access .sec-access-maps .sec-access-maps-text {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-access .sec-access-maps .sec-access-maps-text a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
#sec-access .sec-access-box-interview {
  width: 100vw;
  text-align: center;
  margin-top: 7.5vh;
}
@media (max-width: 960px) {
  #sec-access .sec-access-box-interview {
    margin-top: 5vh;
  }
}
#sec-access .sec-access-box-interview .sec-access-box-interview-img {
  width: calc( 55vw / 3 );
}
@media (max-width: 960px) {
  #sec-access .sec-access-box-interview .sec-access-box-interview-img {
    width: 80vw;
  }
}
#sec-access .sec-access-box-interview .sec-access-box-interview-title {
  width: calc( 55vw / 3 );
  margin-top: 2.5vh;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-access .sec-access-box-interview .sec-access-box-interview-title {
    width: 80vw;
    font-size: max(calc(14vw / 3.75) , calc( 14px * 0.8));
  }
}
#sec-access .sec-access-box-interview .sec-access-box-interview-cta {
  width: calc( 55vw / 3 );
  margin-top: 2.5vh;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-access .sec-access-box-interview .sec-access-box-interview-cta {
    width: 80vw;
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-information {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
}
#sec-information .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-information .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-information .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-information .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-information .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
@media (max-width: 960px) {
  #sec-information {
    padding-top: 20vh;
  }
}
#sec-information .sec-information-text {
  font-size: max(calc(16vw / 19.2) , calc( 16px * 2 / 3));
  width: 30vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2.5vh;
}
@media (max-width: 960px) {
  #sec-information .sec-information-text {
    font-size: max(calc(10.5vw / 3.75) , calc( 10.5px * 0.8));
    margin-top: -1.25vh;
    width: 80vw;
  }
}
#sec-information .sec-information-box {
  margin-top: 5vh;
}
#sec-information .sec-information-box li:nth-child(n+2) {
  margin-top: 10vh;
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line {
  width: 35vw;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #E3E1D3;
  padding: 5vh 2.5vw;
}
@media (max-width: 960px) {
  #sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line {
    padding: 5vh 5vw;
    width: 70vw;
  }
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line .sec-information-box-li-line-title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line .sec-information-box-li-line-title {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line .sec-information-box-li-line-text {
  margin-top: 5vh;
  font-size: max(calc(16vw / 19.2) , calc( 16px * 2 / 3));
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line .sec-information-box-li-line-text a {
  text-decoration: underline;
}
@media (max-width: 960px) {
  #sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-line .sec-information-box-li-line-text {
    margin-top: 2.5vh;
    font-size: max(calc(10.5vw / 3.75) , calc( 10.5px * 0.8));
  }
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta {
  margin-top: 5vh;
  position: relative;
  border: 1px solid #343E5A;
  background-color: #343E5A;
  width: 30vw;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  transition: .4s;
}
@media (max-width: 960px) {
  #sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta {
    margin-top: 3.75vh;
    width: 70vw;
  }
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta:hover {
  background-color: #F8E970;
  border: 1px solid #F8E970;
  transition: .4s;
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta a {
  color: #F8E970;
  display: inline-block;
  font-size: max(calc(20vw / 19.2) , calc( 20px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta a {
    font-size: max(calc(14vw / 3.75) , calc( 14px * 0.8));
  }
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta a:hover {
  color: #343E5A;
}
#sec-information .sec-information-box .sec-information-box-li .sec-information-box-li-cta a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
  background-color: transparent;
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-notice {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
}
#sec-notice .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-notice .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-notice .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-notice .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-notice .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
@media (max-width: 960px) {
  #sec-notice {
    padding-top: 20vh;
  }
}
#sec-notice .sec-notice-text {
  margin-top: 5vh;
  margin-bottom: 5vh;
  text-align: center;
  font-size: max(calc(18vw / 19.2) , calc( 18px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-notice .sec-notice-text {
    font-size: max(calc(12vw / 3.75) , calc( 12px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 3.75vh;
  }
}
#sec-notice .sec-notice-box {
  width: 35vw;
  height: 20vh;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #E3E1D3;
  padding: 5vh 2.5vw;
}
@media (max-width: 960px) {
  #sec-notice .sec-notice-box {
    width: 70vw;
    padding: 5vh 5vw;
  }
}
#sec-notice .sec-notice-box .sec-notice-box-text {
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
#sec-notice .sec-notice-box .sec-notice-box-text a {
  text-decoration: underline;
}
@media (max-width: 960px) {
  #sec-notice .sec-notice-box .sec-notice-box-text {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-archive {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 30vh;
  padding-bottom: 15vh;
}
#sec-archive .sec-h2-box {
  overflow: visible;
  text-align: center;
}
#sec-archive .sec-h2-box h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: max(calc(40vw / 19.2) , calc( 40px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-archive .sec-h2-box h2 {
    font-size: max(calc(24vw / 3.75) , calc( 24px * 0.8));
  }
}
#sec-archive .sec-h2-box .sec-h2-copy {
  margin-top: 5vh;
  margin-bottom: 7.5vh;
  font-family: "Zen Old Mincho", serif;
  font-size: max(calc(32vw / 19.2) , calc( 32px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-archive .sec-h2-box .sec-h2-copy {
    font-size: max(calc(18vw / 3.75) , calc( 18px * 0.8));
    margin-top: 2.5vh;
    margin-bottom: 5vh;
  }
}
#sec-archive .sec-image-box {
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box {
    width: 90vw;
    display: block;
  }
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box li:nth-child(n+2) {
    margin-top: 5vh;
  }
}
#sec-archive .sec-image-box .sec-image-box-li {
  width: 30vw;
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box .sec-image-box-li {
    width: 90vw;
  }
}
#sec-archive .sec-image-box .sec-image-box-li .sec-image-box-title {
  margin-top: 2.5vh;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-title {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-archive .sec-image-box .sec-image-box-li .sec-image-box-text, #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-cta {
  margin-top: 2.5vh;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-text, #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
#sec-archive .sec-image-box .sec-image-box-li .sec-image-box-text a, #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-cta a {
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (max-width: 960px) {
  #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-text a, #sec-archive .sec-image-box .sec-image-box-li .sec-image-box-cta a {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
@media (max-width: 960px) {
  #sec-archive {
    padding-top: 20vh;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
#sec-ucuuu {
  clear: both;
  width: 100%;
  background-color: #668F84;
  background-color: #FFFFFF;
  padding-top: 15vh;
  padding-bottom: 15vh;
}
#sec-ucuuu .sec-image-box-img {
  text-align: center;
}
#sec-ucuuu .sec-image-box-img img {
  width: 10vw;
}
@media (max-width: 960px) {
  #sec-ucuuu .sec-image-box-img img {
    width: 40vw;
  }
}
#sec-ucuuu .sec-ucuuu-copy {
  margin-top: 5vh;
  text-align: center;
  color: #061826;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: max(calc(24vw / 19.2) , calc( 24px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-ucuuu .sec-ucuuu-copy {
    font-size: max(calc(16vw / 3.75) , calc( 16px * 0.8));
  }
}
#sec-ucuuu .sec-ucuuu-text {
  margin-top: 5vh;
  color: #061826;
  font-size: max(calc(12vw / 19.2) , calc( 12px * 2 / 3));
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  #sec-ucuuu .sec-ucuuu-text {
    width: 80vw;
    font-size: max(calc(8vw / 3.75) , calc( 8px * 0.8));
  }
}
#sec-ucuuu .sec-ucuuu-cta-box {
  margin-top: 5vh;
  text-align: center;
}
#sec-ucuuu .sec-ucuuu-cta-box .sec-ucuuu-cta {
  text-align: center;
  color: #061826;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
@media (max-width: 960px) {
  #sec-ucuuu .sec-ucuuu-cta-box .sec-ucuuu-cta {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
/*footer*/
footer {
  clear: both;
  width: 100%;
  background-color: #668F84;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  background-color: #343E5A;
}
footer .footer-box {
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  footer .footer-box {
    width: 100vw;
    display: block;
    text-align: center;
  }
}
footer .footer-box .footer-l, footer .footer-box .footer-r {
  font-size: max(calc(14vw / 19.2) , calc( 14px * 2 / 3));
}
@media (max-width: 960px) {
  footer .footer-box .footer-l, footer .footer-box .footer-r {
    font-size: max(calc(9vw / 3.75) , calc( 9px * 0.8));
  }
}
footer .footer-box .footer-l a, footer .footer-box .footer-r a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
footer .footer-box .footer-r {
  text-align: right;
}
@media (max-width: 960px) {
  footer .footer-box .footer-r {
    text-align: center;
    margin-top: 1.25vh;
    line-height: max(calc(9vw * 2 / 3.75) , calc( 9px * 2 * 0.8));
  }
}

/*----------------------------------------------------------------------------------------------------------------*/
/*scroll animation*/
.sa {
  opacity: 0;
  transition: all 1s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*loading*/
#loftloaderwrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background: #668F84;
}

.pl-circles .loader {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

.pl-circles .loader span {
  position: absolute;
  display: block;
  width: 20vw;
  height: 0.5px;
  background: linear-gradient(to right, #E3E1D3 8%, #343E5A 18%, #E3E1D3 33%);
  background-size: 60vw 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: lightUp;
  animation-timing-function: linear;
}

@keyframes lightUp {
  0% {
    background-position: -360px 0;
  }
  100% {
    background-position: 360px 0;
  }
}
@-webkit-keyframes lightUp {
  0% {
    background-position: -360px 0;
  }
  100% {
    background-position: 360px 0;
  }
}
.fadeout {
  animation: fadeOut 1s;
  animation-fill-mode: both;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 99999;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
/*--------------------------------------------------------*/
/*scroll fadein*/
.fadein {
  opacity: 0;
}

.fadein.is-active {
  opacity: 1;
  transition: all ease 0.65s;
}

/*--------------------------------------------------------*/
/*modal*/
.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9996;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.modal .modal_wall {
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.5s;
}
.modal .modal_body {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 90%;
  max-width: 700px;
  height: 90%;
  margin: auto;
  background: linear-gradient(0, #061826, #668F84);
}
@media (max-width: 767px) {
  .modal .modal_body {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
}
.modal .modal_body .modal_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .modal_body .modal_inner .modal_close {
  position: absolute;
  top: 0;
  right: 2.5%;
  display: table;
  width: 36px;
  height: 36px;
  z-index: 10000;
}
@media (max-width: 767px) {
  .modal .modal_body .modal_inner .modal_close {
    right: 5%;
  }
}
.modal .modal_body .modal_inner .modal_close > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  z-index: 10000;
  font-family: "Zen Old Mincho", serif;
  font-size: 36px;
  color: #E3E1D3;
  padding-top: 12px;
}
.modal .modal_body .modal_content_bf {
  overflow-y: scroll;
  height: 100%;
  max-height: 100%;
}
.modal .modal_body .modal_content_bf .modal_content {
  padding: 8%;
  width: 84%;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_rt {
  font-size: 24px;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_link {
  overflow: hidden;
  margin: 12px auto 0 auto;
  text-align: center;
  width: 144px;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_link li {
  width: 16px;
  float: left;
  margin: 0 10px;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_link_3 {
  overflow: hidden;
  margin: 12px auto 0 auto;
  text-align: center;
  width: 108px;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_link_3 li {
  width: 16px;
  float: left;
  margin: 0 10px;
}
.modal .modal_body .modal_content_bf .modal_content .modal_c_rs {
  padding-top: 36px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .modal .modal_body .modal_content_bf .modal_content .modal_c_rs {
    padding-top: 10%;
  }
}
.modal .modal_body .modal_content_bf .modal_c_spyt {
  position: relative;
  width: 100%;
  padding-top: 56%;
  margin-top: 36px;
  clear: both;
}
.modal .modal_body .modal_content_bf .modal_c_spyt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.visible {
  display: block;
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}