@charset "utf-8";
/* CSS Document */

.about {
  width:100vw;
}

.about .aboutArea {
  width:1000px;
  margin:0 auto 100px;
}

.about .aboutArea h2 {
  text-align: center;
  font-size:32px;
  font-weight:bold;
  margin:40px 0 0 0;
}

.about .aboutArea p.jp{
  color:#999;
  font-size:15px;
  font-weight:normal;
  text-align:center;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  padding:0 0 40px 0;
}

.about .aboutArea .item {
  padding:32px 0px 32px 5px;
  clear:both;
  border-bottom: dotted 2px #eee;
}

.about .aboutArea .borderTop {
  clear:both;
  border-top: dotted 2px #eee;
}

.about .aboutArea .row1 {
  width:32%;
  float:left;
}

.about .aboutArea .row1 h3 {
  font-size:14px;
  font-weight:bold;
}

.about .aboutArea .row2 {
  width:68%;
  overflow:auto;
}

.about .aboutArea .row2 h4 {
  font-size:14px;
  font-weight:normal;
}

.about .aboutArea .row2 h4 .area {
  font-size:14px;
  font-weight:bold;
  float:left;
  margin-right:4px;
}

.about .aboutArea .row2 h4 .spot {
  overflow:auto;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
  clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom:1;
}

@media(max-width:1000px) {
  .about {
  }
  .about .aboutArea {
  width:100%;
  padding:0 1.6%;
  }
  .about .aboutArea h2 {
  font-size:32px;
  }
}

@media(max-width:580px) {
  .about {
  }
  .about .aboutArea {
  padding:0 4%;
  width:100%;
  }
  .about .aboutArea h2 {
  text-align: center;
  font-size:28px;
  font-weight:bold;
  margin:40px 0 0 0;
  }
  .about .aboutArea p.jp{
  font-size:15px;
  padding:0 0 40px 0;
  }
  .about .aboutArea .item {
  padding:22px 0px 22px 5px;
  }
  .about .aboutArea .row1 {
  width:100%;
  float:none;
  margin-bottom:2px;
  }
  .about .aboutArea .row2 {
  width:100%;
  }
}