@charset "utf-8";
@media screen and (min-width: 801px){
  .sec01 .container{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .sec01 .txtArea{
    position: relative;
    margin: 0 30px 0 60px;
  }
  .sec01 .txtArea:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 70.5px;
    left: -30px;
    width: 1px;
    height: calc(100%  - 70.5px - 49px);
    background-color: #c4dab0;
    z-index: -1;
  }
  .sec01 .txtArea li{
    position: relative;
    border-bottom: 1px solid #dddddd;
    padding: 40px 0 40px 5px;
  }
  .sec01 .txtArea li:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -36.5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #6db131;
  }
  .sec01 .txtArea li.last{
    border-bottom: none;
  }
  .sec01 .txtArea li dl{
    display: flex;
    align-items: center;
  }
  .sec01 .txtArea li dt{
    width: 150px;
    float: left;
    font-size: 18px;
    letter-spacing: 0.06em;
    font-weight: bold;
    color: #6db131;
    text-align: left;
    flex-shrink: 0;
  }
  .sec01 .txtArea li dt span{
    font-size: 13px;
    font-weight: normal;
    color: #949494;
  }
  .sec01 .txtArea li dd{
    text-align: left;
    line-height: 30px;
  }

}@media screen and (max-width: 800px){
  .sec01 .container{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .sec01 .txtArea{
    position: relative;
    margin: 0 3.2vw 0 6.7vw;
  }
  .sec01 .txtArea:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 17.9vw;
    left: -4.7vw;
    width: 1px;
    height: 84%;
    background-color: #c4dab0;
    z-index: -1;
  }
  .sec01 .txtArea li{
    position: relative;
    border-bottom: 1px solid #dddddd;
    padding: 8vw 0 8vw 1vw;
  }
  .sec01 .txtArea li:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -5.6vw;
    width: 2.67vw;
    height: 2.67vw;
    border-radius: 50%;
    background-color: #6db131;
  }
  .sec01 .txtArea li.last{
    border-bottom: none;
  }
  .sec01 .txtArea li dl{
    display: flex;
    align-items: center;
  }
  .sec01 .txtArea li dt{
    flex-shrink: 0;
    width: 18.67vw;
    font-size: 4vw;
    letter-spacing: 0.06em;
    font-weight: bold;
    color: #6db131;
    text-align: left;
  }
  .sec01 .txtArea li dt span{
    font-size: 2.67vw;
    font-weight: normal;
    color: #949494;
  }
  .sec01 .txtArea li dd{
    font-size: 3.2vw;
    text-align: left;
    line-height: 1.66;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #000;
  }

}
