@charset "utf-8";
.parent {
 display: flex;
 justify-content: space-around;
}
 
.child {
 color: #fff;
 border: solid 1px #fff;
 text-align: center;
 line-height: 100px;
 width: 100px;
 height: 100px;
}

<p style="text-align: right">
  この文字は右寄せされます！
</p>
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c123 {
	clear: both;
	margin:   20px ;
	padding:    ;
}
#c123 h2,
#c123 div {
	text-align: left;
}
#c127 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c127 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c127 ul li { margin-bottom: px; }
#c127 ul li:last-child { margin-bottom: 0; }
#c137 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c137 dl dt {
	width: 20%;
}
#c137 dl dd {
	width: 80%;
}
#c126 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c126 dl dt {
	width: 20%;
}
#c126 dl dd {
	width: 80%;
}
#c128 {
	clear: both;
	margin:   20px ;
	padding:    ;
}
#c128 h2,
#c128 div {
	text-align: left;
}
#c129 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c129 h3,
#c129 div {
	text-align: left;
}
#c114 {
	clear: both;
	margin: 80px 0 10px 0;
	padding:    ;
}
#c114 h3,
#c114 div {
	text-align: left;
}
#c130 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c130 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c130 ul li { margin-bottom: px; }
#c130 ul li:last-child { margin-bottom: 0; }
#c138 {
	clear: both;
	margin: 80px 0 10px 0;
	padding:    ;
}
#c138 h3,
#c138 div {
	text-align: left;
}
#c139 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c139 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c139 ul li { margin-bottom: px; }
#c139 ul li:last-child { margin-bottom: 0; }
#c131 {
	clear: both;
	margin: 80px 0 10px 0;
	padding:    ;
}
#c131 h3,
#c131 div {
	text-align: left;
}
#c132 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c132 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c132 ul li { margin-bottom: px; }
#c132 ul li:last-child { margin-bottom: 0; }
#c133 {
	clear: both;
	margin: 80px 0 10px 0;
	padding:    ;
}
#c133 h3,
#c133 div {
	text-align: left;
}
#c134 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c134 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c134 ul li { margin-bottom: px; }
#c134 ul li:last-child { margin-bottom: 0; }
#c135 {
	clear: both;
	margin: 80px 0 10px 0;
	padding:    ;
}
#c135 h3,
#c135 div {
	text-align: left;
}
#c136 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c136 ul li {
	list-style-type: none;
	text-align: left;
	float: none;
	box-sizing: border-box;
	overflow: hidden;
}
#c136 ul li { margin-bottom: px; }
#c136 ul li:last-child { margin-bottom: 0; }
#c125 {
	clear: both;
	display: none;
	margin:   30px ;
	padding:    ;
}
#c125 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c125 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
#c2 {
}
#c3 {
}
#c123 {
}
#c127 {
}
#c137 {
}
#c126 {
	display: none;
}
#c128 {
}
#c129 {
}
#c114 {
	margin: 80px 0 10px 0;
}
#c130 {
}
#c138 {
	margin: 80px 0 10px 0;
}
#c139 {
}
#c131 {
	margin: 80px 0 10px 0;
}
#c132 {
}
#c133 {
	margin: 80px 0 10px 0;
}
#c134 {
}
#c135 {
	margin: 80px 0 10px 0;
}
#c136 {
}
#c125 {
	display: none;
}
#c125 {
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c3 {
}
#c123 {
}
#c127 {
}
#c137 {
}
#c126 {
	display: none;
}
#c128 {
}
#c129 {
}
#c114 {
	margin: 80px 0 10px 0;
}
#c130 {
}
#c138 {
	margin: 80px 0 10px 0;
}
#c139 {
}
#c131 {
	margin: 80px 0 10px 0;
}
#c132 {
}
#c133 {
	margin: 80px 0 10px 0;
}
#c134 {
}
#c135 {
	margin: 80px 0 10px 0;
}
#c136 {
}
#c125 {
	display: none;
}
#c125 {
}
}