@charset "utf-8";
/* CSS Document */

.rounded-box {
  display: flex;
  border-radius: 10px; /* 角丸の程度 */
  border: 1px solid #ccc; /* 枠線 */
  padding: 10px; /* パディング */
}

.box {
  width: 33%; /* ボックスの幅 - 必要に応じて調整 */
  margin: 5px; /* ボックス間のマージン */
}

.box:nth-child(2) {
  margin-top: 50px
}



/* for 995px - 1304px
=========================================================================================== */

@media screen and (min-width :995px) and (max-width: 1304px) {


}


/*==============　994px以下　===============*/

@media screen and (max-width: 994px) {


}


/*==============　767px以下　===============*/

@media screen and (max-width: 767px) { 

	.box:nth-child(2) {
	  margin-top: 0px
	}

}

/*==============　579px以下　===============*/

@media screen and (max-width: 579px) { 

	.rounded-box {
	  display: block;
	}
	.box {
	  width: 100%;
	  text-align: center;
	}

}