@charset "UTF-8";
/* =============================================
page about
============================================= */
/* aboutページTOP */
.l-main#about .contentNavi {
  margin-bottom: 50px; }
  .l-main#about .contentNavi__box.is-fixed {
    position: fixed;
    top: 0px;
    z-index: 1000; }
.l-main#about .anchors {
  width: 737px;
  padding: 10px 25px;
  border-radius: 5px;
  background-color: #e7f4f5;
  -webkit-transition: border-radius 0.5s;
  -moz-transition: border-radius 0.5s;
  -ms-transition: border-radius 0.5s;
  -o-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  *zoom: 1; }
  .l-main#about .anchors:after {
    content: "";
    display: block;
    clear: both; }
  .l-main#about .anchors li {
    line-height: 1.78571; }
    .l-main#about .anchors li a {
      padding: 3px 0 3px 18px;
      background-image: url(/open-course/img/common/icon_arc-allor_b.png);
      background-position: left center;
      background-repeat: no-repeat; }
.l-main#about .contentNavi__box.is-fixed .anchors {
  border-radius: 0; }
.l-main#about .section {
  margin-bottom: 45px; }
  .l-main#about .section__body {
    line-height: 1.57143; }
  .l-main#about .section p {
    margin-bottom: 25px; }
.l-main#about .item {
  margin-bottom: 45px; }
  .l-main#about .item__head {
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 114.28571%;
    font-weight: bold;
    line-height: 1.1;
    border-left: 3px solid #0069bb; }
  .l-main#about .item__body > p {
    margin-left: 10px; }
    .l-main#about .item__body > p em {
      color: #006cb4;
      font-weight: bold;
      font-style: normal; }
.l-main#about #feature1 .img_satisfaction {
  margin-bottom: 35px; }
.l-main#about #feature5 {
  margin-bottom: 70px;
  padding-right: 285px;
  background: url("/open-course/img/about/top/pic_feature_02.png") right 12px no-repeat; }
.l-main#about #companyDistribution .figure {
  margin-bottom: 50px; }
.l-main#about #companyCategory .figure {
  margin-bottom: 70px; }
.l-main#about #companyCategory p {
  margin-bottom: 20px; }
.l-main#about #ticketService {
  margin-bottom: 30px; }
  .l-main#about #ticketService .section__head {
    position: relative;
    margin-bottom: 35px; }
    .l-main#about #ticketService .section__head span {
      position: absolute;
      top: 22px;
      right: 0; }
  .l-main#about #ticketService ul {
    margin-left: 10px; }
.l-main#about .m-banner {
  margin-bottom: 60px; }

.l-main#brandStatement .l-main__contents {
  padding-top: 47px; }
.l-main#brandStatement #contentHead {
  margin-bottom: 60px;
  text-align: center; }
  .l-main#brandStatement #contentHead .title {
    margin-bottom: 60px; }
.l-main#brandStatement #contentMain {
  padding: 0 0 0 33px; }
  .l-main#brandStatement #contentMain .section {
    display: table;
    width: 100%;
    margin-bottom: 50px; }
    .l-main#brandStatement #contentMain .section__head, .l-main#brandStatement #contentMain .section__txt {
      display: table-cell;
      width: 50%;
      vertical-align: middle; }
    .l-main#brandStatement #contentMain .section__head {
      width: 48%;
      padding-right: 2%; }

/*# sourceMappingURL=about.css.map */