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

variables

***************************************/
/*---------------------------------------
break point
---------------------------------------*/
/*---------------------------------------
color
---------------------------------------*/
/*---------------------------------------
font family
---------------------------------------*/
/***************************************

mixins

***************************************/
/*---------------------------------------
media queries
---------------------------------------*/
/*---------------------------------------
vwのサイズ計算
---------------------------------------*/
/***************************************

taizo kuroda

***************************************/
#taizo #fv {
  position: relative;
}
#taizo #fv ul {
  position: absolute;
  top: calc(50% - 75px);
  right: 45px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#taizo #fv ul li {
  padding: 0 0 35px;
  text-align: right;
}
#taizo #fv ul li:last-child {
  padding: 0;
}
#taizo #fv ul li a {
  font-size: 22px;
  display: inline-block;
  color: #fff;
  font-family: "UniversLTPro-55Roman";
  font-weight: 400;
  letter-spacing: 0.1em;
}
#taizo #contents {
  padding: 0 0 100px;
}
#taizo #contents h2 {
  font-size: 27px;
  padding: 0 0 12px;
}
#taizo #contents p {
  font-size: 19px;
  line-height: 45px;
  text-align: justify;
}
#taizo #contents p span {
  text-align: right;
  display: block;
  font-size: 18px;
  line-height: 1;
}
#taizo #contents p.colloquial {
  font-family: "UniversLTPro-55Oblique";
}
#taizo #contents #introduction {
  padding: 25px 0 100px;
}
#taizo #contents #chronology {
  padding: 0 0 80px;
}
#taizo #contents #chronology .table_wrap {
  padding: 30px 0 0;
}
#taizo #contents #chronology .table_wrap table {
  width: 100%;
}
#taizo #contents #chronology .table_wrap table th {
  width: 65px;
  text-align: left;
  font-size: 19px;
  line-height: 40px;
}
#taizo #contents #chronology .table_wrap table td {
  width: calc(100% - 65px);
  text-align: left;
  font-size: 19px;
  line-height: 40px;
  padding: 0 0 40px;
}
#taizo #contents #exhibitions h2 {
  padding: 0 0 20px;
}
#taizo #contents #exhibitions .image_wrap .inner {
  position: relative;
}
#taizo #contents #exhibitions .image_wrap p {
  width: 1100px;
  margin: 0 auto;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
  display: none;
}
#taizo #contents #exhibitions .image_wrap p.black {
  color: #000000;
}
#taizo #contents #exhibitions .image_wrap .swiper-horizontal > .swiper-pagination-progressbar,
#taizo #contents #exhibitions .image_wrap .swiper-pagination-progressbar.swiper-pagination-horizontal {
  width: 682px;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 55px;
  height: 2px;
}
#taizo #contents #exhibitions .image_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
#taizo #contents #exhibitions .table_wrap {
  padding: 65px 0 0;
}
#taizo #contents #exhibitions table {
  width: 100%;
  margin: 0 0 80px;
}
#taizo #contents #exhibitions table th {
  width: 65px;
  text-align: left;
  font-size: 19px;
  line-height: 40px;
}
#taizo #contents #exhibitions table td {
  width: 125px;
  text-align: left;
  font-size: 19px;
  line-height: 40px;
  padding: 0 0 40px;
}
#taizo #contents #exhibitions table td:last-child {
  width: calc(100% - 190px);
}
#taizo #contents #exhibitions table .rowspan td {
  padding: 0;
}

#page_top {
  display: block;
}

@media screen and (max-width: 768px) {
  #taizo #fv ul {
    position: static;
    -webkit-transform: none;
            transform: none;
    width: 86.6666666667vw;
    margin: 0 auto;
    padding: 6vw 0 0;
  }
  #taizo #fv ul li {
    text-align: left;
    padding: 0 0 5.3333333333vw;
  }
  #taizo #fv ul li a {
    color: #3c3c3c;
    font-size: 4.5333333333vw;
    letter-spacing: 0;
  }
  #taizo #contents {
    padding: 0 0 13.3333333333vw;
  }
  #taizo #contents h2 {
    font-size: 5.3333333333vw;
    padding: 0 0 3.3333333333vw;
  }
  #taizo #contents p {
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
  #taizo #contents p span {
    padding: 4vw 0 0;
    font-size: 3.4666666667vw;
  }
  #taizo #contents #introduction {
    padding: 16.6666666667vw 0 12vw;
  }
  #taizo #contents #chronology {
    padding: 0 0 10.6666666667vw;
  }
  #taizo #contents #chronology .table_wrap {
    padding: 8vw 0 0;
  }
  #taizo #contents #chronology .table_wrap table th {
    width: 12vw;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
  }
  #taizo #contents #chronology .table_wrap table td {
    width: calc(100% - 12vw);
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    padding: 0 0 4.6666666667vw;
  }
  #taizo #contents #exhibitions h2 {
    padding: 0 0 2.6666666667vw;
  }
  #taizo #contents #exhibitions .image_wrap p {
    position: static;
    width: 86.6666666667vw;
    margin: 0 auto;
    padding: 2.6666666667vw 0 0;
    color: #000;
    display: block;
  }
  #taizo #contents #exhibitions .image_wrap .swiper-horizontal > .swiper-pagination-progressbar,
#taizo #contents #exhibitions .image_wrap .swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: static;
    width: 86.6666666667vw;
    margin: 3.3333333333vw auto 0;
  }
  #taizo #contents #exhibitions .image_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #d8d8d8;
  }
  #taizo #contents #exhibitions .image_wrap .swiper-pagination-progressbar {
    background-color: #000;
  }
  #taizo #contents #exhibitions .table_wrap {
    padding: 9.3333333333vw 0 0;
  }
  #taizo #contents #exhibitions table {
    margin: 0 0 20vw;
  }
  #taizo #contents #exhibitions table th {
    width: 11.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
  }
  #taizo #contents #exhibitions table td {
    width: 19.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    padding: 0 0 5.3333333333vw;
  }
  #taizo #contents #exhibitions table td:last-child {
    width: calc(100% - 30.6666666667vw);
  }
}
/*# sourceMappingURL=taizo.css.map */