@charset "utf-8";

body {
  background-color: black;
}

.contents {
}

a:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  opacity:0.8;
}

.container {
  position: relative;
}

.buttons {
  position: absolute;
}

.button-form-small {
  right: 72.5%;
  bottom: 44%
}
.button-contact {
  right: 72.5%;
  bottom: 26%
}

.logo {
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 3%;
}

/* 1201px未満 */
@media screen and (max-width: 1201px) {
  .button-form-small {
    width: calc( 96 / 1001 * 100vw * 0.8);		/* 横幅 / 背景幅 * 100vw * 補正 */
    right: 73.5%;
  }
  .button-contact {
    width: calc( 96 / 1001 * 100vw * 0.8);		/* 横幅 / 背景幅 * 100vw * 補正 */
    right: 73.5%;
  }
}

/* 1001px未満 */
@media screen and (max-width: 1001px) {
  .logo {
    width: calc(199 / 1001 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
	bottom: 2.5%;
  }
}

/* 801px未満 */
@media screen and (max-width: 801px) {
  .button-form-small {
    width: calc( 96 / 1001 * 100vw * 0.9);		/* 横幅 / 背景幅 * 100vw * 補正 */
    right: 71.5%;
  }
  .button-contact {
    width: calc( 96 / 1001 * 100vw * 0.9);		/* 横幅 / 背景幅 * 100vw * 補正 */
    right: 71.5%;
  }
}