/*
brakepoint
*/
@media screen and (max-width: 800px) {
  main h2 {
    margin-bottom: 60px; } }
main h3 {
  font-size: 22px;
  border-left: 11px solid #CD1B2F;
  padding-left: 15px;
  margin-bottom: 25px; }
  @media screen and (max-width: 800px) {
    main h3 {
      font-size: 16px;
      padding-left: 10px;
      margin-bottom: 20px; } }

.page_title {
  margin-bottom: 100px; }
  @media screen and (max-width: 800px) {
    .page_title {
      margin-bottom: 0; } }

.philosophy {
  padding-bottom: 90px; }
  @media screen and (max-width: 800px) {
    .philosophy {
      padding-bottom: 35px; } }

.bg_philosophy {
  background-image: url("../img/environment_img01.jpg"); }

.policy {
  background-color: #F7F7F7;
  padding: 120px 0 90px;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    .policy {
      padding: 30px 0 70px; } }
  .policy p.read_policy {
    margin-bottom: 75px; }
    @media screen and (max-width: 800px) {
      .policy p.read_policy {
        margin-bottom: 45px; } }
  .policy ol {
    list-style-type: none;
    counter-reset: number 0;
    margin-left: 0; }
    .policy ol li {
      position: relative;
      margin: 0 0 35px 30px;
      padding-left: 20px;
      border-left: 1px solid #CD1B2F; }
      @media screen and (max-width: 800px) {
        .policy ol li {
          padding-left: 12px; } }
      .policy ol li::before {
        position: absolute;
        left: -30px;
        top: 10px;
        color: #CD1B2F;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
        counter-increment: number 1;
        content: counter(number) " "; }
        @media screen and (max-width: 800px) {
          .policy ol li::before {
            top: 0; } }
      .policy ol li.nocount {
        border-left: none; }
        .policy ol li.nocount::before {
          display: none; }

.shomei {
  text-align: right;
  margin-bottom: 0; }