/* normal style */
@media print,screen {
	.strength_inline {
		display: inline-block;
	}
	/* strength_wrapper */
	.strength_wrapper {
		text-align: left;
		margin: 0 0 20px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		list-style-type: none;
		counter-reset: section;
	}
	.strength_wrapper .strength {
		flex-basis: 100%;
		margin: 0 10px 20px;
		padding: 10px 20px;
		border: 1px solid #E4005A;
		border-radius: 10px;
	}
	.strength_wrapper .strength h3 {
		text-align: center;
		color: #E4005A;
		font-family: "ŸàƒSƒVƒbƒN", "Yu Gothic", "M PLUS 1p", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
		margin-bottom: 5px;
		margin-top: 2em;
		position: relative;
	}
	.strength_wrapper .strength h3:before {
		counter-increment: section;
		content: "Point " counter(section);
		position: absolute;
		display: block;
		width: 100%;
		bottom: 100%;
		font-size: 90%;
	}
	.strength_wrapper .strength h3:after {
		content: "";
		display: block;
		width: 100px;
		height: 1px;
		background: #E4005A;
		position: absolute;
		bottom: 95%;
		left: calc( 50% - 42px );
	}
}
@media screen and ( min-width: 48em ) {
	.strength_wrapper .strength {
		flex: 1;
		max-width: 350px;
		margin-left: 20px;
		margin-right: 20px;
	}
}