@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@keyframes click_navi_open {
  0% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes click_navi_close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0.5;
    transform: scale(0.5);
  }
}
@keyframes click_button {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hover_button {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes hover_flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotation {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes pikopiko {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
@keyframes wave_move {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*===================================================================
				= Header
===================================================================*/
#header {
  padding: 170px 0 0 0;
}
@media (max-width: 1920px) {
  #header {
    padding: 8.8541666667% 0 0 0;
  }
}
@media (max-width: 750px) {
  #header {
    padding: 22.6666666667% 0 0 0;
  }
}
#header h1 {
  width: 30.625%;
  height: 89.4117647059%;
  background: url("../img/logo_title.png") center/contain no-repeat;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #header h1 {
    width: 78.4%;
  }
}
#header h1.en {
  width: 31.1458333333%;
  height: 82.3529411765%;
  background: url("../img/en/logo_title.png") center/contain no-repeat;
}
@media (max-width: 750px) {
  #header h1.en {
    width: 79.7333333333%;
  }
}

/*===================================================================
				= Keyvisual
===================================================================*/
#key_vis {
  padding: 800px 0 0 0;
  background-color: #a2e4ff;
  margin: 20px 0;
  position: relative;
}
@media (max-width: 1920px) {
  #key_vis {
    padding: 41.6666666667% 0 0 0;
  }
}
@media (max-width: 750px) {
  #key_vis {
    padding: 156% 0 0 0;
    margin: 0;
  }
  #key_vis::before {
    display: none;
  }
  #key_vis::after {
    display: none;
  }
}
#key_vis .inner_box {
  width: 100vw;
}
#key_vis .key_list {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 750px) {
  #key_vis .key_list {
    flex-direction: column;
  }
}
#key_vis .key_list li {
  width: 33.3333333333%;
  height: 100%;
  position: relative;
  transition: 0.5s ease-out;
  cursor: pointer;
}
@media (max-width: 750px) {
  #key_vis .key_list li {
    width: 100%;
    height: 33.3333333333%;
  }
}
#key_vis .key_list li a {
  display: block;
  width: 100%;
  height: 100%;
}
#key_vis .key_list li h2 {
  position: absolute;
  top: 4.25%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media (max-width: 750px) {
  #key_vis .key_list li h2 {
    top: 3.5897435897%;
  }
}
#key_vis .key_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: 0.5s ease-out;
  pointer-events: none;
}
#key_vis .key_list li:nth-child(1) {
  background: url("../img/keyv_fnp_as_pc.png") center/cover no-repeat;
}
#key_vis .key_list li:nth-child(1) h2 {
  width: 86.25%;
  height: 13.75%;
  background: url("../img/logo_fnp_as.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(1) h2.en {
  background: url("../img/en/logo_fnp_as.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(1)::after {
  background-color: #7dda22;
  z-index: 1;
}
@media (max-width: 750px) {
  #key_vis .key_list li:nth-child(1) {
    background: url("../img/keyv_fnp_as_sp.png") center/cover no-repeat;
  }
  #key_vis .key_list li:nth-child(1) h2 {
    width: 73.6%;
    height: 28.2051282051%;
  }
}
#key_vis .key_list li:nth-child(2) {
  background: url("../img/keyv_fnp_pc.png") center/cover no-repeat;
}
#key_vis .key_list li:nth-child(2) h2 {
  width: 86.5625%;
  height: 13%;
  background: url("../img/logo_fnp.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(2) h2.en {
  background: url("../img/en/logo_fnp.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(2)::after {
  background-color: #41beff;
}
@media (max-width: 750px) {
  #key_vis .key_list li:nth-child(2) {
    order: -1;
    background: url("../img/keyv_fnp_sp.png") center 75%/cover no-repeat;
  }
  #key_vis .key_list li:nth-child(2) h2 {
    width: 73.8666666667%;
    height: 26.6666666667%;
  }
}
#key_vis .key_list li:nth-child(3) {
  background: url("../img/keyv_fnp_2_pc.png") center/cover no-repeat;
}
#key_vis .key_list li:nth-child(3) h2 {
  width: 88.4375%;
  height: 15.75%;
  background: url("../img/logo_fnp_2.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(3) h2.en {
  background: url("../img/en/logo_fnp_2.png") center/contain no-repeat;
}
#key_vis .key_list li:nth-child(3)::after {
  background-color: #ff6b91;
}
@media (max-width: 750px) {
  #key_vis .key_list li:nth-child(3) {
    background: url("../img/keyv_fnp_2_sp.png") center 33.75%/cover no-repeat;
  }
  #key_vis .key_list li:nth-child(3) h2 {
    width: 75.4666666667%;
    height: 32.3076923077%;
  }
}
#key_vis .key_list li:hover {
  width: 66.6666666667%;
}
#key_vis .key_list li:hover::after {
  background-color: transparent;
}
@media (max-width: 750px) {
  #key_vis .key_list li:hover {
    width: 100%;
    height: 59.8290598291%;
  }
  #key_vis .key_list li:hover::before {
    content: "";
    display: block;
    position: absolute;
    top: 84.5714285714%;
    left: 14%;
    width: 72%;
    height: 13.7142857143%;
  }
  #key_vis .key_list li:hover:nth-child(1)::before {
    background: url("../img/enter_fnp_as.png") center/contain no-repeat;
  }
  #key_vis .key_list li:hover:nth-child(2)::before {
    background: url("../img/enter_fnp.png") center/contain no-repeat;
  }
  #key_vis .key_list li:hover:nth-child(3)::before {
    background: url("../img/enter_fnp_2.png") center/contain no-repeat;
  }
}
#key_vis .key_list:hover li:not(:hover) h2 {
  display: none;
}

/*===================================================================
				= News
===================================================================*/
#news {
  padding: 764px 0 0 0;
}
@media (max-width: 1920px) {
  #news {
    padding: 39.7916666667% 0 0 0;
  }
}
@media (max-width: 750px) {
  #news {
    padding: 115.2% 0 0 0;
  }
}
#news h2 {
  width: 27.9166666667%;
  height: 20.1570680628%;
  background: url("../img/cap_news.png") center/contain no-repeat;
  margin: 2.4479166667% 0 0 35.625%;
  position: relative;
  overflow: visible;
}
@media (max-width: 750px) {
  #news h2 {
    width: 71.4666666667%;
    height: 17.8240740741%;
    margin: 6.6666666667% 0 0 25.3333333333%;
  }
}
#news h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -5.1948051948%;
  left: -29.1044776119%;
  width: 32.4626865672%;
  height: 110.3896103896%;
  background: url("../img/chara_mischa.png") center/contain no-repeat;
}
#news .list_box {
  width: 59.375%;
  height: 56.2827225131%;
  margin: 0.4166666667% auto 0 auto;
  padding: 1.25% 1.7708333333%;
  background: url(../img/bg_white.png) repeat;
  background-size: 1px;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  #news .list_box {
    width: 100%;
    height: 62.5%;
    margin: 0.8% auto 0 auto;
    padding: 3.2% 4%;
  }
}
#news .news_list {
  width: 100%;
  height: 100%;
}
#news .news_list li {
  width: 97.0695970696%;
  margin: 0 auto;
  border-top: 2px solid #c5ebff;
  box-sizing: border-box;
  display: flex;
}
#news .news_list li:last-child {
  border-bottom: 2px solid #c5ebff;
}
#news .news_list li p {
  width: 100%;
  margin: 1.6981132075% auto;
  display: flex;
  align-items: center;
}
#news .news_list li span {
  width: 12.0754716981%;
  padding: 0 15.625% 0 0;
  color: #41beff;
  font-weight: bold;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  #news .news_list li {
    width: 98.2905982906%;
  }
  #news .news_list li p {
    margin: 2.0289855072% auto;
  }
  #news .news_list li span {
    width: 23.768115942%;
    padding: 0 10% 0 0;
  }
}

/*===================================================================
				= Sereies
===================================================================*/
#sereies {
  background-color: #ffc4da;
  padding: 1420px 0 0 0;
  position: relative;
}
@media (max-width: 1920px) {
  #sereies {
    padding: 73.9583333333% 0 0 0;
  }
}
@media (max-width: 750px) {
  #sereies {
    padding: 398.6666666667% 0 0 0;
  }
}
#sereies .wrap {
  overflow: visible;
}
#sereies .waves {
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 100px;
}
@media (max-width: 1920px) {
  #sereies .waves {
    top: -6.338028169%;
    height: 7.0422535211%;
  }
}
@media (max-width: 750px) {
  #sereies .waves {
    top: -3.0100334448%;
    height: 3.3444816054%;
  }
}
#sereies .waves_2 {
  position: absolute;
  bottom: -90px;
  left: 0;
  width: 100%;
  height: 100px;
  transform: rotate(180deg);
}
@media (max-width: 1920px) {
  #sereies .waves_2 {
    bottom: -6.338028169%;
    height: 7.0422535211%;
  }
}
@media (max-width: 750px) {
  #sereies .waves_2 {
    bottom: -3.0100334448%;
    height: 3.3444816054%;
  }
}
#sereies .parallax {
  animation: wave_move 10s linear infinite;
}
#sereies h2 {
  width: 27.9166666667%;
  height: 10.8450704225%;
  background: url("../img/cap_sereies.png") center/contain no-repeat;
  margin: 0.5208333333% 0 0 37.1875%;
  position: relative;
  overflow: visible;
  z-index: 20;
}
@media (max-width: 750px) {
  #sereies h2 {
    width: 71.4666666667%;
    height: 5.1505016722%;
    margin: 4.2666666667% 0 0 3.4666666667%;
  }
}
#sereies h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -2.5974025974%;
  right: -34.328358209%;
  width: 33.9552238806%;
  height: 110.3896103896%;
  background: url("../img/chara_haya.png") center/contain no-repeat;
}
#sereies .sereies_list {
  width: 62.5%;
  height: 78.8732394366%;
  margin: 2.8645833333% auto 0 auto;
  position: relative;
  overflow: visible;
}
#sereies .sereies_list::before {
  content: "";
  display: block;
  position: absolute;
  top: -4.3307086614%;
  left: -100vw;
  width: 200vw;
  height: 113.3928571429%;
  background: url("../img/line.png") center 1.5748031496%/28px repeat-x, url("../img/line.png") center 59.0551181102%/28px repeat-x, url("../img/line.png") center 77.9527559055%/28px repeat-x, url("../img/line.png") center 96.8503937008%/28px repeat-x;
  z-index: 1;
}
@media (max-width: 1920px) {
  #sereies .sereies_list::before {
    left: -30%;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list::before {
    top: -1.1278195489%;
    left: -100vw;
    height: 102.2556390977%;
    background: url("../img/line.png") center 0/1.8666666667% repeat-x, url("../img/line.png") center 59.9413059428%/1.8666666667% repeat-x, url("../img/line.png") center 79.8239178283%/1.8666666667% repeat-x, url("../img/line.png") center 99.7798972854%/1.8666666667% repeat-x;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list {
    width: 92%;
    height: 88.9632107023%;
    margin: 9.0666666667% auto 0 auto;
  }
}
#sereies .sereies_list li {
  width: 100%;
  height: 17.8571428571%;
  background: url(../img/bg_tile.png) repeat;
  padding: 1.25%;
  margin: 0 0 3.3333333333% 0;
  box-sizing: border-box;
  background-size: 51px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 20;
}
@media (max-width: 1920px) {
  #sereies .sereies_list li {
    font-size: 0.8333333333vw;
    background-size: 2.65625%;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list li {
    font-size: 2.6666666667vw;
    background-size: 6.8%;
    height: 18.7969924812%;
    padding: 2.8985507246%;
    margin: 0 0 5.7971014493% 0;
  }
}
#sereies .sereies_list dl {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  #sereies .sereies_list dl {
    flex-direction: column;
  }
}
#sereies .sereies_list dl dt {
  width: 51.7094017094%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #sereies .sereies_list dl dt {
    width: 100%;
    height: -3954.4%;
  }
}
#sereies .sereies_list dl dd {
  width: 48.2905982906%;
  height: 100%;
  line-height: 150%;
  padding: 0 0 0 1.2820512821%;
  box-sizing: border-box;
  border-left: 4px solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #sereies .sereies_list dl dd {
    width: 100%;
    height: -3953.6%;
    line-height: 140%;
    padding: 0;
    border-top: 4px solid;
    border-left: none;
    text-align: center;
    align-items: center;
  }
}
#sereies .sereies_list dl .text {
  width: 100%;
  height: 82.3529411765%;
}
@media (max-width: 750px) {
  #sereies .sereies_list dl .text {
    height: 81.0344827586%;
  }
}
#sereies .sereies_list dl h3 {
  width: 100%;
  font-size: 20px;
  margin: 0 0 1.7699115044% 0;
}
@media (max-width: 1920px) {
  #sereies .sereies_list dl h3 {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list dl h3 {
    font-size: 3.2vw;
    margin: 1.2307692308% 0;
  }
}
#sereies .sereies_list dl .button_link {
  width: 28.3185840708%;
  height: 17.6470588235%;
  margin: 0 0 0 71.6814159292%;
  font-weight: bold;
  border-radius: 100vh;
}
#sereies .sereies_list dl .button_link:hover {
  transition-duration: 0.3s;
  transform: scale(1.1);
}
@media (max-width: 750px) {
  #sereies .sereies_list dl .button_link {
    width: 36%;
    height: 18.9655172414%;
    margin: 0;
  }
}
#sereies .sereies_list dl .button_link a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  position: relative;
}
@media (max-width: 1920px) {
  #sereies .sereies_list dl .button_link a {
    font-size: 0.78125vw;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list dl .button_link a {
    font-size: 2.9333333333vw;
  }
}
#sereies .sereies_list dl .button_link a::after {
  font-family: "Material Icons";
  content: "\e5e1";
  display: block;
  position: absolute;
  top: 0;
  right: 6.25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
@media (max-width: 1920px) {
  #sereies .sereies_list dl .button_link a::after {
    font-size: 0.5208333333vw;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list dl .button_link a::after {
    font-size: 2.6666666667vw;
  }
}
#sereies .sereies_list .fnp img {
  width: 91.5702479339%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .fnp img {
    width: 85.2307692308%;
  }
}
#sereies .sereies_list .fnp dd {
  border-color: #a0deff;
}
#sereies .sereies_list .fnp .button_link {
  background-color: #41beff;
}
#sereies .sereies_list .fnp_as img {
  width: 91.2396694215%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .fnp_as img {
    width: 84.9230769231%;
  }
}
#sereies .sereies_list .fnp_as dd {
  border-color: #bef38b;
}
#sereies .sereies_list .fnp_as .button_link {
  background-color: #7ee817;
}
#sereies .sereies_list .fnp_2 img {
  width: 93.5537190083%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .fnp_2 img {
    width: 87.0769230769%;
  }
}
#sereies .sereies_list .fnp_2 dd {
  border-color: #ffb5c8;
}
#sereies .sereies_list .fnp_2 .button_link {
  background-color: #ff6b91;
}
#sereies .sereies_list .puchikura img {
  width: 77.3553719008%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .puchikura img {
    width: 72%;
  }
}
#sereies .sereies_list .puchikura dd {
  border-color: #ffd67f;
}
#sereies .sereies_list .puchikura .button_link {
  background-color: #ffae00;
}
#sereies .sereies_list .first_sereies {
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies {
    flex-direction: column;
  }
}
#sereies .sereies_list .first_sereies dl {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 4px solid #bfbfff;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dl {
    width: 100%;
    height: 33.4782608696%;
    flex-direction: row;
    border-bottom: 4px solid #bfbfff;
    border-right: none;
  }
}
#sereies .sereies_list .first_sereies dl:nth-child(1) img {
  width: 85.1282051282%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dl:nth-child(1) img {
    width: 74.4394618834%;
  }
}
#sereies .sereies_list .first_sereies dl:nth-child(2) img {
  width: 93.8461538462%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dl:nth-child(2) img {
    width: 82.0627802691%;
  }
}
#sereies .sereies_list .first_sereies dl:nth-child(3) {
  border: none;
}
#sereies .sereies_list .first_sereies dl:nth-child(3) img {
  width: 93.3333333333%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dl:nth-child(3) img {
    width: 81.6143497758%;
  }
}
#sereies .sereies_list .first_sereies dt {
  width: 100%;
  height: 82.3529411765%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dt {
    width: 68.6153846154%;
  }
}
#sereies .sereies_list .first_sereies dd {
  width: 100%;
  height: 17.6470588235%;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies dd {
    width: 31.3846153846%;
    height: 100%;
    flex-direction: column;
  }
}
#sereies .sereies_list .first_sereies .button_link {
  width: 41.0256410256%;
  height: 100%;
  background-color: #7f7fff;
  margin: 0;
}
#sereies .sereies_list .first_sereies .button_link:nth-child(2) {
  margin: 0 0 0 12.5%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies .button_link {
    width: 100%;
    height: 28.5714285714%;
  }
  #sereies .sereies_list .first_sereies .button_link:nth-child(2) {
    margin: 19.6078431373% 0 0 0;
  }
}
#sereies .sereies_list .first_sereies .button_delisted {
  width: 41.0256410256%;
  height: 100%;
  background-color: #999999;
  color: #fff;
  font-weight: bold;
  margin: 0;
  border-radius: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  position: relative;
}
@media (max-width: 1920px) {
  #sereies .sereies_list .first_sereies .button_delisted {
    font-size: 0.78125vw;
  }
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies .button_delisted {
    font-size: 2.9333333333vw;
  }
}
#sereies .sereies_list .first_sereies .button_delisted:nth-child(2) {
  margin: 0 0 0 12.5%;
}
@media (max-width: 750px) {
  #sereies .sereies_list .first_sereies .button_delisted {
    width: 100%;
    height: 28.5714285714%;
  }
  #sereies .sereies_list .first_sereies .button_delisted:nth-child(2) {
    margin: 19.6078431373% 0 0 0;
  }
}
#sereies .photo_01 {
  position: absolute;
  top: 8.4507042254%;
  left: -17.1875%;
  transform: rotate(5deg);
  width: 53.8541666667%;
  height: 41.2676056338%;
  background: url("../img/photo_mischa.png") center/contain no-repeat;
  z-index: 2;
}
@media (max-width: 750px) {
  #sereies .photo_01 {
    display: none;
  }
}
#sereies .photo_02 {
  position: absolute;
  top: 19.7183098592%;
  left: 65.4166666667%;
  transform: rotate(-10deg);
  width: 39.5833333333%;
  height: 30.4225352113%;
  background: url("../img/photo_yukitshuki.png") center/contain no-repeat;
  z-index: 2;
}
@media (max-width: 750px) {
  #sereies .photo_02 {
    display: none;
  }
}
#sereies .photo_03 {
  position: absolute;
  bottom: -10.8450704225%;
  left: -6.7708333333%;
  transform: rotate(10deg);
  width: 23.9583333333%;
  height: 18.4507042254%;
  background: url("../img/photo_shizuku_01.png") center/contain no-repeat;
  z-index: 2;
}
@media (max-width: 750px) {
  #sereies .photo_03 {
    display: none;
  }
}
#sereies .photo_04 {
  position: absolute;
  bottom: -20.4225352113%;
  left: 65.4166666667%;
  transform: rotate(7deg);
  width: 41.5625%;
  height: 31.8309859155%;
  background: url("../img/photo_haya.png") center/contain no-repeat;
  z-index: 2;
}
@media (max-width: 750px) {
  #sereies .photo_04 {
    display: none;
  }
}
#sereies .photo_05 {
  position: absolute;
  bottom: 5.6338028169%;
  left: -3.125%;
  transform: rotate(-15deg);
  width: 30.7291666667%;
  height: 23.5211267606%;
  background: url("../img/photo_eri_01.png") center/contain no-repeat;
  z-index: 1;
}
@media (max-width: 750px) {
  #sereies .photo_05 {
    display: none;
  }
}
#sereies .photo_06 {
  position: absolute;
  top: 0.7042253521%;
  left: 2.0833333333%;
  transform: rotate(-20deg);
  width: 26.5625%;
  height: 20.4225352113%;
  background: url("../img/photo_shizuku_02.png") center/contain no-repeat;
  z-index: 1;
}
@media (max-width: 750px) {
  #sereies .photo_06 {
    display: none;
  }
}
#sereies .photo_07 {
  position: absolute;
  top: 40.8450704225%;
  left: 73.9583333333%;
  transform: rotate(15deg);
  width: 26.25%;
  height: 20.2816901408%;
  background: url("../img/photo_eri_02.png") center/contain no-repeat;
  z-index: 1;
}
@media (max-width: 750px) {
  #sereies .photo_07 {
    display: none;
  }
}

.pin {
  width: 4.5833333333%;
  height: 6.1971830986%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  transition: opacity 1s linear;
  opacity: 1;
  z-index: 1000;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
  will-change: filter;
}
@media (max-width: 750px) {
  .pin {
    width: 11.7333333333%;
    height: 2.9431438127%;
  }
}
.pin_01 {
  background-image: url("../img/pin_flower1.png");
}
.pin_02 {
  background-image: url("../img/pin_flower2.png");
}
.pin_03 {
  background-image: url("../img/pin_heart.png");
}
.pin_04 {
  background-image: url("../img/pin_star.png");
}

.clip {
  width: 2.0833333333%;
  height: 7.323943662%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  transition: opacity 1s linear;
  opacity: 1;
  z-index: 1000;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
@media (max-width: 750px) {
  .clip {
    width: 5.3333333333%;
    height: 3.4782608696%;
  }
}
.clip_blue {
  background-image: url("../img/clip_blue.png");
}
.clip_green {
  background-image: url("../img/clip_green.png");
}
.clip_orange {
  background-image: url("../img/clip_orange.png");
}
.clip_pink {
  background-image: url("../img/clip_pink.png");
}

/*===================================================================
				= Special
===================================================================*/
#special {
  position: relative;
  height: auto;
}
#special .wrap {
  position: static;
  height: auto;
}
#special h2 {
  width: 27.9166666667%;
  padding: 8.0208333333% 0 0 0;
  background: url("../img/cap_special.png") center/contain no-repeat;
  margin: 8.75% 0 0 35.625%;
  position: relative;
  overflow: visible;
}
@media (max-width: 750px) {
  #special h2 {
    width: 71.4666666667%;
    padding: 20.5333333333% 0 0 0;
    margin: 31.2% 0 0 26.4%;
  }
}
#special h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -9.0909090909%;
  left: -31.7164179104%;
  width: 33.5820895522%;
  height: 116.8831168831%;
  background: url("../img/chara_eri.png") center/contain no-repeat;
}
#special p {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
#special img:hover {
  transition-duration: 0.3s;
  transform: scale(1.1);
}
#special .tab_link {
  width: 62.5%;
  padding: 4.6875% 0 0 0;
  margin: 3.75% auto 0 auto;
  position: relative;
}
@media (max-width: 750px) {
  #special .tab_link {
    width: 94.6666666667%;
    padding: 10.6666666667% 0 0 0;
    margin: 9.6% auto 0 auto;
  }
}
#special .tab_link li {
  position: absolute;
  top: 0;
  width: 49.1666666667%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#special .tab_link li p {
  width: 29.1525423729%;
  height: 51.1111111111%;
}
#special .tab_link li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6.7796610169% 6.7796610169% 6.7796610169% 6.7796610169% / 44.4444444444% 44.4444444444% 0 0;
  opacity: 0.4;
  z-index: -1;
}
#special .tab_link li:first-child {
  left: 0;
}
#special .tab_link li:first-child p {
  background: url("../img/tag_X_icon.png") center/contain no-repeat;
}
#special .tab_link li:first-child::before {
  background-color: #ffae00;
}
#special .tab_link li:last-child {
  right: 0;
}
#special .tab_link li:last-child p {
  background: url("../img/tag_X_header.png") center/contain no-repeat;
}
#special .tab_link li:last-child::before {
  background-color: #41beff;
}
#special .tab_link li.selected {
  pointer-events: none;
}
#special .tab_link li.selected::before {
  opacity: 1;
}
#special .tab_link li.unselected {
  cursor: pointer;
}
@media (max-width: 750px) {
  #special .tab_link li {
    width: 48.7323943662%;
  }
  #special .tab_link li p {
    width: 49.710982659%;
    height: 57.5%;
  }
  #special .tab_link li::before {
    border-radius: 11.5606936416% 11.5606936416% 11.5606936416% 11.5606936416% / 50% 50% 0 0;
  }
}
#special .special_contents {
  width: 62.5%;
  height: auto;
  margin: 0 auto 3.6458333333% auto;
  position: relative;
}
#special .special_contents::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.8333333333% 0 0 0;
}
#special .special_contents::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  z-index: -1;
}
@media (max-width: 750px) {
  #special .special_contents {
    width: 100%;
    margin: 0 auto 9.3333333333% auto;
  }
  #special .special_contents::before {
    padding: 1.3333333333% 0 0 0;
  }
}
#special .special_contents.x_icon {
  padding: 3.2291666667% 0 3.6458333333% 0;
}
#special .special_contents.x_icon::before {
  background-color: #ffae00;
}
#special .special_contents.x_icon::after {
  background-color: #ffdc40;
}
#special .special_contents.x_icon .text {
  background: url("../img/text_special_icon.png") center/contain no-repeat;
  width: 58.5%;
  padding: 7.6666666667% 0 0 0;
  margin: 0 auto;
}
#special .special_contents.x_icon .fn1 {
  padding: 48.3333333333% 0 0 0;
}
#special .special_contents.x_icon .fn1 h3 {
  height: 10.3448275862%;
}
#special .special_contents.x_icon .fnas {
  padding: 33% 0 0 0;
}
#special .special_contents.x_icon .fnas h3 {
  height: 15.1515151515%;
}
#special .special_contents.x_icon .fn2 {
  padding: 55.8333333333% 0 0 0;
}
#special .special_contents.x_icon .fn2 h3 {
  height: 8.9552238806%;
}
@media (max-width: 750px) {
  #special .special_contents.x_icon {
    padding: 8.8% 0 9.3333333333% 0;
  }
  #special .special_contents.x_icon .text {
    width: 93.6%;
    padding: 12.2666666667% 0 0 0;
  }
  #special .special_contents.x_icon .fn1 {
    padding: 71.7333333333% 0 0 0;
  }
  #special .special_contents.x_icon .fn1 h3 {
    height: 11.1524163569%;
  }
  #special .special_contents.x_icon .fnas {
    padding: 49.6% 0 0 0;
  }
  #special .special_contents.x_icon .fnas h3 {
    height: 16.1290322581%;
  }
  #special .special_contents.x_icon .fn2 {
    padding: 81.6% 0 0 0;
  }
  #special .special_contents.x_icon .fn2 h3 {
    height: 9.8039215686%;
  }
}
#special .special_contents.x_header {
  display: none;
  padding: 3.2291666667% 0 6.25% 0;
}
#special .special_contents.x_header::before {
  background-color: #41beff;
}
#special .special_contents.x_header::after {
  background-color: #41beff;
}
#special .special_contents.x_header .text {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  background: url("../img/text_special_header.png") center/contain no-repeat;
  width: 58.5%;
  padding: 7.6666666667% 0 0 0;
  margin: 0 auto;
}
#special .special_contents.x_header div {
  position: relative;
  padding: 37.5% 0 0 0;
}
#special .special_contents.x_header img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 12.1666666667% auto 0 auto;
  width: 61.6666666667%;
  border: 1px solid #41beff;
}
#special .special_contents.x_header h3 {
  height: 13.3333333333%;
}
@media (max-width: 750px) {
  #special .special_contents.x_header {
    padding: 8.8% 0 16% 0;
  }
  #special .special_contents.x_header .text {
    width: 93.6%;
    padding: 12.2666666667% 0 0 0;
  }
  #special .special_contents.x_header div {
    padding: 51.4666666667% 0 0 0;
    margin: 0 0 5.3333333333% 0;
  }
  #special .special_contents.x_header div:last-child {
    margin: 0;
  }
  #special .special_contents.x_header h3 {
    height: 15.5440414508%;
  }
  #special .special_contents.x_header img {
    margin: 19.7333333333% auto 0 auto;
    width: 94.6666666667%;
  }
}
#special h3 {
  position: absolute;
  top: 0;
  margin: 2% 0 0 0;
  width: 100%;
  text-align: center;
  font-size: 30px;
}
@media (max-width: 1920px) {
  #special h3 {
    font-size: 1.5625vw;
  }
}
@media (max-width: 750px) {
  #special h3 {
    margin: 3.2% 0 0 0;
    font-size: 4vw;
  }
}
#special img {
  width: 100%;
  font-size: 0;
}
#special .list_icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 12.1666666667% auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 750px) {
  #special .list_icon {
    margin: 19.7333333333% auto 0 auto;
  }
}
#special .fn1 {
  color: #41beff;
}
#special .fn1 h3 {
  background: url("../img/line_blue.png") center bottom/1.6666666667% repeat-x;
}
#special .fn1 .list_icon {
  width: 67%;
  height: 74.4827586207%;
}
#special .fn1 .list_icon p {
  width: 100%;
  height: 9.1743119266%;
  margin: 9.1743119266% 0 0 0;
}
#special .fn1 .list_icon li {
  width: 18.407960199%;
  height: 50.462962963%;
  margin: 0 0 0 1.9900497512%;
  display: flex;
  flex-direction: column;
}
#special .fn1 .list_icon li:first-child {
  margin: 0;
}
#special .fn1 .list_icon li:first-child p {
  background: url("../img/special/icon/name_fn_01.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(2) p {
  background: url("../img/special/icon/name_fn_02.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(3) p {
  background: url("../img/special/icon/name_fn_03.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(4) p {
  background: url("../img/special/icon/name_fn_04.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(5) p {
  background: url("../img/special/icon/name_fn_05.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(6) {
  margin: 0;
}
#special .fn1 .list_icon li:nth-child(6) p {
  background: url("../img/special/icon/name_fn_06.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(7) p {
  background: url("../img/special/icon/name_fn_07.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(8) p {
  background: url("../img/special/icon/name_fn_08.png") center/contain no-repeat;
}
#special .fn1 .list_icon li:nth-child(9) p {
  background: url("../img/special/icon/name_fn_09.png") center/contain no-repeat;
}
@media (max-width: 750px) {
  #special .fn1 h3 {
    background: url("../img/line_blue.png") center bottom/2.6666666667% repeat-x;
  }
  #special .fn1 .list_icon {
    width: 95.2%;
    height: 72.1189591078%;
  }
  #special .fn1 .list_icon p {
    width: 100%;
    height: 13.8461538462%;
    margin: 12.3076923077% 0 0 0;
  }
  #special .fn1 .list_icon li {
    width: 18.2072829132%;
    height: 50%;
    margin: 0 0 0 2.2408963585%;
    display: flex;
    flex-direction: column;
  }
}
#special .fnas {
  color: #46c601;
}
#special .fnas h3 {
  background: url("../img/line_green.png") center bottom/1.6666666667% repeat-x;
}
#special .fnas .list_icon {
  width: 32.8333333333%;
  height: 63.6363636364%;
}
#special .fnas .list_icon p {
  width: 100%;
  height: 7.9365079365%;
  margin: 7.9365079365% 0 0 0;
}
#special .fnas .list_icon li {
  width: 48.2233502538%;
  height: 100%;
  margin: 0 0 0 3.5532994924%;
  display: flex;
  flex-direction: column;
}
#special .fnas .list_icon li:first-child {
  margin: 0;
}
#special .fnas .list_icon li:first-child p {
  background: url("../img/special/icon/name_fnas_01.png") center/contain no-repeat;
}
#special .fnas .list_icon li:nth-child(2) p {
  background: url("../img/special/icon/name_fnas_02.png") center/contain no-repeat;
}
@media (max-width: 750px) {
  #special .fnas h3 {
    background: url("../img/line_green.png") center bottom/2.6666666667% repeat-x;
  }
  #special .fnas .list_icon {
    width: 46.6666666667%;
    height: 61.8279569892%;
  }
  #special .fnas .list_icon p {
    width: 100%;
    height: 7.8260869565%;
    margin: 9.4117647059% 0 0 0;
  }
  #special .fnas .list_icon li {
    width: 48.5714285714%;
    height: 100%;
    margin: 0 0 0 2.8571428571%;
    display: flex;
    flex-direction: column;
  }
}
#special .fn2 {
  color: #ff6b91;
}
#special .fn2 h3 {
  background: url("../img/line_pink.png") center bottom/1.6666666667% repeat-x;
}
#special .fn2 .list_icon {
  width: 66.8333333333%;
  height: 77.6119402985%;
}
#special .fn2 .list_icon p {
  width: 100%;
  height: 7.9365079365%;
  margin: 7.9365079365% 0 0 0;
}
#special .fn2 .list_icon li {
  width: 23.6907730673%;
  height: 50%;
  margin: 0 0 0 1.7456359102%;
  display: flex;
  flex-direction: column;
}
#special .fn2 .list_icon li:first-child {
  margin: 0;
}
#special .fn2 .list_icon li:first-child p {
  background: url("../img/special/icon/name_fn2_01.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(2) p {
  background: url("../img/special/icon/name_fn2_02.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(3) p {
  background: url("../img/special/icon/name_fn2_03.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(4) p {
  background: url("../img/special/icon/name_fn2_04.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(5) {
  margin: 0;
}
#special .fn2 .list_icon li:nth-child(5) p {
  background: url("../img/special/icon/name_fn2_05.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(6) p {
  background: url("../img/special/icon/name_fn2_06.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(7) p {
  background: url("../img/special/icon/name_fn2_07.png") center/contain no-repeat;
}
#special .fn2 .list_icon li:nth-child(8) p {
  background: url("../img/special/icon/name_fn2_08.png") center/contain no-repeat;
}
@media (max-width: 750px) {
  #special .fn2 h3 {
    background: url("../img/line_pink.png") center bottom/2.6666666667% repeat-x;
  }
  #special .fn2 .list_icon {
    width: 94.6666666667%;
    height: 75.1633986928%;
  }
  #special .fn2 .list_icon p {
    width: 100%;
    height: 7.8260869565%;
    margin: 9.4117647059% 0 0 0;
  }
  #special .fn2 .list_icon li {
    width: 23.9436619718%;
    height: 50%;
    margin: 0 0 0 1.4084507042%;
    display: flex;
    flex-direction: column;
  }
}
#special.en .tab_link li p {
  width: 25.593220339%;
}
#special.en .tab_link li:first-child p {
  background: url("../img/en/tag_X_icon.png") center/contain no-repeat;
}
#special.en .tab_link li:last-child p {
  width: 36.9491525424%;
  background: url("../img/en/tag_X_header.png") center/contain no-repeat;
}
@media (max-width: 750px) {
  #special.en .tab_link li p {
    width: 43.6416184971%;
  }
  #special.en .tab_link li:last-child p {
    width: 63.0057803468%;
  }
}
#special.en .special_contents.x_icon .text {
  background: url("../img/en/text_special_icon.png") center/contain no-repeat;
}
#special.en .special_contents.x_header .text {
  background: url("../img/en/text_special_header.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon p {
  width: 100%;
  height: 11.0091743119%;
  margin: 9.1743119266% 0 0 0;
}
#special.en .fn1 .list_icon li:first-child p {
  background: url("../img/en/special/icon/name_fn_01.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(2) p {
  background: url("../img/en/special/icon/name_fn_02.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(3) p {
  background: url("../img/en/special/icon/name_fn_03.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(4) p {
  background: url("../img/en/special/icon/name_fn_04.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(5) p {
  background: url("../img/en/special/icon/name_fn_05.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(6) {
  margin: 0;
}
#special.en .fn1 .list_icon li:nth-child(6) p {
  background: url("../img/en/special/icon/name_fn_06.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(7) p {
  background: url("../img/en/special/icon/name_fn_07.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(8) p {
  background: url("../img/en/special/icon/name_fn_08.png") center/contain no-repeat;
}
#special.en .fn1 .list_icon li:nth-child(9) p {
  height: 26.6055045872%;
  margin: 0;
  background: url("../img/en/special/icon/name_fn_09.png") center/contain no-repeat;
}
#special.en .fnas .list_icon li:first-child p {
  background: url("../img/en/special/icon/name_fnas_01.png") center/contain no-repeat;
}
#special.en .fnas .list_icon li:nth-child(2) p {
  background: url("../img/en/special/icon/name_fnas_02.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:first-child {
  margin: 0;
}
#special.en .fn2 .list_icon li:first-child p {
  background: url("../img/en/special/icon/name_fn2_01.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(2) p {
  background: url("../img/en/special/icon/name_fn2_02.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(3) p {
  background: url("../img/en/special/icon/name_fn2_03.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(4) p {
  background: url("../img/en/special/icon/name_fn2_04.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(5) {
  margin: 0;
}
#special.en .fn2 .list_icon li:nth-child(5) p {
  background: url("../img/en/special/icon/name_fn2_05.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(6) p {
  background: url("../img/en/special/icon/name_fn2_06.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(7) p {
  background: url("../img/en/special/icon/name_fn2_07.png") center/contain no-repeat;
}
#special.en .fn2 .list_icon li:nth-child(8) p {
  background: url("../img/en/special/icon/name_fn2_08.png") center/contain no-repeat;
}

/*===================================================================
				= Links
===================================================================*/
#links {
  padding: 620px 0 0 0;
}
@media (max-width: 1920px) {
  #links {
    padding: 32.2916666667% 0 0 0;
  }
}
@media (max-width: 750px) {
  #links {
    padding: 123.7333333333% 0 0 0;
  }
}
#links h2 {
  width: 27.9166666667%;
  height: 24.8387096774%;
  background: url("../img/cap_links.png") center/contain no-repeat;
  margin: 0.2083333333% 0 0 37.1875%;
  position: relative;
  overflow: visible;
}
@media (max-width: 750px) {
  #links h2 {
    width: 71.4666666667%;
    height: 16.5948275862%;
    margin: 0.5333333333% 0 0 2.4%;
  }
}
#links h2::before {
  content: "";
  display: block;
  position: absolute;
  top: -2.5974025974%;
  right: -36.9402985075%;
  width: 40.2985074627%;
  height: 107.7922077922%;
  background: url("../img/chara_miu.png") center/contain no-repeat;
}
#links .bunner_list {
  width: 62.5%;
  height: 54.8387096774%;
  margin: 5.3333333333% auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
#links .bunner_list img {
  width: 100%;
}
#links .bunner_list li {
  width: 23.75%;
  display: flex;
  justify-content: center;
}
#links .bunner_list li:nth-child(1) {
  width: 100%;
  position: relative;
}
#links .bunner_list li:nth-child(1) a {
  width: 49.1666666667%;
}
#links .bunner_list li:nth-child(1):before {
  content: "＼『Fragment's Note』オフィシャルグッズ取り扱い中！／";
  display: block;
  position: absolute;
  top: -41.6666666667%;
  left: 0;
  right: 0;
  text-align: center;
  color: #ff6b91;
  font-weight: bold;
}
@media (max-width: 1920px) {
  #links .bunner_list li:nth-child(1):before {
    font-size: 1.5625vw;
  }
}
@media (max-width: 750px) {
  #links .bunner_list li:nth-child(1):before {
    top: -33.3333333333%;
    font-size: 3.2vw;
  }
}
#links .bunner_list li a:hover {
  transition-duration: 0.3s;
  transform: scale(1.1);
}
#links .bunner_list li.en:before {
  content: "＼『Fragment's Note』Official goods now available!／";
}
@media (max-width: 750px) {
  #links .bunner_list {
    width: 92%;
    height: 70.5818965517%;
    margin: 9.2753623188% auto 0 auto;
  }
  #links .bunner_list li {
    width: 48.4057971014%;
  }
  #links .bunner_list li:nth-child(1) a {
    width: 100%;
  }
}

/*===================================================================
				= Footer
===================================================================*/
#footer {
  padding: 232px 0 0 0;
}
@media (max-width: 1920px) {
  #footer {
    padding: 12.0833333333% 0 0 0;
  }
}
@media (max-width: 750px) {
  #footer {
    justify-content: space-between;
    align-content: space-between;
    padding: 31.3333333333% 0 0 0;
  }
}
#footer .inner_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#footer .logo_ullucus {
  display: block;
  font-size: 0;
  width: 162px;
  height: 58px;
  background: url("../img/logo_ullucus.png") center/contain no-repeat;
  margin: 2.3958333333% 0 0.5208333333% 0;
}
#footer .logo_ullucus:active {
  animation: click_button 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
#footer .logo_ullucus:hover {
  animation: hover_button 0.2s forwards;
}
#footer .logo_ullucus h4 {
  width: 100%;
  height: 100%;
}
@media (max-width: 1920px) {
  #footer .logo_ullucus {
    width: 8.4375%;
    height: 52.7272727273%;
  }
}
@media (max-width: 750px) {
  #footer .logo_ullucus {
    width: 21.6%;
    height: 34.5588235294%;
  }
}
#footer .copy {
  color: #404040;
  font-size: 20px;
  text-align: center;
}
#footer .copy span {
  font-size: 16px;
}
@media (max-width: 1920px) {
  #footer .copy {
    font-size: 1.0416666667vw;
  }
  #footer .copy span {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 750px) {
  #footer .copy {
    font-size: 2.6666666667vw;
  }
  #footer .copy span {
    font-size: 2.1333333333vw;
  }
}