div {
  border: solid none;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding-left: 14px;
  padding-right: 14px;
  max-width: 920px;
  color: black;
}

body {
  background-color: #white;
}

h1 {
  font-size: 16px;
}

.boxA1{
  float: none;
  width: auto;
  height: auto;
  border: solid none;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;

  line-height:2.0em;
  letter-spacing:0.5pt;
  font-weight:bold;
}
.boxA2 {
  float: none;
  width: auto;
  height: auto;
  border: solid none;
  line-height: 1.2em;
  font-size:14px;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;

  letter-spacing:1.0pt;
  font-weight:normal;

 }
.boxA3 {
  float: none;
  width: auto;
  border: solid none;
  line-height: 2.0em;
  font-size:14px;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;

  line-height:2.0em;
  letter-spacing:0.5pt;
  font-weight:bold;
  }

  .works{
   clear:both;
   font-size:14px;
   font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;

   line-height:1.5em;
   letter-spacing:0.5pt;
   font-weight:bold;
  }

  .works_single{
    clear:both;
    font-size:14px;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
 
    line-height:1.5em;
    letter-spacing:0.5pt;
    font-weight:bold;
   }

  @media screen and (max-width:500px) {
  .works img{
   margin-bottom: 20px;
   margin-right: 14px;
   float:none;
   max-width: 300px;
   max-height: 300px;
   height: auto;
   cursor : pointer;
  }
}

  @media screen and (min-width:501px) {
  .works img{
   margin-bottom: 20px;
   margin-right: 10px;
   float:left;
   cursor : pointer;
  }
}

@media screen and (max-width:500px) {
  .works video{
   margin-bottom: 20px;
   margin-right: 14px;
   float:none;
   max-width: 300px;
   max-height: 300px;
   height: auto;
  }
}

@media screen and (min-width:501px) {
  .works video{
   margin-bottom: 20px;
   margin-right: 10px;
   float:left;
  }
}

@media screen and (max-width:500px) {
  .works_single img{
   margin-bottom: 20px;
   margin-right: 14px;
   float:none;
   max-width: 300px;
   max-height: 300px;
   height: auto;
  }
}

  @media screen and (min-width:501px) {
  .works_single img{
   margin-bottom: 20px;
   margin-right: 10px;
   float:left;
  }
}

img.slideshow {
  cursor: pointer;
}

img:not(.slideshow) {
  cursor: default;
}
img.slideshow.left-hover {
  cursor: url("icon/pointer-02.png") 16 16, pointer;
}

img.slideshow.right-hover {
  cursor: url("icon/pointer-01.png") 16 16, pointer;
}