/* CSS Document */
.main {
  background-color: #FFF8F1; }

@media (min-width: 960px) {
  .main-wrapper {
    max-width: 1080px;
    margin: 0 auto; } }
#about-us {
  color: #181B39;
  font-size: 4.0rem;
  padding-top: 160px;
  padding-bottom: 85px; }

@media (min-width: 640px) {
  #about-us {
    padding-top: 180px; } }
@media (min-width: 960px) {
  #section-ceo {
    padding-bottom: 150px; }

  .section-ceo__body {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1080px;
    margin: 0 auto; }

  .section-ceo__body-image {
    padding: 40px 30px; } }
.section-ceo__photo {
  width: 100%;
  max-width: 255px;
  max-height: 255px;
  margin-bottom: 30px; }

@media (min-width: 960px) {
  .section-ceo__photo {
    max-width: 310px;
    max-height: 310px;
    height: auto;
    width: auto;
    margin-bottom: 0px; } }
.section-ceo__body-text {
  padding: 0 24px;
  margin-bottom: 90px; }
  .section-ceo__body-text h2 {
    font-size: 3.5rem;
    padding-bottom: 10px; }
  .section-ceo__body-text h3 {
    font-size: 2.4rem;
    padding-bottom: 20px; }
  .section-ceo__body-text p {
    font-size: 1.6rem;
    text-align: left; }

@media (min-width: 960px) {
  .section-ceo__body-text {
    padding: 0 0 0 24px;
    margin-bottom: 0px;
    text-align: left; } }
@media (min-width: 960px) {
  .section-ceo__body-text p {
    font-size: 1.4rem; } }
.section-ceo__position {
  color: #777;
  font-size: 20px;
  padding-bottom: 30px; }

#section-contents {
  margin-bottom: 60px; }
  #section-contents ul {
    margin: 0 24px;
    list-style: none; }
    #section-contents ul li {
      max-width: 350px;
      margin: 0 auto;
      background-color: #FFF;
      margin-bottom: 40px; }

.section-contents__picture {
  width: 100%;
  height: 231px;
  object-fit: cover;
  object-position: 0 0; }

.section-contents__title {
  font-size: 2.4rem;
  padding: 15px 20px 0;
  text-align: center; }

.section-contents__title-en {
  font-size: 1.5rem;
  font-weight: 100;
  padding-bottom: 20px;
  text-align: center; }

.section-contents__description {
  font-size: 1.2rem;
  padding: 0 13px 25px;
  text-align: left;
  object-fit: cover;
  flex-grow: 1; }

.btn-detail {
  margin-bottom: 15px; }

@media (min-width: 960px) {
  #section-contents ul {
    display: flex;
    max-width: 1080px;
    padding: 0;
    margin: 0 auto; }
    #section-contents ul li {
      display: flex;
      flex-direction: column;
      width: 350px;
      margin-right: 15px; }
      #section-contents ul li:last-child {
        margin-right: 0; } }
#section-contact {
  padding-bottom: 35px; }

@media (min-width: 960px) {
  #section-contact {
    padding-bottom: 70px; } }

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