@charset "utf-8";

/*------------選ばれた理由-----------*/
.reason {
	width: auto;
	padding: 0.5em;
	background-color: #eee;
	border-radius: 10px;
	}
.comparison {
	margin: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px 10px;
}
.comparison > div:first-child,
.comparison > div:last-child {
	background-color: #fff;
	border-radius: 10px;
	padding-bottom: 10px;
}
.comparison p {
	padding: 0.5em;
	text-align: center;
}
.comparison img {
	max-width: 100%;
	height: auto;
}
.Image_image {
	/*position: absolute;*/
	padding: 0.5em;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
	object-fit: cover;
	background-color: #fff;
	align-items: flex-end;
}
	.container {
	display: flex; /* Flexboxを有効にする */
	flex-direction: column; /* 初期は横並び */
}

/*------------選ばれた理由-------------------*/
@media (min-width: 768px) {
	.reason {
		/*width: calc(50% - 10px);*/
	}
	.comparison {
		flex-direction: row;
		justify-content: space-between;
		align-items: normal;
	}
	.comparison > div:first-child,
	.comparison > div:last-child {
		flex-basis: calc(50% - 26px);
	}
	.comparison > div {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.comparison > div:nth-child(2) {
		justify-content: center;
	}
	.fa-arrow-circle-down {
		transform: rotate(-90deg);
	}
section:not([id]){
    flex-wrap: nowrap;
}
}