body {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#introduction h2 {
  width: calc(1204px /2);
}
@media (max-width: 750px) {
  #introduction h2 {
    width: calc((1136/2)/750*100vw);
  }
}

#introduction h3 {
  margin-bottom: 25px;
  width: calc(856px /2);
}
@media (max-width: 750px) {
  #introduction h3 {
    width: calc((1110/2)/750*100vw);
  }
}

#introduction p.txt {
  margin: auto;
  width: calc(736px /2);
}
@media (max-width: 750px) {
  #introduction p.txt {
    width: calc((1075/2)/750*100vw);
  }
}

@media (max-width: 750px) {
  #character .slick-slider {
    margin-bottom: calc(138/750*100vw);
  }
}

#chara-001 .chara-cv a {
  width: calc(354px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-001 .chara-cv a {
    width: calc(244/750*100vw);
    height: calc(69/750*100vw);
  }
}

#chara-001 h4 {
  width: calc(1088px /2);
  height: calc(386px /2);
  top: 153px;
  left: 124px;
}
@media (max-width: 750px) {
  #chara-001 h4 {
    width: calc((984/2)/750*100vw);
    height: calc((345/2)/750*100vw);
    top: calc(610/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-001 h3 {
  width: calc(530px /2);
  height: calc(244px /2);
  top: 406px;
  left: 179px;
}
@media (max-width: 750px) {
  #chara-001 h3 {
    width: calc((736/2)/750*100vw);
    height: calc((283/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#chara-002 .chara-cv a {
  width: calc(354px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-002 .chara-cv a {
    width: calc(244/750*100vw);
    height: calc(69/750*100vw);
  }
}

#chara-002 h4 {
  width: calc(1194px /2);
  height: calc(288px /2);
  top: 152px;
  left: 124px;
}
@media (max-width: 750px) {
  #chara-002 h4 {
    width: calc((1136/2)/750*100vw);
    height: calc((254/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-002 h3 {
  width: calc(674px /2);
  height: calc(246px /2);
  top: 405px;
  left: 182px;
}
@media (max-width: 750px) {
  #chara-002 h3 {
    width: calc((946/2)/750*100vw);
    height: calc((284/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#chara-003 .chara-cv a {
  width: calc(354px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-003 .chara-cv a {
    width: calc(244/750*100vw);
    height: calc(69/750*100vw);
  }
}

#chara-003 h4 {
  width: calc(1005px /2);
  height: calc(197px /2);
  top: 182px;
  left: 134px;
}
@media (max-width: 750px) {
  #chara-003 h4 {
    width: calc((1006/2)/750*100vw);
    height: calc((222/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-003 h3 {
  width: calc(604px /2);
  height: calc(244px /2);
  top: 405px;
  left: 182px;
}
@media (max-width: 750px) {
  #chara-003 h3 {
    width: calc((850/2)/750*100vw);
    height: calc((312/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(58/750*100vw);
  }
}

#feature-001 h3 {
  width: calc(402px /2);
}
@media (max-width: 750px) {
  #feature-001 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-002 h3 {
  width: calc(176px /2);
}
@media (max-width: 750px) {
  #feature-002 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-003 h3 {
  width: calc(274px /2);
}
@media (max-width: 750px) {
  #feature-003 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-004 h4 {
  width: calc(449px /2);
}
@media (max-width: 750px) {
  #feature-004 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-005 h4 {
  width: calc(216px /2);
}
@media (max-width: 750px) {
  #feature-005 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-006 h4 {
  width: calc(242px /2);
}
@media (max-width: 750px) {
  #feature-006 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#movie #movie-001 h3 {
  width: calc(216px /2);
}
@media (max-width: 750px) {
  #movie #movie-001 h3 {
    width: calc((216/2)/750*100vw*0.92);
  }
}

#movie #movie-002 h3 {
  width: calc(244px /2);
}
@media (max-width: 750px) {
  #movie #movie-002 h3 {
    width: calc((244/2)/750*100vw*0.92);
  }
}

#movie #movie-003 h3 {
  width: calc(408px /2);
}
@media (max-width: 750px) {
  #movie #movie-003 h3 {
    width: calc((408/2)/750*100vw*0.92);
  }
}

#movie #movie-004 h3 {
  width: calc(455px /2);
}
@media (max-width: 750px) {
  #movie #movie-004 h3 {
    width: calc((455/2)/750*100vw*0.92);
  }
}

h3#h3-staff-001 {
  width: calc(156px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-001 {
    width: calc((156*0.625)/750*100vw);
  }
}

h3#h3-staff-002 {
  width: calc(138px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-002 {
    width: calc((138*0.625)/750*100vw);
  }
}

h3#h3-staff-003 {
  width: calc(206px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-003 {
    width: calc((206*0.625)/750*100vw);
  }
}

h3#h3-staff-004 {
  width: calc(206px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-004 {
    width: calc((206*0.625)/750*100vw);
  }
}

#share .share-list li {
  width: 67px;
  height: 67px;
}
#share .share-list li img {
  width: 100%;
}

#share .box .item .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -19px;
}
@media (max-width: 750px) {
  #share .box .item .right {
    width: calc(100% - (calc(284/750*100vw)));
  }
}

#share .logo img {
  width: calc(572px /2);
}
@media (max-width: 750px) {
  #share .logo img {
    width: calc(357/750*100vw);
  }
}

@media (max-width: 750px) {
  #share .box p.box-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    font-size: calc(22/750*100vw);
  }
}

@media (max-width: 750px) {
  #share .box p.box-info strong {
    display: block;
    width: 5em;
  }
}

#share .box p.box-info span br {
  display: none;
}
@media (max-width: 750px) {
  #share .box p.box-info span br {
    display: block;
  }
}
@media (max-width: 750px) {
  #share .box p.box-info span {
    width: calc(100% - 6em);
    display: inline;
  }
}

#share .item-dl {
  width: calc(850px / 2);
}

#share ul.btn-dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #share ul.btn-dl {
    width: 92%;
    margin: 0 auto;
  }
}

#share ul.btn-dl li {
  width: 49%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li {
    width: 48.5%;
    margin: 0;
    margin-bottom: 3%;
  }
}

#share ul.btn-dl li:nth-of-type(3) {
  width: 100%;
}

#share ul.btn-dl li a {
  display: block;
  width: 100%;
}

#share ul.btn-dl li a img {
  width: 100%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li a img {
    display: block;
  }
}

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