#contents-page.about {
  margin: 200px 0;
}
@media (max-width: 767px) {
  #contents-page.about .inner {
    padding: 0 10%;
  }
}
#contents-page.about .inner .sub-headline {
  margin-bottom: 150px;
}
#contents-page.about .inner .about-list {
  max-width: 820px;
  margin: 0 auto;
}
#contents-page.about .inner .about-list .row .left {
  width: 115px;
  padding: 15px 40px 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #000;
  margin-right: 40px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  #contents-page.about .inner .about-list .row .left {
    width: 95px;
    padding: 10px 20px 10px 0;
    margin-right: 20px;
  }
}
#contents-page.about .inner .about-list .row .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}
@media (max-width: 767px) {
  #contents-page.about .inner .about-list .row .right {
    padding: 10px 0;
  }
}

header .header-wrap .header-menu .logo img {
  display: none;
}
header .header-wrap .header-menu .logo img.black {
  display: block;
}
header .header-wrap .header-menu .list .btn a * {
  color: #231815;
}
header .header-wrap .header-menu .list .btn.reserve a * {
  color: #231815;
}
header .toggle_btn .toggle_line span {
  background-color: #000;
}
header.scroll .header-wrap .header-menu .logo img {
  display: block;
}
header.scroll .header-wrap .header-menu .logo img.black {
  display: none;
}
header.scroll .header-wrap .header-menu .list .btn a * {
  color: #fff;
}
header.scroll .header-wrap .header-menu .list .btn.reserve a * {
  color: #231815;
}
header.scroll .toggle_btn .toggle_line span {
  background-color: #fff;
}