.header {
  position: static;
  width: 100%;
  padding: 0; }

@media screen and (min-width: 769px) {
  .main {
    padding: 5rem 0 0; } }

.trial {
  margin: 0 0 10rem;
  padding: 0 .5rem;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .trial {
      margin: 0 0 20rem;
      padding: 0;
      width: 100%; } }
  .trial-txt {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../img/trial_bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
    .trial-txt__cmt {
      margin: 0 0 3rem; }
      @media screen and (min-width: 769px) {
        .trial-txt__cmt {
          margin: 0 0 6rem; } }
    .trial-txt__txt {
      font-size: 1.2rem;
      line-height: 2.5; }
      @media screen and (min-width: 769px) {
        .trial-txt__txt {
          font-size: 1.7rem; } }
      .trial-txt__txt--small {
        font-size: 1rem; }
        @media screen and (min-width: 769px) {
          .trial-txt__txt--small {
            font-size: 1.2rem; } }
  .trial__txt {
    margin: 0 0 3rem; }
  .trial__link {
    display: block;
    margin: 0 auto;
    padding: 1.5rem 0;
    width: 20rem;
    color: #888;
    text-align: center;
    border: 1px solid #888;
    border-radius: 3rem;
    transition: all .5s; }
    .trial__link:hover {
      color: #FFF;
      background: #888; }
  @media screen and (min-width: 769px) {
    .trial__fig {
      margin: 0 auto;
      width: 100rem; } }
  .trial__fig-wrap {
    overflow: hidden; }
  .trial__fig-img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .trial__container {
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    -ms-grid-rows: 15rem 15rem;
    -ms-grid-columns: 15rem 1fr 15rem;
    grid-template-rows: 15rem 15rem;
    grid-template-columns: 15rem 1fr 15rem; }
    @media screen and (min-width: 769px) {
      .trial__container {
        gap: 1rem;
        -ms-grid-rows: 40rem 40rem;
        -ms-grid-columns: 40rem 1fr 40rem;
        grid-template-rows: 40rem 40rem;
        grid-template-columns: 40rem 1fr 40rem; } }
  .trial__grid1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-row: 1 / 2;
    grid-column: 1 / 3; }
  .trial__grid2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-row: 1 / 2;
    grid-column: 3 / 4; }
  .trial__grid3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-row: 2 / 3;
    grid-column: 1 / 2; }
  .trial__grid4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-row: 2 / 3;
    grid-column: 2 / 3; }
  .trial__grid5 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-row: 2 / 3;
    grid-column: 3 / 4; }