/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Header */
header {
  width:100%;
  height: auto;
  display: block;
  padding:20px 0 0;
}
header figure {
  width:100px;
  height: auto;
  display: block;
  margin:0 auto;
}
header figure img {
  width:100%;
  height: auto;
  display: block;
}


/* Footer */
footer {
  width:100%;
  height: auto;
  display: block;
}
.ftbody {
  width:100%;
  height: auto;
  display: block;
  padding:30px 0;
  text-align: center;
}
.ftbody p {
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0;
}


}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Header */
header {
  width:100%;
  height: auto;
  display: block;
  padding:20px 0 0;
}
header figure {
  width:100px;
  height: auto;
  display: block;
  margin:0 auto;
}
header figure img {
  width:100%;
  height: auto;
  display: block;
}


/* Footer */
footer {
  width:100%;
  height: auto;
  display: block;
}
.ftbody {
  width:100%;
  height: auto;
  display: block;
  padding:30px 0;
  text-align: center;
}
.ftbody p {
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0;
}

}

/* Style for Smartphone */
@media screen and (max-width: 768px) {

/* Header */
header {
  width:100%;
  height: auto;
  display: block;
  padding:20px 0 0;
}
header figure {
  width:100px;
  height: auto;
  display: block;
  margin:0 auto;
}
header figure img {
  width:100%;
  height: auto;
  display: block;
}


/* Footer */
footer {
  width:100%;
  height: auto;
  display: block;
}
.ftbody {
  width:100%;
  height: auto;
  display: block;
  padding:30px 0;
  text-align: center;
}
.ftbody p {
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0;
}

}