/*--------------------------------------------------------------
#category-top-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category-top-area {
		background: url("img/top_ground.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#category-top-area p {
		text-align: center;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}




/*--------------------------------------------------------------
#capacity-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#capacity-area {
		margin: 0;
		padding: 0 0 50px 0;
	}
	
	#capacity-area h2 {
		text-align: center;
	}
	
	#capacity-area ul {
		margin: 0 10%;
		padding: 0;
	}
	
	#capacity-area li:nth-child(1),
	#capacity-area li:nth-child(2) {
		margin: 0 0 10px 0;
		padding: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#capacity-area {
		margin: 0;
		padding: 0 10% 100px 10%;
	}
	
	#capacity-area ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#capacity-area li:nth-child(1),
	#capacity-area li:nth-child(2) {
		margin: 0 5% 0 0;
		padding: 0;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}


/*--------------------------------------------------------------
#process-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#process-area {
		margin: 0;
		padding: 80px 0 50px 0;
		background: url("img/ground1.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#process-area h2 {
		text-align: center;
	}
	
	.kirin {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -20px;
		right: 0;
		width: 30vw;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#process-area {
		margin: 0;
		padding: 130px 10% 80px 10%;
		background: url("img/ground1.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	.kirin {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		right: 5%;
		width: 17vw;
	}
	
}


/*--------------------------------------------------------------
#decision
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#decision {
		margin: 0;
		padding: 80px 0 50px 0;
	}
	
	#decision h2 {
		text-align: center;
	}
	
	#decision ul {
		margin: 30px 0 0 0;
		padding: 0;
	}
	
	#decision li {
		margin: 0;
		padding: 0;
	}
	
	#decision li:nth-child(even) {
		margin: 20px auto;
		padding: 0;
		width: 15px;
	}
	
	#decision dl {
		margin: 0 10%;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#decision dt {
		margin: 0;
		padding: 0;
		width: 15%;
	}
	
	#decision dd {
		margin: 0;
		padding: 10px 0 0 5%;
		width: 85%;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#decision dd span.title {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		line-height: 1;
		display: block;
	}
	
	#decision dd span.big {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.5;
		display: block;
	}
	
	#decision dd span.orange {
		color: #F99506;
	}
	
	#decision dd span.pink {
		color: #ED7A97;
	}
	
	#decision dd span.red {
		color: #DF5000;
	}
	
	#decision dd span.beige {
		color: #BE9032;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#decision {
		margin: 0;
		padding: 130px 10% 80px 10%;
	}
	
	#decision ul {
		margin: 50px 0 0 0;
		padding: 0;
	}
	
	#decision li:nth-child(even) {
		margin: 20px auto;
		padding: 0;
		width: 20px;
	}
	
	#decision dl {
		margin: 0 5%;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#decision dt {
		margin: 0;
		padding: 0;
		width: 15%;
	}
	
	#decision dd {
		margin: 0;
		padding: 15px 0 0 5%;
		width: 85%;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#decision dd span.title {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1;
		display: block;
	}
	
	#decision dd span.big {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 25px;
		font-weight: 600;
		line-height: 1;
		display: block;
	}
}



/*--------------------------------------------------------------
#translation
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#translation {
		margin: 0;
		padding: 80px 0 20px 0;
	}
	
	#translation h2 {
		text-align: center;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#translation {
		margin: 0;
		padding: 130px 10% 80px 10%;
	}
	
}

/*--------------------------------------------------------------
#necessary
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#necessary {
		margin: 0 0 50px 0;
		padding: 80px 5% 50px 5%;
		background: url("img/ground2.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#necessary h2 {
		text-align: center;
	}
	
	#necessary ul {
		margin: -20px 0 30px 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	#necessary li {
		margin: 0;
		padding: 0 10px 20px 10px;
		width: 50%;
		text-align: center;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 2px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#necessary {
		margin: 0 0 80px 0;
		padding: 130px 10% 100px 10%;
		background: url("img/ground2.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#necessary ul {
		margin: 0 5% 30px 5%;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	#necessary li {
		margin: 0;
		padding: 0 20px;
		width: 33.3%;
		text-align: center;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
}