@charset "UTF-8";

#app h2.appTitle {
  padding: 15px 10px 0 10px;
}

#app h2.appTitle img {
  width: 100%;
  height: auto;
}

#app img {
  max-width: 100%;
  height: auto;
}

#app ul {
  margin: 10px 0 10px;
}

#app ul li {
  font-size: 12px;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 15px;
}

#app ul li::before {
  content: "■";
  color: red;
}

#app h3.subTitle {
  background-color: #EE7800;
  padding: 5px 0 3px 0;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
}

#app span {
  color: #FEFF12;
}

#app .block {
  margin-bottom: 15px;
  border: none;
}

#app .block h2 {
  background-color: #6F3600;
  color: #ffffff;
  padding: 6px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

#app .box {
  background-color: #FFFDBF;
  border-bottom: 1px solid #EE7800;
  padding: 15px 20px 0 20px;
  margin: 0;
}

#app .box:last-of-type {
  border-bottom: 0px solid #EE7800;
}

#app .box h4 {
  font-size: 14px;
  color: #EE7800;
  font-weight: bold;
}

#app .box p {
  font-size: 12px;
}

#app .box .illust {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

#app .box .illust3 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

#app .box .illust4 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

#app .box .parts {
  text-align: center;
}

#app table {
  text-align: center;
  width: 100%;
  border-right: 1px solid #707070;
  border-top: 1px solid #707070;
  margin-bottom: 0px;
}

#app table thead {
  color: #ffffff;
}

#app table td {
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 6px;
  font-weight: bold;
  font-size: 12px;
}

#app table.bordernone {
  text-align: center;
  width: 100%;
  border-right: none;
  border-top: none;
  margin-bottom: 0px;
}

#app table.bordernone td {
  border-left: none;
  border-bottom: none;
  padding: 6px;
  font-weight: bold;
  font-size: 12px;
}

#app .stepTitle {
  background-color: #EE7800;
  display: table;
  width: 100%;
  margin: 0;
}

#app .stepTitle dt {
  display: table-cell;
  width: 50px;
  text-align: center;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  vertical-align: middle;
  border-right: 1px solid #ffffff;
  line-height: 1.2;
}

#app .stepTitle dd {
  display: table-cell;
  padding: 8px 15px;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.6;
  vertical-align: middle;
  font-weight: bold;
  color: #ffffff;
}

#app .stepBox {
  background-color: #FFFDBF;
  padding: 15px 20px;
  text-align: center;
  margin: 0 !important;
}

#app .stepBoxLast {
  margin-top: -24px;
  background-color: #E85298;
  padding: 20px 25px 20px 25px;
}

#app .stepBoxLast h3 {
  color: #FFFF00;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

#app .stepBoxLast p {
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}

#app .ryui {
  margin-bottom: 20px;
  padding: 0 10px;
}

#app .ryui h3.ryuiTitle {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

#app .ryui .drop {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 2;
  font-size: 11px;
}

#app .ryui .drop span {
  font-weight: bold;
  text-decoration: underline;
  color: red;
}

#app .ryui .drop::before {
  content: "※";
}

#app .contactBox {
  padding: 0 10px;
}

#app .contactBox h2 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #E44409;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 4px 0;
}

#app .contactBox .cont {
  border: 1px solid #E44409;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #FFF9F7;
  padding: 10px 15px;
}

#app .contactBox .cont .btn {
  margin-bottom: 12px;
}

#app .contactBox .cont p.tell {
  font-size: 35px;
  font-weight: bold;
  margin-top: -10px;
  color: #E60012;
  background-image: url(../img/sp/tell.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 38px auto;
  padding-left: 44px;
  font-family: Arial, Helvetica, sans-serif;
}

#app .contactBox .cont .btn img {
  width: 100%;
  height: auto;
}

#app .contactBox .cont .border {
  padding-top: 7px;
  margin-top: 7px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #939393;
}