/* CSS Document */
.page-philosophy {
  padding: 50px 15px;
  background: #fbeef5;
  margin-bottom: 100px; }
  @media screen and (min-width: 768px) {
    .page-philosophy {
      padding: 50px; } }
  .page-philosophy-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px;
    background: #fff; }
    @media screen and (min-width: 768px) {
      .page-philosophy-wrap {
        padding: 30px; } }
    .page-philosophy-wrap .philosophy-flex {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (min-width: 768px) {
        .page-philosophy-wrap .philosophy-flex {
          flex-direction: row; } }
    .page-philosophy-wrap .philosophy-title {
      width: 100%;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: #e6719c;
      text-align: center;
      font-weight: bold;
      font-size: 1.5em; }
      @media screen and (min-width: 768px) {
        .page-philosophy-wrap .philosophy-title {
          width: 30%; } }
    .page-philosophy-wrap .philosophy-eng {
      font-size: 0.8em;
      margin-top: 1em;
      display: block;
      text-align: center; }
    .page-philosophy-wrap .philosophy-text {
      box-sizing: border-box;
      width: 100%;
      padding: 20px;
      border-top: 1px solid #595757;
      text-align: left;
      font-size: 0.8em; }
      @media screen and (min-width: 768px) {
        .page-philosophy-wrap .philosophy-text {
          font-size: 1em;
          width: 70%;
          border-top: none;
          border-left: 1px solid #595757; } }
      .page-philosophy-wrap .philosophy-text p {
        margin-top: 1em;
        line-height: 1.8; }
    .page-philosophy-wrap .philosophy-subtitle {
      font-size: 1.2em; }