/*
 * Mobile Settings
 */


img {
  width: 100%;
  height: auto;
}

.visual {
  width: 100%;
  margin: 0;
}

.container,
.box .image,
.box .box-title,
.box .text {
  width: 100%;
}

.box {
  background: none;
  padding: 0;
  margin-bottom: 23px;
}

.box .image {
  order: -1;
}

.box .image img {
  border: none;
}

.box .box-title,
.box .text,
.box .button {
  margin: 15px 10px 0;
}

.box .box-title h2 {
  font-size: 5vw;
  line-height: 1.2;
  border-left: 3px solid #ffe073;
}

.box .text .hero {
  font-size: 5.625vw;
  text-align: center;
}

.box .text .lead {
  font-size: 10vw;
}

.box .text .small {
  display: none;
}
.box .text dl {
  margin: 20px 0 10px;
}

.box .text dl dt {
  font-size: 4.375vw;
  width: auto;
}

.box .text dl dd {
  flex-grow: 1;
  font-size: 5vw;
  letter-spacing: -0.05em;
  padding-top: 8px;
  width: auto;
}

ul li {
  font-size: 3.4375vw;
}

ul li+li {
  margin-top: 5vw;
}

.button img {
  width: 61.435%;
}

.box .box-title h2 a+a {
  margin-top: 8px;
}

.to-top {
  margin-bottom: 5px;
  margin-right: 10px;
}