@charset "UTF-8";
.company_titlearea {
  padding: 2rem;
  margin-bottom: 5rem;
  position: relative; }
  .company_titlearea h3 {
    line-height: 2;
    letter-spacing: -1px;
    color: #000; }
  .company_titlearea :before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    /*線の上下位置*/
    display: inline-block;
    width: 160px;
    /*線の長さ*/
    height: 5px;
    /*線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*位置調整*/
    background-color: #5fb3a9;
    /*線の色*/ }

.company-title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  height: 8rem;
  background-color: #5fb3a9;
  padding: 1rem 0;
  margin-bottom: 2rem; }

/* IE11での文字ズレ調整用 */
_:lang(x)::-ms-backdrop, .company-title {
  padding: 1.6rem 0 1rem; }

.company-title-sub {
  font-size: 2rem;
  font-weight: bold;
  color: #5fb3a9;
  padding: 1rem 0;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  margin-bottom: 2rem; }

/* IE11での文字ズレ調整用 */
_:lang(x)::-ms-backdrop, .company-title {
  padding: 2.2rem 0 1rem; }

@media screen and (min-width: 960px) {
  .company_titlearea h3 {
    line-height: 2;
    letter-spacing: 2px;
    color: #000; }
  .company_titlearea :before {
    width: 360px;
    /*線の長さ*/
    height: 4px;
    /*線の太さ*/ }
  .company-title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    height: 8rem;
    background-color: #5fb3a9;
    padding: 1rem 0;
    margin-bottom: 2rem; }
  /* IE11での文字ズレ調整用 */
  _:lang(x)::-ms-backdrop, .company-title {
    padding: 1.6rem 0 1rem; } }