/* CSS Document */

/*==================================================

add-style
=================================================*/

.company {
	
}
.company .inner {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 100px 0;
}
.company .inner .txt {
	width: 68%;
}
.company .map {
	margin-top: 60px;
}

.feature {
	
}
.feature .inner {
	width: 100%;
	max-width: 1000px;
	margin: 60px auto;
}
.feature .inner ul li {
	border-bottom: 2px solid #666;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto;
	margin-top: 60px;
	padding-left: 100px;
	padding-bottom: 4%;
}
.feature .inner ul li h2 {
	font-size: 4rem;
	font-weight: 500;
}
.feature .inner ul li p {
	font-size: 2rem;
	margin-top: 3%;
}
.feature .inner ul li:nth-of-type(1) {
	background-image: url(../../feature/images/no1.png);
}
.feature .inner ul li:nth-of-type(2) {
	background-image: url(../../feature/images/no2.png);
}
.feature .inner ul li:nth-of-type(3) {
	background-image: url(../../feature/images/no3.png);
	border-bottom: none;
}

.stock {
	
}
.stock .contents-inner {
	max-width: 1000px;
}
.stock section:nth-of-type(n+2) {
	margin-top: 80px;
}
.stock .contents-inner h1 {
	width: 100%;
	max-width: 375px;
	font-size: 1.8rem;
	text-align: center;
	color: #FFF;
	background-color: #333;
	margin: 0 auto 60px;
	padding: 15px 1em;
}
.stock .contents-inner p.att {
	color: #F00;
	text-align: center;
	margin-top: 5%;
}

/* img */
.feature img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media only screen and (min-width:1px) and (max-width: 768px) {
	
	.company .inner {
		margin: 10% 0;
	}
	.company .inner .txt {
		width: 100%;
	}
	.company .map {
		margin-top: 6%;
	}
	.feature .inner {
		margin: 6% auto;
	}
	.feature .inner ul li {
		background-size: 60px;
		margin-top: 8%;
		padding-left: 80px;
		padding-bottom: 8%;
	}
	.feature .inner ul li h2 {
		font-size: 2.4rem;
	}
	.feature .inner ul li p {
		font-size: 1.8rem;
	}
	
	.stock section:nth-of-type(n+2) {
		margin-top: 8%;
	}
	.stock .contents-inner h1 {
		margin: 0 auto 6%;
	}
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	
	.feature .inner ul li h2 {
		font-size: 2.2rem;
	}

}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	

}