/* Scss Document */
.main-content {
  width: 100vw;
  max-width: 1370px;
  margin: 100px auto; }
  .main-content .content-inner {
    width: 88vw;
    margin: 0 auto; }
  .main-content h1 {
    display: none; }
  .main-content h2 {
    width: 50vw;
    max-width: 318px; }

@media (min-width: 769px) {
  .main-content {
    margin: 0 auto;
    height: 100vh;
    position: relative; }
    .main-content h1 {
      display: block;
      position: absolute;
      top: 50%;
      left: 70px;
      transform: translateY(-50%);
      width: 30vw;
      max-width: 384px; }
    .main-content .content-inner {
      width: 43%;
      max-width: 528px;
      margin: 0 70px 0 auto;
      padding-top: 170px; } }
@media (max-width: 480px) {
  #philosophy h2.mb-6 {
    margin-bottom: 20px; } }
@media (min-width: 769px) {
  #philosophy p {
    line-height: 2.0; }
    #philosophy p span {
      display: block; }

  body.jp-philosophy .main-content .content-inner {
    width: 50%;
    max-width: 36.5em;
    margin: 0 50px 0 auto; } }