@charset "UTF-8";

.solution-list {
		max-width: 725px;
		margin: -15px auto 0;
	}
	.solution-item-cont {
		display: flex;
		padding: 15px;
		transition: .5s;
		text-decoration: none;
		color: inherit!important;
		align-items: flex-start;
	}
	.solution-item-cont:hover {
		box-shadow: 0 4px 6px rgb(0 0 0 / 40%);
	}
	.solution-item-img {
		flex: 0 1 220px;
	}
	.solution-item-group {
		padding-left: 15px;

		flex: 0 1 475px;
	}
	.solution-item-ttl {
		font-size: 20px;
		font-weight: bold;
		margin: 2px 0 8px;
	}
	.solution-item-txt {
		font-size: 18px;
		line-height: 1.44;
		color: #6c6c6c;
	}
@media screen and (max-width: 767px) {
	.solution-item-img img{
		width: 100%;
    		height: auto;
	}
	.solution-item-cont:hover {
		box-shadow: none;
	}
	.solution-list {
		display: block;
		max-width: 100%;
		margin: -15px auto 0px;
	}
	.solution-item {
		width: 280px;
		width: 74.67vw;
		max-width: 350px;
		/* margin-bottom: 20px; */
	}
	.solution-item-cont {
		display: block;
		height: auto;
		padding: 15px 12px;
		margin: 10px 0;
	}
	.solution-item-img {
		width: 100%;
	}
	.solution-item-group {
		padding: 15px 0 0;
	}
	.solution-item-ttl {
		font-size: 16px;
		min-height: 48px;
		margin: 0;
		text-align: center;
	}
	.solution-item-txt {
		font-size: 14px;
		margin-top: 8px;
	}
}
.solution-list {
    display: flex;
    max-width: 725px;
    margin: auto;
    justify-content: center;
}