.pc {
  display: block; }

.sp {
  display: none; }

#section01 {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 100px 0; }
  #section01 > div {
    position: relative; }
    #section01 > div p {
      position: absolute;
      left: 320px;
      top: 0; }
  #section01 ul {
    width: 900px;
    margin: 0 auto; }
    #section01 ul li {
      margin-bottom: 70px; }
      #section01 ul li ul {
        width: 800px;
        margin: 10px auto 0 auto; }
        #section01 ul li ul li {
          border-bottom: solid thin #333333;
          padding-bottom: 5px;
          margin-bottom: 5px;
          position: relative; }
          #section01 ul li ul li .name {
            display: inline-block;
            width: 470px;
            padding-left: 1.3em; }
            #section01 ul li ul li .name:before {
              content: url("../img/point.svg");
              width: 20px;
              height: 20px;
              position: absolute;
              top: 3px;
              left: 0; }
          #section01 ul li ul li .area {
            display: inline-block;
            width: 310px;
            color: #7ec16d; }

@media (max-width: 600px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  #section01 {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 50px 0; }
    #section01 > div {
      margin-bottom: 50px; }
      #section01 > div h2 {
        text-align: center;
        padding-bottom: 30px;
        height: 80px; }
      #section01 > div p {
        text-align: center;
        position: static;
        margin-top: -80px; }
    #section01 ul {
      width: 100%; }
      #section01 ul li ul {
        width: 100%;
        margin: 10px auto 0 auto; }
        #section01 ul li ul li {
          border-bottom: solid thin #333333;
          padding-bottom: 5px;
          margin-bottom: 5px;
          position: relative; }
          #section01 ul li ul li .name {
            display: block;
            width: 100%;
            padding-left: 1.3em; }
            #section01 ul li ul li .name:before {
              content: url("../img/point.svg");
              width: 20px;
              height: 20px;
              position: absolute;
              top: 3px;
              left: 0; }
          #section01 ul li ul li .area {
            display: block;
            width: 100%;
            color: #7ec16d;
            padding-left: 15px; } }