@charset "UTF-8";
/* --------------------------------------------------

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

border-radius

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

アニメション

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* CSS Document */
/* --------------------------------------------------


common-lang


-------------------------------------------------- */
/* --------------------------------------------------

多言語 共通

-------------------------------------------------- */
/* ------ トップページ ------ */
/* logo-h */
.main-area .logo-h {
  width: 8%;
  left: 3.8%;
}

/* catchcopy-block */
.catchcopy-block {
  padding: 4em 0;
}
@media only screen and (max-width: 768px) {
  .catchcopy-block {
    padding: 2em 0;
  }
}
.catchcopy-block .line {
  max-width: 220px;
}
@media only screen and (max-width: 420px) {
  .catchcopy-block .line {
    width: 40vw;
    max-width: 100px;
  }
}
.catchcopy-block.fadeCopy .ttl-catchcopy {
  width: 40vw;
  max-width: 260px;
}
@media only screen and (max-width: 768px) {
  .catchcopy-block.fadeCopy .ttl-catchcopy {
    width: 100%;
    max-width: 280px;
  }
}
@media only screen and (max-width: 420px) {
  .catchcopy-block.fadeCopy .ttl-catchcopy {
    width: 100%;
    max-width: 160px;
  }
}

/* コンテンツブロック */
.contents-block-animation .ttl-part, .contents-block-animation.art .ttl-part, .contents-block-animation.dentou .ttl-part, .contents-block-animation.kougei .ttl-part, .contents-block-animation.dkougei .ttl-part, .contents-block-animation.artspot .ttl-part, .contents-block-animation.bunka .ttl-part {
  color: #FFF;
  font-size: 2.6rem;
  text-align: left;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  min-height: 19em;
}
@media only screen and (max-width: 1520px) {
  .contents-block-animation .ttl-part, .contents-block-animation.art .ttl-part, .contents-block-animation.dentou .ttl-part, .contents-block-animation.kougei .ttl-part, .contents-block-animation.dkougei .ttl-part, .contents-block-animation.artspot .ttl-part, .contents-block-animation.bunka .ttl-part {
    font-size: 2rem;
    min-height: 15em;
  }
}
@media only screen and (max-width: 768px) {
  .contents-block-animation .ttl-part, .contents-block-animation.art .ttl-part, .contents-block-animation.dentou .ttl-part, .contents-block-animation.kougei .ttl-part, .contents-block-animation.dkougei .ttl-part, .contents-block-animation.artspot .ttl-part, .contents-block-animation.bunka .ttl-part {
    font-size: 18rem;
    font-size: 4.8vmin;
  }
}
@media only screen and (max-width: 768px) {
  .contents-block-animation .ttl-part, .contents-block-animation.art .ttl-part, .contents-block-animation.dentou .ttl-part, .contents-block-animation.kougei .ttl-part, .contents-block-animation.dkougei .ttl-part, .contents-block-animation.artspot .ttl-part, .contents-block-animation.bunka .ttl-part {
    text-align: center;
  }
}
@media only screen and (max-width: 1020px) {
  .contents-block-animation .txt-block .txt-part, .contents-block-animation.art .txt-block .txt-part, .contents-block-animation.dentou .txt-block .txt-part, .contents-block-animation.kougei .txt-block .txt-part, .contents-block-animation.dkougei .txt-block .txt-part, .contents-block-animation.artspot .txt-block .txt-part, .contents-block-animation.bunka .txt-block .txt-part {
    padding: 3em 5em;
  }
}
@media only screen and (max-width: 768px) {
  .contents-block-animation .txt-block .txt-part, .contents-block-animation.art .txt-block .txt-part, .contents-block-animation.dentou .txt-block .txt-part, .contents-block-animation.kougei .txt-block .txt-part, .contents-block-animation.dkougei .txt-block .txt-part, .contents-block-animation.artspot .txt-block .txt-part, .contents-block-animation.bunka .txt-block .txt-part {
    padding: 2em;
  }
}
@media (orientation: landscape) and (max-width: 767px) {
  .contents-block-animation .txt-block .txt-part, .contents-block-animation.art .txt-block .txt-part, .contents-block-animation.dentou .txt-block .txt-part, .contents-block-animation.kougei .txt-block .txt-part, .contents-block-animation.dkougei .txt-block .txt-part, .contents-block-animation.artspot .txt-block .txt-part, .contents-block-animation.bunka .txt-block .txt-part {
    padding: 2em 3em;
  }
}

/* ------ 中ページ ------ */
/* logo-h */
#contents .page-top-wrap .logo-h {
  width: 8%;
  left: 3.8%;
}

/* page-ttl */
.page-ttl {
  font-size: 4rem;
  line-height: 1.4;
  padding-right: 20%;
}
@media only screen and (max-width: 1520px) {
  .page-ttl {
    padding-right: 25%;
  }
}
@media only screen and (max-width: 1020px) {
  .page-ttl {
    font-size: 3.5rem;
    padding-right: 35%;
  }
}
@media only screen and (max-width: 768px) {
  .page-ttl {
    font-size: 1.5rem;
    padding-right: 21%;
  }
}

/* スポットリスト */
.spot-list li .txt-block .txt-block-inner .ttl-part {
  font-size: 3.2rem;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .spot-list li .txt-block .txt-block-inner .ttl-part {
    font-size: 22rem;
    font-size: 5.8666666667vmin;
  }
}
.spot-list li .txt-block .txt-block-inner .ttl-part .sttl {
  font-size: 1.6rem;
  line-height: 2;
  display: block;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  .spot-list li .txt-block .txt-block-inner .ttl-part .sttl {
    font-size: 14rem;
    font-size: 3.7333333333vmin;
  }
}
.spot-list li .txt-block .txt-block-inner .ttl-part .txt-jp {
  font-size: 1.9rem;
  display: block;
}
.spot-list li .txt-block .txt-block-inner .ttl-part .ttl-spot {
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
  .spot-list li .txt-block .txt-block-inner .ttl-part .ttl-spot {
    font-size: 16rem;
    font-size: 4.2666666667vmin;
  }
}
.spot-list li .txt-block .txt-block-inner .ttl-part .ttl-in {
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
  .spot-list li .txt-block .txt-block-inner .ttl-part .ttl-in {
    font-size: 16rem;
    font-size: 4.2666666667vmin;
  }
}
.spot-list li .txt-block .txt-block-inner .ttl-part .ttl-sup {
  font-size: 1.8rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  .spot-list li .txt-block .txt-block-inner .ttl-part .ttl-sup {
    font-size: 16rem;
    font-size: 4.2666666667vmin;
  }
}

/* 現代美術館 */
.ttl-large.art {
  font-size: 3.2rem;
}
@media only screen and (max-width: 768px) {
  .ttl-large.art {
    font-size: 20rem;
    font-size: 5.3333333333vmin;
  }
}
.ttl-large.art span {
  font-size: 1.8rem;
  margin: 0.5em 0;
  position: relative !important;
}
@media only screen and (max-width: 768px) {
  .ttl-large.art span {
    font-size: 14rem;
    font-size: 3.7333333333vmin;
  }
}

.info-block .txt-part .link-part.btn-base a {
  padding: 1em 3em;
}

/* 文化財 */
.about-bunka .ttl {
  font-size: 2.2rem;
}
@media only screen and (max-width: 768px) {
  .about-bunka .ttl {
    font-size: 18rem;
    font-size: 4.8vmin;
  }
}

.bunka.bunka .txt-block .txt-block-inner {
  max-width: 520px;
}

/* --------------------------------------------------

en 英語

-------------------------------------------------- */
html:lang(en) {
  /* ナビ */
  /* catchcopy-block */
  /* コンテンツブロック */
  /* page-ttl */
  /* sentence */
  /* art */
}
@media (orientation: landscape) and (max-width: 767px) {
  html:lang(en) #header .wrap-sp-navi #navi {
    padding: 3em;
  }
}
html:lang(en) #header .wrap-sp-navi #navi ul li a {
  padding: 1em;
}
@media only screen and (max-width: 768px) {
  html:lang(en) #header .wrap-sp-navi #navi ul li a {
    padding: 0.5em;
  }
}
html:lang(en) .catchcopy-block {
  padding: 4em 0;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .catchcopy-block {
    padding: 3em 0;
  }
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy {
  max-width: 340px;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy {
    width: 100%;
    max-width: 280px;
  }
}
@media only screen and (max-width: 420px) {
  html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy {
    width: 100%;
    max-width: 220px;
  }
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(1) {
  animation: copy 1s ease 0.12s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(2) {
  animation: copy 1s ease 0.24s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(3) {
  animation: copy 1s ease 0.36s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(4) {
  animation: copy 1s ease 0.48s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(5) {
  animation: copy 1s ease 0.6s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(6) {
  animation: copy 1s ease 0.72s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(7) {
  animation: copy 1s ease 0.84s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(8) {
  animation: copy 1s ease 0.96s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(9) {
  animation: copy 1s ease 1.08s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(10) {
  animation: copy 1s ease 1.2s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(11) {
  animation: copy 1s ease 1.32s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(12) {
  animation: copy 1s ease 1.44s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(13) {
  animation: copy 1s ease 1.56s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(14) {
  animation: copy 1s ease 1.68s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(15) {
  animation: copy 1s ease 1.8s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(16) {
  animation: copy 1s ease 1.92s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(17) {
  animation: copy 1s ease 2.04s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(18) {
  animation: copy 1s ease 2.16s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(19) {
  animation: copy 1s ease 2.28s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(20) {
  animation: copy 1s ease 2.4s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(21) {
  animation: copy 1s ease 2.52s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(22) {
  animation: copy 1s ease 2.64s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(23) {
  animation: copy 1s ease 2.76s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(24) {
  animation: copy 1s ease 2.88s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(25) {
  animation: copy 1s ease 3s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(26) {
  animation: copy 1s ease 3.12s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(27) {
  animation: copy 1s ease 3.24s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(28) {
  animation: copy 1s ease 3.36s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(29) {
  animation: copy 1s ease 3.48s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(30) {
  animation: copy 1s ease 3.6s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(31) {
  animation: copy 1s ease 3.72s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(32) {
  animation: copy 1s ease 3.84s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(33) {
  animation: copy 1s ease 3.96s 1 forwards;
}
html:lang(en) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(34) {
  animation: copy 1s ease 4.08s 1 forwards;
}
html:lang(en) .contents-block-animation .ttl-part, html:lang(en) .contents-block-animation.art .ttl-part, html:lang(en) .contents-block-animation.dentou .ttl-part, html:lang(en) .contents-block-animation.kougei .ttl-part, html:lang(en) .contents-block-animation.dkougei .ttl-part, html:lang(en) .contents-block-animation.artspot .ttl-part, html:lang(en) .contents-block-animation.bunka .ttl-part {
  font-size: 2.2rem;
  min-height: 19em;
}
@media only screen and (max-width: 1520px) {
  html:lang(en) .contents-block-animation .ttl-part, html:lang(en) .contents-block-animation.art .ttl-part, html:lang(en) .contents-block-animation.dentou .ttl-part, html:lang(en) .contents-block-animation.kougei .ttl-part, html:lang(en) .contents-block-animation.dkougei .ttl-part, html:lang(en) .contents-block-animation.artspot .ttl-part, html:lang(en) .contents-block-animation.bunka .ttl-part {
    font-size: 1.8rem;
    min-height: 15em;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) .contents-block-animation .ttl-part, html:lang(en) .contents-block-animation.art .ttl-part, html:lang(en) .contents-block-animation.dentou .ttl-part, html:lang(en) .contents-block-animation.kougei .ttl-part, html:lang(en) .contents-block-animation.dkougei .ttl-part, html:lang(en) .contents-block-animation.artspot .ttl-part, html:lang(en) .contents-block-animation.bunka .ttl-part {
    padding: 3em 0.5em;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) .contents-block-animation.kougei .ttl-part {
    min-height: 22em;
  }
}
html:lang(en) #footer .name-f::before {
  bottom: 22%;
}
html:lang(en) #footer .info-footer .btn-base.footer {
  max-width: 25em;
}
@media only screen and (max-width: 1020px) {
  html:lang(en) #footer .info-footer .btn-base.footer {
    right: 5%;
    max-width: 20em;
  }
}
@media only screen and (max-width: 768px) {
  html:lang(en) #footer .info-footer .btn-base.footer {
    right: 15%;
    max-width: inherit;
  }
}
html:lang(en) #footer .info-footer .btn-base.footer a {
  line-height: 1.2;
  padding: 0.8em;
}
html:lang(en) .page-ttl:after {
  right: 5%;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .page-ttl:after {
    right: 15%;
  }
}
html:lang(en) .page-ttl.art:after {
  right: 10%;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .page-ttl.art:after {
    right: 15%;
  }
}
html:lang(en) .sentence.center:last-child {
  padding-right: 20%;
}
html:lang(en) .sentence.bunka.center:last-child {
  padding-right: 0;
}
html:lang(en) .info-block .txt-part p {
  padding-left: 0;
  text-indent: 0;
}
html:lang(en) .spot-list.ph-double.bunka .ph-part .ph-list:first-child figcaption {
  top: 1em;
  left: auto;
  right: 1em;
  bottom: auto;
}
html:lang(en) .spot-list.ph-double.bunka .ph-part .ph-list:last-child figcaption {
  width: 80%;
  right: 2em;
}
@media only screen and (max-width: 768px) {
  html:lang(en) .spot-list.ph-double.bunka .ph-part .ph-list:last-child figcaption {
    right: 4em;
  }
}
html:lang(en) .dentou.spot-list li.fadeInLeft .ph-part .ph-list figcaption {
  top: 1em;
  bottom: auto;
  text-align: right;
  width: 80%;
}

/* --------------------------------------------------

ko 韓国語

-------------------------------------------------- */
html:lang(ko) {
  /* art */
}
html:lang(ko) body {
  font-family: "Noto Serif KR", "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-weight: 400;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(1) {
  animation: copy 1s ease 0.12s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(2) {
  animation: copy 1s ease 0.24s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(3) {
  animation: copy 1s ease 0.36s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(4) {
  animation: copy 1s ease 0.48s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(5) {
  animation: copy 1s ease 0.6s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(6) {
  animation: copy 1s ease 0.72s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(7) {
  animation: copy 1s ease 0.84s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(8) {
  animation: copy 1s ease 0.96s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(9) {
  animation: copy 1s ease 1.08s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(10) {
  animation: copy 1s ease 1.2s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(11) {
  animation: copy 1s ease 1.32s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(12) {
  animation: copy 1s ease 1.44s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(13) {
  animation: copy 1s ease 1.56s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(14) {
  animation: copy 1s ease 1.68s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(15) {
  animation: copy 1s ease 1.8s 1 forwards;
}
html:lang(ko) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(16) {
  animation: copy 1s ease 1.92s 1 forwards;
}
html:lang(ko) .info-block .txt-part p {
  padding-left: 0;
  text-indent: 0;
}

/* --------------------------------------------------

cn 中国語(簡体字)

-------------------------------------------------- */
html:lang(zh-cmn-Hans) {
  /* art */
}
html:lang(zh-cmn-Hans) body {
  font-family: "Noto Serif SC", "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-weight: 400;
}
html:lang(zh-cmn-Hans) #header .btn-an a {
  padding: 1em 2em 0.7em;
}
@media only screen and (max-width: 768px) {
  html:lang(zh-cmn-Hans) .catchcopy-block {
    padding: 3em 0 3.5em 0;
  }
  html:lang(zh-cmn-Hans) .catchcopy-block .line.line-r {
    top: 0;
  }
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(1) {
  animation: copy 1s ease 0.12s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(2) {
  animation: copy 1s ease 0.24s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(3) {
  animation: copy 1s ease 0.36s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(4) {
  animation: copy 1s ease 0.48s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(5) {
  animation: copy 1s ease 0.6s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(6) {
  animation: copy 1s ease 0.72s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(7) {
  animation: copy 1s ease 0.84s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(8) {
  animation: copy 1s ease 0.96s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(9) {
  animation: copy 1s ease 1.08s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(10) {
  animation: copy 1s ease 1.2s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(11) {
  animation: copy 1s ease 1.32s 1 forwards;
}
html:lang(zh-cmn-Hans) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(12) {
  animation: copy 1s ease 1.44s 1 forwards;
}
html:lang(zh-cmn-Hans) .info-block > div {
  width: 48%;
  margin-right: 4%;
}
html:lang(zh-cmn-Hans) .info-block > div:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  html:lang(zh-cmn-Hans) .info-block > div {
    width: 100%;
    margin-right: 0;
  }
}
html:lang(zh-cmn-Hans) .info-block .txt-part p {
  padding-left: 0;
  text-indent: 0;
}

/* --------------------------------------------------

tw 中国語(繁体字)

-------------------------------------------------- */
html:lang(zh-cmn-Hant) {
  /* art */
}
html:lang(zh-cmn-Hant) body {
  font-family: "Noto Serif TC", "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-weight: 400;
}
html:lang(zh-cmn-Hant) #header .btn-an a {
  padding: 1em 2em 0.7em;
}
@media only screen and (max-width: 768px) {
  html:lang(zh-cmn-Hant) .catchcopy-block {
    padding: 3em 0 3.5em 0;
  }
  html:lang(zh-cmn-Hant) .catchcopy-block .line.line-r {
    top: 0;
  }
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(1) {
  animation: copy 1s ease 0.12s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(2) {
  animation: copy 1s ease 0.24s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(3) {
  animation: copy 1s ease 0.36s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(4) {
  animation: copy 1s ease 0.48s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(5) {
  animation: copy 1s ease 0.6s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(6) {
  animation: copy 1s ease 0.72s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(7) {
  animation: copy 1s ease 0.84s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(8) {
  animation: copy 1s ease 0.96s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(9) {
  animation: copy 1s ease 1.08s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(10) {
  animation: copy 1s ease 1.2s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(11) {
  animation: copy 1s ease 1.32s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(12) {
  animation: copy 1s ease 1.44s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(13) {
  animation: copy 1s ease 1.56s 1 forwards;
}
html:lang(zh-cmn-Hant) .catchcopy-block.fadeCopy .ttl-catchcopy .copy path:nth-child(14) {
  animation: copy 1s ease 1.68s 1 forwards;
}
html:lang(zh-cmn-Hant) .info-block > div {
  width: 48%;
  margin-right: 4%;
}
html:lang(zh-cmn-Hant) .info-block > div:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  html:lang(zh-cmn-Hant) .info-block > div {
    width: 100%;
    margin-right: 0;
  }
}
html:lang(zh-cmn-Hant) .info-block .txt-part p {
  padding-left: 0;
  text-indent: 0;
}
/*# sourceMappingURL=common-lang.css.map */