@charset "UTF-8";

/******* setting.scss *******/

.recruit-table {
}

.recruit-table th,
.recruit-table td {
	border:1px solid #666;
	padding:1em;
	background-color:#fff;
	vertical-align:middle;
}

.recruit-table th {
	text-align:center;
}

.recruit-text {
	text-align:right;
	margin-top:3em;
}

.recruit-table.rtsub {
	width:auto;
}

.recruit-table.rtsub td {
	text-align:center;
}

.recruit-table td strong {
	font-size:120%;
}




/******* mixin.scss *******/
.newsCont dl dd a,
#recipe .otherArea .otherCateLink dd a {
	text-decoration:none;
	transition:color .3s;
}

.newsCont dl dd a:hover,
#recipe .otherArea .otherCateLink dd a:hover {
	color:#5f2430;
}

#index .btn,
#recipe .btn {
	margin:0 auto;
	width:280px;
}

#index .btn a,
#recipe .btn a {
	border:1px solid #5f2430;
	box-shadow:0px 3px 0px 0px #602430;
	background-color:#fff;
	border-radius:40px;
	color:#602430;
	font-size:105%;
	font-weight:bold;
	display:block;
	padding:18px 0;
	position:relative;
	text-align:center;
	text-decoration:none;
	transition:all .3s;
}

#index .btn a:after,
#recipe .btn a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:20px;
	background-image:url(../img/common/arrow3.png);
	position:absolute;
	top:20px;
	right:20px;
}

#index .btn a:hover,
#recipe .btn a:hover {
	background-color:#5f2430;
	color:#fff;
}

#index .btn a:hover:after,
#recipe .btn a:hover:after {
	background-image:url(../img/common/arrow4.png);
}

@media screen and (max-width: 960px) {
	#index .btn,
	#recipe .btn {
		width:92%;
	}

	#index .btn a,
	#recipe .btn a {
		font-size:115%;
		padding:3.2% 0;
	}

	#index .btn a:after,
	#recipe .btn a:after {
		height:5.4vw;
		top:25%;
		right:3%;
		width:5.4vw;
	}
}

#index .h201 .h301 .detailArea,
#recipe .month .detailArea {
	background-color:#fff;
	border-radius:15px 0 0 15px;
	box-sizing:border-box;
	padding:40px;
	width:510px;
}

#index .h201 .h301 .detailArea h4,
#recipe .month .detailArea h4 {
	color:#5f2430;
	font-size:160%;
	font-weight:bold;
	margin-bottom:25px;
}

#index .h201 .h301 .detailArea .moviettl,
#recipe .month .detailArea .moviettl {
	display:block;
	color:#602430;
	margin-bottom:15px;
	font-size:130%;
}

#index .h201 .h301 .detailArea p,
#recipe .month .detailArea p {
	border-top:2px solid #602430;
	border-bottom:2px solid #602430;
	margin-bottom:25px;
	padding:15px 0;
	position:relative;
}

#index .h201 .h301 .detailArea p:after,
#recipe .month .detailArea p:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:23px;
	width:14px;
	background-image:url(../img/index/h301border2.png);
	position:absolute;
	bottom:-23px;
	left:145px;
}

#index .h201 .h301 .detailArea .author,
#recipe .month .detailArea .author {
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#index .h201 .h301 .detailArea .author .authorPict,
#recipe .month .detailArea .author .authorPict {
	width:120px;
}

#index .h201 .h301 .detailArea .author .authorPict img,
#recipe .month .detailArea .author .authorPict img {
	border-radius:50%;
	display:block;
	width:100%;
}

#index .h201 .h301 .detailArea .author .authorPict2,
#recipe .month .detailArea .author .authorPict2 {
	width:100px;
}

#index .h201 .h301 .detailArea .author .authorPict2 img,
#recipe .month .detailArea .author .authorPict2 img {
	display:block;
	width:100%;
}

#index .h201 .h301 .detailArea .author dl,
#recipe .month .detailArea .author dl {
	width:290px;
}

#index .h201 .h301 .detailArea .author dl dt,
#recipe .month .detailArea .author dl dt {
	color:#5f2430;
	font-size:105%;
	font-weight:bold;
	margin-bottom:10px;
}

#index .h201 .h301 .detailArea .author dl dd,
#recipe .month .detailArea .author dl dd {
	color:#5f2430;
	font-size:85%;
}

#index .h201 .h301 .pictArea,
#recipe .month .pictArea {
	display:flex;
	height:auto;
	overflow:hidden;
	width:510px;
}

#index .h201 .h301 .pictArea .pict,
#recipe .month .pictArea .pict {
	width:100%;
}

#index .h201 .h301 .pictArea .pict a,
#recipe .month .pictArea .pict a {
	display:flex;
	height:100%;
	justify-content:center;
	z-index:1;
}

#index .h201 .h301 .pictArea .pict a img,
#recipe .month .pictArea .pict a img {
	height:100%;
	width:auto;
}

#index .h201 .h301 .pictArea .lead,
#recipe .month .pictArea .lead {
	position:absolute;
	top:-37px;
	right:22px;
	background-color:#fff;
	border:1px dotted #000;
	border-radius:50%;
	box-sizing:border-box;
	height:134px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:134px;
	z-index:4;
}

#index .h201 .h301 .pictArea .lead span,
#recipe .month .pictArea .lead span {
	background-color:#fff;
	border:1px dotted #000;
	border-radius:50%;
	box-sizing:border-box;
	color:#5f2430;
	font-size:120%;
	font-weight:bold;
	height:124px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:124px;
}

@media screen and (max-width: 960px) {
	#index .h201 .h301 .detailArea,
	#recipe .month .detailArea {
		border-radius:15px 15px 0 0;
		padding:6%;
		width:100%;
	}

	#index .h201 .h301 .detailArea h4,
	#recipe .month .detailArea h4 {
		color:#5f2430;
		font-size:160%;
		font-weight:bold;
		margin-bottom:3%;
	}

	#index .h201 .h301 .detailArea p,
	#recipe .month .detailArea p {
		margin-bottom:7%;
		padding:2% 0;
		position:relative;
	}

	#index .h201 .h301 .detailArea p:after,
	#recipe .month .detailArea p:after {
		bottom:-6vw;
		left:45%;
		height:6vw;
		width:3.2vw;
	}

	#index .h201 .h301 .detailArea .author .authorPict,
	#recipe .month .detailArea .author .authorPict {
		width:33%;
	}

	#index .h201 .h301 .detailArea .author dl,
	#recipe .month .detailArea .author dl {
		width:62%;
	}

	#index .h201 .h301 .detailArea .author dl dt,
	#recipe .month .detailArea .author dl dt {
		margin-bottom:2%;
	}

	#index .h201 .h301 .pictArea,
	#recipe .month .pictArea {
		position:relative;
		overflow:visible;
		width:100%;
	}

	#index .h201 .h301 .pictArea .pict a,
	#recipe .month .pictArea .pict a {
		border-radius:0 0 15px 15px;
		height:auto !important;
		width:100% !important;
	}

	#index .h201 .h301 .pictArea .pict a img,
	#recipe .month .pictArea .pict a img {
		border-radius:0 0 15px 15px;
		width:100% !important;
	}

	#index .h201 .h301 .pictArea .lead,
	#recipe .month .pictArea .lead {
		top:-8%;
		right:3%;
		height:30vw;
		width:30vw;
	}

	#index .h201 .h301 .pictArea .lead span,
	#recipe .month .pictArea .lead span {
		font-size:130%;
		height:28vw;
		width:28vw;
	}
}

#products .titleArea,
#recipe .titleArea {
	background-repeat:no-repeat;
	background-size:100%;
	height:240px;
}

#products .titleArea ol,
#recipe .titleArea ol {
	margin-bottom:85px;
}

@media screen and (max-width: 960px) {
	#products .titleArea,
	#recipe .titleArea {
		background-size:auto 100%;
		height:36vw;
	}

	#products .titleArea ol,
	#recipe .titleArea ol {
		margin-bottom:10%;
	}
}

ul.productList,
#csr ul.csrLink {
	display:flex;
	flex-wrap:wrap;
}

ul.productList li,
#csr ul.csrLink li {
	text-align:left;
}

ul.productList li a,
#csr ul.csrLink li a {
	background-color:#fff;
	border-radius:10px;
	display:block;
	position:relative;
	overflow:hidden;
	transition:all .3s;
	text-decoration:none;
}

ul.productList li a:hover,
#csr ul.csrLink li a:hover {
	background-color:#5f2430;
}

ul.productList li a:hover .linkTxt,
#csr ul.csrLink li a:hover .linkTxt {
	color:#fff;
}

ul.productList li a:hover .linkTxt:after,
#csr ul.csrLink li a:hover .linkTxt:after {
	background-image:url(../img/common/arrow4.png);
}

ul.productList li .pict {
	position:relative;
}

ul.productList li .pict img,
#csr ul.csrLink li .pict img {
	width:100%;
}

ul.productList li .productImage,
#csr ul.csrLink li .productImage {
	position:absolute;
	bottom:50px;
	left:15px;
	width:90px;
}

ul.productList li .productImage img,
#csr ul.csrLink li .productImage img {
	width:100%;
}

ul.productList li .linkTxt,
#csr ul.csrLink li .linkTxt {
	color:#5f2430;
	font-weight:bold;
	padding:18px 20px;
	position:relative;
	transition:all .3s;
}

ul.productList li .linkTxt:after,
#csr ul.csrLink li .linkTxt:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:20px;
	background-image:url(../img/common/arrow3.png);
	position:absolute;
	top:20px;
	right:12px;
}

@media screen and (max-width: 960px) {
	ul.productList,
	#csr ul.csrLink {
		justify-content:space-between;
	}

	ul.productList li .linkTxt,
	#csr ul.csrLink li .linkTxt {
		padding:3.1vw 3vw;
	}

	ul.productList li .linkTxt:after,
	#csr ul.csrLink li .linkTxt:after {
		height:4vw;
		top:32%;
		right:3%;
		width:4vw;
	}
}

/******* contents.scss *******/
/*********index*********/
@keyframes h201can {
	0% {
		transform:rotate(10deg);
	}

	50% {
		transform:rotate(0);
	}

	100% {
		transform:rotate(-10deg);
	}
}

@keyframes recipe {
	0% {
		transform:translateY(-60px);
	}

	100% {
		transform:translateY(0px);
	}
}

@keyframes recipe2 {
	0% {
		transform:translateY(0px);
	}

	100% {
		transform:translateY(-60px);
	}
}

#index .mainVisual {
	margin:0 auto 60px;
	position:relative;
}

#index .mainVisual:after {
	background:url(../img/index/mvBg.png) repeat-x 50% 0;
	content:"";
	display:block;
	height:4px;
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	z-index:2;
}

#index .mainVisual .mvImage {
	overflow:hidden;
}

#index .mainVisual .mvImage .slick-slide:first-of-type {
	display:block;
	width:100%;
}

#index .mainVisual .mvImage.sp {
	display:none;
}

#index .mainVisual .mvImage img {
	width:100%;
}

#index .mainVisual h1 {
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-117px;
	width:234px;
	z-index:5;
}

#index .mainVisual h1 img {
	width:100%;
}

#index .mainVisual .mvFig01 {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:226px;
	width:355px;
	background-image:url(../img/index/mvPict01.png);
	margin-left:-520px;
	position:absolute;
	top:-15px;
	left:50%;
	z-index:5;
}

#index .mainVisual .mvFig02 {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:304px;
	width:236px;
	background-image:url(../img/index/mvPict02.png);
	margin-right:-570px;
	position:absolute;
	bottom:-15px;
	right:50%;
	z-index:5;
}

#index .mainVisual .slick-slider {
	position:inherit;
}

#index .mainVisual .slick-dots {
	margin:auto;
	position:absolute;
	bottom:8px;
	left:0;
	right:0;
	text-align:center;
}

#index .mainVisual .slick-dots li {
	display:inline-block;
	margin:0 5px;
}

#index .mainVisual .slick-dots li button {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:10px;
	background-color:#fff;
	border-radius:50%;
	border:none;
	padding:0;
}

#index .mainVisual .slick-dots li.slick-active button {
	background-color:#ffc468;
}

#index section {
	margin-top:0;
}

#index .h201 {
	position:relative;
}

#index .h201 h2 {
	margin:0 auto 65px;
	text-align:center;
	position:relative;
	width:633px;
}

#index .h201 h2 img {
	width:100%;
}

#index .h201 h2:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:220px;
	width:140px;
	background-image:url(../img/index/h201can.gif);
	position:absolute;
	bottom:-60px;
	right:-70px;
}

#index .h201 .secCont {
	display:flex;
	justify-content:space-between;
	text-align:left;
	position:relative;
}

#index .h201 h3 {
	border-left:none;
	border-bottom:3px solid #602430;
	color:#5f2430;
	font-size:160%;
	font-weight:bold;
	text-decoration:none;
	margin:0 auto 45px;
	padding:0;
	display:inline-block;
}

#index .h201 h3 a {
	color:#5f2430;
	text-decoration:none;
}

#index .h201 h3 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	     opacity:.7;
}

#index .h201 h3 span {
	padding:.25em 0;
	background-repeat:repeat-x;
	background-size:1em .3em;
	background-position:top left;
	background-image:-webkit-gradient(radial, center center, 0, center center, 1.5, from(#602430), color-stop(.5, #602430), color-stop(.9, transparent), to(transparent));
	background-image:-webkit-radial-gradient(center center, .1em .1em, #602430, #602430 95%, transparent 95%, transparent);
	background-image:        radial-gradient(.1em .1em at center center, #602430, #602430 95%, transparent);
}

#index .h201 .pict img {
	border-radius:0 15px 15px 0;
	display:block;
	position:relative;
	width:100%;
	z-index:2;
}

#index .h201 .pict a {
	border-radius:0 15px 15px 0;
	display:block;
	position:relative;
	overflow:hidden;
}

#index .h201 .pict a span {
	opacity:0;
	background-color:rgba(0, 0, 0, .4);
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	height:100%;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:opacity .3s;
	z-index:3;
}

#index .h201 .pict a span:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:30px;
	width:30px;
	background-image:url(../img/index/more.png);
	margin-bottom:15px;
}

#index .h201 .pict a:hover span {
	opacity:1;
}

#index .h201 .h301 {
	margin:0 auto 60px;
	text-align:center;
}

#index .h201 .h302 {
	margin:0 auto 60px;
	text-align:center;
}

#index .h201 .h302 .pict {
	position:relative;
	width:480px;
}

#index .h201 .h302 .pict a {
	border-radius:15px;
}

#index .h201 .h302 .pict a img {
	border-radius:15px;
}

#index .h201 .h302 .pict:after {
	background:url(../img/index/h302pictBg.png) repeat;
	border-radius:5px;
	content:"";
	height:300px;
	display:block;
	position:absolute;
	top:48px;
	left:-20px;
	width:350px;
}

#index .h201 .h302 .detailArea {
	background:#fff;
	border-radius:15px;
	box-sizing:border-box;
	padding:55px 45px;
	position:relative;
	width:510px;
}

#index .h201 .h302 .detailArea:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:43px;
	width:63px;
	background-image:url(../img/index/h302bg.png);
	position:absolute;
	top:190px;
	left:-63px;
	z-index:3;
}

#index .h201 .h302 .detailArea h4 {
	color:#5f2430;
	font-size:160%;
	font-weight:bold;
	margin-bottom:15px;
}

#index .h201 .h302 .detailArea p {
	color:#5f2430;
	margin-bottom:15px;
}

#index .h201 .h302 .detailArea .recipe dt {
	color:#602430;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}

#index .h201 .h302 .detailArea .recipe dt:before {
	background-color:#5f2430;
	border-radius:50%;
	content:"";
	height:12px;
	margin-right:5px;
	display:inline-block;
	width:12px;
}

#index .h201 .h302 .use {
	background:#fff;
	border-radius:50%;
	box-sizing:border-box;
	height:154px;
	padding-top:9px;
	position:absolute;
	top:278px;
	left:-27px;
	text-align:center;
	width:154px;
	z-index:3;
}

@media screen and (max-width: 1080px) {
	#index .h201 .h302 .use {
		left:0;
	}
}

#index .h201 .h302 .use a {
	display:block;
	text-decoration:none;
}

#index .h201 .h302 .use a:hover img {
	transform:rotate(-20deg);
}

#index .h201 .h302 .use span {
	display:block;
	color:#602430;
	margin:0 -5px 6px;
	font-size:85%;
	font-weight:bold;
	position:relative;
}

#index .h201 .h302 .use span:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:29px;
	width:19px;
	background-image:url(../img/index/h302use.png);
	display:inline-block;
	vertical-align:top;
	transform:scale(-1, 1);
}

#index .h201 .h302 .use span:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:29px;
	width:19px;
	background-image:url(../img/index/h302use.png);
	display:inline-block;
	vertical-align:top;
}

#index .h201 .h302 .use img {
	transition:all .3s;
	width:80px;
}

#index .h201 .h303 {
	background:url(../img/index/h303bg.jpg) repeat;
	margin:-110px auto 0;
	padding:100px 0 80px;
	text-align:center;
}

#index .h201 .h303 h3 {
	background:url(../img/index/h303.png) no-repeat 50% 0;
	background-size:100%;
	border:none;
	box-sizing:border-box;
	font-size:120%;
	height:118px;
	margin:0 auto 20px;
	padding:57px 0 0 45px;
	width:444px;
}

#index .h201 .h303 .btn {
	position:absolute;
	bottom:-30px;
	left:0;
	right:0;
}

#index .h201 .recipeSlideArea {
	padding-top:60px;
	overflow:hidden;
}

#index .h201 .recipeSlideArea.stop .slick-track {
	animation-play-state:paused !important;
}

#index .h201 .recipeSlideArea .slick-list {
	overflow:visible;
}

#index .h201 .recipeSlideArea .slick-list:hover .slideCont {
	animation-play-state:paused;
}

#index .h201 .recipeSlideArea .slideCont {
	float:left;
	animation:recipe 2s linear infinite alternate;
}

#index .h201 .recipeSlideArea .slideCont:nth-of-type(2n) {
	animation:recipe2 2s linear infinite alternate;
}

#index .h201 .recipeSlideArea .slideCont a {
	display:block;
	text-align:center;
	text-decoration:none;
}

#index .h201 .recipeSlideArea .slideCont a .txt {
	color:#602430;
	font-weight:bold;
	line-height:140%;
	display:block;
}

#index .h201 .recipeSlideArea .slideCont a .pict {
	border:4px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
	height:180px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 10px;
	overflow:hidden;
	position:relative;
	z-index:2;
	width:180px;
}

#index .h201 .recipeSlideArea .slideCont a .pict img {
	border-radius:50%;
	height:100%;
	transition:all .3s;
	width:auto;
	-webkit-transform:translate(0);
}

#index .h201 .recipeSlideArea .slideCont a:hover img {
	transform:scale(1.15);
}

#index .h202 {
	margin-bottom:80px;
	padding-top:115px;
	text-align:center;
}

#index .h202 .secCont {
	position:relative;
}

#index .h202 h2 {
	border-bottom:2px dotted #602430;
	color:#5f2430;
	font-size:200%;
	font-weight:bold;
	margin:0 auto 45px;
	display:inline-block;
}

#index .h203 {
	box-sizing:border-box;
	margin:0 auto 100px;
	text-align:center;
	width:1020px;
}

#index .h203 .secCont {
	background:#fff;
	box-sizing:border-box;
	padding:80px 0;
	position:relative;
	text-align:left;
}

#index .h203 h2 {
	border-bottom:2px dotted #602430;
	color:#5f2430;
	font-size:200%;
	font-weight:bold;
	margin:0 auto 45px;
	display:inline-block;
}

#index .h203 .lead01 {
	background:url(../img/index/h203bg.png) no-repeat 0 0;
	background-size:100%;
	box-sizing:border-box;
	color:#5f2430;
	font-size:85%;
	padding:76px 0 90px;
	position:absolute;
	top:-265px;
	left:4px;
	width:296px;
	z-index:4;
}

#index .h203 .lead01 span {
	display:inline-block;
	width:140px;
}

#index .h203 .lead02 {
	background:url(../img/index/h203bg2.png) no-repeat 0 0;
	box-sizing:border-box;
	color:#5f2430;
	font-size:85%;
	padding:44px 0 120px 130px;
	position:absolute;
	top:10px;
	left:687px;
	width:296px;
	z-index:4;
}

#index .h203 .btn {
	position:absolute;
	bottom:-30px;
	left:0;
	right:0;
}

#index .h203 .historySlideArea {
	margin:0 auto;
	position:relative;
	width:700px;
	z-index:6;
}

#index .h203 .historySlideArea .historySlide {
	display:none;
}

#index .h203 .historySlideArea .historySlide.slick-initialized {
	display:block;
}

#index .h203 .historySlideArea .historySlide dl {
	float:left;
	/*background: url(../img/index/h203Shadow.png) no-repeat 50% 60px;*/
	box-sizing:border-box;
	text-align:center;
	width:700px;
}

#index .h203 .historySlideArea .historySlide dl dt {
	border-left:1px solid #602430;
	border-right:1px solid #602430;
	color:#5f2430;
	display:inline-block;
	font-size:240%;
	font-weight:bold;
	line-height:120%;
	padding:0 40px;
}

#index .h203 .historySlideArea .historySlide dl dt div {
	color:#5f2430;
	font-size:100%;
	display:inline;
	font-weight:bold;
	line-height:120%;
}

#index .h203 .historySlideArea .historySlide dl dt span {
	display:block;
	font-size:40%;
	line-height:100%;
}

#index .h203 .historySlideArea .historySlide dl dd {
	font-size:120%;
	font-weight:bold;
	margin:60px auto 0;
}

#index .h203 .historySlideArea .historySlide dl dd.pict {
	border:4px solid #fff;
	box-sizing:border-box;
	margin-top:25px;
	width:676px;
	box-shadow:0 0 15px #ccc;
}

#index .h203 .historySlideArea .historySlide dl dd.pict img {
	width:100%;
}

#index .h203 .historySlideArea .prev {
	color:#5f2430;
	cursor:pointer;
	font-size:90%;
	font-weight:bold;
	position:absolute;
	top:190px;
	left:-50px;
}

#index .h203 .historySlideArea .prev:before {
	border:2px solid;
	border-color:transparent transparent #602430 #602430;
	transform:rotate(45deg);
	content:"";
	display:block;
	height:4px;
	width:4px;
	display:inline-block;
	margin-left:5px;
	vertical-align:.05em;
}

#index .h203 .historySlideArea .next {
	color:#5f2430;
	cursor:pointer;
	font-size:90%;
	font-weight:bold;
	position:absolute;
	top:190px;
	right:-50px;
}

#index .h203 .historySlideArea .next:after {
	border:2px solid;
	border-color:transparent transparent #602430 #602430;
	transform:rotate(-135deg);
	content:"";
	display:block;
	height:4px;
	width:4px;
	display:inline-block;
	margin-left:5px;
	vertical-align:.05em;
}

#index .h203 .slick-dots {
	margin:auto;
	position:absolute;
	top:360px;
	left:0;
	right:0;
	text-align:center;
}

#index .h203 .slick-dots li {
	display:inline-block;
	margin:0 4px;
}

#index .h203 .slick-dots li button {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:8px;
	width:8px;
	background-color:#602430;
	border-radius:50%;
	border:none;
	padding:0;
}

#index .h203 .slick-dots li.slick-active button {
	background-color:#ff9c00;
}

#index .h204 {
	margin-bottom:80px;
	padding-top:0;
	position:relative;
}

#index .h204:hover p {
	opacity:1;
}

#index .h204 h2 {
	margin:auto;
	position:absolute;
	bottom:72%;
	left:0;
	right:0;
	text-align:center;
	width:1020px;
}

#index .h204 h2 span {
	background:url(../img/index/h204.png) no-repeat 50% 0;
	background-size:100%;
	box-sizing:border-box;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	line-height:160%;
	display:block;
	height:208px;
	padding-top:75px;
	text-align:center;
	width:208px;
}

#index .h204 p {
	background:url(../img/index/h204commentBg.png) no-repeat 50% 0;
	background-size:100%;
	box-sizing:border-box;
	color:#602430;
	font-size:90%;
	font-weight:bold;
	height:157px;
	margin:0 0 0 -115px;
	opacity:0;
	padding-top:40px;
	position:absolute;
	bottom:62%;
	left:50%;
	text-align:center;
	width:320px;
	transition:opacity .5s;
}

#index .h204 .illust img {
	width:100%;
}

#index .h204 .btn {
	margin-top:-30px;
}

#index .h205 {
	margin-bottom:80px;
}

#index .h205 h2 {
	color:#5f2430;
	font-size:185%;
	font-weight:bold;
	margin-bottom:40px;
	width:100%;
}

#index .h205 .secCont {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#index .h205 .newsArea {
	width:672px;
}

#index .h205 .newsArea .newsTab li {
	max-width:160px;
}

#index .h205 .newsArea .all {
	font-size:90%;
	text-align:right;
}

#index .h205 .newsArea .all a {
	display:inline-block;
}

#index .h205 .newsArea .all a:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:6px;
	background-image:url(../img/common/arrow2.png);
	display:inline-block;
	margin-right:7px;
}

#index .h205 .fbArea {
	width:323px;
}

#index .h206 {
	margin-bottom:40px;
}

#index .h206 h2 {
	color:#5f2430;
	font-size:185%;
	font-weight:bold;
	margin-bottom:40px;
	width:100%;
}

#index .h206 ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#index .h206 .banner {
	margin-bottom:40px;
}

#index .h206 .banner li {
	margin-bottom:20px;
	text-align:center;
	width:240px;
}

#index .h206 .banner li a {
	background-color:#fff;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:100%;
	color:#5f2430;
	display:block;
	font-weight:bold;
	padding:115px 0 15px;
	transition:opacity .3s;
	text-decoration:none;
}

#index .h206 .banner li a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#index .h206 .banner li:nth-child(1) a {
	background-image:url(../img/index/banner01.jpg);
}

#index .h206 .banner li:nth-child(2) a {
	background-image:url(../img/index/banner02.jpg);
}

#index .h206 .banner li:nth-child(3) a {
	background-image:url(../img/index/banner03.jpg);
}

#index .h206 .banner li:nth-child(4) a {
	background-image:url(../img/index/banner04.jpg);
}

#index .h206 .banner li:nth-child(5) a {
	background-image:url(../img/index/banner05.jpg);
}

#index .h206 .banner li:nth-child(6) a {
	background-image:url(../img/index/banner06.jpg);
}

#index .h206 .banner li:nth-child(1),
#index .h206 .banner li:nth-child(2) {
	width:500px;
}

#index .h206 .banner li:nth-child(1) a,
#index .h206 .banner li:nth-child(2) a {
	background-position:0 0;
	background-size:auto 100%;
	padding:65px 50px;
	text-align:right;
}

#index .h206 .link li {
	background-color:#fff;
	width:320px;
}

#index .h206 .link li a {
	display:block;
	text-decoration:none;
}

#index .h206 .link li dl {
}

#index .h206 .link li dl dt {
	background:url(../img/index/banner09hover.jpg) no-repeat 50% 0;
	background-size:100%;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	padding:40px 0;
	text-align:center;
	transition:opacity .3s;
	text-shadow:0 0 5px rgba(0, 0, 0, .8);
}

#index .h206 .link li dl dd {
	padding:20px 30px;
}

#index .h206 .link li dl dd.more {
	color:#3e68ae;
	font-size:90%;
	padding-top:0;
	text-decoration:underline;
}

#index .h206 .link li dl dd.more:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:6px;
	background-image:url(../img/common/arrow2.png);
	display:inline-block;
	margin-right:5px;
}

#index .h206 .link li:nth-child(2) dl dt {
	background-image:url(../img/index/banner07hover.jpg);
}

#index .h206 .link li:last-child dl dt {
	background-image:url(../img/index/banner08hover.jpg);
}

#index .h206 .link li:hover dt {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
}

#index .h206 .link li:hover dd {
	text-decoration:none !important;
}

#index .h206 .btn {
	margin-bottom:80px;
}

.canSlideArea {
	box-sizing:border-box;
	margin:0 auto 40px;
	padding:0 50px;
	width:1020px;
}

.canSlideArea .canSlide {
	display:none;
}

.canSlideArea .canSlide.slick-initialized {
	display:block;
}

.canSlideArea .slideCont a {
	display:block;
	padding:10px 0 0;
	text-align:center;
	text-decoration:none;
}

.canSlideArea .slideCont a span {
	color:#602430;
	font-size:85%;
	font-weight:bold;
	line-height:140%;
	display:block;
}

.canSlideArea .slideCont a img {
	height:100px;
	display:block;
	margin:0 auto 10px;
	width:auto;
	transition:all .3s;
}

.canSlideArea .slideCont a:hover img {
	transform:rotate(-20deg);
}

.canSlideArea .prev {
	background:#602430;
	border-radius:50%;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	position:absolute;
	top:30px;
	left:-50px;
	width:50px;
	z-index:10;
}

.canSlideArea .prev:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:8px;
	background-image:url(../img/common/arrow.png);
	transform:rotate(-180deg);
}

.canSlideArea .next {
	background:#602430;
	border-radius:50%;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	position:absolute;
	top:30px;
	right:-50px;
	width:50px;
	z-index:10;
}

.canSlideArea .next:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:8px;
	background-image:url(../img/common/arrow.png);
}

ul.productList {
	margin-bottom:40px;
}

ul.productList li {
	margin:0 20px 20px 0;
	width:240px;
}

ul.productList li:nth-child(4n) {
	margin-right:0;
}

ul.productList li .productImage {
	position:absolute;
	bottom:-10px;
	left:15px;
	width:90px;
}

ul.productList li .productImage img {
	width:100%;
}

.cateLink {
	margin-bottom:40px;
	padding-left:14px;
}

.cateLink li {
	background:#6b644f;
	box-sizing:border-box;
	color:#fff;
	font-size:85%;
	height:26px;
	font-weight:bold;
	display:inline-block;
	line-height:110%;
	margin-bottom:15px;
	margin-right:25px;
	padding:6px 10px 0 10px;
	position:relative;
}

.cateLink li:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:26px;
	width:14px;
	background-image:url(../img/index/h302cate2.png);
	background-size:auto 100%;
	position:absolute;
	top:0px;
	left:-14px;
}

.cateLink li a {
	color:#fff;
	transition:opacity .3s;
	text-decoration:none;
}

.cateLink li a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

.newsTab {
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}

.newsTab li {
	max-width:247px;
	text-align:center;
	width:25%;
}

.newsTab li a {
	background-color:#fff;
	border:1px solid #602430;
	border-radius:4px;
	color:#000;
	font-weight:bold;
	display:block;
	padding:10px 0;
	transition:opacity .3s;
	text-decoration:none;
}

.newsTab li a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

.newsTab li a.c {
	background-color:#602430;
	color:#fff;
}

.newsCont {
	border-bottom:1px solid #000;
	margin-bottom:10px;
	position:relative;
}

.newsCont:before {
	background-color:#000;
	content:"";
	display:block;
	height:1px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.newsCont dl {
	border-top:1px dotted #000;
	box-sizing:border-box;
	display:flex;
	padding:25px 0;
}

.newsCont dl.hide {
	border:none;
	max-height:0;
	padding:0;
	overflow:hidden;
}

.newsCont dl dt {
	font-size:90%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin-right:20px;
	width:165px;
}

.newsCont dl dt div {
	display:inline;
}

.newsCont dl dt span {
	background-color:#a0a0a0;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	display:inline-block;
	padding:1px 0;
	text-align:center;
	min-width:72px;
}

.newsCont dl dd {
	line-height:140%;
}

.newsCont.topnews dl dd {
	width:480px;
}

.newsCont dl dd a {
	color:#000;
}

/*********products*********/
#products .titleArea {
	background-image:url(../img/products/mv.jpg);
}

#products .btn a {
	background-color:#ffc468;
	border-radius:30px;
	color:#602430;
	font-weight:bold;
	display:block;
	padding:7px 0;
	text-align:center;
	transition:opacity .3s;
	text-decoration:none;
}

#products .btn a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#products .btn a:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:14px;
	width:18px;
	background-image:url(../img/products/icon01.png);
	display:inline-block;
	margin-right:10px;
}

#products .productList2 {
	display:flex;
	flex-wrap:wrap;
}

#products .productList2 li {
	background-color:#fff;
	box-sizing:border-box;
	border-radius:12px;
	margin:0 20px 20px 0;
	padding:20px 20px 60px;
	position:relative;
	width:240px;
}

#products .productList2 li:nth-child(4n) {
	margin-right:0;
}

#products .productList2 li .pict {
	margin:0 auto 20px;
	text-align:center;
}

#products .productList2 li .pict img {
	height:120px;
	transition:all .3s;
	width:auto;
}

#products .productList2 li .pict:hover img {
	transform:rotate(-20deg);
}

#products .productList2 li dl {
	margin-bottom:10px;
}

#products .productList2 li dl dt {
	color:#5f2430;
	font-weight:bold;
	min-height:3.2em;
	margin-bottom:10px;
}

#products .productList2 li dl dt a {
	color:#5f2430;
}

#products .productList2 li dl dd {
	display:flex;
	font-size:85%;
	margin-bottom:8px;
}

#products .productList2 li dl dd span {
	background-color:#aaa;
	color:#fff;
	display:block;
	margin-right:8px;
	text-align:center;
	width:85px;
}

#products .productList2 li .btn {
	margin:0 20px;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
}

#products .productCont {
	display:flex;
	justify-content:space-between;
	margin-bottom:40px;
}

#products .productCont .pictArea {
	background-color:#fff;
	border-radius:12px;
	box-sizing:border-box;
	padding:40px;
	width:490px;
}

#products .productCont .pictArea .pictSlide {
	margin:0 auto 50px;
	position:relative;
	text-align:center;
}

#products .productCont .pictArea .pictSlide .slick-slide {
	text-align:center;
}

#products .productCont .pictArea .pictSlide .slick-slide img {
	margin:0 auto;
	max-width:210px;
	width:100%;
}

#products .productCont .pictArea .pictSlide .next,
#products .productCont .pictArea .pictSlide .prev {
	background:#602430;
	border-radius:50%;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	margin-top:-25px;
	position:absolute;
	top:50%;
	right:0;
	width:50px;
	z-index:10;
}

#products .productCont .pictArea .pictSlide .next:before,
#products .productCont .pictArea .pictSlide .prev:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:8px;
	background-image:url(../img/common/arrow.png);
}

#products .productCont .pictArea .pictSlide .prev {
	left:0;
	right:auto;
}

#products .productCont .pictArea .pictSlide .prev:before {
	transform:rotate(-180deg);
}

#products .productCont .pictArea .pict {
	margin:0 auto 50px;
	text-align:center;
}

#products .productCont .pictArea .pict img {
	max-width:210px;
	width:100%;
}

#products .productCont .pictArea p {
	margin-bottom:20px;
}

#products .productCont section {
	width:490px;
}

#products .productCont section ul {
	margin-bottom:40px;
}

#products .productCont section ul li {
	box-sizing:border-box;
	margin-bottom:15px;
	padding-left:123px;
	position:relative;
}

#products .productCont section ul li span {
	background-color:#aaa;
	color:#fff;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	min-width:115px;
}

#products .productCont section ul.nutritional {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:0;
}

#products .productCont section ul.nutritional li {
	width:45%;
}

#products .allergy {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:40px;
}

#products .allergy li {
	background:url(../img/products/allergyIcon1.png) no-repeat 50% 25px #fff;
	border-radius:12px;
	box-sizing:border-box;
	margin:0 2px 2px 0;
	padding:78px 0 20px;
	text-align:center;
	width:125px;
}

#products .allergy li:nth-child(8n) {
	margin-right:0;
}

#products .allergy li.c {
	background-color:#ffc468;
	color:#fff;
}

#products .allergy li.allergy1 {
	background-image:url(../img/products/allergyIcon1.png);
}

#products .allergy li.allergy1.c {
	background-image:url(../img/products/allergyIcon1c.png);
}

#products .allergy li.allergy2 {
	background-image:url(../img/products/allergyIcon2.png);
}

#products .allergy li.allergy2.c {
	background-image:url(../img/products/allergyIcon2c.png);
}

#products .allergy li.allergy3 {
	background-image:url(../img/products/allergyIcon3.png);
}

#products .allergy li.allergy3.c {
	background-image:url(../img/products/allergyIcon3c.png);
}

#products .allergy li.allergy4 {
	background-image:url(../img/products/allergyIcon4.png);
}

#products .allergy li.allergy4.c {
	background-image:url(../img/products/allergyIcon4c.png);
}

#products .allergy li.allergy5 {
	background-image:url(../img/products/allergyIcon5.png);
}

#products .allergy li.allergy5.c {
	background-image:url(../img/products/allergyIcon5c.png);
}

#products .allergy li.allergy6 {
	background-image:url(../img/products/allergyIcon6.png);
}

#products .allergy li.allergy6.c {
	background-image:url(../img/products/allergyIcon6c.png);
}

#products .allergy li.allergy7 {
	background-image:url(../img/products/allergyIcon7.png);
}

#products .allergy li.allergy7.c {
	background-image:url(../img/products/allergyIcon7c.png);
}

#products .allergy li.allergy8 {
	background-image:url(../img/products/allergyIcon8.png);
}

#products .allergy li.allergy8.c {
	background-image:url(../img/products/allergyIcon8c.png);
}

#products .allergy li.allergy9 {
	background-image:url(../img/products/allergyIcon9.png);
}

#products .allergy li.allergy9.c {
	background-image:url(../img/products/allergyIcon9c.png);
}

#products .allergy li.allergy10 {
	background-image:url(../img/products/allergyIcon10.png);
}

#products .allergy li.allergy10.c {
	background-image:url(../img/products/allergyIcon10c.png);
}

#products .allergy li.allergy11 {
	background-image:url(../img/products/allergyIcon11.png);
}

#products .allergy li.allergy11.c {
	background-image:url(../img/products/allergyIcon11c.png);
}

#products .allergy li.allergy12 {
	background-image:url(../img/products/allergyIcon12.png);
}

#products .allergy li.allergy12.c {
	background-image:url(../img/products/allergyIcon12c.png);
}

#products .allergy li.allergy13 {
	background-image:url(../img/products/allergyIcon13.png);
}

#products .allergy li.allergy13.c {
	background-image:url(../img/products/allergyIcon13c.png);
}

#products .allergy li.allergy14 {
	background-image:url(../img/products/allergyIcon14.png);
}

#products .allergy li.allergy14.c {
	background-image:url(../img/products/allergyIcon14c.png);
}

#products .allergy li.allergy15 {
	background-image:url(../img/products/allergyIcon15.png);
}

#products .allergy li.allergy15.c {
	background-image:url(../img/products/allergyIcon15c.png);
}

#products .allergy li.allergy16 {
	background-image:url(../img/products/allergyIcon16.png);
}

#products .allergy li.allergy16.c {
	background-image:url(../img/products/allergyIcon16c.png);
}

#products .allergy li.allergy17 {
	background-image:url(../img/products/allergyIcon17.png);
}

#products .allergy li.allergy17.c {
	background-image:url(../img/products/allergyIcon17c.png);
}

#products .allergy li.allergy18 {
	background-image:url(../img/products/allergyIcon18.png);
}

#products .allergy li.allergy18.c {
	background-image:url(../img/products/allergyIcon18c.png);
}

#products .allergy li.allergy19 {
	background-image:url(../img/products/allergyIcon19.png);
}

#products .allergy li.allergy19.c {
	background-image:url(../img/products/allergyIcon19c.png);
}

#products .allergy li.allergy20 {
	background-image:url(../img/products/allergyIcon20.png);
}

#products .allergy li.allergy20.c {
	background-image:url(../img/products/allergyIcon20c.png);
}

#products .allergy li.allergy21 {
	background-image:url(../img/products/allergyIcon21.png);
}

#products .allergy li.allergy21.c {
	background-image:url(../img/products/allergyIcon21c.png);
}

#products .allergy li.allergy22 {
	background-image:url(../img/products/allergyIcon22.png);
}

#products .allergy li.allergy22.c {
	background-image:url(../img/products/allergyIcon22c.png);
}

#products .allergy li.allergy23 {
	background-image:url(../img/products/allergyIcon23.png);
}

#products .allergy li.allergy23.c {
	background-image:url(../img/products/allergyIcon23c.png);
}

#products .allergy li.allergy24 {
	background-image:url(../img/products/allergyIcon24.png);
}

#products .allergy li.allergy24.c {
	background-image:url(../img/products/allergyIcon24c.png);
}

#products .allergy li.allergy25 {
	background-image:url(../img/products/allergyIcon25.png);
}

#products .allergy li.allergy25.c {
	background-image:url(../img/products/allergyIcon25c.png);
}

#products .allergy li.allergy26 {
	background-image:url(../img/products/allergyIcon26.png);
}

#products .allergy li.allergy26.c {
	background-image:url(../img/products/allergyIcon26c.png);
}

#products .allergy li.allergy27 {
	background-image:url(../img/products/allergyIcon27.png);
}

#products .allergy li.allergy27.c {
	background-image:url(../img/products/allergyIcon27c.png);
}

#products .allergyNote {
	border-radius:8px;
	background-color:#e3dec7;
	color:#000;
	font-size:90%;
	margin-bottom:40px;
	padding:15px 20px;
}

#products .otherArea {
	margin-top:80px;
	padding-top:30px;
}

#products .otherArea .canSlideArea {
	margin-bottom:30px;
}

#products .otherArea .otherLink {
	background-color:#cbc6af;
	text-align:center;
}

#products .otherArea .otherLink a {
	color:#5f2430;
	display:block;
	padding:12px 0;
	transition:opacity .3s;
	text-decoration:none;
}

#products .otherArea .otherLink a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#products .otherArea .otherLink a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:11px;
	width:7px;
	display:inline-block;
	background-image:url(../img/common/arrow5.png);
	margin-left:10px;
}

#products .stepArea {
	margin-bottom:40px;
}

#products .stepArea dl {
	background-color:#fff;
	box-sizing:border-box;
	display:table;
	margin-bottom:35px;
	padding:40px 60px;
	position:relative;
	width:100%;
}

#products .stepArea dl:after {
	background:linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top right/50% 100%;
	content:"";
	display:block;
	height:22px;
	width:32px;
	margin:0 auto;
	position:absolute;
	bottom:-22px;
	left:0;
	right:0;
}

#products .stepArea dl:last-of-type:after {
	display:none;
}

#products .stepArea dl dt {
	box-sizing:border-box;
	border-right:1px solid #000;
	border-left:1px solid #000;
	font-weight:bold;
	display:table-cell;
	font-size:85%;
	line-height:200%;
	vertical-align:middle;
	text-align:center;
	width:110px;
}

#products .stepArea dl dt span {
	display:block;
	font-size:300%;
}

#products .stepArea dl dd {
	display:table-cell;
	vertical-align:middle;
}

#products .stepArea dl dd.pict {
	padding:0 60px 0 40px;
	width:180px;
}

#products .stepArea dl dd.pict img {
	border-radius:12px;
	width:100%;
}

/*********recipe*********/
#recipe .titleArea {
	background-image:url(../img/recipe/mv.jpg);
}

#recipe.cooking .titleArea {
	background-image:url(../img/cooking/mv.jpg?v2);
}

#recipe .titleArea h1 {
	color:#000;
	letter-spacing:normal;
}

#recipe .month {
	display:flex;
	margin-bottom:40px;
	justify-content:space-between;
	position:relative;
}

#recipe .month .pict img {
	border-radius:0 15px 15px 0;
	display:block;
	position:relative;
	width:100%;
	z-index:2;
}

#recipe .month .pict a {
	border-radius:0 15px 15px 0;
	display:block;
	position:relative;
	overflow:hidden;
}

#recipe .month .pict a span {
	opacity:0;
	background-color:rgba(0, 0, 0, .4);
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	height:100%;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:opacity .3s;
	z-index:3;
}

#recipe .month .pict a span:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:30px;
	width:30px;
	background-image:url(../img/index/more.png);
	margin-bottom:15px;
}

#recipe .month .pict a:hover span {
	opacity:1;
}

#recipe .narrow {
	display:flex;
	margin:0 auto 40px;
}

#recipe .narrow dt {
	background-color:#e3dec7;
	border-radius:12px 0 0 12px;
	color:#000;
	font-size:90%;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	width:182px;
}

#recipe .narrow dd {
	background-color:#fff;
	border-radius:0 12px 12px 0;
	box-sizing:border-box;
	padding:25px 35px 10px;
	position:relative;
	width:838px;
}

#recipe .narrow dd:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:16px;
	width:12px;
	background-image:url(../img/recipe/narrow.png);
	margin-top:-8px;
	position:absolute;
	top:50%;
	left:0;
}

#recipe .narrow dd .cateLink {
	margin-bottom:0;
}

#recipe .otherArea {
	margin-top:120px;
}

#recipe .otherArea .otherCateLink {
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	padding:22px 0 20px 145px;
	width:1020px;
}

#recipe .otherArea .otherCateLink:first-of-type {
	border-bottom:1px solid #cbc6af;
}

#recipe .otherArea .otherCateLink dt {
	color:#602430;
	font-weight:bold;
	margin-left:-145px;
	width:145px;
}

#recipe .otherArea .otherCateLink dd:after {
	content:"｜";
	display:inline-block;
	margin:0 15px;
	vertical-align:-.05em;
}

#recipe .otherArea .otherCateLink dd:last-of-type:after {
	display:none;
}

#recipe .otherArea .otherCateLink dd a {
	color:#000;
}

#recipe .recipeCont {
	display:flex;
	justify-content:space-between;
	margin-bottom:40px;
}

#recipe .recipeCont .pictArea {
	width:480px;
}

#recipe .recipeCont .pictArea .pict {
	margin-bottom:20px;
}

#recipe .recipeCont .pictArea .pict img {
	border-radius:12px;
	width:100%;
}

#recipe .recipeCont .pictArea .cateLink {
	margin-bottom:20px;
}

#recipe .recipeCont .pictArea .useArea {
	background-color:#fff;
	border-radius:12px;
	display:flex;
	justify-content:space-between;
	padding:30px;
}

#recipe .recipeCont .pictArea .useArea .usePict {
	height:180px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:180px;
}

#recipe .recipeCont .pictArea .useArea .usePict img {
	max-height:100%;
	max-width:180px;
	height:auto;
	width:auto;
}

#recipe .recipeCont .pictArea .useArea dl {
	position:relative;
	width:220px;
}

#recipe .recipeCont .pictArea .useArea dl dt {
	color:#602430;
	margin:0 auto 15px;
	font-size:85%;
	font-weight:bold;
	position:relative;
	text-align:center;
}

#recipe .recipeCont .pictArea .useArea dl dt:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:29px;
	width:19px;
	background-image:url(../img/index/h302use.png);
	display:inline-block;
	vertical-align:top;
	transform:scale(-1, 1);
}

#recipe .recipeCont .pictArea .useArea dl dt:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:29px;
	width:19px;
	background-image:url(../img/index/h302use.png);
	display:inline-block;
	vertical-align:top;
}

#recipe .recipeCont .pictArea .useArea dl dd {
	color:#000;
}

#recipe .recipeCont .pictArea .useArea dl dd.useLink {
	position:absolute;
	bottom:0;
	width:100%;
}

#recipe .recipeCont .pictArea .useArea dl dd.useLink a {
	background:url(../img/common/arrow.png) no-repeat 92% 50% #ffc468;
	background-size:7px;
	border-radius:20px;
	color:#fff;
	display:block;
	font-size:105%;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	transition:opacity .3s;
	text-decoration:none;
}

#recipe .recipeCont .pictArea .useArea dl dd.useLink a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#recipe .recipeCont .detailArea {
	width:480px;
}

#recipe .recipeCont .detailArea ul {
	border-bottom:1px solid #e3dec7;
	display:flex;
	flex-wrap:wrap;
}

#recipe .recipeCont .detailArea ul li {
	background-position:0 0;
	background-repeat:no-repeat;
	color:#602430;
	font-size:90%;
	margin:0 15px 15px 0;
	padding:0 0 0 30px;
}

#recipe .recipeCont .detailArea ul li:nth-child(1) {
	background-image:url(../img/recipe/icon01.png);
}

#recipe .recipeCont .detailArea ul li:nth-child(2) {
	background-image:url(../img/recipe/icon02.png);
}

#recipe .recipeCont .detailArea ul li:nth-child(3) {
	background-image:url(../img/recipe/icon03.png);
}

#recipe .recipeCont .detailArea ul li:nth-child(4) {
	background-image:url(../img/recipe/icon04.png);
}

#recipe .recipeCont .detailArea dl {
	margin-top:40px;
}

#recipe .recipeCont .detailArea dl dt {
	color:#5f2430;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipe .recipeCont .detailArea dl dt:before {
	background-color:#602430;
	border-radius:50%;
	content:"";
	height:12px;
	display:inline-block;
	margin-right:4px;
	vertical-align:.05em;
	width:12px;
}

#recipe .recipeCont .detailArea dl.howto {
	border-bottom:1px solid #e3dec7;
}

#recipe .recipeCont .detailArea dl.howto dd {
	border-top:1px solid #e3dec7;
	box-sizing:border-box;
	display:flex;
	min-height:65px;
	padding:12px 0;
}

#recipe .recipeCont .detailArea dl.howto dd:before {
	border-right:1px solid #e3dec7;
	box-sizing:border-box;
	color:#5f2430;
	font-size:160%;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:50px;
	margin-right:20px;
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(1):before {
	content:"1";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(2):before {
	content:"2";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(3):before {
	content:"3";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(4):before {
	content:"4";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(5):before {
	content:"5";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(6):before {
	content:"6";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(7):before {
	content:"7";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(8):before {
	content:"8";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(9):before {
	content:"9";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(10):before {
	content:"10";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(11):before {
	content:"11";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(12):before {
	content:"12";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(13):before {
	content:"13";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(14):before {
	content:"14";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(15):before {
	content:"15";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(16):before {
	content:"16";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(17):before {
	content:"17";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(18):before {
	content:"18";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(19):before {
	content:"19";
}

#recipe .recipeCont .detailArea dl.howto dd:nth-of-type(20):before {
	content:"20";
}

#recipe .recipeAuthor {
	background:#fff;
	border-radius:12px;
	display:flex;
	align-items:center;
	margin-bottom:40px;
	padding:30px;
}

#recipe .recipeAuthor .authorPict {
	margin-right:15px;
	width:120px;
}

#recipe .recipeAuthor .authorPict img {
	border-radius:50%;
	width:100%;
}

#recipe .recipeAuthor dl {
	width:820px;
}

#recipe .recipeAuthor dl dt {
	color:#5f2430;
	font-size:105%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipe .recipeAuthor dl dd {
	color:#5f2430;
	font-size:85%;
}

.recipeList {
	display:flex;
	flex-wrap:wrap;
}

.recipeList li {
	margin:0 30px 40px 0;
	width:180px;
}

.recipeList li:nth-child(5n) {
	margin-right:0;
}

.recipeList li .pict {
	margin-bottom:12px;
}

.recipeList li .pict a {
	display:block;
	transition:opacity .3s;
	text-decoration:none;
}

.recipeList li .pict a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

.recipeList li .pict img {
	border-radius:12px;
	width:100%;
}

.recipeList li dl dt {
	color:#5f2430;
	font-size:90%;
	font-weight:bold;
}

.recipeList li dl dd {
	background:#6b644f;
	box-sizing:border-box;
	color:#fff;
	font-size:70%;
	height:16px;
	font-weight:bold;
	display:inline-block;
	line-height:110%;
	margin-left:11px;
	padding:3px 4px 0 1px;
	position:relative;
}

.recipeList li dl dd:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:16px;
	width:11px;
	background-image:url(../img/index/h302cate2.png);
	background-size:auto 100%;
	position:absolute;
	top:0px;
	left:-11px;
}

.recipeList li dl dd a {
	color:#fff;
	display:block;
	transition:opacity .3s;
	text-decoration:none;
}

.recipeList li dl dd a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

.pager {
	margin-bottom:40px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.pager li a {
	border:1px solid #602430;
	background-color:#fff;
	border-radius:50%;
	box-sizing:border-box;
	color:#602430;
	height:30px;
	font-size:90%;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 6px;
	width:30px;
	transition:opacity .3s;
	text-decoration:none;
}

.pager li a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

.pager li.c a {
	background-color:#602430;
	color:#fff;
}

.pager li.next {
	margin:0 0 0 10px;
}

.pager li.next a {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:8px;
	background-image:url(../img/common/arrow5.png);
	background-color:inherit;
	border:none;
	border-radius:0;
}

.pager li.prev {
	margin:0 10px 0 0;
}

.pager li.prev a {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:8px;
	background-image:url(../img/common/arrow5.png);
	background-color:inherit;
	border:none;
	border-radius:0;
	transform:rotate(-180deg);
}

.pager li.end {
	margin:0 0 0 5px;
}

.pager li.end a {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:14px;
	background-image:url(../img/common/arrow6.png);
	background-color:inherit;
	border:none;
	border-radius:0;
}

.pager li.first {
	margin:0 5px 0 0;
}

.pager li.first a {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:12px;
	width:14px;
	background-image:url(../img/common/arrow6.png);
	background-color:inherit;
	border:none;
	border-radius:0;
	transform:rotate(-180deg);
}

/*********csr*********/
#csr .lead {
	color:#000;
	margin-bottom:80px;
}

#csr ul.csrLink {
	margin-bottom:50px;
}

#csr ul.csrLink li {
	margin:0 20px 0 0;
	width:326px;
}

#csr ul.csrLink li:nth-child(3n) {
	margin-right:0;
}

/*********vision*********/
#vision p {
	color:#000;
}

#vision .message .secCont {
	display:flex;
	justify-content:space-between;
}

#vision .message .secCont section {
	width:490px;
}

#vision .message .secCont section p {
	margin-bottom:25px;
}

#vision .message .secCont section p.author {
	border-top:1px solid #e3dec7;
	padding-top:20px;
	text-align:right;
}

#vision .organization img {
	width:100%;
}

/*********policy*********/
#policy p {
	color:#000;
}

#policy p.author {
	text-align:right;
}

#policy p.note {
	border-radius:12px;
	background-color:#e3dec7;
	font-weight:bold;
	padding:25px 25px 22px;
}

#policy section ol {
	margin-bottom:35px;
	padding-left:1.2em;
}

#policy section ol li {
	list-style:decimal;
}

/*********report*********/
#report p {
	color:#000;
	margin-bottom:10px;
}

#report .reportLink {
	display:flex;
	flex-wrap:wrap;
	margin:60px auto 0;
	width:1020px;
}

#report .reportLink li {
	margin:20px 20px 0 0;
	width:500px;
}

#report .reportLink li:nth-child(2n) {
	margin-right:0;
}

#report .reportLink li a {
	background-color:#fff;
	border-radius:30px;
	color:#5f2430;
	display:block;
	font-weight:bold;
	padding:18px 20px 18px 50px;
	position:relative;
	text-decoration:none;
	transition:all .3s;
}

#report .reportLink li a:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:20px;
	background-image:url(../img/common/arrow3.png);
	position:absolute;
	top:20px;
	left:20px;
}

#report .reportLink li a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:17px;
	background-image:url(../img/csr/report/icon01.png);
	display:inline-block;
	margin-left:10px;
	vertical-align:-.25em;
}

#report .reportLink li a:hover {
	background-color:#5f2430;
	color:#fff;
}

#report .reportLink li a:hover:before {
	background-image:url(../img/common/arrow4.png);
}

#report .reportLink li a[target="_blank"]:after {
	background-image:url(../img/csr/report/icon02.png);
	height:8px;
	vertical-align:middle;
	width:10px;
}

#report .reportLink li a[target="_blank"]:hover:after {
	background-image:url(../img/csr/report/icon02c.png);
}

#report .reportPict {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:75px;
}

#report .reportPict li {
	border-radius:12px;
	margin:21px 21px 0 0;
	width:326px;
}

#report .reportPict li:nth-child(3n) {
	margin-right:0;
}

#report .reportPict li img {
	border-radius:12px;
	width:100%;
}

/*********utility*********/
#utility p {
	color:#000;
}

#utility p.lead {
	margin:80px auto 0;
	width:1020px;
}

#utility p.author {
	text-align:right;
}

#utility p.link {
	margin-top:-25px;
}

#utility p.link a {
	background:url(../img/common/arrow2.png) no-repeat 0 4px;
	background-size:6px;
	padding-left:12px;
}

#utility section ol {
	margin-top:-25px;
	margin-bottom:35px;
	padding-left:1.2em;
}

#utility section ol li {
	list-style:decimal;
}

/*********company*********/
#company .langLink {
	display:flex;
	margin:75px auto 40px;
	width:1020px;
}

#company .langLink li {
	background:url(../img/common/arrow2.png) no-repeat 0 6px;
	background-size:5px;
	font-size:85%;
	margin-left:auto;
	font-weight:bold;
	padding-left:10px;
}

#company .langLink li:last-child {
	margin-left:20px;
}

#company .langLink li a {
	color:#5f2430;
	text-decoration:none;
}

#company .langLink li a:hover {
	text-decoration:underline;
}

#company section {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width:1020px;
}

#company section h2 {
	border-top:1px solid #fff;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-color:#e4dcbd;
	background-size:contain;
	cursor:pointer;
	font-size:105%;
	font-weight:bold;
	position:relative;
	padding:37px 40px 37px 85px;
}

#company section h2:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:200%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:24px;
	width:24px;
	background-image:url(../img/company/titleIcon.png);
	position:absolute;
	top:35px;
	left:30px;
}

#company section .secCont {
	background-color:#fff;
	box-sizing:border-box;
	max-height:0;
	padding:0 60px;
	transition:max-height .6s ease, padding-top .6s ease, padding-bottom .6s ease;
	position:relative;
}

#company section.c h2:before {
	background-position:100% 0;
}

#company section.c h2:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:8px;
	width:16px;
	background-image:url(../img/company/arrow.png);
	position:absolute;
	left:33px;
	bottom:-8px;
	z-index:5;
}

#company section.c .secCont {
	padding-top:55px;
	padding-bottom:55px;
}

#company h3 {
	margin-bottom:28px;
}

#company h4 {
	color:#5f2430;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}

#company h4:before {
	background-color:#602430;
	border-radius:50%;
	content:"";
	height:12px;
	display:inline-block;
	margin-right:5px;
	vertical-align:.05em;
	width:12px;
}

#company p {
	color:#000;
	margin-bottom:20px;
}

#company .pictArea {
	display:flex;
}

#company .pictArea .pict {
	margin-left:35px;
}

#company .pictArea ul.pict {
	display:flex;
	width:434px;
}

#company .pictArea ul.pict li {
	font-size:85%;
	width:212px;
}

#company .pictArea ul.pict li:first-child {
	margin-right:10px;
}

#company .pictArea ul.pict li img {
	display:block;
	margin-bottom:5px;
	width:100%;
}

#company .pictList {
	display:flex;
	flex-wrap:wrap;
}

#company .pictList li {
	font-size:85%;
	margin:0 30px 30px 0;
	width:280px;
}

#company .pictList li:nth-child(3n) {
	margin-right:0;
}

#company .pictList li img {
	display:block;
	margin-bottom:8px;
	width:100%;
}

#company table th {
	border-right:1px solid #e3dec7;
	padding:5px 0;
	width:135px;
}

#company table td {
	padding:5px 0 5px 30px;
}

#company #profile_japanese-goaisatsu h2 {
	background-image:url(../img/company/h201bg.png);
	border-radius:8px 8px 0 0;
	border-top:none;
}

#company #profile_japanese-goaisatsu h3 {
	border-left:none;
	font-size:145%;
	line-height:150%;
	padding-left:0;
}

#company #profile_japanese-goaisatsu.c .secCont {
	max-height:540px;
}

#company #rinen h2 {
	background-image:url(../img/company/h202bg.png);
}

#company #rinen .pictArea {
	margin-bottom:60px;
}

#company #rinen .pictArea .pict {
	font-size:80%;
	line-height:130%;
	width:280px;
}

#company #rinen .pictArea .pict img {
	display:block;
	margin-bottom:5px;
}

#company #rinen .lead {
	margin-bottom:45px;
}

#company #rinen p,
#company #rinen li {
	color:#602430;
	margin-bottom:0;
}

#company #rinen .messageArea {
	display:flex;
	justify-content:space-between;
}

#company #rinen .messageArea section {
	width:405px;
}

#company #rinen .messageArea section .logo {
	margin:0 auto 30px;
	text-align:center;
}

#company #rinen .messageArea section h4 {
	margin-bottom:5px;
}

#company #rinen.c .secCont {
	max-height:1000px;
}

#company #gaiyo h2 {
	background-image:url(../img/company/h203bg.png);
}

#company #gaiyo table th {
	border-bottom:1px solid #e3dec7;
	box-sizing:border-box;
	padding:25px 5px 25px 0;
	position:relative;
}

#company #gaiyo table th:before {
	position:absolute;
	top:0px;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#company #gaiyo table th:after {
	position:absolute;
	bottom:0;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#company #gaiyo table td {
	border-bottom:1px solid #e3dec7;
	padding:25px 30px;
}

#company #gaiyo table td ul {
	display:flex;
	flex-wrap:wrap;
	width:420px;
}

#company #gaiyo table td ul li:first-child {
	width:100%;
}

#company #gaiyo table td ul li:nth-child(2n) {
	margin-right:30px;
}

#company #gaiyo table td dl {
	display:flex;
	margin-top:20px;
}

#company #gaiyo table td dl:first-of-type {
	margin-top:0;
}

#company #gaiyo table td dl dt {
	margin-right:30px;
	width:90px;
}

#company #gaiyo table td dl dd {
	width:590px;
}

#company #gaiyo table td dl dd a {
	color:#000;
}

#company #gaiyo table tr:first-of-type th,
#company #gaiyo table tr:first-of-type td {
	border-top:1px solid #e3dec7;
}

#company #gaiyo.c .secCont {
	max-height:5000px;
}

#company #enkaku h2 {
	background-image:url(../img/company/h204bg.png);
}

#company #enkaku table tr:first-of-type th,
#company #enkaku table tr:first-of-type td {
	border-top:1px solid #e3dec7;
	padding-top:25px;
	position:relative;
}

#company #enkaku table tr:first-of-type th:before {
	position:absolute;
	top:0px;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#company #enkaku table tr:last-of-type th,
#company #enkaku table tr:last-of-type td {
	border-bottom:1px solid #e3dec7;
	padding-bottom:25px;
	position:relative;
}

#company #enkaku table tr:last-of-type th:after {
	position:absolute;
	bottom:0;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#company #enkaku.c .secCont {
	max-height:5000px;
}

#company #kyoten h2 {
	background-image:url(../img/company/h205bg.png);
}

#company #kyoten section {
	border-bottom:1px solid #e3dec7;
	margin-bottom:35px;
	padding-bottom:40px;
}

#company #kyoten section h4 {
	margin-bottom:10px;
}

#company #kyoten section .detailArea {
	width:434px;
}

#company #kyoten section .detailArea p {
	border-bottom:1px solid #e3dec7;
	padding-bottom:22px;
}

#company #kyoten section .detailArea p:last-of-type {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

#company #kyoten section .detailArea p a {
	color:#000;
}

#company #kyoten .overseas {
	margin-bottom:40px;
}

#company #kyoten .overseas p {
	margin-bottom:35px;
}

#company #kyoten .overseas ul {
	display:flex;
}

#company #kyoten .overseas ul li {
	font-size:80%;
	line-height:130%;
	margin-right:20px;
}

#company #kyoten .overseas ul li img {
	display:block;
	margin-bottom:5px;
}

#company #kyoten.c .secCont {
	max-height:3000px;
}

#company #quality h2 {
	background-image:url(../img/company/h206bg.png);
}

#company #quality .pictArea p {
	margin-bottom:55px;
	width:435px;
}

#company #quality .pictArea .pict {
	margin-left:30px;
}

#company #quality .about {
	margin-bottom:15px;
}

#company #quality .about li span {
	color:#602430;
}

#company #quality dl {
	border-radius:12px;
	background-color:#f4efda;
	margin-bottom:40px;
	padding:35px 40px;
}

#company #quality dl:last-of-type {
	margin-bottom:0;
}

#company #quality dl dt {
	color:#602430;
	font-weight:bold;
	margin-bottom:10px;
}

#company #quality dl dd {
	margin-bottom:10px;
}

#company #quality dl dd:last-of-type {
	margin-bottom:0;
}

#company #quality.c .secCont {
	max-height:5000px;
}

#company #quality2 h2 {
	background-image:url(../img/company/h209bg.png);
}

#company #quality2 ul {
	margin-bottom:30px;
}

#company #quality2 ul:last-of-type {
	margin-bottom:0;
}

#company #quality2 ul li {
	text-indent:-1em;
	padding-left:1em;
}

#company #quality2.c .secCont {
	max-height:1000px;
}

#company #kenkyu h2 {
	background-image:url(../img/company/h207bg.png);
}

#company #kenkyu .pictList {
	margin:35px auto 55px;
}

#company #kenkyu .info {
	box-sizing:border-box;
	border:1px solid #b8b092;
	border-radius:12px;
	padding:0 40px 40px;
	width:100%;
}

#company #kenkyu .info h3 {
	background-color:#b8b092;
	border-radius:12px 12px 0 0;
	border:none;
	color:#fff;
	margin:0 -40px 35px;
	padding:15px 0;
	text-align:center;
}

#company #kenkyu .info .pictArea {
	margin-bottom:35px;
}

#company #kenkyu .info .pictArea .pict {
	margin-left:40px;
}

#company #kenkyu .info .pictArea .detailArea h4 {
	margin-bottom:15px;
}

#company #kenkyu .info .pictArea .detailArea h4:before {
	display:none;
}

#company #kenkyu .info .pictArea .detailArea p {
	margin-bottom:15px;
}

#company #kenkyu .info .pictArea .detailArea p.note {
	font-size:85%;
}

#company #kenkyu .info .pictArea .detailArea dl {
	border-top:1px solid #e3dec7;
	border-bottom:1px solid #e3dec7;
	display:flex;
	padding:10px 0;
}

#company #kenkyu .info .pictArea .detailArea dl dt {
	background-color:#e3dec7;
	display:flex;
	font-size:85%;
	align-items:center;
	justify-content:center;
	margin-right:24px;
	width:140px;
}

#company #kenkyu .info .pictArea .detailArea dl dd {
	font-size:85%;
}

#company #kenkyu .info .infoDetail {
	border-radius:8px;
	background-color:#f8f4ad;
	margin-bottom:20px;
	padding:35px 40px;
}

#company #kenkyu .info .infoDetail:last-of-type {
	background-color:#fae1f9;
	margin-bottom:0;
}

#company #kenkyu .info .infoDetail .detailArea {
	display:flex;
	justify-content:space-between;
}

#company #kenkyu .info .infoDetail .detailArea ul {
	width:460px;
}

#company #kenkyu .info .infoDetail .detailArea ul li {
	background:url(../img/company/arrow2.png) no-repeat 0 8px;
	margin-bottom:12px;
	padding-left:18px;
}

#company #kenkyu .info .infoDetail .detailArea ul li:last-child {
	margin-bottom:0;
}

#company #kenkyu .info .infoDetail .detailArea ul li strong {
	color:#f00;
}

#company #kenkyu .info .infoDetail .detailArea .link {
	width:240px;
}

#company #kenkyu .info .infoDetail .detailArea .link a {
	border-radius:8px;
	background-color:#602430;
	color:#fff;
	font-weight:bold;
	display:block;
	padding:35px 0;
	text-align:center;
	transition:opacity .3s;
	text-decoration:none;
}

#company #kenkyu .info .infoDetail .detailArea .link a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#company #kenkyu .info .infoDetail .detailArea .link a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:7px;
	background-image:url(../img/common/arrow.png);
	display:inline-block;
	margin-left:8px;
}

#company #kenkyu.c .secCont {
	max-height:1600px;
}

#company #kanren h2 {
	background-image:url(../img/company/h208bg.png);
}

#company #kanren section {
	border-bottom:1px solid #e3dec7;
	margin-bottom:35px;
	padding-bottom:35px;
	width:100%;
}

#company #kanren section:last-of-type {
	margin-bottom:0;
}

#company #kanren section h4 {
	margin-bottom:10px;
}

#company #kanren section p {
	margin-bottom:0;
}

#company #kanren section .pictArea p {
	width:430px;
}

#company #kanren.c .secCont {
	max-height:900px;
}

#company .eng #gaiyo table td ul {
	display:block;
}

#company .eng #kenkyu .pictList {
	margin-bottom:0;
}

#company .eng #kenkyu .info {
	display:none;
}

/*********kenkyu2*********/
#kenkyu2 h4 {
	color:#5f2430;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}

#kenkyu2 h4:before {
	background-color:#602430;
	border-radius:50%;
	content:"";
	height:12px;
	display:inline-block;
	margin-right:5px;
	vertical-align:.05em;
	width:12px;
}

#kenkyu2 p {
	color:#000;
	margin-bottom:15px;
}

#kenkyu2 p.note {
	font-weight:bold;
}

#kenkyu2 p.note span {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 10%, #e3ddbd 0%) repeat scroll 0 0;
}

#kenkyu2 p.resultSummary {
	border:1px solid #5f2430;
	font-size:120%;
	margin-bottom:35px;
	padding:15px 20px;
}

#kenkyu2 p.resultSummary strong {
	color:#f00;
}

#kenkyu2 .resultArea {
	border-top:1px solid #e4dcbd;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:60px;
	padding-top:15px;
}

#kenkyu2 .resultArea h5 {
	margin-bottom:12px;
	width:100%;
}

#kenkyu2 .resultArea .detailArea {
	width:645px;
}

#kenkyu2 .resultArea .detailArea p {
	background-color:#fff;
	margin-bottom:0;
	padding:15px 20px;
}

#kenkyu2 .resultArea .detailArea p span {
	font-weight:bold;
}

#kenkyu2 .resultArea .detailArea p strong {
	color:#f00;
}

#kenkyu2 .resultArea .detailArea p.resultNote {
	background-color:inherit;
	font-size:90%;
	padding:5px 0 0;
}

#kenkyu2 .resultArea .pict {
	width:302px;
}

/*********recruit*********/
#recruit .titleArea {
	background:url(../img/recruit/mainBg.jpg) no-repeat 50% 100%;
	background-size:cover;
	height:540px;
}

#recruit .titleArea h1 {
	padding:90px 0 0;
	text-align:center;
}

#recruit .titleArea h1 span {
	border-bottom:1px solid #fff;
	display:inline-block;
	font-size:75%;
	font-weight:bold;
	letter-spacing:.1em;
	color:#fff;
	padding-bottom:8px;
}

#recruit .titleArea h1 img {
	display:block;
	margin:35px auto 0;
}

#recruit section {
	margin-top:-70px;
	position:relative;
	z-index:5;
}

#recruit section .secCont {
	background:url(../img/recruit/contBg.png) no-repeat 100% -90px #fff;
	box-sizing:border-box;
	padding:75px 80px;
}

#recruit section .lead {
	margin:0 auto;
	display:flex;
	justify-content:center;
	width:1020px;
}

#recruit section p {
	color:#000;
	line-height:230%;
	margin-bottom:65px;
	width:620px;
}

#recruit section table {
	margin-bottom:55px;
}

#recruit section table th {
	border-bottom:1px solid #e3dec7;
	border-right:1px solid #e3dec7;
	box-sizing:border-box;
	padding:25px 5px 25px 0;
	position:relative;
	width:135px;
}

#recruit section table th:before {
	position:absolute;
	top:0px;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#recruit section table th:after {
	position:absolute;
	bottom:0;
	right:-1px;
	background-color:#fff;
	content:"";
	height:10px;
	display:block;
	width:2px;
}

#recruit section table td {
	border-bottom:1px solid #e3dec7;
	padding:25px 30px;
}

#recruit section table tr:first-of-type th,
#recruit section table tr:first-of-type td {
	border-top:1px solid #e3dec7;
}

#recruit section dl {
	text-align:center;
}

#recruit section dl dt {
	font-weight:bold;
}

#recruit section dl dd {
	margin:15px auto 0;
}

#recruit section dl dd.link {
	width:350px;
}

#recruit section dl dd.link a {
	display:block;
	position:relative;
	transition:opacity .3s;
	text-decoration:none;
}

#recruit section dl dd.link a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#recruit section dl dd.link a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:17px;
	position:absolute;
	top:30px;
	right:0px;
	background-image:url(../img/csr/report/icon02.png);
	display:inline-block;
	height:8px;
	vertical-align:middle;
	width:10px;
}

/*********gallary*********/
#gallary .lead {
	font-size:120%;
}

#gallary .cmList {
	display:flex;
	flex-wrap:wrap;
}

#gallary .cmList li {
	margin:0 24px 35px 0;
	width:237px;
}

#gallary .cmList li:nth-child(4n) {
	margin-right:0;
}

#gallary .cmList li a {
	transition:opacity .3s;
	text-decoration:none;
}

#gallary .cmList li a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#gallary .cmList li img {
	width:100%;
}

#gallary .cmList li .pict {
	margin-bottom:15px;
}

#gallary .cmList li dl dt {
	color:#602430;
	font-size:120%;
	font-weight:bold;
	margin-bottom:5px;
}

#gallary .cmList li dl dt span {
	font-size:90%;
	display:block;
}

#gallary .cmList li dl dt img {
	display:block;
	margin-bottom:4px;
	width:auto;
}

/*********news*********/
#news .newsTab {
	margin-bottom:35px;
}

#news .newsCont {
	margin-bottom:55px;
}

#news .secTitle {
	margin-bottom:20px;
}

#news .newsInfo {
	margin-bottom:40px;
	text-align:right;
}

#news .newsInfo span {
	background-color:#a0a0a0;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	margin-right:10px;
	padding:1px 12px;
}

#news .pict {
	margin:0 auto 35px;
	text-align:center;
}

#news .pict img {
	max-width:100%;
}

#news p {
	color:#000;
}

#news .newsData {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:35px;
	padding:15px 0;
}

#news .newsData dt {
	font-weight:bold;
}

#news h3 {
	margin-top:80px;
}

#news .back {
	margin:80px auto 35px;
	text-align:center;
}

#news .back a {
	background-color:#5f2430;
	border-radius:30px;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	font-size:105%;
	margin:0 auto;
	padding:8px 0;
	position:relative;
	width:220px;
	transition:opacity .3s;
	text-decoration:none;
}

#news .back a:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#news .back a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:7px;
	background-image:url(../img/common/arrow.png);
	position:absolute;
	top:15px;
	right:20px;
}

@media screen and (max-width: 960px) {
	#news .back a {
		padding:2.5vw 0;
		width:55%;
	}

	#news .back a:after {
		height:2.3vw;
		top:50%;
		margin-top:-.95vw;
		right:3vw;
		width:1.5vw;
	}
}

/*********toiawase*********/
#toiawase p {
	color:#000;
}

#toiawase p.lead {
	margin:75px auto 0;
	text-align:center;
	width:1020px;
}

#toiawase p.compLead {
	margin:0 auto 75px;
	text-align:center;
}

#toiawase p.check {
	margin:0 auto 40px;
	text-align:center;
}

#toiawase p.check span {
	color:#fe0000;
}

#toiawase p.check input {
	display:none;
}

#toiawase p.check input:checked + label:before {
	background-position:100% 0;
}

#toiawase p.check label {
	padding-left:30px;
	position:relative;
}

#toiawase p.check label:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:200%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:20px;
	width:20px;
	background-image:url(../img/toiawase/check.png);
	position:absolute;
	top:-2px;
	left:0px;
}

#toiawase .faqArea dl dt {
	border-top:1px solid #fff;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-color:#e4dcbd;
	background-size:contain;
	cursor:pointer;
	font-size:105%;
	font-weight:bold;
	position:relative;
	padding:37px 85px 37px 85px;
}

#toiawase .faqArea dl dt:before {
	background-color:#efead7;
	border-radius:50%;
	content:"Q";
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:25px;
	left:22px;
	width:44px;
}

#toiawase .faqArea dl dt:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:200%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:24px;
	width:24px;
	background-image:url(../img/company/titleIcon.png);
	position:absolute;
	top:35px;
	right:40px;
}

#toiawase .faqArea dl dd {
	background-color:#fff;
	box-sizing:border-box;
	max-height:0;
	overflow:hidden;
	padding:0 60px;
	transition:max-height .5s ease-out, padding-top .4s ease-out, padding-bottom .4s ease-out;
	position:relative;
}

#toiawase .faqArea dl dd p {
	margin-bottom:20px;
}

#toiawase .faqArea dl dd p:last-of-type {
	margin-bottom:0;
}

#toiawase .faqArea dl:first-of-type dt {
	border-top:none;
	border-radius:8px 8px 0 0;
}

#toiawase .faqArea dl.c dt:after {
	background-position:100% 0;
}

#toiawase .faqArea dl.c dd {
	max-height:400px;
	padding-top:55px;
	padding-bottom:55px;
}

#toiawase .faqArea dl.c dd:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:8px;
	width:16px;
	position:absolute;
	top:0px;
	left:33px;
	background-image:url(../img/company/arrow.png);
}

#toiawase .faqLink {
	margin:10px 0 0;
	padding:0 10px;
	text-align:right;
}

#toiawase .faqLink a {
	color:#000;
}

#toiawase .faqLink a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:8px;
	width:10px;
	background-image:url(../img/csr/report/icon02.png);
	display:inline-block;
	margin-left:5px;
}

#toiawase .tel {
	display:flex;
	align-items:center;
}

#toiawase .tel dt {
	background-color:#e4dcbd;
	font-weight:bold;
	margin-right:20px;
	padding:18px 20px;
}

#toiawase .tel dd {
	font-weight:bold;
	width:415px;
}

#toiawase .tel dd.telLink {
	border-right:1px solid #000;
	display:flex;
	align-items:center;
	margin-right:25px;
	padding:0 30px 0 0;
}

#toiawase .tel dd.telLink:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:57px;
	width:63px;
	display:inline-block;
	background-image:url(../img/toiawase/telIcon.png);
	margin-right:20px;
}

#toiawase .tel dd.telLink a {
	color:#000;
	font-size:300%;
	font-weight:bold;
	pointer-events:none;
	text-decoration:none;
}

#toiawase table {
	margin:90px auto 35px;
}

#toiawase table th {
	border-bottom:1px solid #e3dec7;
	border-right:1px solid #e3dec7;
	box-sizing:border-box;
	padding:25px 5px 25px 0;
	position:relative;
	width:175px;
}

#toiawase table th:before {
	position:absolute;
	top:0px;
	right:-1px;
	background-color:#f4efdb;
	content:"";
	height:15px;
	display:block;
	width:2px;
}

#toiawase table th:after {
	position:absolute;
	bottom:0;
	right:-1px;
	background-color:#f4efdb;
	content:"";
	height:15px;
	display:block;
	width:2px;
}

#toiawase table th span {
	color:#fe0000;
}

#toiawase table td {
	border-bottom:1px solid #e3dec7;
	padding:20px 0 20px 30px;
}

#toiawase table td input {
	background-color:#e4dcbd;
	border:1px solid #d5ceb1;
	box-sizing:border-box;
	height:40px;
	padding:0 10px;
	width:680px;
}

#toiawase table td input:placeholder-shown {
	color:#8f8a75;
}

#toiawase table td input::-webkit-input-placeholder {
	color:#8f8a75;
}

#toiawase table td input:-moz-placeholder {
	color:#8f8a75;
	opacity:1;
}

#toiawase table td input::-moz-placeholder {
	color:#8f8a75;
	opacity:1;
}

#toiawase table td input:-ms-input-placeholder {
	color:#8f8a75;
}

#toiawase table td input.size01 {
	width:250px;
}

#toiawase table td input.size02 {
	width:450px;
}

#toiawase table td input.size03 {
	width:120px;
}

#toiawase table td br + input {
	margin-top:12px;
}

#toiawase table td span {
	color:#8f8a75;
	margin-left:15px;
}

#toiawase table td span.zip {
	margin:0 15px 0 0;
}

#toiawase table td a {
	color:#000;
	text-decoration:none;
	pointer-events:none;
}

#toiawase table td a.zipLink {
	border-radius:4px;
	background-color:#602430;
	color:#fff;
	display:inline-block;
	margin-left:18px;
	padding:8px 10px;
	transition:opacity .3s;
	text-decoration:none;
}

#toiawase table td a.zipLink:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#toiawase table td textarea {
	background-color:#e4dcbd;
	border:1px solid #d5ceb1;
	box-sizing:border-box;
	height:200px;
	padding:5px 10px;
	width:100%;
}

#toiawase table tr:first-of-type th,
#toiawase table tr:first-of-type td {
	border-top:1px solid #e3dec7;
}

#toiawase .btn {
	margin:0 auto 40px;
	text-align:center;
}

#toiawase .btn a,
#toiawase .btn button {
	background-color:#ffc468;
	border-radius:30px;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	font-size:105%;
	margin:0 auto;
	padding:8px 0;
	position:relative;
	width:220px;
	transition:opacity .3s;
	text-decoration:none;
}

#toiawase .btn a:hover,
#toiawase .btn button:hover {
	  -moz-opacity:.8;
	-khtml-opacity:.8;
	       opacity:.8;
	-ms-filter:"alpha(opacity=80)";
	    filter:alpha(opacity=80);
	text-decoration:none;
}

#toiawase .btn a:after,
#toiawase .btn button:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:7px;
	background-image:url(../img/common/arrow.png);
	position:absolute;
	top:15px;
	right:20px;
}

@media screen and (max-width: 960px) {
	#toiawase .btn a,
	#toiawase .btn button {
		padding:2.5vw 0;
		width:55%;
	}

	#toiawase .btn a:after,
	#toiawase .btn button:after {
		height:2.3vw;
		top:50%;
		margin-top:-.95vw;
		right:3vw;
		width:1.5vw;
	}
}

#toiawase .btn.back a {
	background-color:#bfbfbf;
}

#toiawase .btn.back a:after {
	transform:scale(-1, 1);
	right:auto;
	left:20px;
}

#toiawase ul.btn {
	display:flex;
	justify-content:center;
}

#toiawase ul.btn li {
	margin:0 6px;
}

#toiawase ul.btn li:first-child button {
	background-color:#bfbfbf;
}

#toiawase ul.btn li:first-child button:after {
	transform:scale(-1, 1);
	right:auto;
	left:20px;
}

#toiawase .compTitle {
	font-size:160%;
	font-weight:bold;
	margin:0 auto 30px;
	text-align:center;
}

/*********character*********/
#character .contents {
	padding-bottom:0;
}

#character section {
	background:url(../img/character/bg.jpg) no-repeat 50% 0;
	background-size:cover;
	margin-top:0 !important;
	padding:80px 0 120px;
	position:relative;
}

#character section h2 {
	margin:0 auto 100px;
	text-align:center;
}

#character .prev {
	background:#602430;
	border-radius:50%;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
	margin-top:-30px;
	position:absolute;
	top:50%;
	width:60px;
	z-index:10;
}

#character .prev:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:15px;
	width:10px;
	background-image:url(../img/common/arrow.png);
	transform:rotate(-180deg);
}

#character .next {
	background:#602430;
	border-radius:50%;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
	margin-top:-30px;
	position:absolute;
	top:50%;
	width:60px;
	z-index:10;
}

#character .next:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:15px;
	width:10px;
	background-image:url(../img/common/arrow.png);
}

#character .popupAreaWrap {
	position:absolute;
	top:130px;
	left:0;
	right:0;
	z-index:-1;
	opacity:0;
	transition:all .6s ease-in-out .3s;
}

#character .popupAreaWrap.c {
	opacity:1;
	z-index:20;
}

#character .popupArea {
	margin:0 auto;
	padding:0 105px;
	width:890px;
}

#character .popupArea .slideCont {
	outline:none;
	padding:15px;
}

#character .popupArea .slideCont section {
	background:#fff;
	border-radius:20px;
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, .5);
	box-sizing:border-box;
	margin:0 auto;
	padding:35px 40px;
	position:relative;
}

#character .popupArea .slideCont section .close {
	outline:none;
	background-color:#fff;
	border:1px solid #602430;
	border-radius:50%;
	cursor:pointer;
	height:38px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:38px;
	position:absolute;
	top:-15px;
	right:-15px;
}

#character .popupArea .slideCont section .close:before {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:10px;
	width:10px;
	background-image:url(../img/common/close.png);
}

#character .popupArea .slideCont section h3 {
	background-color:#602430;
	border:none;
	border-radius:30px;
	color:#fff;
	font-size:120%;
	display:flex;
	align-items:center;
	margin-bottom:25px;
	padding:0;
}

#character .popupArea .slideCont section h3 span {
	border-right:1px solid #fff;
	display:block;
	font-size:70%;
	margin-right:15px;
	padding:15px 15px 15px 20px;
}

#character .popupArea .slideCont section .pictArea {
	display:flex;
	flex-flow:row-reverse;
}

#character .popupArea .slideCont section .pictArea .detailArea {
	width:285px;
}

#character .popupArea .slideCont section .pictArea .detailArea p {
	color:#000;
}

#character .popupArea .slideCont section .pictArea .detailArea table th {
	border-bottom:1px solid #e3dec7;
	border-right:1px solid #e3dec7;
	box-sizing:border-box;
	font-size:85%;
	padding:15px 5px 15px 0;
	position:relative;
	width:90px;
}

#character .popupArea .slideCont section .pictArea .detailArea table th:before {
	position:absolute;
	top:0px;
	right:-1px;
	background-color:#fff;
	content:"";
	height:4px;
	display:block;
	width:2px;
}

#character .popupArea .slideCont section .pictArea .detailArea table th:after {
	position:absolute;
	bottom:0;
	right:-1px;
	background-color:#fff;
	content:"";
	height:4px;
	display:block;
	width:2px;
}

#character .popupArea .slideCont section .pictArea .detailArea table td {
	border-bottom:1px solid #e3dec7;
	font-size:85%;
	padding:15px 0 15px 20px;
}

#character .popupArea .slideCont section .pictArea .detailArea table tr:first-of-type th,
#character .popupArea .slideCont section .pictArea .detailArea table tr:first-of-type td {
	border-top:1px solid #e3dec7;
}

#character .popupArea .slideCont section .pictArea .pict {
	text-align:center;
	width:285px;
}

#character .popupArea .slideCont section .pictArea .pict img {
	height:90%;
	margin:0 auto;
	width:auto;
}

#character .popupArea .prev {
	left:0;
}

#character .popupArea .next {
	right:0;
}

#character .slideArea .slideCont {
	outline:none;
	cursor:pointer;
	padding:40px 30px 0;
	text-align:center;
}

#character .slideArea .slideCont img {
	transform:scale(.85);
	transition:all .6s ease-in-out .3s;
	width:100%;
}

#character .slideArea .slideCont span {
	border:2px solid #602430;
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, .5);
	background-color:#fff;
	border-radius:30px;
	font-size:120%;
	font-weight:bold;
	color:#602430;
	display:inline-block;
	margin:35px auto 0;
	padding:6px 40px;
	opacity:0;
	transition:all .6s ease-in-out .3s;
}

#character .slideArea .slideCont.slick-center img {
	transform:scale(1.15);
}

#character .slideArea .slideCont.slick-center span {
	opacity:1;
}

#character .slideArea .prev {
	left:50%;
	margin-left:-250px;
}

#character .slideArea .next {
	right:50%;
	margin-right:-250px;
}

/*********error*********/
#error .secCont {
	background-color:#fff;
	border-radius:10px;
	box-sizing:border-box;
	padding:50px;
	text-align:center;
	width:700px;
}

#error h2 {
	background-color:#602430;
	border-radius:30px;
	display:inline-block;
	color:#fff;
	font-size:135%;
	font-weight:bold;
	margin:0 auto 20px;
	padding:8px 30px;
	position:relative;
}

#error h2:after {
	background:linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #602430 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #602430 50.5%) no-repeat top right/50% 100%;
	content:"";
	display:block;
	height:14px;
	width:20px;
	margin:0 auto;
	position:absolute;
	bottom:-14px;
	left:0;
	right:0;
}

#error .pict {
	margin:0 auto 30px;
}

#error p {
	color:#000;
	font-size:95%;
	margin:0 auto;
}

/*********history*********/
#history .leadArea {
	background:url(../img/history/bg.png) no-repeat 50% 0;
	background-size:cover;
}

#history .leadArea dl {
	margin:0 auto;
	padding:80px 0;
	width:1020px;
}

#history .leadArea dl dt {
	margin-bottom:30px;
}

#history .leadArea dl dd {
	width:500px;
}

#history .anchor {
	display:flex;
	justify-content:space-between;
	margin:75px auto 0;
	width:1020px;
}

#history .anchor li {
	text-align:center;
	width:198px;
}

#history .anchor li a {
	background:url(../img/history/arrow.png) no-repeat 96% 50% #fff;
	border:1px solid #5f2430;
	color:#5f2430;
	font-weight:bold;
	display:block;
	padding:8px 0;
	text-decoration:none;
}

#history .anchor li a:hover {
	background-color:#5f2430;
	background-image:url(../img/history/arrow2.png);
	color:#fff;
}

#history #history02 .secCont dl:last-of-type {
	min-height:390px;
}

#history #history02 .secCont:last-of-type dl:last-of-type {
	min-height:0;
}

#history #history03 .secCont dl:last-of-type {
	min-height:300px;
}

#history .secCont {
	position:relative;
}

#history .secCont dl {
	border-left:2px solid #e3dec7;
	display:flex;
	margin-left:17px;
	padding-bottom:50px;
}

#history .secCont dl.note {
	padding-top:60px;
	padding-bottom:75px;
}

#history .secCont dl dt {
	box-sizing:border-box;
	color:#5f2430;
	font-style:italic;
	font-size:160%;
	font-weight:bold;
	padding-left:32px;
	position:relative;
	width:150px;
}

#history .secCont dl dt:before {
	background-color:#fff;
	border:4px solid #e3dec7;
	border-radius:50%;
	content:"";
	height:10px;
	display:block;
	position:absolute;
	top:10px;
	left:-10px;
	width:10px;
}

#history .secCont dl dt.first:before {
	height:28px;
	top:1px;
	left:-19px;
	width:28px;
}

#history .secCont dl dd {
	color:#5f2430;
	font-size:105%;
	padding-top:6px;
	width:840px;
}

#history .secCont dl dd a {
	color:#5f2430;
}

#history .secCont dl dd p {
	background:url(../img/history/noteIcon.png) no-repeat 20px 20px #fff;
	border-radius:12px;
	box-sizing:border-box;
	min-height:80px;
	margin:25px 0 0;
	padding:18px 25px 20px 95px;
}

#history .secCont dl dd p.note {
	padding-top:25px;
}

#history .secCont dl dd p.small {
	width:530px;
}

#history .secCont .pict {
	position:absolute;
}

#history .secCont .pict img {
	display:block;
}

#history .secCont .pict span {
	color:#5f2430;
	display:block;
	font-size:90%;
	margin-top:4px;
}

#history .secCont .pict span + img {
	margin-top:10px;
}

#history .secCont .pict a {
	font-size:90%;
	margin-top:4px;
	display:inline-block;
}

#history .secCont .pict a:after {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
	text-indent:180%;
	white-space:nowrap;
	content:"";
	display:block;
	height:8px;
	width:10px;
	background-image:url(../img/csr/report/icon02.png);
	display:inline-block;
	margin-left:8px;
}

#history .secCont .pict01 {
	top:0;
	right:0;
}

#history .secCont .pict02 {
	top:0;
	right:0;
}

#history .secCont .pict03 {
	top:440px;
	right:0;
}

#history .secCont .pict04 {
	top:60px;
	right:0;
}

#history .secCont .pict05 {
	top:225px;
	right:0;
}

#history .secCont .pict06 {
	top:133px;
	right:316px;
}

#history .secCont .pict07 {
	top:230px;
	right:165px;
}

#history .secCont .pict08 {
	top:335px;
	right:0;
}

#history .secCont .pict09 {
	top:0;
	right:0;
}

#history .secCont .pict10 {
	top:0;
	right:0;
}

#history .secCont .pict11 {
	top:220px;
	right:0;
}

#history .secCont .pict12 {
	top:660px;
	right:0;
}

#history .secCont .pict13 {
	top:0;
	right:0;
}

#history .secCont .pict14 {
	top:550px;
	right:0;
}

#history .episodeArea {
	background-color:#e3dec7;
	padding:40px 0;
}

#history .episodeArea dl {
	box-sizing:border-box;
	margin:0 auto;
	min-height:160px;
	padding-left:240px;
	position:relative;
	width:1020px;
}

#history .episodeArea dl dt {
	color:#602430;
	font-size:160%;
	font-weight:bold;
	font-style:italic;
	line-height:140%;
	margin-bottom:15px;
}

#history .episodeArea dl dt span {
	font-size:50%;
	font-style:normal;
	display:block;
	letter-spacing:.4em;
	margin-left:7px;
}

#history .episodeArea dl dd {
	color:#602430;
}

#history .episodeArea dl dd.pict {
	position:absolute;
	top:0px;
	left:0px;
}


@media only screen and (min-width: 960px) {
	_:-ms-input-placeholder,
	:root #company #kenkyu .info > .pictArea {
		display:inline-block;
	}

	_:-ms-input-placeholder,
	:root #company #kenkyu .info > .pictArea > .detailArea {
		width:65%;
		float:left;
	}

	_:-ms-input-placeholder,
	:root #company #kenkyu .info > .pictArea > .pict {
		width:32%;
		margin-left:2.5%;
		display:inline-block;
	}

	_:-ms-input-placeholder,
	:root #company #quality .pictArea .pict > li {
		display:inline-block;
	}
}



.videobox a {
	position:relative;
	display:inline-block;
	transition:.3s;
}

.videobox a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	     opacity:.7;
}

.videobox a::after {
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	width:40px;
	height:30px;
	margin:auto;
	content:"";
	background:url(../img/cooking/mrk_play.svg) no-repeat;
	background-size:40px auto;
}

.h301 .videobox a::after,
.month .videobox a::after {
	width:60px;
	height:45px;
	background-size:60px auto;
}

#company .jp > section.c > .secCont,
#company .eng > section.c > .secCont {
	max-height:5000px !important;
}