@charset "UTF-8";

/*
  会社に最適なドメインとは？
 */
.business-reccomend {
  display: flex;
  flex-wrap: wrap;
}

.japanese-companies,
.individual-business {
  background-color: #f6f6f6;
}

.business-reccomend-head {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  text-align: center;
}

.business-reccomend .viewing-detail-button {
  background-color: #fff;
  margin-top: 2rem;
}

/* 「ドメインの選び方について」ボタン  */
.button-to-choosing-domain {
  margin: 4rem auto 0;
}

/* スマホ 幅が 0px - 599px */
@media screen and (max-width: 599px) {
  /*
    会社に最適なドメインとは？
   */
  .business-reccomend-box {
    box-sizing: border-box;
    flex-basis: 100%;
  }

  .japanese-companies,
  .individual-business {
    padding: 2rem 1rem 1.5rem;
  }

  .business-reccomend-box img {
    height: auto;
    width: 100%;
  }

  .individual-business {
    margin-top: 2rem;
  }
}

/* PC 幅が 600px 以上 */
@media screen and (min-width: 600px) {
  /*
    会社に最適なドメインとは？
   */
  .business-reccomend {
    justify-content: space-between;
  }

  .business-reccomend-box {
    flex-basis: 400px;
  }

  .japanese-companies,
  .individual-business {
    padding: 36px 32px 26px;
  }

  /* 「ドメインの選び方について」ボタン  */
  .button-to-choosing-domain {
    width: 30rem;
  }
}