body {
   color: #333;
   /* font-family: Verdana, sans-serif; */
   font-family: 'Noto Sans JP', sans-serif;
   margin: 0;
   /* background-image: url(../img/img_01_pc.jpg); */
 }

  .title {
    font-size: 45px;
  }

  .bx-wrapper {
    margin-bottom: 0 !important;
  }



  header {
    /* background-image: url(../img/img_01_pc.jpg); */
    padding: 10px;
    /* height: 320px; */
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: none;
  }

   section {
     text-align: center;
     font-weight: normal;
   }




  h1 {
      font-size: 25px;
      text-align: center;
      /* padding: 10px;
      height: 100px; */
      margin: 50px;
      font-weight: normal;

   }

   p {

     margin: 50px;
   }


  .work {
    margin-left: auto;
    margin-right: auto;
     max-width: 700px;
     border-bottom: 1px solid gray;
  }

  .img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  .img-item {
    width: 30%;
  }

  .img-list {
    list-style: none;
    display: flex;
  }

  .p {
    background-color: pink;
    margin: 0;

  }

  .p.is-pink {
    background: pink;
  }

  .p.is-orange {
    background-color: orange;
  }

  footer {
      width: 400px;
      margin: 0 auto 60px;
   }
   footer  ul {
       margin: 0;
       list-style-type: none;
       padding-left: 0;
   }

   footer  li {
      display: inline-block;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      padding-right: 8px;
      float: left;
   }


   footer li > a:hover {
       opacity: 0.6;
   }

   footer p {
     color: lightgray;
     font-size: 14px;
     text-align: right;
   }

   .about {
     width : 400px;
     margin : 0 auto 60px;
    }

   .about p {
     text-align: left;
   }

  .p.is-yellow {
    background-color: yellow;
  }