@charset "utf-8";

.solution_sub02_wrap {
	max-width: 1920px;
	word-break : keep-all;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.solution_sub02_contents_01{
	margin-top: 10.0rem;
}

.solution_sub02_title{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.solution_sub02_contents_01 > .solution_sub02_title > span:nth-child(1){
	font-size: 4.8rem;
	font-weight: bold;
	color: #111111;
}

.solution_sub02_title > span:nth-child(2){
	font-size: 2.8rem;
	font-weight: 350;
	color: #333333;
	text-align: center;
	margin-top: 3.0rem;
}

.solution_sub02_title > span:nth-child(4){
	max-width: 1440px;
	font-size: 3.6rem;
	font-weight: bold;
	color: #2992b5;
	text-align: center;
	margin-top: 6.3rem;
	width: 100%;
}
.solution_sub02_title > img{
	margin-top: 3.0rem;
}

.solution_sub02_info{
	display: flex;
	flex-direction: column;
	margin-top: 8.5rem;
	width: 100%;
	background-color: #f5f5f5;
}

.solution_sub02_info_01,
.solution_sub02_info_02,
.solution_sub02_info_03,
.solution_sub02_info_04,
.solution_sub02_info_05{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 45.0rem;
}

.solution_sub02_info_01 > div,
.solution_sub02_info_02 > div,
.solution_sub02_info_03 > div,
.solution_sub02_info_04 > div,
.solution_sub02_info_05 > div{
	display: flex;
	width: 50%;
	height: 100%;
}

.solution_sub02_info_01 > div:nth-child(2),
.solution_sub02_info_02 > div:nth-child(1),
.solution_sub02_info_03 > div:nth-child(2),
.solution_sub02_info_04 > div:nth-child(1),
.solution_sub02_info_05 > div:nth-child(2){
	display: flex;
	flex-direction: column;
}

.solution_sub02_info_01 > div > .numberBox,
.solution_sub02_info_03 > div > .numberBox,
.solution_sub02_info_05 > div > .numberBox{
	position: absolute;
	background-color: #2992b5;
	right: 50%;
	width: 9.0rem;
	height: 8.5rem;
}

.solution_sub02_info_02 > div > .numberBox,
.solution_sub02_info_04 > div > .numberBox{
	position: absolute;
	background-color: #2992b5;
	left: 50%;
	width: 9.0rem;
	height: 8.5rem;
}

.solution_sub02_info_01 > div > .numberBox > span,
.solution_sub02_info_02 > div > .numberBox > span,
.solution_sub02_info_03 > div > .numberBox > span,
.solution_sub02_info_04 > div > .numberBox > span,
.solution_sub02_info_05 > div > .numberBox > span{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 8.5rem;
	font-weight: 800;
	font-size: 3.8rem;
	color: #ffffff;
}

.solution_sub02_info_01 > div:nth-child(2),
.solution_sub02_info_03 > div:nth-child(2),
.solution_sub02_info_05 > div:nth-child(2){
	max-width: 720px;
	margin-right: auto;
	padding-top: 8.0rem;
	padding-right: 5%;
	padding-left: 5%;
}

.solution_sub02_info_02 > div:nth-child(1),
.solution_sub02_info_04 > div:nth-child(1){
	max-width: 720px;
	margin-left: auto;
	padding-top: 8.0rem;
	padding-right: 5%;
	padding-left: 5%;
}

.solution_sub02_info_01 > div > img,
.solution_sub02_info_02 > div > img,
.solution_sub02_info_03 > div > img,
.solution_sub02_info_04 > div > img,
.solution_sub02_info_05 > div > img{
	width: 100%;
	height: 100%;
}

.solution_sub02_info_01 > div > span,
.solution_sub02_info_02 > div > span,
.solution_sub02_info_03 > div > span,
.solution_sub02_info_04 > div > span,
.solution_sub02_info_05 > div > span{
	font-size: 4.2rem;
	color: #111111;
	font-weight: 600;
	line-height: 6.8rem;
}

.solution_sub02_info_01 > div > ul,
.solution_sub02_info_02 > div > ul,
.solution_sub02_info_03 > div > ul,
.solution_sub02_info_04 > div > ul,
.solution_sub02_info_05 > div > ul{
	font-size: 2.4rem;
	font-weight: 400;
	list-style: disc;
	line-height: 3.3rem;
	margin-left: 3.0rem;
	margin-top: 4.0rem;
	color: #333333;
}

.solution_sub02_info_01 > div > ul > li,
.solution_sub02_info_02 > div > ul > li,
.solution_sub02_info_03 > div > ul > li,
.solution_sub02_info_04 > div > ul > li,
.solution_sub02_info_05 > div > ul > li{
	margin-bottom: 2.0rem;
}

.solution_sub02_contents_02{
	margin-top: 12.0rem;
}

.solution_sub02_contents_02 > .solution_sub02_title > span:nth-child(1){
	font-size: 4.5rem;
	font-weight: bold;
	color: #111111;
}

.solution_sub02_contents_02 > .solution_sub02_title > span:nth-child(3){
	max-width: 1440px;
	font-size: 2.6rem;
	font-weight: 400;
	color: #333333;
	margin-top: 5.0rem;
	text-align: center;
	width:100%;
}

.solution_sub02_function{
	text-align: center;
}
.solution_sub02_function > img{
	max-width: 62.5%;
	margin-top: 5.0rem;
	margin-bottom: 11.0rem;
}

.solution_sub02_contents_02_1{
	background-color: #f5f5f5;
}

.solution_sub02_contents_02_1 > .solution_sub02_title > span:nth-child(1){
	max-width: 1440px;
	font-size: 2.6rem;
	font-weight: 400;
	color: #333333;
	margin-top: 5.0rem;
	text-align: center;
	width: 100%;
}


.solution_sub02_contents_03{
	margin-top: 11.0rem;
}

.solution_sub02_contents_03 > .solution_sub02_title > span:nth-child(1){
	font-size: 4.5rem;
	font-weight: bold;
	color: #111111;
}
.solution_sub02_module{
	text-align: center;
}
.solution_sub02_module > img{
	max-width: 62.5%;
	margin-top: 5.0rem;
	margin-bottom: 11.0rem;
}

.solution_sub02_contents_04{
	margin-top: 11.0rem;
}

.solution_sub02_contents_04 > .solution_sub02_title > span:nth-child(1){
	font-size: 4.5rem;
	font-weight: bold;
	color: #111111;
}


/*-----------------------------------------------------------------------------*/

/* media */
@media screen and (max-width: 1440px) {
	.solution_sub02_wrap{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.solution_sub02_info_01 > div:nth-child(2),
	.solution_sub02_info_03 > div:nth-child(2),
	.solution_sub02_info_05 > div:nth-child(2){
		padding-top: 5.0rem;
	}
	
	.solution_sub02_info_02 > div:nth-child(1),
	.solution_sub02_info_04 > div:nth-child(1){
		padding-top: 5.0rem;
	}
}	

/* media */
@media screen and (max-width: 1120px) {
	.solution_sub02_contents_01{
		margin-top: 8.6rem;
	}
	
	.solution_sub02_contents_01 > .solution_sub02_title > span:nth-child(1){
		font-size: 4.0rem;
		font-weight: bold;
		color: #111111;
	}
	
	.solution_sub02_title > span:nth-child(2){
		width: 70%;
		font-size: 2.4rem;
		margin-top: 2.0rem;
		margin-left: 15%;
		margin-right: 15%;
	}
	
	.solution_sub02_title > span:nth-child(4){
		max-width: 610px;
		font-size: 2.6rem;
		font-weight: 500;
		margin-top: 3.4rem;
	}
	.solution_sub02_title > span:nth-child(5){
		max-width: 610px;
		font-size: 3.8rem;
		font-weight: bold;
	}
	.solution_sub02_title > img{
		margin-top: 4.0rem;
	}
	
	.solution_sub02_info{
		margin-top: 5.5rem;
	}
	
	.solution_sub02_info_01,
	.solution_sub02_info_02,
	.solution_sub02_info_03,
	.solution_sub02_info_04,
	.solution_sub02_info_05{
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	
	.solution_sub02_info_01 > div,
	.solution_sub02_info_02 > div,
	.solution_sub02_info_03 > div,
	.solution_sub02_info_04 > div,
	.solution_sub02_info_05 > div{
		width: 100%;		
	}
	
	.solution_sub02_info_01 > div:nth-child(1) > img{
		content: url(../../img/solution_sub02_contents_sub01_m_image01.png);
	}
	.solution_sub02_info_02 > div:nth-child(2) > img{
		content: url(../../img/solution_sub02_contents_sub01_m_image02.png);
	}
	.solution_sub02_info_03 > div:nth-child(1) > img{
		content: url(../../img/solution_sub02_contents_sub01_m_image03.png);
	}
	.solution_sub02_info_04 > div:nth-child(1) > img{
		content: url(../../img/solution_sub02_contents_sub01_m_image04.png);
	}
	.solution_sub02_info_05 > div:nth-child(1) > img{
		content: url(../../img/solution_sub02_contents_sub01_m_image05.png);
	}
	.solution_sub02_info_01 > div > .numberBox,
	.solution_sub02_info_03 > div > .numberBox,
	.solution_sub02_info_05 > div > .numberBox{
		left: 5%;
	}	
	.solution_sub02_info_02 > div > .numberBox,
	.solution_sub02_info_04 > div > .numberBox{
		left: auto;
		right: 5%;
	}
	.solution_sub02_info_01 > div:nth-child(2),
	.solution_sub02_info_02 > div:nth-child(1),
	.solution_sub02_info_03 > div:nth-child(2),
	.solution_sub02_info_04 > div:nth-child(1),
	.solution_sub02_info_05 > div:nth-child(2){
		max-width: 670px;
		padding-top: 5.0rem;
		padding-bottom: 9.0rem;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.solution_sub02_info_02 > div:nth-child(1){
		order: 2;
		margin-left: 0;
	}
	
	.solution_sub02_info_02 > div:nth-child(2){
		order: 1;
	}
	
	.solution_sub02_info_04 > div:nth-child(1){
		order: 2;
		margin-left: 0;
	}
	
	.solution_sub02_info_04 > div:nth-child(2){
		order: 1;
	}
	
	.solution_sub02_info_01 > div > span,
	.solution_sub02_info_02 > div > span,
	.solution_sub02_info_03 > div > span,
	.solution_sub02_info_04 > div > span,
	.solution_sub02_info_05 > div > span{
		font-size: 3.6rem;
		font-weight: 500;
	}
	
	.solution_sub02_info_01 > div > ul,
	.solution_sub02_info_02 > div > ul,
	.solution_sub02_info_03 > div > ul,
	.solution_sub02_info_04 > div > ul,
	.solution_sub02_info_05 > div > ul {
		font-size: 2.0rem;
		line-height: 33px;
	}
	
	.solution_sub02_contents_02{
		margin-top: 100px;
	}
	
	.solution_sub02_contents_02 > .solution_sub02_title > span:nth-child(1){
		font-size: 3.5rem;
	}
	
	.solution_sub02_contents_02 > .solution_sub02_title > span:nth-child(3){
		max-width: 610px;
		font-size: 2.2rem;
		margin-top: 4.0rem;
	}
	
	.solution_sub02_function > img{
		max-width: 85%;
		margin-top: 7.5rem;
		margin-bottom: 12.0rem;
		content: url(../../img/solution_sub02_contents_sub02_m_image01.png);
	}	
	.solution_sub02_contents_02_1 > .solution_sub02_title > span:nth-child(1){
		max-width: 610px;
		font-size: 2.2rem;
		margin-top: 4.0rem;
	}
	
	.solution_sub02_contents_02_1 > .solution_sub02_function > img{
		max-width: 85%;
		margin-top: 7.5rem;
		margin-bottom: 12.0rem;
		content: url(../../img/solution_sub02_contents_sub02_m_image02.png);
	}
	
	.solution_sub02_contents_03 > .solution_sub02_title > span:nth-child(1){
		font-size: 3.5rem;
	}
	
	.solution_sub02_module > img{
		max-width: 93%;
		margin-top: 4.5rem;
		margin-bottom: 9.0rem;
		content: url(../../img/solution_sub02_contents_sub03_m_image01.png);
	}
	.solution_sub02_contents_04 > .solution_sub02_title > span:nth-child(1){
		font-size: 3.5rem;
	}
}

/* media */
@media screen and (max-width: 720px) {
	.solution_sub02_info_01 > div > .numberBox > span,
	.solution_sub02_info_02 > div > .numberBox > span,
	.solution_sub02_info_03 > div > .numberBox > span,
	.solution_sub02_info_04 > div > .numberBox > span,
	.solution_sub02_info_05 > div > .numberBox > span{
		line-height: 6.5rem;
	}
	.solution_sub02_info_01 > div > .numberBox,
	.solution_sub02_info_03 > div > .numberBox,
	.solution_sub02_info_05 > div > .numberBox{
		width: 7.0rem;
		height: 6.5rem;
	}
	.solution_sub02_info_02 > div > .numberBox,
	.solution_sub02_info_04 > div > .numberBox{
		width: 7.0rem;
		height: 6.5rem;
	}

}