@charset "UTF-8";


/* about
---------------------------------------------------------------------------*/

#aboutContents {
	overflow: hidden;
}

#aboutContents .page-title {
	margin: 0 0 50px;
}

#aboutContents h2 {
	margin: 0 0 20px;
	color: #E95516;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

#aboutContents p {
	margin: 0 0 15px;
	letter-spacing: 0.05em;
	line-height: 2;
}

#aboutContents p.txt-hand {
	display: inline-block;
	font-family: 'Amatic SC', cursive;
	background: linear-gradient(transparent 88%, #FFF000 0%);
	margin: 0;
	padding: 0;
	color: #E95516;
	font-size: 60px;
	line-height: 0.9;
	letter-spacing: 0.04em;
}


/* .sec-location
------------------------------------*/

#aboutContents .sec-location h1 {
	margin: 0 auto 30px;
	color: #E95516;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

.sec-location .txt-set {
	margin: 0 auto 90px;
	text-align: center;
}

.sec-location .txt-set p {
	line-height: 2.0;
  letter-spacing: 0.1em;
}

.sec-location .img-set {
	clear: both;
	position: relative;
	width: 1000px;
	height: 495px;
}

.sec-location .img-set p:nth-child(1) {
	position: absolute;
	top: -30px;
	left: 40px;
	z-index: 9999;
}

.sec-location .img-set figure:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
}

.sec-location .img-set figure:nth-child(3) {
	position: absolute;
	top: 220px;
	left: 0;
}

.sec-location .img-set figure:nth-child(4) {
	position: absolute;
	top: 0;
	right: 0;
}


/* .sec-traditional
------------------------------------*/

.sec-traditional {
	overflow: hidden;
	position: relative;
	width: 1000px;
	height: 502px;
	margin: 0 0 140px;
}

.sec-traditional .txt-set {
	position: absolute;
	bottom: 10px;
	left: 15px;
	z-index: 2;
}

.sec-traditional .txt-set p {
	margin: 0 0 15px;
	line-height: 2.2;
}

.sec-traditional .txt-set p:not(.txt-hand) {
  position: relative;
  left: -6px;
}

#aboutContents .sec-traditional p.txt-hand {
	margin: 0 0 35px -10px;
}

.sec-traditional .img-set {
	position: absolute;
	top: 0;
	right: 0;
	width: 802px;
	height: 502px;
	z-index: 1;
}


/* .sec-food
------------------------------------*/

.sec-food {
	position: relative;
	margin: 0 0 120px;
}

#aboutContents .sec-food p.img-chicken1 {
	position: absolute;
	top: 0;
	left: 45px;
	margin: 0;
	z-index: 0;
}

.sec-food .img-set {
	position: relative;
	width: 1000px;
	height: 365px;
	margin: 0 0 70px;
}

.sec-food .img-set p {
	position: absolute;
	bottom: -30px;
	left: 30px;
	z-index: 9999;
}

.sec-food .img-set figure:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
}

.sec-food .img-set figure:nth-child(3) {
	position: absolute;
	top: 0;
	right: 0;
}

.sec-food .txt-set {
	overflow: hidden;
	width: 1000px;
	margin: 10px 0 40px;
}

.sec-food .txt-set .inner {
	float: left;
	width: 470px;
	margin: 0 0 0 30px;
}

.sec-food .material-list {
	float: right;
	border-left: 1px solid #E95516;
	width: 410px;
	padding: 17px 0 17px 25px;
	letter-spacing: 0.1em;
	line-height: 1.8;
}

.sec-food .material-list dt {
	margin: 0 0 1px;
	color: #E95516;
	font-size: 14px;
	letter-spacing: 0.15em;
}

.sec-food .material-list dd {
	margin: 0 0 18px;
	font-size: 12px;
}

.sec-food .material-list dd:last-child {
	margin: 0;
}

.sec-food .product-list {
	float: left;
	overflow: hidden;
	width: 470px;
	margin: 0 0 0 30px;
	padding: 25px 0 0;
}

.sec-food .product-list li {
	float: left;
	border-radius: 30px;
	width: 210px;
	margin: 0 22px 15px 0;
}

.sec-food .product-list li a {
	display: inline-block;
	border-radius: 30px;
	background: #A9C100;
	width: 200px;
	padding: 15px 10px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}

.sec-food .product-list li:last-child a {
	background: #EA5514;
}

.sec-food .product-list li a:hover {
	color: #ffffff !important;
	opacity: 0.5;
}


/* .sec-chicks
------------------------------------*/

.sec-chicks {
	margin: 0 0 100px;
}

.sec-chicks .txt-set {
	position: relative;
	float: left;
	width: 480px;
	margin: 0 0 0 30px;
}

.sec-chicks .txt-set:before {
	display: block;
	content: '';
	position: absolute;
	top: 40px;
	right: 70px;
	background: url(../img/share/logo-foot4.png) no-repeat;
	width: 35px;
	height: 26px;
}

#aboutContents .sec-chicks p.txt-hand {
	margin: 0 0 30px;
}

.sec-chicks .img-set {
	position: relative;
	float: right;
	width: 400px;
	margin: 0 60px 0 0;
}

.sec-chicks .img-set:before {
	display: block;
	content: '';
	position: absolute;
	bottom: -30px;
	right: -10px;
	background: url(../img/share/logo-foot3.png) no-repeat;
	width: 54px;
	height: 67px;
	-webkit-transform: scale(-0.6,0.6) rotate(-5deg);
	-ms-transform: scale(-0.6,0.6) rotate(-5deg);
	transform: scale(-0.6,0.6) rotate(-5deg);
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {	
.sec-chicks .txt-set:before {
	background: url(../img/share/logo-foot4@2x.png) no-repeat;
	background-size: 35px 26px;
}
.sec-chicks .img-set:before {
	background: url(../img/share/logo-foot3@2x.png) no-repeat;
	background-size: 54px 67px;
}
}


/* .sec-reason
------------------------------------*/

.sec-reason {
	margin: 0 0 75px;
	text-align: center;
}

.sec-reason .img-set {
	position: relative;
	width: 1000px;
	height: 660px;
	margin: 0 0 60px;
}

.sec-reason .img-set p {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin: 0 0 0 -60px !important;
}

.sec-reason .img-set figure {
	float: left;
	width: 490px;
	margin: 0 20px 20px 0;
}

.sec-reason .img-set figure:nth-child(odd) {
	margin: 0 0 20px 0;
}

.sec-reason .img-set figure:nth-child(even) {
	margin: 0 20px 20px 0;
}


/* .sec-friends
------------------------------------*/

.sec-friends {
	margin: 0 0 80px;
}

.sec-friends .img-set {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0 0 20px;
}

.sec-friends .img-set p {
	position: absolute;
	bottom: -111px;
	left: 55px;
}

.sec-friends .img-set figure {
	float: left;
	margin: 0 12px 0 0;
}

.sec-friends .img-set figure:nth-child(3) {
	margin: 0;
}

.sec-friends .txt-set {
	margin: 0 0 0 340px;
}

.sec-friends .txt-set h2 {
	padding: 45px 0 0;
}

.sec-friends .txt-set .inner {
	float: left;
}

#aboutContents .sec-friends .txt-set .inner p {
	line-height: 2.1;
	letter-spacing: 0.1em;
}


/* .diagram
------------------------------------*/
/*.diagram {
	position: relative;
	float: right;
	width: 475px;
	margin: 30px 0 0;
	padding: 50px 50px 0 0;
	min-height: 290px;
}

.diagram figure {
	text-align: center;
}

.diagram figcaption {
	margin: 0 0 10px;
	font-weight: bold;
}

.diagram .diagram-chicken figcaption {
	margin: -22px 0 5px;
	line-height: 1.5;
}

.diagram-sub {
	display: inline-block;
	position: absolute;
	top: 30px;
	left: -40px;
	width: 100px;
	color: #E95516;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	transform: rotate(-42deg);
	opacity: 0;
}

p.diagram-sub {
	letter-spacing: 0.2em !important;
}

.diagram-sub:before,
.diagram-sub:after {
	display: block;
	content: '';
	position: absolute;
	top: 18px;
	background: #E95516;
	width: 20px;
	height: 1px;
}

.diagram-sub:before {
	left: -2px;
	transform: rotate(65deg);
}

.diagram-sub:after {
	right: 2px;
	transform: rotate(-65deg);
}

.diagram-title {
	position: absolute;
	bottom: 0;
	left: 0;
}

.diagram-dog {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.diagram-txt1 {
	position: absolute;
	top: 65px;
	left: 80px;
	opacity: 0;
}

.diagram-chicken {
	position: absolute;
	top: 0;
	left: 157px;
	opacity: 0;
}

.diagram-txt2 {
	position: absolute;
	top: 65px;
	left: 234px;
	opacity: 0;
}

.diagram-cat {
	position: absolute;
	top: 0;
	left: 313px;
	opacity: 0;
}

.diagram-txt3 {
	position: absolute;
	top: 134px;
	left: 68px;
	opacity: 0;
}

.diagram-carp {
	position: absolute;
	top: 170px;
	left: 72px;
	opacity: 0;
}

.diagram-txt4 {
	position: absolute;
	top: 94px;
	left: 146px;
	opacity: 0;
}

.diagram-boar {
	position: absolute;
	top: 170px;
	left: 230px;
	opacity: 0;
}

.diagram-txt5 {
	position: absolute;
	top: 160px;
	left: 250px;
	opacity: 0;
}

.diagram-carp img,
.diagram-boar img {
	margin: 0 0 10px;
}*/


/* .sec-flow
------------------------------------*/

.sec-flow {
	box-sizing: border-box;
	border-radius: 10px;
	background: #ffffff;
	border: 3px solid #FFF100;
	width: 1000px;
	margin: 0 auto 115px;
	padding: 90px 0 55px;
}

.sec-flow ul {
	margin: 0 -70px 0 0;
	padding: 0 0 0 55px;
}

.sec-flow li {
	position: relative;
	float: left;
	width: 250px;
	margin: 0 70px 50px 0;
	padding: 35px 0 0;
	text-align: center;
}

.sec-flow li:first-child {
	padding: 0;
}

.sec-flow li:nth-child(4),
.sec-flow li:nth-child(5),
.sec-flow li:nth-child(6) {
	margin: 0 70px 60px 0;
}

.sec-flow li:nth-child(7),
.sec-flow li:nth-child(8),
.sec-flow li:nth-child(9) {
	margin: 0 70px 20px 0;
}

.sec-flow li:after,
.sec-flow li:nth-child(4):before,
.sec-flow li:nth-child(7):before {
	display: block;
	content: '';
	position: absolute;
	top: 130px;
	right: -55px;
	background: url(../img/share/ico-arrow.png) no-repeat;
	width: 50px;
	height: 18px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.sec-flow li:after,
.sec-flow li:nth-child(4):before,
.sec-flow li:nth-child(7):before {
	background: url(../img/share/ico-arrow@2x.png) no-repeat;
	background-size: 50px 18px;
}
}

.sec-flow li:after {
	right: -60px;
}

.sec-flow li:nth-child(4):before,
.sec-flow li:nth-child(7):before {
	left: -70px;
}

.sec-flow li:last-child:after {
	display: none;
}

.sec-flow li i {
	position: absolute;
	top: 0;
	left: 10px;
	text-align: left;
}

.sec-flow li:nth-child(8) i {
	top: -22px;
}

.sec-flow li i span {
	border-bottom: 1px solid #E95516;
	padding: 0 2px 3px;
	color: #E95516;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 1.9;
	letter-spacing: 0.2em;
	text-align: left;
}

.step {
	position: absolute;
	top: 37px;
	left: 18px;
	box-sizing: border-box;
	border-radius: 30px;
	background: #ffffff;
	border: 2px solid #000000;
	width: 60px;
	height: 60px;
	z-index: 9999;
}

.step:after {
	display: block;
	content: '';
	position: absolute;
	top: 24px;
	left: 8px;
	background: #000000;
	width: 38px;
	height: 1px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.step span {
	display: block;
	position: absolute;
	top: 10px;
	left: 14px;
	font-weight: bold;
}

.step em {
	position: absolute;
	top: 25px;
	right: 14px;
	font-size: 24px;
	font-weight: bold;
}

.sec-flow li figure {
	position: relative;
	border-radius: 50%;
	background: #D8D8D8;
	width: 210px;
	height: 210px;
	margin: 0 auto 20px;
}

.sec-flow li figure img {
	border-radius: 50%;
	width: 100%;
	height: auto;
}

.sec-flow li:first-child figure img {
	border-radius: inherit;
	width: auto;
}

.sec-flow li:first-child figure {
	background: none;
	width: auto;
	height: auto;
	margin: 0 auto 40px;
	padding: 42px 0 0;
}

.sec-flow li figure:first-child figcaption {
	display: inline-block;
	position: absolute;
	top: 40px;
	left: -5px;
	width: 250px;
	margin: 0 0 25px 10px;
	color: #E95516;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	opacity: 0;
}

.sec-flow li:first-child figure figcaption:before,
.sec-flow li:first-child figure figcaption:after {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	background: #E95516;
	width: 25px;
	height: 2px;
}

.sec-flow li:first-child figure figcaption:before {
	left: 14px;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sec-flow li:first-child figure figcaption:after {
	right: 22px;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.sec-flow li figure:before {
	display: block;
	content: '';
	position: absolute;
	top: -28px;
	right: 8px;
	background: url(../img/share/img-crest.png) no-repeat;
	width: 99px;
	height: 69px;
}

.sec-flow li:first-child figure:before {
	display: none;
}

.sec-flow li h2,
.sec-flow li h3 {
	margin: 0 0 15px;
	line-height: 1.5 !important;
}

.sec-flow li h2 span,
.sec-flow li h3 span {
	background: linear-gradient(transparent 70%, #FFF000 0%);
	padding: 0 6px 1px;
	color: #E95516;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.15em;
}

#aboutContents .sec-flow li p {
	position: relative;
	text-align: left;
	line-height: 1.8;
}

.sec-flow li:first-child p:after,
.sec-flow li:nth-child(4) p:after,
.sec-flow li:nth-child(6) p:after {
	display: block;
	content: '';
	position: absolute;
}

.sec-flow li:first-child p:after {
	top: 125px;
	left: -15px;
	background: url(../img/share/logo-foot1.png) no-repeat;
	width: 43px;
	height: 37px;
}

.sec-flow li:nth-child(4) p:after {
	top: 160px;
	left: -5px;
	background: url(../img/share/logo-foot2.png) no-repeat;
	width: 58px;
	height: 64px;
}

.sec-flow li:nth-child(6) p:after {
	top: 150px;
	right: 15px;
	background: url(../img/share/logo-foot3.png) no-repeat;
	width: 54px;
	height: 67px;
}


/* .sec-flow - media query
-----------------------------------*/
@media (max-width: 1020px) {
.sec-flow li:after {
	right: -50px;
}
}


/* .btn-product
------------------------------------*/

.btn-product {
	position: relative;
	width: 880px;
	margin: 0 auto;
}

.btn-product a {
	display: block;
	box-sizing: border-box;
	border-radius: 40px;
	background: #A9C100;
	padding: 9px 20px 10px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.btn-product a:hover {
	color: #ffffff !important;
	opacity: 0.5;
}

.btn-product .img-set {
	overflow: hidden;
	position: relative;
	min-width: 200px;
	min-height: 125px;
	margin: 0 0 0 85px;
}

#aboutContents .btn-product .img-set p {
	margin: 0;
}

.btn-product .img-set .illust1 {
	position: absolute;
	bottom: -92px;
	left: 50px;
}

.btn-product .img-set .illust2 {
	position: absolute;
	bottom: -42px;
	left: 30px;
}

.btn-product .img-set .illust3 {
	position: absolute;
	bottom: -42px;
	left: 0;
}

.btn-product .img-set .illust3 img {
	width: 90%;
	height: auto;
}

.btn-product .img-set .illust4 {
	position: absolute;
	top: -16px;
	left: 113px;
	opacity: 0;
}