.philosophy_inner {
  padding-bottom: 25px; }

.philosophy_block {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 115px; }
  .philosophy_block .pic {
    width: 324px;
    text-align: center; }
    .philosophy_block .pic .pic01 {
      width: 152px; }
    .philosophy_block .pic .pic02 {
      width: 312px; }
  .philosophy_block .txt {
    width: 940px;
    margin-left: auto; }
    .philosophy_block .txt p {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 2;
      letter-spacing: 0.1em; }
    .philosophy_block .txt img {
      padding: 25px 0;
      width: 254px; }

.story {
  background: url(../images/philosophy/bg_story.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  padding-top: 140px;
  padding-bottom: 170px; }
  .story .main_ttl h2 span {
    color: #fff;
    border-color: #fff; }
  .story .main_ttl p {
    color: #fff; }
  .story .txt {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.7;
    padding-bottom: 50px; }

@media screen and (max-width: 1366px) {
  .philosophy_inner {
    padding-bottom: calc(25 / 1366 * 100vw); }

  .philosophy_block {
    padding-bottom: calc(115 / 1366 * 100vw); }
    .philosophy_block .pic {
      width: calc(324 / 1366 * 100vw); }
      .philosophy_block .pic .pic01 {
        width: calc(152 / 1366 * 100vw); }
      .philosophy_block .pic .pic02 {
        width: calc(312 / 1366 * 100vw); }
    .philosophy_block .txt {
      width: calc(940 / 1366 * 100vw); }
      .philosophy_block .txt p {
        font-size: calc(16 / 1366 * 100vw); }
      .philosophy_block .txt img {
        padding: calc(25 / 1366 * 100vw) 0;
        width: calc(254 / 1366 * 100vw); }

  .story {
    padding-top: calc(140 / 1366 * 100vw);
    padding-bottom: calc(170 / 1366 * 100vw); }
    .story .txt {
      font-size: calc(22 / 1366 * 100vw);
      padding-bottom: calc(50 / 1366 * 100vw); } }
@media screen and (max-width: 768px) {
  #philosophy {
    padding: calc(90 / 768 * 100vw) calc(40 / 768 * 100vw) 0; }

  .philosophy_inner {
    padding-bottom: calc(50 / 768 * 100vw); }

  .philosophy_block {
    padding-bottom: calc(110 / 768 * 100vw); }
    .philosophy_block .pic {
      width: 100%;
      padding-bottom: calc(60 / 768 * 100vw); }
      .philosophy_block .pic .pic01 {
        width: calc(304 / 768 * 100vw); }
      .philosophy_block .pic .pic02 {
        width: calc(400 / 768 * 100vw); }
      .philosophy_block .pic .pic {
        width: calc(648 / 768 * 100vw); }
    .philosophy_block .txt {
      width: 100%; }
      .philosophy_block .txt p {
        font-size: calc(28 / 768 * 100vw); }
      .philosophy_block .txt img {
        padding: calc(50 / 768 * 100vw) 0;
        width: calc(400 / 768 * 100vw); }

  .story {
    padding: calc(170 / 768 * 100vw) calc(40 / 768 * 100vw) calc(140 / 768 * 100vw);
    background-position: right center; }
    .story .txt {
      font-size: calc(28 / 768 * 100vw);
      padding-bottom: calc(50 / 768 * 100vw); } }