@import url("/css/1.0.0/base.css");

section.ptn09-history {
}
@media screen and (min-width: 834px) {
  section.ptn09-history .container {
    padding-top: 10.9rem;
    padding-bottom: 14.7rem;
  }
  section.ptn09-history .history {
    max-width: 120.0rem;
    margin: 0 auto;
    margin-top: 4.5rem;
    font-feature-settings: "palt";
  }
  section.ptn09-history .history .row {
    position: relative;
    padding-bottom: 3.4rem;
  }
  section.ptn09-history .history .row:last-child {
    padding-bottom: 5.0rem;
  }
  section.ptn09-history .history .row::before {
    content: '';
    display: block;
    background: #222;
    position: absolute;
    top: 0;
    left: 16.3rem;
    width: 0.2rem;
    height: 100%;
  }
  section.ptn09-history .history .year {
    position: relative;
    display: block;
    font-size: 4.0rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    position: absolute;
    padding-left: 0.8rem;
    width: 16.5rem;
  }
  section.ptn09-history .history .year::before {
    content: '';
    display: block;
    border-radius: 100%;
    background: #008000;
    position: absolute;
    top: 2.5rem;
    right: -1.0rem;
    width: 2.2rem;
    height: 2.2rem;
  }
  section.ptn09-history .history .year::after {
    content: '';
    display: block;
    border-radius: 100%;
    background: #222;
    position: absolute;
    top: 3.0rem;
    right: -0.5rem;
    width: 1.2rem;
    height: 1.2rem;
  }
  section.ptn09-history .history .text {
    font-size: 2.2rem;
    padding-top: 1.5rem;
    margin-left: 21.4rem;
    line-height: 2.0;
  }
  section.ptn09-history .history .image {
    width: 40.0rem;
    margin-left: 21.4rem;
    margin-top: 0.6rem;
    padding-bottom: 1.6rem;
  }
  section.ptn09-history .history .memo {
    margin-left: 21.4rem;
    margin-bottom: 2.3rem;
  }
}
@media screen and (max-width: 833px) {
  section.ptn09-history .container {
    padding-top: 6.8rem;
  }
  section.ptn09-history .c-section-lead {
    margin-top: 5.4rem;
    margin-bottom: 5.9rem;
  }
  section.ptn09-history .history .row {
    position: relative;
    padding-bottom: 3.9rem;
  }
  section.ptn09-history .history .row:last-child {
    padding-bottom: 5.0rem;
  }
  section.ptn09-history .history .row::before {
    content: '';
    display: block;
    background: #222;
    position: absolute;
    top: 0;
    left: 15.1rem;
    width: 0.2rem;
    height: 100%;
  }
  section.ptn09-history .history .year {
    position: relative;
    display: block;
    font-size: 3.8rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    position: absolute;
    width: 15.3rem;
  }
  section.ptn09-history .history .year::before {
    content: '';
    display: block;
    border-radius: 100%;
    background: #008000;
    position: absolute;
    top: 2.5rem;
    right: -1.0rem;
    width: 2.2rem;
    height: 2.2rem;
  }
  section.ptn09-history .history .year::after {
    content: '';
    display: block;
    border-radius: 100%;
    background: #222;
    position: absolute;
    top: 3.0rem;
    right: -0.5rem;
    width: 1.2rem;
    height: 1.2rem;
  }
  section.ptn09-history .history .text {
    font-size: 3.2rem;
    padding-top: 0.5rem;
    margin-left: 20.1rem;
    line-height: 1.7;
    font-feature-settings: "palt";
  }
  section.ptn09-history .history .text p {
    margin-bottom: 1.5rem;
  }
  section.ptn09-history .history .text p:last-child {
    margin-bottom: 0rem;
  }
  section.ptn09-history .history .image {
    width: 40.0rem;
    margin-left: 20.2rem;
    margin-top: 1.8rem;
    padding-bottom: 1.6rem;
  }
  section.ptn09-history .history .memo {
    font-size: 2.8rem;
    margin-top: 1.6rem;
    margin-left: 20.2rem;
    margin-bottom: 3.5rem;
    line-height: 1.7;
  }
}