@charset "UTF-8";

/*==========*/
/*!article*/
/*==========*/
article {
	margin-bottom:-36px;
	padding-bottom:0!important;
}

@media screen and (max-width:768px) {
	article {
		margin-bottom:-3em;
	}
}

/*==========*/
/*!corporate-philosophy*/
/*==========*/
.corporate-philosophy .wrap {
	margin:0 auto;
	width:80%;
}

.corporate-philosophy img {
	display:block;
	margin:0 auto 40px;
	max-width:560px;
	width:60%;
}

.corporate-philosophy p {
	text-align:center;
}

.corporate-philosophy p span {
	display:inline-block;
	padding-left:.6em;
	color:#E60012;
	white-space:nowrap;
	letter-spacing:.1em;
	font-weight:700;
	font-size:260%;
}

@media screen and (max-width:768px) {
	.corporate-philosophy img {
		margin:0 auto 2em;
		max-width:none;
		width:80%;
	}
	
	.corporate-philosophy p span {
		font-size:170%;
	}
	
	.corporate-philosophy p span.ws {
		padding-left:.1em;
	}
}

/*==========*/
/*!top-message*/
/*==========*/
.top-message {
	padding:80px 0 160px;
	background:url(../img/what-is-weeds-top-message-bg.png) center center no-repeat;
	background-size:cover;
}

.top-message > div {
	position:relative;
	margin:0 auto;
	max-width:1100px;
	width:80%;
}

.top-message .txt {
	float:left;
	padding-right:50px;
	width:68%;
}

.top-message h2 {
	margin-bottom:40px;
}

.top-message h2 span {
	display:block;
	margin-bottom:20px;
	color:#FFF;
	letter-spacing:.05em;
	font-size:680%;
	font-family:"bebas-neue",sans-serif;
	line-height:.8;
}

.top-message h2 small {
	position:relative;
	display:block;
	padding-left:40px;
	color:#FFF;
	letter-spacing:.05em;
	line-height:1;
}

.top-message h2 small i {
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:30px;
	height:1px;
	background-color:rgba(255,255,255,.75);
}

.top-message p {
	color:#FFF;
	line-height:2.6;
}

.top-message p.sign {
	padding-top:20px;
	text-align:right;
}

.top-message p.sign small {
	margin-right:1.5em;
	letter-spacing:.1em;
	font-size:90%;
}

.top-message p.sign span {
	letter-spacing:.25em;
	font-size:180%;
}

.top-message .img {
	float:right;
	width:32%;
}

.top-message .img img {
	display:block;
	margin-bottom:15px;
}

.top-message .img p {
	color:#FFF;
	font-size:90%;
	line-height:2;
}

@media screen and (max-width:768px) {
	.top-message {
		padding:5em 0 9em;
		background:url(../img/what-is-weeds-top-message-bg-sp.png) center center no-repeat;
		background-size:cover;
	}
	
	.top-message .txt {
		float:none;
		padding:0 0 2em;
		width:100%;
	}
	
	.top-message h2 {
		margin-bottom:2em;
	}
	
	.top-message h2 span {
		margin-bottom:.25em;
		font-size:380%;
	}
	
	.top-message h2 small {
		padding-left:4em;
		font-size:90%;
	}
	
	.top-message h2 small i {
		width:3em;
		height:1px;
	}
	
	.top-message p {
		line-height:2.2;
	}
	
	.top-message p.sign {
		padding-top:1em;
	}
	
	.top-message p.sign small {
		margin-right:1em;
	}
	
	.top-message p.sign span {
		font-size:140%;
	}
	
	.top-message .img {
		float:none;
		padding-top:3em;
		width:100%;
		border-top:1px dotted rgba(255,255,255,.75);
	}
	
	.top-message .img img {
		margin:0 auto 1.5em;
		width:75%;
	}
}