.main {
  width: 1080px;
  padding-left: 50%;
  margin-left: -540px;
}

.aboutus-pic {
  padding-top: 144px;
  padding-bottom: 24px;
  float: right;
}

.aboutus-pic img {
  width: 800px;
  height: auto;
}

.navbar {
  float: left;
  padding-left: 32px;
  padding-top: 144px;
}

.navbar h2 {
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 6px;
}

.navbar h2.current {
  font-size: 28px;
  color: #20b8c0;
  padding-bottom: 12px;
  padding-top: 6px;
}

.navbar h2.current img {
  height: 32px;
  width: 32px;
}

.navbar img{
  height: 24px;
  width: 24px;
  padding-right: 16px;
  margin-bottom: -4px;
}

.aboutus {
  float: right;
  padding-right: 320px;
  padding-top: 48px;
}

.aboutus h1 {
  font-size: 54px;
  font-weight: normal;
}

.aboutus-words {
  clear: both;
  width: 900px;
  padding-left: 90px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.aboutus-words p {
  font-size: 23px;
  color: #555;
}

.aboutus-mac img {
  width: 480px;
  height: auto;
  float: left;
}

.aboutus-mac-right {
  float: right;
  width: 400px;
  padding-right: 80px;
  padding-top: 96px;
  font-size: 20px;
}

.aboutus-mac-a {
  float: right;
  padding-top: 24px;
  padding-right: 24px;
  color: #a694a6;
}

.f-clear {
  clear: both;
  width: 0;
  height: 120px;
}

.aboutus-detector-left {
  float: left;
  width: 400px;
  padding-left: 40px;
  padding-top: 96px;
  font-size: 20px;
}

.aboutus-detector-a {
  float: right;
  padding-top: 24px;
  padding-right: 24px;
  color: #a694a6;
}

.aboutus-detector img {
  width: 480px;
  height: auto;
  float: right;
}

.aboutus-product img {
  width: 480px;
  height: auto;
  float: left;
}

.aboutus-product-right {
  float: right;
  width: 400px;
  padding-right: 80px;
  padding-top: 96px;
  font-size: 20px;
}

.aboutus-product-a {
  float: right;
  padding-top: 24px;
  padding-right: 24px;
  color: #a694a6;
}

.aboutus-summary {
  clear: both;
  width: 900px;
  padding-left: 90px;
  padding-top: 80px;
  padding-bottom: 120px;
}

.aboutus-summary p {
  font-size: 22px;
  color: #555;
}

.process-year {
  clear: both;
  padding-top: 80px;
}

.process-list {
  padding-left: 240px;
}

.process-list ul li {
  display: block;
  padding-bottom: 9px;
  font-size: 18.7px;
  color: #222;
}

.process-list ul li span {
  display: inline-block;
  font-size: 48px;
  font-family: sans-serif;
  color: #e9d7e9;
  font-weight: bold;
  margin-right: -24px;
}

.process-pic {
  height: 400px;
  padding: 120px 0;
}

.process-pic img {
  width: 280px;
  height: 400px;
  border: 1px solid #555;
}

.process-pic div {
  float: left;
  width: 281px;
  font-size: 12px;
  padding-left: 60px;
}

.aboutus-picright {
  clear: both;
}

.org-pic {
  padding-bottom: 120px;
}

.goal-text {
  clear: both;
  padding: 0 100px 100px 100px;
  font-size: 21.5px;
}

.goal-text div {
  border-bottom: 1px solid #555;
  padding-top: 80px;
  padding-bottom: 80px;
}

.goal-text h1,
.goal-text h2 {
  padding-bottom: 36px;
  padding-top: 16px;
}

.goal-text p {
  width: 540px;
}

.goal-value {
  padding-left: 300px;
}

.goal-aim {
  padding-left: 80px;
}

.goal-title {
  padding-left: 480px;
}

.photobook {
  clear: both;
  width: 900px;
  padding-left: 50%;
  margin-left: -450px;
  padding-top: 120px;
}

.photobook h1 {
  padding-bottom: 24px;
}

.pb-display img {
  width: 820px;
  height: auto;
  margin-bottom: 120px;
}

.pb-left,
.pb-right {
  float: left;
  width: 26px;
  background-color: #ddd;
  padding-top: 300px;
  padding-left: 14px;
  cursor: pointer;
}

.pb-display {
  float: left;
}