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

/* ===============================
   ABOUT PAGE
=============================== */

.page-about {
background: var(--bg-main);
}

/* ===============================
   HERO
=============================== */

.page-about .page-hero {
/*  padding: 120px 0 100px;*/
  text-align: center;
}

/*.page-about .page-hero .en {
  display: block;
  font-family: 'Shippori Mincho', serif;
  font-size: 1.6rem;
  letter-spacing: 0.28em;
  margin-bottom: 16px;
}

.page-about .page-hero .ja {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  color: var(--text-sub);
}*/
/* HERO セクションの下に横線 */
/*.page-about .page-hero{
  padding-bottom: 1.2em;
  border-bottom: 2px solid #dcdcdc;
  margin-bottom: 2em;
}*/

/* ===============================
   INTRO
=============================== */

.about-intro {
  text-align: center;
 /* padding: 40px 0;*/
}


.about-intro p {
  line-height: 2;
  margin-bottom: 1.4em;
}


/* ===============================
   SECTION 共通
=============================== */
/*
.about-section {
  margin-bottom: 140px;
}

.about-section h2 {
  margin-bottom: 36px;
  text-align: center;
}

.about-section h2 .en {
  display: block;
  font-size: 0.8rem;
  letter-spacing: 0.25em;
  margin-bottom: 6px;
}

.about-section h2 .ja {
  display: block;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  color: var(--text-sub);
}

.about-text {
  max-width: 640px;
  margin: 0 auto;
  font-size: 0.9rem;
  line-height: 2.2;
}

.about-text p + p {
  margin-top: 2em;
}
*/
/* ===============================
   CAREER LIST
=============================== */

.about-career {
  margin: 32px 0;
  padding-left: 1.2em;
  font-size: 0.85rem;
  line-height: 2;
  color: var(--text-sub);
}

.about-career li + li {
  margin-top: 0.8em;
}

/* ===============================
   ACCESS強調
=============================== */

.about-section:last-of-type {
  padding-top: 80px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 768px) {

  .about-hero {
    padding: 90px 0 70px;
  }

  .about-intro,
  .about-text {
    font-size: 0.85rem;
  }

  .about-section {
    margin-bottom: 100px;
  }

}