/* Scss Document */
/* Scss Document */
#page_ttl {
  background: url("../images/company/page_ttl_bgL.jpg") top center no-repeat; }
  @media screen and (max-width: 640px) {
    #page_ttl {
      background: none; } }
  #page_ttl .inner {
    position: relative;
    height: 500px;
    background: url("../images/company/page_ttl_bg.jpg") top center no-repeat; }
    @media screen and (max-width: 640px) {
      #page_ttl .inner {
        height: calc((400/760)*100vw);
        background-size: cover; } }
  #page_ttl .page_ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #page_ttl .page_ttl {
        transform: translate(-50%, -25%); } }
    #page_ttl .page_ttl .en {
      font-family: "Times New Roman", Times, "serif";
      font-weight: 400;
      font-size: 3.0rem; }
      @media screen and (max-width: 640px) {
        #page_ttl .page_ttl .en {
          font-size: 3.9473684211vw; } }
    #page_ttl .page_ttl .jp {
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-size: 3.5rem;
      letter-spacing: .5em;
      text-indent: .5em; }
      @media screen and (max-width: 640px) {
        #page_ttl .page_ttl .jp {
          font-size: 6.5789473684vw;
          letter-spacing: .2em;
          text-indent: .2emm; } }

.company_lttl {
  position: relative;
  margin-bottom: 40px; }
  @media screen and (max-width: 640px) {
    .company_lttl {
      margin-bottom: calc((30/760)*100vw); } }
  .company_lttl .en {
    position: relative;
    padding-left: 260px;
    color: rgba(128, 0, 0, 0.2);
    font-family: "Times New Roman", Times, "serif";
    font-weight: 400;
    font-size: 5.0rem;
    letter-spacing: 0;
    text-indent: 0; }
    @media screen and (max-width: 640px) {
      .company_lttl .en {
        padding-left: calc((150/760)*100vw);
        font-size: calc((50/760)*100vw); } }
    .company_lttl .en:before {
      content: '';
      width: 100%;
      height: 10px;
      background: #800000;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(-910px, -50%); }
      @media screen and (max-width: 640px) {
        .company_lttl .en:before {
          height: calc((10/760)*100vw);
          transform: translate(calc((-590/760)*100vw), -50%); } }
  .company_lttl .jp {
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .company_lttl .jp {
        font-size: calc((40/760)*100vw); } }