@charset "utf-8";

#contents__business--solution {
	background-color: #f5f5f5;
}

/* SP */
@media only screen and (max-width: 767px) {
	.solution__index--list {}
	.solution__index--list .indexList {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.solution__index--list .item {
		width: 100%;
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.1;
		align-items: center;
		margin-bottom:  10px;
		border: #fff 5px solid;
		box-sizing: border-box;
		background-color: #fff;
	}
	
	.solution__index--list .item > a {
		text-decoration: none;
		width: 100%;
		display: table;
	}
	
	.solution__index--list .item > a.blank {
		background-size:18px 16px!important;
		background-position:98% 98%!important;
	}
	
	
	.solution__index--list .item > a > .p{
		width: 30%;
		display: table-cell;
		vertical-align:  middle;
	}
	
	.solution__index--list .item > a > .t{
		vertical-align:  middle;
		display: table-cell;
		text-align: left;
		padding: 5px 10px;
		font-size:  0.8rem !important;
	}
	
	.solution__index--list .item > a > .t > h2,
	.solution__index--list .item > a > .t > .h3{
		color: #716F63;
		font-size:  1.0rem !important;
		margin-bottom: 0.3em;
	}
	
	.solution__index--list .item > a > .t > p{
    }
	
	.solution__index--list .aspect-container {
		position: relative;
		width: 100%;
	}
	.solution__index--list .aspect-container:before {
		content:"";
		display: block;
		padding-top: 62%;
	}
	.solution__index--list .aspect-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	.solution__inner--list {margin-bottom: 60px;}
	.solution__inner--list:last-child {margin-bottom: 0;}
	
	.solution__inner--list .indexList {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.solution__inner--list .item {
		width: 49%;
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.3;
		align-items: center;
		margin-bottom: 10px;
		border: #fff 5px solid;
		box-sizing: border-box;
		background-color: #fff;
	}

	.solution__inner--list .item > a {
		text-decoration: none;
		width: 100%;
	}
	
	.solution__index--list .blank {
		background-size: 16px 13px;
		background-position: 98% 98%;
	}
	.solution__inner--list .blank {
		background-size: 16px 13px;
		background-position: 98% 98%;
	}

	.solution__inner--list .item > a > .p{}
	
	.solution__inner--list .item > a > .t{
		width: 100%;
		text-align: left;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.solution__inner--list .item > a > .t > h3{
		color: #716F63;
		font-size:  1.2rem;
		margin-bottom: 0.5em;
	}
	
	.solution__inner--list .item > a > .t > p{}	
	.solution__inner--list .item > a > .t > p img{
		width: 100%;
	}
    .t_small {
        font-size: 10px;
        color: #999;
    }
	
}

/* PC */
@media print, screen and (min-width: 768px) {
	.solution__index--list {}
	.solution__index--list .indexList {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.solution__index--list .item {
		width: calc(50% - 20px);
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.1;
		align-items: top;
		border: #fff 10px solid;
		box-sizing: border-box;
		margin-bottom:  20px;
		margin-right: 15px;
		background-color: #fff;
	}
	.solution__index--list .item:nth-child(odd) {
		margin-right: 20px;
	}
	
	.solution__index--list .item > a {
		text-decoration: none;
		width: 100%;
		display: table;
	}
	
	.solution__index--list .item > a.blank {
		background-size: 16px 13px;
		background-position: 100% 100%;
	}
	
	
	.solution__index--list .item > a > .p{
		width: 150px;
		display: table-cell;
		vertical-align: top;
	}
	
	.solution__index--list .item > a > .t{
		display: table-cell;
		text-align: left;
		padding: 10px;
		vertical-align: top;
	}
	
	.solution__index--list .item > a > .t > .h3{
		color: #716F63;
		font-size:  1.3rem;
		margin-bottom: 0.5em;
	}
	
	.solution__index--list .item > a > .t > p{
        line-height: 1.6;
    }
	
	.solution__index--list .aspect-container {
		position: relative;
		width: 100%;
	}
	.solution__index--list .aspect-container:before {
		content:"";
		display: block;
		padding-top: 62%;
	}
	.solution__index--list .aspect-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	.solution__inner--list {margin-bottom: 60px;}
	.solution__inner--list:last-child {margin-bottom: 0;}
	
	.solution__inner--list .indexList {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.solution__inner--list .item {
		display: inline-block;
		width: calc((100% / 3) - 30px);
		text-align: center;
		font-size: 1.0rem;
		line-height: 1.1;
		align-items: top;
		margin-bottom:  30px;
		min-height: 200px;
		border: #fff 10px solid;
		box-sizing: border-box;
		margin-right: 15px;
		background-color: #fff;
	}
	.solution__inner--list .item:nth-child(3n) {
		margin-right: 0;
	}
	
	.solution__inner--list .item > a {
		text-decoration: none;
		width: 100%;
		min-height: 200px;
	}

	
	.solution__inner--list .blank,
    .solution__index--list .blank {
		background-size: 16px 13px;
		background-position: 100% 98%;
	}

	.solution__inner--list .item > a > .p{
		vertical-align: middle;
	}
	
	.solution__inner--list .item > a > .t{
		vertical-align: top;
		display: table-cell;
		text-align: left;
		padding: 10px;
	}
	
	.solution__inner--list .item > a > .t > h3{
		color: #716F63;
		font-size:  1.3rem;
		margin-bottom: 0.5em;
	}
	
	.solution__inner--list .blank > a > .t > h3{
		padding-right: 20px;
	}
	
	.solution__inner--list .item > a > .t > p{
		line-height: 1.5;
	}
	
	.solution__inner--list .aspect-container {
		position: relative;
		width: 100%;
	}
	.solution__inner--list .aspect-container:before {
		content:"";
		display: block;
		padding-top: 62%;
	}
	.solution__inner--list .aspect-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.t_small {
        font-size: 10px;
        color: #999;
    }
	

}