@charset "UTF-8";
/*--------------------------
 変数
----------------------------*/
/*--------------------------
    中央配置
----------------------------*/
/* 上下左右中央配置 */
/* 上下のみ中央配置 */
/* 左右のみ中央配置 */
/* 中央配置解除 */
/*--------------------------
 ページスタイル
----------------------------*/


/*PC用*/
@media screen and (min-width:641px) {

  #company_history #under_main_img {
    background: url(../images/company_history/pagetitle.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 430px;
    padding: 0px !important;
    margin-bottom: 135px;
    position: relative;
  }

  #company_history #under_main_img .main_txt {
    display: inline-block;
    color: #fff;
    font-size: 4.5rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  #company_history #under_main_img .main_en_txt {
    display: block;
    font-size: 2rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 57%;
  }

  #company_history #under_main_img::after {
    content: '';
    display: block;
    background: url(../images/common/pagettl_deco.svg) no-repeat center center;
    background-size: contain;
    width: 250px;
    height: 77px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -35px;
  }

  #company_history .leadTxt {
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 135px;
  }

  #company_history .contactBlock {
    width: 100%;
    text-align: center;
    color: #fff;
  }

  #company_history .contactBlock__link {
    background: #A00000;
  }

  #company_history .contactBlock__link a {
    display: inline-block;
    padding: 20px 0px;
    color: #fff;
    font-size: 22px;
    position: relative;
  }

  #company_history .contactBlock__link a span {
    display: block;
    font-size: 14px;
  }

  #company_history .contactBlock__link a::after {
    content: '';
    display: block;
    background: url(../images/common/icon_link_arrow.svg) no-repeat center center;
    background-size: contain;
    width: 13px;
    height: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -26px;
  }

  #company_history .contactBlock__TelFax {
    background: #460000;
    padding: 35px 0px;
    display: flex;
    justify-content: center;
  }

  #company_history .contactBlock__TelFax__inner {
    padding: 0px 0px;
  }

  #company_history .contactBlock__TelFax__inner h5 {
    font-size: 16px;
    font-weight: bold;
  }

  #company_history .contactBlock__TelFax__inner h5::after {
    content: '';
    display: block;
    background: #B59F74;
    width: 90px;
    height: 2px;
    margin: 10px auto;
  }

  #company_history .contactBlock__TelFax__inner p.telNo {
    font-size: 38px;
    font-weight: bold;
    padding-left: 43px;
    position: relative;
  }

  #company_history .contactBlock__TelFax__inner p.telNo::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/common/icon_tel.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0px;
  }

  #company_history .contactBlock__TelFax__inner p.faxNo {
    font-size: 38px;
    font-weight: bold;
    padding-left: 43px;
    position: relative;
  }

  #company_history .contactBlock__TelFax__inner p.faxNo::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/common/icon_fax.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0px;
  }

  #company_history .contactBlock__TelFax__inner p.time {
    font-size: 16px;
  }

  #company_history .contactBlock__TelFax__inner.line {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding-right: 30px;
    margin-right: 30px;
  }

  #company_history .companyCntsWrap {
    /*
          .timeline {
              position: relative;
              overflow: auto;
              &:before {
                  content: '';
                  position: absolute;
                  height: 100%;
                  width: 2px;
                  background: #dddddd;
                  left: 0;
              }
              h2 {
                  background: $gold;
                  color: #fff;
                  font-size: 1.4rem;
                  font-weight: bold;
                  max-width: 6em;
                  margin: 0 auto 1em;
                  padding: 0.5em;
                  text-align: center;
                  position: relative;
                  clear: both;
              }
              ul {
                  list-style: none;
                  padding: 0 0 0 1em;
                  z-index: 1;
                  li {
                      background: #dddddd;
                      padding: 2em;
                      margin-bottom: 2em;
                      font-size: 1.6rem;
                      position: relative;
                      box-sizing: border-box;
                      &:before {
                          content: '';
                          display: block;
                          width: 100%;
                          height: 2px;
                          background: #dddddd;
                          position: absolute;
                          left: -60px;
                          top: 0;
                      }
                  }
              }
              h3 {
                  margin-top: 0;
              }
              time {
                  font-style: italic;
              }
          }
          @media screen and (min-width: 40em) {
              .timeline {
                  &:before {
                      left: 50%;
                  }
                  ul {
                      padding-left: 0;
                      max-width: 1120px;
                      margin: 0 auto;
                      li {
                          width: 500px;
                          &:nth-child(even) {
                              float: right;
                              margin-top: 2em;
                          }
                          &:nth-child(odd) {
                              float: left;
                              &:before {
                                  right: -60px;
                                  left: auto;
                              }
                          }
                          &:nth-of-type(2n+1) {
                              clear: both;
                          }
                      }
                  }
              }
          }
  */
  }

  #company_history .companyCntsWrap .timeline {
    position: relative;
    overflow: auto;
    margin-bottom: 150px;
  }

  #company_history .companyCntsWrap .timeline:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #dddddd;
    left: 0;
  }

  #company_history .companyCntsWrap .timeline h2 {
    background: #B59F74;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    max-width: 15em;
    margin: 0 auto 3em;
    padding: 0.5em;
    text-align: center;
    position: relative;
    clear: both;
  }

  #company_history .companyCntsWrap .timeline ul {
    list-style: none;
    z-index: 1;
  }

  #company_history .companyCntsWrap .timeline ul li {
    width: 520px;
    margin-bottom: 7em;
    text-align: right;
    font-size: 1.6rem;
    position: relative;
    box-sizing: border-box;
  }

  #company_history .companyCntsWrap .timeline ul li:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #666;
    box-sizing: border-box;
    position: absolute;
    left: -50px;
    top: 20px;
  }

  #company_history .companyCntsWrap .timeline ul li p {
    margin-bottom: 10px;
  }

  #company_history .companyCntsWrap .timeline ul li p.year {
    font-size: 2rem;
    line-height: 1.1;
    margin-bottom: 10px;
  }

  #company_history .companyCntsWrap .timeline ul li p.year strong {
    font-size: 5rem;
    color: #B59F74;
  }

  #company_history .companyCntsWrap .timeline ul li p.year span {
    display: block;
    color: #999;
  }

  #company_history .companyCntsWrap .timeline ul li p.day {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 30px;
  }

  #company_history .companyCntsWrap .timeline ul li p.note {
    font-size: 1.6rem;
    margin-bottom: 0px;
  }

  #company_history .companyCntsWrap .timeline ul li hr {
    height: 0;
    margin: 20px 0;
    padding: 0;
    border: 0;
    border-top: 1px dotted #ccc;
  }

  #company_history .companyCntsWrap .timeline h3 {
    margin-top: 0;
  }

  #company_history .companyCntsWrap .timeline time {
    font-style: italic;
  }

  @media screen and (min-width: 40em) {
    #company_history .companyCntsWrap .timeline:before {
      left: 50%;
    }

    #company_history .companyCntsWrap .timeline ul {
      padding-left: 0;
      max-width: 1120px;
      margin: 0 auto;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) {
      text-align: left;
      float: right;
      margin-top: 5em;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) p.day {
      padding-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) p.note {
      padding-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) hr {
      margin-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) {
      float: left;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd):before {
      right: -50px;
      left: auto;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) p.day {
      padding-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) p.note {
      padding-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) hr {
      margin-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-of-type(2n+1) {
      clear: both;
    }
  }


}

/*SP用*/
@media screen and (max-width: 640px) {

  #company_history #under_main_img {
    background: url(../images/company_history/pagetitle.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 314px;
    padding: 0px !important;
    margin-bottom: 135px;
    position: relative;
  }

  #company_history #under_main_img .main_txt {
    display: inline-block;
    color: #fff;
    font-size: 3.5rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }

  #company_history #under_main_img .main_en_txt {
    display: block;
    font-size: 1.5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 57%;
  }

  #company_history #under_main_img::after {
    content: '';
    display: block;
    background: url(../images/common/pagettl_deco.svg) no-repeat center center;
    background-size: contain;
    width: 250px;
    height: 77px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -35px;
  }

  #company_history .leadTxt {
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 135px;
  }

  #company_history .contactBlock {
    width: 100%;
    text-align: center;
    color: #fff;
  }

  #company_history .contactBlock__link {
    background: #A00000;
  }

  #company_history .contactBlock__link a {
    display: inline-block;
    padding: 20px 0px;
    color: #fff;
    font-size: 22px;
    position: relative;
  }

  #company_history .contactBlock__link a span {
    display: block;
    font-size: 14px;
  }

  #company_history .contactBlock__link a::after {
    content: '';
    display: block;
    background: url(../images/common/icon_link_arrow.svg) no-repeat center center;
    background-size: contain;
    width: 13px;
    height: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -26px;
  }

  #company_history .contactBlock__TelFax {
    background: #460000;
    padding: 35px 0px;
    display: flex;
    justify-content: center;
  }

  #company_history .contactBlock__TelFax__inner {
    padding: 0px 0px;
  }

  #company_history .contactBlock__TelFax__inner h5 {
    font-size: 16px;
    font-weight: bold;
  }

  #company_history .contactBlock__TelFax__inner h5::after {
    content: '';
    display: block;
    background: #B59F74;
    width: 90px;
    height: 2px;
    margin: 10px auto;
  }

  #company_history .contactBlock__TelFax__inner p.telNo {
    font-size: 38px;
    font-weight: bold;
    padding-left: 43px;
    position: relative;
  }

  #company_history .contactBlock__TelFax__inner p.telNo::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/common/icon_tel.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0px;
  }

  #company_history .contactBlock__TelFax__inner p.faxNo {
    font-size: 38px;
    font-weight: bold;
    padding-left: 43px;
    position: relative;
  }

  #company_history .contactBlock__TelFax__inner p.faxNo::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/common/icon_fax.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0px;
  }

  #company_history .contactBlock__TelFax__inner p.time {
    font-size: 16px;
  }

  #company_history .contactBlock__TelFax__inner.line {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding-right: 30px;
    margin-right: 30px;
  }

  #company_history .companyCntsWrap {
    /*
          .timeline {
              position: relative;
              overflow: auto;
              &:before {
                  content: '';
                  position: absolute;
                  height: 100%;
                  width: 2px;
                  background: #dddddd;
                  left: 0;
              }
              h2 {
                  background: $gold;
                  color: #fff;
                  font-size: 1.4rem;
                  font-weight: bold;
                  max-width: 6em;
                  margin: 0 auto 1em;
                  padding: 0.5em;
                  text-align: center;
                  position: relative;
                  clear: both;
              }
              ul {
                  list-style: none;
                  padding: 0 0 0 1em;
                  z-index: 1;
                  li {
                      background: #dddddd;
                      padding: 2em;
                      margin-bottom: 2em;
                      font-size: 1.6rem;
                      position: relative;
                      box-sizing: border-box;
                      &:before {
                          content: '';
                          display: block;
                          width: 100%;
                          height: 2px;
                          background: #dddddd;
                          position: absolute;
                          left: -60px;
                          top: 0;
                      }
                  }
              }
              h3 {
                  margin-top: 0;
              }
              time {
                  font-style: italic;
              }
          }
          @media screen and (min-width: 40em) {
              .timeline {
                  &:before {
                      left: 50%;
                  }
                  ul {
                      padding-left: 0;
                      max-width: 1120px;
                      margin: 0 auto;
                      li {
                          width: 500px;
                          &:nth-child(even) {
                              float: right;
                              margin-top: 2em;
                          }
                          &:nth-child(odd) {
                              float: left;
                              &:before {
                                  right: -60px;
                                  left: auto;
                              }
                          }
                          &:nth-of-type(2n+1) {
                              clear: both;
                          }
                      }
                  }
              }
          }
  */
  }

  #company_history .companyCntsWrap .timeline {
    position: relative;
    overflow: auto;
    margin-bottom: 70px;
  }

  #company_history .companyCntsWrap .timeline:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #dddddd;
    left: 4vw;
  }

  #company_history .companyCntsWrap .timeline h2 {
    background: #B59F74;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    max-width: 15em;
    margin: 0 auto 3em;
    padding: 0.5em;
    text-align: center;
    position: relative;
    clear: both;
  }

  #company_history .companyCntsWrap .timeline ul {
    list-style: none;
    z-index: 1;
  }

  #company_history .companyCntsWrap .timeline ul li {
    width: 100%;
    margin-bottom: 2em;
    text-align: left;
    font-size: 1.6rem;
    position: relative;
    box-sizing: border-box;
    padding: 1vw 3vw 0vw 9vw;
  }

  #company_history .companyCntsWrap .timeline ul li:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #666;
    box-sizing: border-box;
    position: absolute;
    left: 2vw;
    top: 20px;
  }

  #company_history .companyCntsWrap .timeline ul li p {
    margin-bottom: 10px;
  }

  #company_history .companyCntsWrap .timeline ul li p.year {
    font-size: 2rem;
    line-height: 1.1;
    margin-bottom: 3px;
  }

  #company_history .companyCntsWrap .timeline ul li p.year strong {
    font-size: 4rem;
    color: #B59F74;
  }

  #company_history .companyCntsWrap .timeline ul li p.year span {
    /* display: block; */
    color: #999;
    padding: 0 0 0 1vw;
  }

  #company_history .companyCntsWrap .timeline ul li p.day {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 0px;
  }

  #company_history .companyCntsWrap .timeline ul li p.note {
    font-size: 1.6rem;
    margin-bottom: 0px;
  }

  #company_history .companyCntsWrap .timeline ul li hr {
    height: 0;
    margin: 20px 0;
    padding: 0;
    border: 0;
    border-top: 1px dotted #ccc;
  }

  #company_history .companyCntsWrap .timeline h3 {
    margin-top: 0;
  }

  #company_history .companyCntsWrap .timeline time {
    font-style: italic;
  }

  @media screen and (min-width: 40em) {
    #company_history .companyCntsWrap .timeline:before {
      left: 50%;
    }

    #company_history .companyCntsWrap .timeline ul {
      padding-left: 0;
      max-width: 1120px;
      margin: 0 auto;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) {
      text-align: left;
      float: right;
      margin-top: 5em;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) p.day {
      padding-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) p.note {
      padding-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(even) hr {
      margin-left: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) {
      float: left;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd):before {
      right: -50px;
      left: auto;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) p.day {
      padding-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) p.note {
      padding-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-child(odd) hr {
      margin-right: 30px;
    }

    #company_history .companyCntsWrap .timeline ul li:nth-of-type(2n+1) {}


  }
}