body {
  background-image: linear-gradient(180deg, #eee, #fff 100px, #fff);
  overflow: hidden;
}

.container {
  max-width: 1280px;
}

.pricing-header {
  max-width: 95vw;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
}

.back {
padding: 10px;
top: 0;
}

.terms {
width: 100%;
background-color: #ffffff;
}

.terms .title,
.terms .content,
.terms .content-small {
padding: 20px;
color: #222222;
}

.terms .content-small {
font-size: 12px;
}

.terms h5 {
margin: 5px 0;
font-weight: bold;
}

.terms pre {
  background-color: transparent;
  border: none;
}

.select-group-title {
  font-size: 20px;
}

.select-group-ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.pricing .monthly-price,
.pricing .yearly-price {
  display: none;
}

.pricing.monthly .monthly-price {
  display: inline;
}

.pricing.yearly .yearly-price {
  display: inline;
}

.production {
  position: relative;
  z-index: 2;
}

.blink {
	-webkit-animation: blink 1.5s ease infinite;
	animation: blink 1.5s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}