/*
Version1.0
2024.10.10 合同会社マカクテック
*/

.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}

*{
  margin: 0;
  padding: 0;
}

html {
  color: #222;
  font-size: 3.3vw;
  line-height: 1.4;
}

html, body {
	overflow-x: hidden;
}

body {
  font-family: "Kosugi Maru";
}

.container {
  width: 100vw;
  background-color: red;
  padding: 5vw;
}

.innner-container {
  width: 90vw;
  min-height:90vh;
  background-color: yellow;
}

h1 {
  font-size: 190%;
  text-align: center;
  font-weight: bold;
  color: red;
}

h2 {
  font-size: 160%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.5vw;
  background-color: lightgreen;
}

p {
  margin-bottom: 3vw;
}

.field {
  display: flex;
  margin: 4vw 0;
}

.formtitle {
  width: 30%;
}

.formval {
  width: 68%;
}

input[type="text"],
input[type="email"] {
  width: 100%;
}

input[type="number"] {
  display: block;
  margin: auto;
}

input[type="submit"] {
  display: block;
  margin: auto;
}

input {
  font-size: 16px;
}

.content {
  background-color: lightyellow;
  margin-top: 5vw;
  margin-left: 2vw;
  margin-right: 2vw;
  margin-bottom: 5vw;
}

img {
  margin: auto;
  display: block;
  width: 100%;
}

.formval p {
  color: red;
}

.formsend p {
  text-align: center;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9の比率 (9 ÷ 16 = 0.5625 = 56.25%) */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}