@charset "UTF-8";


/*---------------------------------
              footer
---------------------------------*/
@media screen and (max-width: 980px) {
.footer-container {
  text-align: center;
  width: 980px;
  margin: 50px 0 0 0;
}
table {
  border-collapse: collapse ;
  white-space: nowrap;
  margin: 0px 0 0px 0;
}
.f-box {
  font-family: serif;
  width: 486px;
  font-size: 33px;
  font-weight: normal;
  text-align: center;
  padding: 5px 0;
  color: #FFFFFF;
  background-color: #000000;
  border: solid 1px #919191;
  opacity: .8;
}
.sub-container {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 60px 0 20px 0;
}
.f-box2 {
  margin: 0 10px;
  font-family: serif;
  width: 440px;
  font-size: 33px;
  font-weight: normal;
  text-align: center;
  padding: 20px 0;
  color: #FFFFFF;
  background-color: #d597ff;
}
.f-box3 {
  margin: 0 auto;
  font-family: serif;
  width: 900px;
  font-size: 33px;
  font-weight: normal;
  text-align: center;
  padding: 20px 0;
  color: #FFFFFF;
  background-color: #d597ff;
}
.footer-container a {
  text-decoration: none;
}




.box {
  font-family: serif;
  font-size: 33px;
  color: #FFFFFF;
  background-color: #000000;
  margin: 0 0 5px 0;
  padding: 13px 0;
  border: 1px solid #000000;
  text-align: left;
  opacity: .8;
}
.box2 {
  font-family: serif;
  font-size: 33px;
  color: #FFFFFF;
  background-color: #d597ff;
  margin: 0 0 5px 0;
  padding: 13px 0;
  border: 1px solid #d597ff;
  text-align: left;
}
.f-text {
  margin: 0 0 0 80px;
}



/*---------------------------------
            copyright
---------------------------------*/
.copy-container {
  text-align: center;
  font-size: 25px;
  padding: 30px 0;
}




}