@charset "UTF-8";


#Area_philosophy,
#Area_greetings,
#Area_company_profile,
#Area_merchandise {
	padding: 4em 2em;
	box-sizing: border-box;
}


/* h2 文字色（ブロック毎） */
#Area_philosophy h2 {
	color: #ff911d;
	background: -moz-linear-gradient(left,  #ff911d 20%, #f5cb14 80%);
	background: -webkit-linear-gradient(left,  #ff911d 20%,#f5cb14 80%);
	background: linear-gradient(to right,  #ff911d 20%,#f5cb14 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#Area_greetings h2 {
	color: #80a325;
	background: -moz-linear-gradient(left,  #80a325 20%, #f4cc14 80%);
	background: -webkit-linear-gradient(left,  #80a325 20%,#f4cc14 80%);
	background: linear-gradient(to right,  #80a325 20%,#f4cc14 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#Area_company_profile h2 {
	color: #ff911d;
	background: -moz-linear-gradient(left,  #ff911d 20%, #f5cb14 80%);
	background: -webkit-linear-gradient(left,  #ff911d 20%,#f5cb14 80%);
	background: linear-gradient(to right,  #ff911d 20%,#f5cb14 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}
#Area_merchandise h2 {
	color: #80a325;
	background: -moz-linear-gradient(left,  #80a325 20%, #f4cc14 80%);
	background: -webkit-linear-gradient(left,  #80a325 20%,#f4cc14 80%);
	background: linear-gradient(to right,  #80a325 20%,#f4cc14 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* h3 span 文字色（ブロック毎） */
#Area_philosophy h3 span {
	color: #ff911d;
	background: -moz-linear-gradient(left,  #ff911d 20%, #f5cb14 80%);
	background: -webkit-linear-gradient(left,  #ff911d 20%,#f5cb14 80%);
	background: linear-gradient(to right,  #ff911d 20%,#f5cb14 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}
#Area_greetings h3 span {
	color: #7fa327;
	font-weight: bold;
}
#Area_merchandise h3 span {
	color: #7fa327;
	font-weight: bold;
}




#Area_philosophy {
	background-image: url("../img/grow-about.png"), url("../img/bg-about-philosophy.png");
	background-blend-mode: lighten, lighten;

	background-position: top,bottom;
	background-size: 100%, auto 65%;
	background-repeat: no-repeat, no-repeat;
}

	#Area_philosophy .catch-philosophy {
		display: block;

		width: 290px;

		margin: 0 auto;
	}

	#Area_philosophy h3 {
		margin-top: -0.7em;
	}

	#Area_philosophy p.Block-desc span {
		color: #fe7f1e;
		font-weight: bold;
	}

	.Box-philosophy-img img {
		display: block;

		width: 100%;
		max-width: 800px;

		margin: 2em auto 0;
	}


.yuuki-profile {
	display: flex;

	margin-top: 2em;

	justify-content: center;
	align-items: center;
}

	.yuuki-profile > img {
		display: inline-block;

		width: 200px;
	}

	.yuuki-profile div {
		margin-left: 1.5em;

		font-size: 25px;
	}

		.yuuki-profile div p:nth-child(1) {
		}
		.yuuki-profile div p:nth-child(2) {
			margin-top: 0.5em;

			color: #86a526;
			background: -moz-linear-gradient(left,  #86a526 20%, #f3d330 80%);
			background: -webkit-linear-gradient(left,  #86a526 20%,#f3d330 80%);
			background: linear-gradient(to right,  #86a526 20%,#f3d330 80%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;

			font-family: 'Poppins';
			font-weight: lighter;
			letter-spacing: 2px;
			line-height: 1.25;
		}
		.yuuki-profile div p:nth-child(3) {
			margin-top: 2em;

			font-size: 15px;
			line-height: 1.7;
		}


#Area_company_profile {
	background: #ffecdd;
	background: -moz-linear-gradient(45deg,  #ffecdd 0%, #fff0dd 40%, #fefaee 80%, #fefdf9 100%);
	background: -webkit-linear-gradient(45deg,  #ffecdd 0%,#fff0dd 40%,#fefaee 80%,#fefdf9 100%);
	background: linear-gradient(45deg,  #ffecdd 0%,#fff0dd 40%,#fefaee 80%,#fefdf9 100%);
}



#Area_merchandise {

}

	#Area_merchandise .inner-1300box > div {
		width: 100%;
		margin-top: 2em;
		text-align: center;
	}

		#Area_merchandise a img {
			display: block;
			width: 100%;
			max-width: 800px;
		}


/* ■□■――――――――――――――――■□■
            ＳＰーＰＣ ①
■□■―――――――――――――――――■□■ */
@media screen and (min-width:768px) {


}/* @media screen and (min-width:768px) */



/* ■□■――――――――――――――――■□■
            ＳＰーＰＣ ②
■□■―――――――――――――――――■□■ */
@media screen and (min-width:1000px) {


#Area_philosophy,
#Area_greetings,
#Area_company_profile {
	padding: 6em 2em;
}


#Area_philosophy .catch-philosophy {
	width: 390px;
}


}/* @media screen and (min-width:1000px) */



/* ■□■――――――――――――――――■□■
            ＰＣ
■□■―――――――――――――――――■□■ */
@media screen and (min-width:1000px) {


}/* @media screen and (min-width:1000px) */