@charset "UTF-8";
/* CSS Document */
#secPage.budget #budget .lead {
 margin-bottom: 4rem;
}
#secPage.budget #budget .block {
 margin-bottom: 6rem;
}
#secPage.budget #budget .block:last-of-type {
 margin-bottom: 0;
}
#secPage.budget #budget dl dt {
 font-size: 1.8rem;
 font-weight: 600;
 padding: 0 0 8px 0;
 margin: 0 0 12px;
 background: linear-gradient(to right, #60aa77 0%, /*緑の部分*/ #60aa77 58%, /*緑の部分*/ rgba(0, 0, 0, 0) 51%, /*空白の部分*/ rgba(0, 0, 0, 0) 100%) /*空白の部分*/ repeat-x left bottom/6px 2px;
 display: inline-block;
}
#secPage.budget #budget ol {
 counter-reset: number;
 list-style-type: none !important;
 padding: 0 0 5rem 2rem;
}
#secPage.budget #budget ol li {
 position: relative;
 padding: 0 0 0 25px;
 background: none;
}
#secPage.budget #budget ol li:before {
 position: absolute;
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 background: #60aa77;
 color: #fff;
 font-size: 10px;
 left: 0;
 width: 17px;
 height: 17px;
 line-height: 15px;
 text-align: center;
 top: 13px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
#secPage.budget #budget .flex {
 display: flex;
 margin: 3rem 0 0;
}
#secPage.budget #budget .flex .ph {
 flex: 1 0 420px;
 max-width: 420px;
}
#secPage.budget #budget .flex .table {
 padding-left: 4rem;
 flex: 1 0 calc(100% - 420px);
 box-sizing: border-box;
}
#secPage.budget #budget .normal_table {
 margin-bottom: 4rem;
}
#secPage.budget #budget .normal_table td:last-child {
 text-align: center;
}
.btn {
 text-align: right;
 margin: 0 0 0 auto;
 display: block;
}
.btn a {
 background: #4cac6b url("../../images/shared/arr_whR01.png") right 12px top 50% no-repeat;
 background-size: 7px auto;
 border-radius: 5px;
 padding: 12px 35px 12px 25px;
 color: #FFF;
 font-size: 1.5rem;
 text-align: center;
 display: inline-block;
  /* transition: .3s; */
 margin: 0 0 0 auto;
}
.btn a:hover {
opacity: 0.7;
}



@media screen and (max-width: 768px) {
 #secPage.budget #budget .lead {
  margin-bottom: 2rem;
 }
 #secPage.budget #budget .block {
  margin-bottom: 3rem;
 }
 #secPage.budget #budget ol {
  padding: 0 0 2rem 1rem;
 }
 #secPage.budget #budget ol li {
  position: relative;
  padding-left: 25px;
 }
 #secPage.budget #budget .flex {
  display: block;
  margin: 15px 0 0;
 }
 #secPage.budget #budget .flex .ph {
  flex: none;
  max-width: 100%;
 }
 #secPage.budget #budget .flex .table {
  padding: 15px 0 0;
  flex: none;
 }
 #secPage.budget #budget .normal_table {
  margin-bottom: 2rem;
 }
 .btn {
  text-align: center;
  margin: 0 auto;
 }
}