@charset "UTF-8";

/*======================================
	会社案内
=======================================*/

/* ごあいさつ */
#message .txt{
  float: left;
  max-width: 710px;
  width: 70%;
}
#message .img{
  float: right;
  max-width: 250px;
  width: 25%;
}
#message span.name{
  float: right;
  clear: right;
  text-align: right;
  margin-top: 2em;
}

/* 企業理念 */
#philosophy .img{
  width: 100%;
}

/* 会社概要 */
#outline dl.main_list dt{
  width: 130px;
}
#outline dl.main_list dd{
  max-width: 900px;
  margin-left: 130px;
}
#outline dl.main_list dd span{
  display: block;
  font-weight: bold;
}

/* 会社沿革 */
#history{
  margin-bottom: 60px;
}
#history dl{
  background-color: #fff;
  border-bottom: none;
}
#history dl.main_list dt{
  font-weight: bold;
  width: 175px;
  border-top: none;
  text-align: right;
  padding-left: 0;
}
#history dl.main_list dd{
  max-width: 845px;
  margin-left: 175px;
  border-top: none;
}


@media screen and (max-width:768px) {
  /* 会社概要 */
  #outline dl.main_list dt{
    width: 100%;
  }
  #outline dl.main_list dd{
    max-width: 100%;
    margin-left: 0;
  }

  /* 会社沿革 */
  #history dl.main_list dt{
    text-align: left;
    width: 100%;
  }
  #history dl.main_list dd{
    max-width: 100%;
    margin-left: 0;
  }

  /* ごあいさつ */
  #message .txt{
    float: none;
    max-width: 100%;
    width: 100%;
  }
  #message .img{
    float: none;
    width: 100%;
    display: block;
    margin: 2em auto 0 auto;
  }
  #message span.name{
    float: none;
    display: block;
    text-align: right;
    margin-top: 2em;
  }

  /* 企業理念 */
  #philosophy .txt,
  #philosophy .img{
    float: none;
    max-width: 100%;
    width: 100%;
  }
  #philosophy img{
    display: block;
    margin: 2em auto 0 auto;
  }
}