body {
  background-color: #00C46F;
  position: relative; }

/************************/
.outline_box {
  width: 100%;
  max-width: 302px;
  padding: 0 0 110px;
  position: relative;
  margin: 0 auto;
  z-index: 1;
  /* &:before{
     position: absolute;
     content: "";
     display: block;
     width: 70px;
     height: 2px;
     background-color: $main;
     top:auto;
     bottom: 0;
     left: 50%;
     transform: translate(-50%,0%);
   }*/ }
  .outline_box p {
    margin: 0 0 70px;
    font: 2rem/2em "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph; }
  .outline_box dt {
    margin: 0 0 5px;
    padding: 25px 0 0;
    font: 1.4rem/1.5em "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph; }
  .outline_box dd {
    border-bottom: solid 2px #00C46F;
    padding: 0 0 25px;
    font: 2rem/1.6em "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph; }
    .outline_box dd:last-of-type {
      padding-bottom: 0;
      border-bottom: none; }
    .outline_box dd a {
      text-decoration: none; }

@media (hover: hover) {
  .outline_box dd a:hover {
    color: #FFB300; } }