h1 {
  font-size: 1.5em;
  width: 100%;
}

h2 {
  font-size: 1.6em;
  padding: 30px 0 6px 2px;
}

h3 {
  font-size: 1.3em;
}

.feature-text {
  margin-top: 10px;
}

.top_title {
  padding: 20px;
  background-image: url(../image/toptitle_2018-04-50-2.jpg);
  background-position: center;
  background-size: cover;
}

.top_title p {
  width: 100%;
}

.top_title form {
  width: 100%;
}

.top_title .input-group {
  width: 80%;
}

.box-top-feature {
  padding: 0 0 10px 0;
}

.box-top-newcorp {
  padding: 0 0 10px 0;
}

.link-to-all {
  background-color: #efefef;
  border: #666;
  padding: 4px;
}

.link-to-all a {
  color: #1976D2;
}

.cate-needs {
  padding: 20px 10px 20px 10px;
}

.cate-menu {
  width: 18rem;
}

.needs {
  margin: 0 0 0 20px;
}

.h1--needs {
  color: #0D47A1;
  font-size: 24px;
  font-weight: bold;
}

.h1--needs img {
  float: left;
  height: 38px;
  margin: 0 16px 3px 10px;
}

.top-needs-link {
  margin: 10px 0 20px 0;
}

.top-needs-link .btn {
  margin: 2px 0 2px 0;
}

.new-corp-img {
  float: left;
  margin: 0 20px 6px 0;
  max-width: 150px;
  width: 33%;
}

.new-corp-name {
  font-size: 1.2em;
}

.new-corp-title {
  margin: 10px 0 10px 0;
}

.corp-news-img {
  height: 50px;
  margin: 0 20px 6px 0;
  width: 50px;
}

.cate-menu-contents {
  margin: 30px 10px 20px 10;
  padding: 30px 10px 20px 10;
}

.cate-block {
  border: solid 1px #666;
}

.top-cate {
  background: #ffffff;
  margin: 0;
  padding: 6px 6px 6px 10px;
}

.card-columns{
  margin: 20px 0 0 0;
}

.card-title {
 margin: 0;
 padding: 0;
}

.event-summary {
  font-size: 0.9em;
  margin: 12px 0 8px 0;
}

.recommend_corp {
  border: solid 1px #E0E0E0;
  margin: 20px 0 10px 0;
  padding: 10px 10px 10px 20px;
}

.recommend_corp_title {
  font-weight: bold;
  font-size: 16px;
}


/* ---------------------------------------------------------------- */
/* 1200px 以下の時に適用 */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* ---------------------------------------------------------------- */
/* 991px 以下の時に適用 */
@media (min-width: 768px) and (max-width: 991.98px) {

.new-corp-img {
  float: none;
  text-align: center;
  width: 100%;
}

.new-corp-name {
  font-size: 1em;
}

}

/* ---------------------------------------------------------------- */
/* 768px 以下の時に適用 */
@media (min-width: 576px) and (max-width: 767.98px) {

h2 {
  font-size: 1.3em;
}

.cate-menu {
  width: 100%;
}

.new-corp-img {
  float: none;
  text-align: center;
  width: 100%;
}

}

/* ---------------------------------------------------------------- */
/* 576px 以下の時に適用 */
@media (max-width: 575.98px){

h1 {
  font-size: 1.2em;
}

.h1_subtitle {
  font-size: 0.8em;
}

.top_title {
  padding: 20px;
  background-image: url(../image/toptitle_2018-04-s50-2.jpg);
  background-position: center;
  background-size: cover;
}

h2 {
  font-size: 1.2em;
}

.cate-menu {
  width: 100%;
}

.needs {
  margin: 0 0 0 0;
}

.top_title .input-group {
  width: 100%;
}

.new-corp-img {
  float: left;
  width: 33%;
}

}