﻿.box > ul{
	margin : 0;
	padding : 0;
	list-style:none;
	background-color:#f5911e;
	position:relative;
	overflow:hidden;
}
.box > ul > li{
	width: 100%;
	margin : 0;
	padding : 0;
	position:relative;
}
.box > ul > li:nth-child(1){
	margin:0 auto;
	background-image: url('../../i/top_concept_back.jpg');
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	transition : 0.5s;
}
.box > ul > li:nth-child(1) > div{
	width: 720px;
	margin:30px auto;
	padding : 0;
	background: rgba(255, 255, 255, 0.8);
	display: inline-block;
	transition : 0.5s;
}
.box > ul > li:nth-child(1) > div > img{
	width: 540px;
	margin:0 auto;
	padding : 0;
	transition : 0.5s;
}

.box > ul > li:nth-child(2){
	background: rgba(255, 255, 255, 1)!important;
	transition : 0.5s;
}
.box > ul > li:nth-child(2) > ul{
	width: 93vw;
	max-width: 820px;
	margin : 0 auto;
	padding : 0;
	font-size:14px;
	line-height:2;
	vertical-align : top;
	text-align : justify;
	text-justify : inter-ideograph;
	line-break : strict;
	list-style:none;
	position:relative;
	overflow:hidden;
}
.box > ul > li:nth-child(2) > ul > li{
	margin : 30px 0 0 0;
	padding : 0;
}
.box > ul > li:nth-child(2) > ul > li:nth-child(1){
	margin : 60px 0 0 0;
	padding : 0;
	font-size:18px;
}
.box > ul > li:nth-child(2) > ul > li:last-child{
	margin : 30px 0 60px 0;
	padding : 0;
}
.box > ul > li:nth-child(2) > ul > li:after{
	content : "";
	clear : both;
	display : block;
}
.box > ul > li:nth-child(2) > ul > li > div{
	margin : 0;
	padding : 0;
	float: left;
}
.box > ul > li:nth-child(2) > ul > li > div:nth-child(2){
	margin : 0 0 0 50px;
}

@media (max-width: 1020px) {
	.box > ul > li:nth-child(1){
		margin:0 auto 0 auto;
	}
	.box > ul > li:nth-child(1) > div{
		width: 93vw;
		max-width: 720px;
		margin:10px auto;
	}
	.box > ul > li:nth-child(1) > div > img{
		width: 100%;
		max-width: 540px;
	}
}
@media (max-width: 500px) {
	.box > ul > li:nth-child(2) > ul{
		line-height:1.5;
	}
	.box > ul > li:nth-child(2) > ul > li{
		margin : 20px 0 0 0;
	}
	.box > ul > li:nth-child(2) > ul > li:nth-child(1){
		margin : 20px 0 0 0;
	}
	.box > ul > li:nth-child(2) > ul > li:last-child{
		margin : 20px 0 20px 0;
	}
	.box > ul > li:nth-child(2) > ul > li > div{
		float: none;
	}
	.box > ul > li:nth-child(2) > ul > li > div:nth-child(2){
		margin : 0 14px 0 14px;
	}
}
