.c-headline {
  background-image: url(../../../img/views/laboratory/pc/main_visual.jpg); }

.concept {
  padding-bottom: 220px; }
  .concept p {
    line-height: 2; }
    .concept p.txt-title {
      font-size: 34px;
      letter-spacing: 2px;
      margin-bottom: 58px;
      padding-left: 42px; }
      .concept p.txt-title span {
        font-size: 48px; }
        .concept p.txt-title span.line {
          border-bottom: 4px solid #32297a; }
    .concept p.sub {
      margin-bottom: 47px; }
    .concept p.title {
      font-size: 24px;
      line-height: 1.7;
      margin-bottom: 32px; }
  .concept .flex {
    display: flex; }
    .concept .flex-column {
      width: 50%; }
    .concept .flex-img {
      margin-bottom: 50px; }
    .concept .flex p {
      padding-right: 40px; }
    .concept .flex .pl25 {
      padding-left: 25px; }

.creation {
  padding-bottom: 215px; }
  .creation h4 {
    color: #fff;
    display: flex;
    font-size: 30px;
    margin-bottom: 15px; }
    .creation h4 span {
      line-height: 1.3; }
      .creation h4 span.txt-lg {
        font-family: 'Josefin Sans', sans-serif;
        font-size: 110px;
        font-style: italic;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 1;
        margin-right: 23px; }
  .creation p.sub {
    margin-bottom: 90px; }
  .creation-wrapper {
    overflow: hidden;
    padding-top: 50px; }
    .creation-wrapper-2 {
      height: 620px;
      margin-bottom: -50px;
      padding-bottom: 45px;
      padding-top: 0; }
  .creation-content {
    background: url(../../../img/views/laboratory/pc/creation_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0 73px; }
    .creation-content .u-layout {
      position: relative; }
    .creation-content .img {
      left: -375px;
      position: absolute;
      top: -140px; }
      .creation-content .img-2 {
        left: auto;
        margin-right: -960px;
        right: 50%;
        top: -100px; }
    .creation-content p {
      color: #fff;
      line-height: 2; }
    .creation-content .txt {
      width: 610px; }
    .creation-content-2 {
      background: none;
      padding: 100px 0 90px; }
      .creation-content-2 h4 {
        color: #32297a; }
      .creation-content-2 p {
        color: #1c1b22; }

@media screen and (max-width: 750px) {
  .c-headline {
    background-image: url(../../../img/views/laboratory/sp/main_visual.jpg); }
  .concept {
    padding-bottom: 3.2rem; }
    .concept p {
      line-height: 1.8; }
      .concept p.txt-title {
        background-color: #fbfafc;
        font-size: 1.8rem;
        letter-spacing: .1rem;
        line-height: 1.8;
        margin: 0 -2.5rem;
        margin-bottom: 3.2rem;
        padding: 5rem 0;
        text-align: center; }
        .concept p.txt-title span {
          font-size: 3rem;
          display: block;
          padding-top: .3rem; }
          .concept p.txt-title span.line {
            border-bottom-width: .2rem;
            display: inline; }
      .concept p.sub {
        margin-bottom: 2.3rem; }
      .concept p.title {
        font-size: 2.2rem;
        line-height: 1.4;
        margin-bottom: 2.5rem; }
    .concept .flex {
      display: block; }
      .concept .flex-column {
        display: flex;
        flex-direction: column-reverse;
        width: 100%; }
      .concept .flex-img {
        margin: 2.2rem -1rem 6rem; }
      .concept .flex p {
        padding-right: 0; }
      .concept .flex .pl25 {
        padding-left: 0; }
  .creation {
    padding-bottom: 10.7rem; }
    .creation h4 {
      font-size: 1.6rem;
      margin-bottom: 1rem; }
      .creation h4 span {
        line-height: 1.3; }
        .creation h4 span.txt-lg {
          font-size: 6rem;
          letter-spacing: 0;
          margin-right: 1.1rem; }
    .creation p.sub {
      margin-bottom: 3.5rem; }
    .creation-wrapper {
      padding-top: 4rem; }
      .creation-wrapper-2 {
        height: auto;
        margin-bottom: 0;
        padding: 0; }
    .creation-content {
      background: url(../../../img/views/laboratory/sp/creation_bg.jpg) no-repeat center;
      background-size: cover;
      padding: 0 0 4.7rem; }
      .creation-content .img {
        left: -2.5rem;
        margin-bottom: 3rem;
        position: relative;
        top: 0; }
        .creation-content .img img {
          margin-top: -4rem;
          max-width: none;
          width: 36.5rem; }
        .creation-content .img-2 {
          left: auto;
          margin-right: 0;
          right: 1.5rem;
          top: 0; }
          .creation-content .img-2 img {
            margin-top: 0; }
      .creation-content p {
        line-height: 1.8; }
      .creation-content .txt {
        width: auto; }
      .creation-content-2 {
        background: none;
        padding: 4.5rem 0 4rem; } }

/*# sourceMappingURL=index.css.map */