@charset "utf-8";
.application-wrapper {
  margin-top: 30px;
  margin-bottom: 50px;
}

.btn-sub-new {
  width: 20rem;
  display: block;
  margin: 10px auto 5px;
  background-color: #adffad;
}

.btn-sub-new i {
  margin-right: 5px;
}

.price-wrapper, .transfer-wrapper {
  margin-top: 30px;
  margin-bottom: 50px;
}

.price-tbl, .transfer-tbl {
  border-collapse: collapse;
  margin: 0 auto 1px;
  padding: 0;
  width: auto;
  table-layout: fixed;
}

.price-tbl tr,
.transfer-tbl tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}

.price-tbl th,
.price-tbl td,
.transfer-tbl th,
.transfer-tbl td {
  padding: 0.7rem 1rem;
  border-right: 1px solid #bbb;
}

.price-tbl thead tr,
.transfer-tbl thead tr {
  background-color: #eee;
}

.bring-wrapper {
  margin-top: 30px;
  margin-bottom: 50px;
}

.bring-wrapper li,
.bring-wrapper p {
  text-align: left;
}

.bring-list {
  margin-bottom: 1rem;
}
.bring-list li {
  list-style-type:none ;
  margin-bottom: 0.5rem;
}

.bring-list li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f14a';
  margin-right: 5px;
}

.forbidden-things {
  color: #dc143c;
}

.forbidden-things:before {
  font-family: "Font Awesome 5 Free";
  content: '\f057';
  margin-right: 5px;
}

.ml-1 {
  margin-left: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}


/* フローチャート用 */
ul.arrowlist{
    list-style: none;
    padding: 0 10px 15px 10px;
    margin: 15px 0;
    border: 2px solid #ffdbdb; /* 外枠ボーダー 好みに合わせて */
    background-color: #e8fcf3; /* 背景色 好みに合わせて */
}
ul.arrowlist:before{
    content: attr(data-title)"";
    display: block;
    padding: 10px;
    margin: 0 -10px 15px -10px;
    background-color: #ffdbdb; /* タイトル背景色 好みに合わせて */
    text-align: center;
    font-weight: bold;
}
ul.arrowlist li{
    display: table;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    border: 2px solid #ffdbdb; /* ブロックボーダー 好みに合わせて */
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
}
ul.arrowlist li:not(:last-child){
    margin-bottom: 30px;
}
ul.arrowlist li:not(:last-child):after{
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    font-weight: 900;
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: block;
    text-align: center;
    color: #37AB9D; /* 矢印の色 好みに合わせて */
}