@charset "UTF-8";
.commitment .intro .intro-content--el_0 .intro-heading--size_small {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 200;
	letter-spacing: 0;
	line-height: 1.75
}
.commitment .intro .intro-content--el_1 .intro-heading {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: .04em;
	line-height: 1.5
}
.commitment .intro .intro-content--el_0 .intro-heading--size_middle {
	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", MS PGothic, -apple-system, BlinkMacSystemFont, Verdana, Roboto, Droid Sans, sans-serif;
	font-size: 50px;
	font-size: 5rem;
	font-weight: 200;
	letter-spacing: .04em;
	line-height: 1.08
}
.commitment .intro .intro-content--el_1 .intro-sentence {
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: .04em;
	line-height: 2
}
.commitment .hr {
	background-color: #f3edf0;
	border: 0;
	height: 0;
	padding-top: 50px;
	margin: 0;
	box-shadow: none
}

.commitment .intro .intro-content {
	color: #fff
}
.commitment .intro .intro-content--el_0 {
	background-image: url(../images/commitment/pc-main-visual-0.jpg?v=210126);
	background-position: center;
	background-size: cover
}
.commitment .intro .intro-content--el_0 .intro-header {
	position: relative;
	top: 0;
	left: 0
}
.commitment .intro .intro-content--el_0 .intro-header:before {
	display: block;
	content: "";
	padding: 680px 0 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1
}
.commitment .intro .intro-content--el_0 .intro-header__inner {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
.commitment .intro .intro-content--el_0 .intro-heading {
	text-align: center;text-shadow: 0 0 21px rgba(80, 80, 80, .65);
}
.commitment .intro .intro-content--el_0 .main-visual-logo {
	width: 454px
}
.commitment .intro .intro-content--el_0 .intro-heading--size_middle {
	padding: 0 0 288px 8px;
	text-shadow: 0 0 21px rgba(80, 80, 80, .65)
}
.commitment .intro .intro-content--el_1 {
	background-color: #1c251d
}
.commitment .intro .intro-content--el_1 .intro-content__inner {
	padding: 0 70px 33px
}
.commitment .intro .intro-content--el_1 .intro-header {
	padding: 5.16667% 0 0
}
.commitment .intro .intro-content--el_1 .intro-heading {
	text-align: center;
	margin-bottom: 11px
}
.commitment .intro .intro-content--el_1 .intro-sentences {
	text-align: center;
	padding: 74px 0 0
}
.commitment .intro .intro-content--el_1 .intro-factoryfarm {
	padding: 64px 0 0
}
.commitment .intro .intro-content--el_1 .intro-factoryfarm .intro-sentence {
	max-width: 790px;
	margin: 0 auto 34px;
	text-align: left;
	line-height: 1.75
}
.commitment .intro .intro-content--el_1 .intro-factoryfarm-img {
	background-image: url(../images/commitment/detail-0-0-pc.png);
	background-size: cover;
	padding: 26.08333% 0 0;
	margin-bottom: 40px
}

.commitment .intro .intro-heading {
	margin: 0
}
.commitment .intro .intro-sentence {
	margin: 0
}
.commitment .commitment-material_process .commitment-material_process__inner {
	padding: 0
}
.commitment .commitment-material_process .commitment-material_process__section {
	width: 100%;
	margin: 0 auto;
	position: relative;
	color: #333
}
.commitment .commitment-material_process .commitment-material_process-img-holder {
	background-image: url(../images/commitment/detail-1-0.jpg);
	background-position: center;
	background-size: cover;
	height: 680px
}
.commitment .commitment-material_process .commitment-material_process-img {
	display: none
}
.commitment .commitment-material_process .commitment-material_process-txt-holder {
	position: absolute;
	top: 28.67647%;
	left: 13.46154%;
	color: #fff;
	width: 40%
}
.commitment .commitment-material_process .commitment-material_process-txt-holder__a {
	text-decoration: none
}
.commitment .commitment-material_process .commitment-material_process__h {
	font-size: 22px;
	font-weight: 100;
	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", MS PGothic, -apple-system, BlinkMacSystemFont, Verdana, Roboto, Droid Sans, sans-serif;
	margin: 0;
	letter-spacing: .15em;
	margin-bottom: 20px;
	color: #FFF
}
.commitment .commitment-material_process .commitment-material_process__p {
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 1.75
}
.commitment .commitment-material_process .commitment-material_process-txt-holder a.btn {
		background-color: #FFF;
    color: #000;
    padding: 18px 0;
    font-size: 14px;
    font-size: 1.4em;
    text-decoration: none;
	height: 53px;margin: 30px auto 30px 0 ;
	display: block;position: relative;
	max-width: 350px;width: 100%;
	}
.commitment .commitment-material_process .commitment-material_process-txt-holder a.btn span {display: block;text-align: center;}
.commitment .commitment-material_process .commitment-material_process-ul {
	position: absolute;
	top: 29.41176%;
	right: 12.69231%;
	padding: 0;
	margin: 0;
	width: 28.61538%;
	min-width: 235px;
	max-width: 372px
}
.commitment .commitment-material_process .commitment-material_process-ul li {
  display: flex;
  align-items: center;
	list-style: none;
	min-height: 50px;
	background-color: #FFF;
	margin-bottom: 1px;
	/* line-height: 3.9 */
}
.commitment .commitment-material_process .commitment-material_process-ul li:hover {
	opacity: .8
}
.commitment .commitment-material_process .commitment-material_process-ul li a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
	font-size: 1.4em;
	display: block;
	width: 100%;
	padding: 0 20px
}
.commitment .commitment-healthy {
	padding: 40px 0 0;
	background-color: #1c251d
}
.commitment .commitment-healthy .commitment-healthy__inner {
	padding: 0
}
.commitment .commitment-healthy .commitment-healthy__section {
	width: 100%;
	text-align: center;
	position: relative;
	color: #FFF
}
.commitment .commitment-healthy .commitment-healthy-img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4.69231% 0 1.92308%;
	width: 23.46154%;
	max-width: 305px
}
.commitment .commitment-healthy .commitment-healthy__p {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	padding: 88px 0 60px;
	margin: 0;
	letter-spacing: .05em;
	text-align: left;
	line-height: 1.75;
	width: 27.53846%;
	max-width: 358px
}
.commitment .commitment-healthy .commitment-healthy__ul {
	background-image: url(../images/commitment/detail-2-bg-0.png);
	background-size: cover;
	padding: 59px 0 92px;
	margin: 31px 0 0
}
.commitment .commitment-healthy .commitment-healthy__ul li {
	display: inline-block;
	margin: 0 40px
}
.commitment .commitment-healthy .commitment-healthy__ul li:hover {
	opacity: .8
}
.commitment .commitment-healthy .commitment-healthy__ul img {
	display: block
}
.commitment .commitment-healthy .commitment-healthy__ul a {
	text-decoration: none
}
.commitment .commitment-healthy .commitment-healthy__ul .commitment-healthy__detail {
	margin-top: 20px;
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4em;
	letter-spacing: .05em
}
.commitment .commitment-healthy .commitment-healthy__bk-img-1 {
	position: absolute;
	top: -11px;
	left: 0;
	width: 18.84615%;
	max-width: 245px
}
.commitment .commitment-healthy .commitment-healthy__bk-img-2 {
	position: absolute;
	top: 177px;
	right: 0;
	width: 20.46154%;
	max-width: 266px
}
.commitment .commitment-healthy .commitment-healthy__bk-img-3 {
	position: absolute;
	top: 280px;
	left: 0;
	width: 22.38462%;
	max-width: 291px
}
.commitment .commitment-safety .commitment-safety__inner {
	padding: 0
}
.commitment .commitment-safety .commitment-safety__section {
	width: 100%;
	margin: 0 auto;
	position: relative;
	color: #333
}
.commitment .commitment-safety .commitment-safety-img-holder {
	background-image: url(../images/commitment/detail-3-0.jpg);
	background-position: center;
	background-size: cover;
	height: 680px
}
.commitment .commitment-safety .commitment-safety-img-holder:before {
	content: "";
	display: block;
	width: 100%;
	height: 680px;
	background: -webkit-radial-gradient(rgba(0, 0, 0, .4) 0, transparent 80%);
	background: radial-gradient(rgba(0, 0, 0, .4) 0, transparent 80%)
}
.commitment .commitment-safety .commitment-safety-img {
	display: none
}
.commitment .commitment-safety .commitment-safety-txt-holder {
	position: absolute;
	top: 17.69231%;
	color: #fff;
	top: 230px;
	left: 0;
	right: 0;
	text-align: center
}

.commitment .commitment-safety .commitment-safety__h {
	font-size: 22px;
	font-weight: 100;
	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", MS PGothic, -apple-system, BlinkMacSystemFont, Verdana, Roboto, Droid Sans, sans-serif;
	margin: 0;
	letter-spacing: .15em;
	margin-bottom: 20px
}
.commitment .commitment-safety .commitment-safety__p {
	font-size: 14px;
	letter-spacing: .04em;
	line-height: 1.75;
	margin-bottom: 88px
}
.commitment .commitment-safety .commitment-safety-a {
	background-color: #FFF;
	color: #000;
	padding: 18px 137px;
	font-size: 14px;
	font-size: 1.4em;
	text-decoration: none
}
.commitment .commitment-safety .commitment-safety-a:hover {
	opacity: .8
}
@media(max-width:780px) {
.commitment .commitment-material_process .commitment-material_process__section {
		width: 100%
	}
	.commitment .commitment-material_process .commitment-material_process-img-holder {
		height: auto
	}
	.commitment .commitment-material_process .commitment-material_process-img {
		display: block;
		width: 100%
	}
	.commitment .commitment-material_process .commitment-material_process-txt-holder {
		position: static;
		width: 100%;
		padding: 0 20px;
		margin-bottom: 27px
	}
	.commitment .commitment-material_process .commitment-material_process__h {
		color: #000;
		font-size: 18px;
		font-size: 1.8em;
		text-align: left;
		padding: 0 5%;
		margin: 39px 0 28px;
		letter-spacing: .04em;
		text-align: center
	}
	.commitment .commitment-material_process .commitment-material_process__p {
		color: #000;
		line-height: 1.9
	}
	.commitment .commitment-material_process .commitment-material_process-txt-holder a.btn {
		    padding: 9.5px 0;
    background: #551937;
    color: #fff;
    border-radius: 5px;
    font-size: 11px;
    /*letter-spacing: -.1em;*/
		margin: 30px auto;
		height: auto;
	}

	.commitment .commitment-material_process .commitment-material_process-ul {
		position: static;
		padding: 0 20px 58px;
		width: 100%;
		margin: 0;
		max-width: none
	}
	.commitment .commitment-material_process .commitment-material_process-ul li {
		height: 48px;
		border-bottom: 1px solid #f3edf0
	}
	.commitment .commitment-material_process .commitment-material_process-ul li:first-child {
		border-top: 1px solid #f3edf0
	}
	.commitment .commitment-material_process .commitment-material_process-ul li a {
		font-size: 12px;
		font-size: 1.2em;
		padding-left: 10px
	}
}
@media(max-width:720px) {
	.commitment .intro .intro-content--el_0 .intro-heading--size_small {
		font-size: 17px;
		font-size: 1.7rem
	}
	.commitment .intro .intro-content--el_1 .intro-heading {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.66667
	}
	.commitment .intro .intro-content--el_0 .intro-heading--size_middle {
		font-size: 30px;
		font-size: 3rem;
		line-height: 1.2
	}
	.commitment .intro .intro-content--el_1 .intro-sentence {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.9
	}
	.commitment .intro .intro-content--el_0 {
		background-image: url(../images/commitment/sp-main-visual-0.jpg?v=210126)
	}
	.commitment .intro .intro-content--el_0 .intro-header:before {
		padding: 100% 0 0
	}
	.commitment .intro .intro-content--el_0 .intro-heading--size_small {
		padding: 0 0 .53333%
	}
	.commitment .intro .intro-content--el_0 .main-visual-logo {
		width: 75.2%;
		padding-left: 2.66667%
	}
	.commitment .intro .intro-content--el_0 .intro-heading--size_middle {
		padding: 0 0 10% 1.06667%;
		font-size: 26px;
		font-size: 7.4vw;
		letter-spacing: .1em
	}
	.commitment .intro .intro-content--el_1 .intro-content__inner {
		padding: 0 5.33333% 15px
	}
	.commitment .intro .intro-content--el_1 .intro-header {
		padding: 13.43284% 0 0
	}
	.commitment .intro .intro-content--el_1 .intro-heading {
		margin-bottom: 21px
	}
	.commitment .intro .intro-content--el_1 .intro-sentences {
		text-align: left;
		padding: 16.1194% 0 0
	}
	.commitment .intro .intro-content--el_1 .intro-factoryfarm {
		padding: 13.73134% 0 0
	}
	.commitment .intro .intro-content--el_1 .intro-factoryfarm .intro-sentence {
		line-height: 1.9
	}
	.commitment .intro .intro-content--el_1 .intro-factoryfarm-img {
		background-image: url(../images/commitment/detail-0-0-sp.png);
		padding: 254.47761% 0 0;
		margin: 0 0 20px 1.79104%
	}
	
	
	.commitment .commitment-healthy {
		padding: 45px 0 0
	}
	.commitment .commitment-healthy .commitment-healthy__section {
		width: 100%
	}
	.commitment .commitment-healthy .commitment-healthy-img {
		display: block;
		width: 40.66667%;
		margin: 0 auto
	}
	.commitment .commitment-healthy .commitment-healthy__p {
		display: block;
		max-width: none;
		width: 100%;
		text-align: center;
		padding: 42px 1.33333% 22px;
		line-height: 1.9
	}
	.commitment .commitment-healthy .commitment-healthy__ul {
		padding: 45px 0 42px
	}
	.commitment .commitment-healthy .commitment-healthy__ul li {
		margin: 0;
		width: 30.8%
	}
	.commitment .commitment-healthy .commitment-healthy__ul img {
		width: 60px;
		margin: 0 auto
	}
	.commitment .commitment-healthy .commitment-healthy__ul .commitment-healthy__detail {
		font-size: 12px;
		font-size: 1.2em;
		margin-top: 3px
	}
	.commitment .commitment-healthy .commitment-healthy__bk-img-1 {
		display: none
	}
	.commitment .commitment-healthy .commitment-healthy__bk-img-2 {
		display: none
	}
	.commitment .commitment-healthy .commitment-healthy__bk-img-3 {
		display: none
	}
	.commitment .commitment-safety .commitment-safety__inner {
		padding: 0 0 67px
	}
	.commitment .commitment-safety .commitment-safety__section {
		width: 100%
	}
	.commitment .commitment-safety .commitment-safety-img-holder {
		height: auto
	}
	.commitment .commitment-safety .commitment-safety-img-holder:before {
		display: none
	}
	.commitment .commitment-safety .commitment-safety-img {
		display: block;
		width: 100%
	}
	.commitment .commitment-safety .commitment-safety-txt-holder {
		position: static;
		padding: 0 5.33333%
	}
	.commitment .commitment-safety .commitment-safety__h {
		color: #000;
		font-size: 18px;
		font-size: 1.8em;
		text-align: center;
		padding: 0 5%;
		margin: 38px 0 30px;
		letter-spacing: .04em
	}
	.commitment .commitment-safety .commitment-safety__p {
		color: #000;
		text-align: left;
		line-height: 1.9;
		margin-bottom: 39px
	}
	.commitment .commitment-safety .commitment-safety-a {
		padding: 9.5px 39.70149%;
		background: #551937;
		color: #fff;
		border-radius: 5px;
		font-size: 11px;
		letter-spacing: -.1em
	}
}