@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.mt20 {
  margin-top: 20px !important;
}

.gooddesign {
  padding: 4rem 4rem;
}

.gooddesign-title {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

.gooddesign-intro {
  display: flex;
  align-items: center;
  padding: 3rem 0;
  border-bottom: 1px solid #707070;
}

.gooddesign-intro p {
  inline-size: 50%;
}

.gooddesign-logo {
  inline-size: 50%;
  padding: 1rem;
}


/* ====================================
	ホバーが有効な環境のみ
===================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width < 768px) {
  .gooddesign-intro {
    display: block;
    align-items: center;
    padding: 3rem 0;
    border-bottom: 1px solid #707070;
  }

  .gooddesign-intro p {
    inline-size: 100%;
  }

  .gooddesign-logo {
    inline-size: 100%;
    padding: 2rem;
  }
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (width >=768px) {}

/* ====================================
	タブレット専用スタイル（768px～1080px）
===================================== */
@media screen and (768px <=width < 1080px) {}