@import url("subhead.css");
@import url("youtube.css");
@import url("card.css");
@import url("fadein.css");
@import url("header.css");
@import url("footer.css");
@import url("check-list.css");
@import url("slide.css");
@import url("contact.css");
@import url("voice.css");

* {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

body {
  background-image: url(../images/bg.png);
  max-width: 840px;
  margin: 0 auto;
  color: #333333;
  font-size: 18px;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }
}

.wrapper {
  background-color: white;
}

.inner-wrapper {
  padding: 0 2em;
}
@media screen and (max-width: 480px) {
  .inner-wrapper {
    padding: 0 0.5em;
  }
}

.space-around {
  display: flex;
  justify-content: space-around;
}

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

.width-40percent {
  width: 40%;
}

.margin-bottom-1em {
  margin-bottom: 1em;
}

ul {
  list-style: none;
}

.content {
  margin-bottom: 50px;
  text-align: center;
}

.center {
  display: flex;
}

.center img,
.center p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center img {
  width: 50px;
}

.center p {
  display: inline;
}

.red-text {
  color: red;
  font-weight: bold;
}

.green-text {
  color: limegreen;
  font-weight: bold;
}

.blue-text {
  color: blue;
  font-weight: bold;
}

.gold-text {
  color: gold;
  font-weight: bold;
}

.yellow-bg {
  background-color: yellow;
  font-weight: bold;
}

.attention {
  font-size: 0.7em;
  text-align: right;
}

.border {
  height: 5px;
  width: 50px;
  margin: 2em auto;
  background-color: orange;
}

.first-view {
  background-color: orange;
}

.first-view img {
  vertical-align: middle;
}

.step-image {
  width: 50%;
  margin: 0 auto;
}

.gift-list {
  margin-bottom: 50px;
}

.recommend-bg {
  background-image: linear-gradient(
    -45deg,
    #dfdfdf 25%,
    #f9f8f7 25%,
    #f9f8f7 50%,
    #dfdfdf 50%,
    #dfdfdf 75%,
    #f9f8f7 75%,
    #f9f8f7
  );
}

.thanks-section {
  text-align: center;
}

.thanks-section img {
  width: 70%;
}

.thanks03-section {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
}

.thanks03-section span {
  color: red;
}