body {
	overflow-x: hidden;
}

.indent {
	padding-top: 64px;
	padding-bottom: 0px;
}

.image {
	width: 100%;
}


.bg-body-tertiary {
	background-color: #f1f1f1 !important;
}

.bg-acejapan {
	color: white;
	background-color: #0000ff !important;
}

a.btn {
	font-size: 28px;
}
.umi-title {
	font-size: 80px;
	font-weight: bold;
}
.umi-catch {
	font-size: 32px;
	font-weight: bold;
}

.umi-text {
	font-weight: bold;
}
.umi-subtext {
	color: #606060;
}

a.btn {
	text-decoration: underline !important;
}

span.fa-arrow-right {
	padding: 12px;
}

.logo {
	width: 90% !important;
}

.bg-wave-1 {
  position: relative;
  background: #f1f1f1;
  height: 100px;
}

.wave-1 {
  position: absolute;
  height: 184px;
  width: 100%;
  background: #f1f1f1;
  bottom: 0;
}

.wave-1::before, .wave-1::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50% 100%;
}

.wave-1::before {
  width: 55%;
  height: 100%;
  background-color: #f1f1f1;
  right: -1.5%;
  top: 40%;
}
.wave-1::after {
  width: 55%;
  height: 105%;
  background-color: #fff;
  left: -1.5%;
  top: 60%;
}

.bg-wave-2 {
  position: relative;
  background: #ffffff;
  height: 100px;
}

.wave-2 {
  position: absolute;
  height: 240px;
  width: 100%;
  background: #ffffff;
  bottom: 0;
}

.wave-2::before, .wave-2::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 120%;
}

.wave-2::before {
  width: 76%;
  height: 100%;
  background-color: #0000ff;
  right: -5%;
  top: 67%;
}
.wave-2::after {
  width: 66%;
  height: 100%;
  background: #ffffff;
  left: -35%;
  top: 35%;
}

.bg-wave-3 {
	width: 100%;
	background-image: url("/img/wave-3.svg");
	background-size: cover;
	background-repeat:no-repeat;
}

@media screen and (max-width: 768px) {
	.indent {
		padding-right: 0px !important;
		padding-left: 8px !important;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.logo {
		width: 60% !important;
	}

	.umi-title {
		font-size: 60px;
		padding-left: 12px !important;
	}

	.umi-catch {
		font-size: 30px;
	}
}