@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

/* ----- Base ----- */
* { box-sizing: border-box;}
html { font-family: "Futura", "Century Gothic", "Noto Sans JP","sans-serif","Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif; font-size: 16px; line-height: 1.5; color: rgba(100, 100, 100, 1); }
h1, h2, h3, h4, h5, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

h1 {
  font-size: 2vw;
  text-align: center;
  letter-spacing: 0.2vw;
  cursor: default;
}
button {
  border: none;
}

footer {
  font-size: 0.6em;
  text-align: center;
  margin: 12vh 0 3vh 0;
  color: rgb(148, 148, 148);
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.form {
  margin: auto;
  display: flex;
  justify-content: center;
  max-width: 750px;
  height: 100px;
  background-color: black;
}

.form a{
  color: white;
  font-size: 1.5em;
}

a:hover {
  color: #55ECDB;
  transition-duration: 2s;
}