@charset "UTF-8";


/* ====================================
	共通スタイル
 ==================================== */

 /* コラム グッドデザイン賞 */
.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) {}