@charset "utf-8";
/*=================================
csr.css
@media only screen and (max-width: 767px)
clearfix
================================ */

/* common 
-------------------------------- */

/* index
-------------------------------- */
.index {
  background-image: -webkit-linear-gradient(#efffe5 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#efffe5 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-health {
  background-image: -webkit-linear-gradient(#caedfb 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#caedfb 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-health.csr-index-bg {
  background-image: url(../index_bg01.html), -webkit-linear-gradient(#e0f4fd 0%, #ffffff 30%, #ffffff 100%);
  background-image: url(../index_bg01.html), linear-gradient(#e0f4fd 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 90px, 0 0;
	background-attachment: scroll, scroll;
}
.csr-cat-quality {
  background-image: -webkit-linear-gradient(#f6d8c3 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#f6d8c3 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-quality.csr-index-bg {
  background-image: url(../index_bg01-2.html), -webkit-linear-gradient(#f6d9c5 0%, #ffffff 30%, #ffffff 100%);
  background-image: url(../index_bg01-2.html), linear-gradient(#f6d9c5 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 90px, 0 0;
	background-attachment: scroll, scroll;
}
.csr-cat-culture {
  background-image: -webkit-linear-gradient(#fde0e6 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#fde0e6 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-culture.csr-index-bg {
  background-image: url(../index_bg01-3.html), -webkit-linear-gradient(#fcdae2 0%, #fef6fa 28%, #ffffff 33%, #ffffff 100%);
  background-image: url(../index_bg01-3.html), linear-gradient(#fcdae2 0%, #fef6fa 28%, #ffffff 33%, #ffffff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 203px, 0 0;
	background-attachment: scroll, scroll;
}
.csr-cat-employees {
  background-image: -webkit-linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-employees.csr-index-bg {
  background-image: url(../index_bg01-4.html), -webkit-linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
  background-image: url(../index_bg01-4.html), linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 120px, 0 0;
	background-attachment: scroll, scroll;
}
.csr-cat-environment {
  background-image: -webkit-linear-gradient(#e4f3e4 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#e4f3e4 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.csr-cat-environment.csr-index-bg {
  background-image: url(../index_bg01-5.html);
	background-repeat: no-repeat;
	background-position: 50% 100px;
  background-attachment: scroll;
}
.csr-cat-qual_safe {
  background-image: -webkit-linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
  background-image: linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
  background-attachment: fixed;
}
.index > .heading1 {
	font-size: 4.2rem;
}
.csr-index-head {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-top: -20px !important;
}
.csr-index-head .csr-title {
	width: calc(100% - 500px);
}
.csr-index-head .csr-title .heading2 {
	margin-top: 0;
	font-size: 3.2rem;
	line-height: 1.3;
}
.csr-index-head .csr-keyword {
	position: relative;
	width: 500px;
	padding: 0 19px 0 36px;
	box-sizing: border-box;
}
.csr-index-head .csr-keyword > .inner {
	position: relative;
	width: 445px;
	height: 445px;
	background: url(../png/index_im01-93.png) no-repeat 0 0;
}
.csr-keyword .title {
	position: absolute;
	top: 215px;
	left: 145px;
	width: 150px;
	font-size: 1.7rem;
	text-align: center;
}
.csr-keyword .csr-index-anchor > li {
	display: table;
	position: absolute;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
}
.csr-keyword .csr-index-anchor .anc-health { top: 50px; left: 50%; margin-left: -55px;}
.csr-keyword .csr-index-anchor .anc-environment { top: 154px; left: 35px; }
.csr-keyword .csr-index-anchor .anc-quality { top: 156px; right: 43px; }
.csr-keyword .csr-index-anchor .anc-culture { bottom: 40px; left: 80px; }
.csr-keyword .csr-index-anchor .anc-employee { bottom: 40px; right: 95px; }
.csr-keyword .csr-index-anchor > li > a {
	display: table-cell;
	vertical-align: middle;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.csr-keyword .csr-index-anchor > li > a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.csr-keyword .csr-index-anchor .anc-health > a { color: #00a6e7; }
.csr-keyword .csr-index-anchor .anc-environment > a { color: #388838; }
.csr-keyword .csr-index-anchor .anc-quality > a { color: #de762c; }
.csr-keyword .csr-index-anchor .anc-culture > a { color: #d9576f; }
.csr-keyword .csr-index-anchor .anc-employee > a { color: #cc9d1d; }
.csr-keyword .csr-index-anchor > li > a > span {
	position: relative;
	display: inline-block;
}
.csr-keyword .csr-index-anchor > li > a > span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: -4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.csr-keyword .csr-index-anchor > li > a:hover > span:after {
	bottom: -9px;
}
.csr-keyword .csr-index-anchor > li > a:hover > span {
	text-decoration: none;
}
.csr-keyword .csr-index-anchor > .anc-health > a > span:after { border-top: 1px solid #00a6e7;	border-right: 1px solid #00a6e7; }
.csr-keyword .csr-index-anchor > .anc-environment > a > span:after { border-top: 1px solid #388838;	border-right: 1px solid #388838; }
.csr-keyword .csr-index-anchor > .anc-quality > a > span:after { border-top: 1px solid #de762c;	border-right: 1px solid #de762c; }
.csr-keyword .csr-index-anchor > .anc-culture > a > span:after { border-top: 1px solid #d9576f;	border-right: 1px solid #d9576f; }
.csr-keyword .csr-index-anchor > .anc-employee > a > span:after { border-top: 1px solid #cc9d1d;	border-right: 1px solid #cc9d1d; }

/* linkbox */
.csr-linkBox {
	margin-top: 3em;
	background-color: #fff;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox#csr-health {
	border-left: solid 4px #00a6e7;
  background-image: url(../png/index_bg01-6.png), -webkit-linear-gradient(right, #f7fdff 0%, #ffffff 50%, #ffffff 100%);
  background-image: url(../png/index_bg01-6.png), linear-gradient(to right, #f7fdff 0%, #ffffff 50%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: left 0, right 0;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox#csr-environment {
	border-right: solid 4px #388838;
  background-image: url(../png/index_bg02-6.png), -webkit-linear-gradient(left, #f7fff7 0%, #ffffff 50%, #ffffff 100%);
  background-image: url(../png/index_bg02-6.png), linear-gradient(to left, #f7fff7 0%, #ffffff 50%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: right 0, left 0;
	box-shadow: -1px 1px 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox#csr-quality {
	border-left: solid 4px #de762c;
  background-image: url(../png/index_bg03.png), -webkit-linear-gradient(right, #fffbf7 0%, #ffffff 50%, #ffffff 100%);
  background-image: url(../png/index_bg03.png), linear-gradient(to right, #fffbf7 0%, #ffffff 50%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: left 0, right 0;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox#csr-culture {
	border-right: solid 4px #d9526a;
  background-image: url(../png/index_bg04-3.png), -webkit-linear-gradient(left, #fff5f7 0%, #ffffff 50%, #ffffff 100%);
  background-image: url(../png/index_bg04-3.png), linear-gradient(to left, #fff5f7 0%, #ffffff 50%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: right 0, left 0;
	box-shadow: -1px 1px 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox#csr-employee {
	border-left: solid 4px #f3bd22;
  background-image: url(../png/index_bg05.png), -webkit-linear-gradient(right, #fffdf7 0%, #ffffff 50%, #ffffff 100%);
  background-image: url(../png/index_bg05.png), linear-gradient(to right, #fffdf7 0%, #ffffff 50%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: left 0, right 0;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1);
}
.csr-linkBox .titleBlock {
	display: -webkit-flex;
	display: flex;
	padding: 30px 30px 20px;
}
.csr-linkBox#csr-health .titleBlock {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	background: url(../png/index_im03-16.png) no-repeat 97% calc(100% + 30px);
}
.csr-linkBox#csr-environment .titleBlock {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	background: url(../png/index_im04-16.png) no-repeat 3% calc(100% + 30px);
}
.csr-linkBox#csr-quality .titleBlock {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	background: url(../png/index_im05-11.png) no-repeat 97% calc(100% + 12px);
}
.csr-linkBox#csr-culture .titleBlock {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	background: url(../png/index_im06-10.png) no-repeat 3% calc(100% + 30px);
}
.csr-linkBox#csr-employee .titleBlock {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	background: url(../png/index_im07-9.png) no-repeat 97% calc(100% + 30px);
}
.csr-linkBox .titleBlock + * {
	margin-top: 0;
}
.csr-linkBox .titleBlock > .inner {
	width: calc(100% - 500px);
	min-height: 120px;
	box-sizing: border-box;
}
.csr-linkBox .csr-boxHeading {
	font-size: 2.4rem;
	line-height: 1.2;
}
.csr-linkBox .csr-boxHeading > a {
	position: relative;
	padding-left: 15px;
}
.csr-linkBox .csr-boxHeading > a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: 1px solid #3366cc;
	border-right: 1px solid #3366cc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.csr-linkBox .iconLink.is-csrTop {
	padding: 30px;
	background: #ffffff;
}

.csr-information {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-top: 3em;
	background-color: #fff;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}
.csr-information > .column {
	width: 50%;
	padding: 40px 20px;
	border-left: solid 1px #ebebeb;
}
.csr-information > .column > * {
	margin-top: 0;
}
.csr-information > .column .iconLink[class*="is-flex"] li {
	width: calc((100% - 20px) / 2);
	margin: 30px 0 0 20px;
}
.csr-information > .column .iconLink[class*="is-flex"] li:nth-child(-n+2) {
	margin-top: 0;
}
.csr-information > .column .iconLink[class*="is-flex"] li:nth-child(2n-1) {
	margin-left: 0;
}
.csr-information > .column.csr-topMessage {
	display: table;
	background: url(../jpg/index_im02-52.jpg) no-repeat 0 50%;
}
.csr-information > .column.csr-topMessage .iconLink {
	display: table-cell;
	vertical-align: middle;
	padding-left: 58%;
}

/* link */
.index .iconLink.is-iconType02 li a {
	padding-left: 1.8em;
}
.index .iconLink.is-iconType02 li a:before {
	display: none;
}
.index .iconLink.is-iconType02 li a > span {
	position: relative;
}
.index .iconLink.is-iconType02 li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #6e94d1;
}
.index .iconLink.is-iconType02 li a:after {
	content: "";
	position: absolute;
  top: 0.5em;
	left: 0.5em;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.index .iconLink.is-iconType02 li a[target="_blank"] > span:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0;
	background-image: url(../png/com_sprite01.png);
	background-repeat: no-repeat;
	background-position: -160px 0;
	border: none;
	vertical-align: middle;
}

/* btn */
.index .btnLink.is-csrTop {
	margin-top: 3em;
	font-size: 1.6rem;
}

.csr-mangaBtn {
	margin: 60px 110px 0;
}
.csr-mangaBtn > a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	padding: 30px 30px 30px 260px;
	border: solid 1px #e5e5e5;
	background: #f5f5f5;
	color: #333333;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.csr-mangaBtn > a:hover {
	text-decoration: none;
	background: #f9f9f9;
}
.csr-mangaBtn .img {
	position: absolute;
	bottom: 0;
	left: 43px;
}
.csr-mangaBtn .title {
	margin-top: 0;
	font-size: 2.53rem;
}
.csr-mangaBtn > a:hover .title {
	text-decoration: underline;
}
.csr-mangaBtn > a .title:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background-image: url(../png/com_sprite01.png);
	background-repeat: no-repeat;
	background-position: -160px 0;
	border: none;
	vertical-align: middle;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

/* /sustainability/health/
-------------------------------- */
.csr-figure-large {
	width: 481px;
}
.csr-figure-small {
	width: 143px;
}
@media screen and (min-width: 768px) {
	.csr-cat-health.csr-index-bg .heading1 {
		height: 90px;
	}
	.csr-cat-health.csr-index-bg .leadText {
		height: 142px;
	}
}
.csr-cat-health.csr-index-bg .leadText {
	margin-top: 62px !important;
	margin-left: 22px;
	font-size: 2rem;
	line-height: 1.7;
}
.csr-cat-health.csr-index-bg .decoLink {
	margin-top: 100px;	
}
.csr-cat-health.csr-index-bg .decoLink .column > a {
	background-color: #fff;
}
.csr-cat-health.csr-index-bg .decoLink .column:first-child {
	position: relative;
}
.csr-cat-health.csr-index-bg .decoLink .column:first-child:before {
	content: "";
	position: absolute;
	top: -114px;
	right: -15px;
	display: inline-block;
	width: 121px;
	height: 114px;
	background: url(../index_bg03.html) no-repeat 0 0;
	z-index: 1;
}
.csr-cat-health.csr-index-bg .decoLink .column:first-child > a {
	background: #fff url(../index_bg02.html) no-repeat right -5px top 0;
}
.csr-profileHead {
	margin-top: 2em;
	font-size: 2.6rem;
	line-height: 1.3;
}
.csr-profile .belongs {
	font-size: 1.6rem;
	line-height: 1.5;
}
.csr-profile .catchCopy,
.csr-profile .name {
	margin-top: 1em;
	font-size: 2rem;
	line-height: 1.5;
}
.csr-movieColumn {
	display: -webkit-flex;
	display: flex;
}
.csr-movieColumn .csr-movieBox {
	margin-top: 0.5em;
	padding: 0 93px 46px;
	background: url(../png/movie_bg01.png) no-repeat 50% 100%;
	background-size: contain;
}
.csr-movieColumn .csr-movieFrame {
	position: relative;
	width: 400px;
	padding: calc(480 / 854 * 100%) 0 0;
}
.csr-movieColumn .csr-movieFrame > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.csr-movieColumn > .text > *:first-child {
	margin-top: 0;
}

/* /sustainability/culture/
-------------------------------- */
.csr-cat-culture.csr-index-bg .leadText {
	font-size: 2rem;
	text-align: center;
}
.csr-cat-culture.csr-index-bg .decoLink {
	margin-top: 222px;	
}
.csr-cat-culture.csr-index-bg .decoLink .column > a {
	background-color: #fff;
}
.csr-cat-culture.csr-index-bg .decoLink .column:first-child {
	position: relative;
}
.csr-cat-culture.csr-index-bg .decoLink .column:first-child:before {
	content: "";
	position: absolute;
	top: -147px;
	right: -36px;
	display: inline-block;
	width: 174px;
	height: 147px;
	background: url(../index_bg02-2.html) no-repeat 0 0;
	z-index: 1;
}

/* /sustainability/employees/
-------------------------------- */
.csr-cat-employees.csr-index-bg .leadText {
	font-size: 2rem;
}
.csr-cat-employees.csr-index-bg .decoLink {
	margin-top: 140px;	
}
.csr-cat-employees.csr-index-bg .decoLink .column > a {
	background-color: #fff;
}
.csr-cat-employees.csr-index-bg .decoLink .column:nth-child(2) {
	position: relative;
}
.csr-cat-employees.csr-index-bg .decoLink .column:nth-child(2):before {
	content: "";
	position: absolute;
	top: -118px;
	right: 0;
	display: inline-block;
	width: 504px;
	height: 118px;
	background: url(../index_bg02-3.html) no-repeat 0 0;
	z-index: 1;
}

/* /sustainability/quality/
-------------------------------- */
.csr-cat-quality.csr-index-bg .leadText {
	font-size: 2rem;
	text-align: center;
}
.csr-cat-quality.csr-index-bg .decoLink {
	margin-top: 140px;	
}
.csr-cat-quality.csr-index-bg .decoLink .column > a {
	background-color: #fff;
}
.csr-cat-quality.csr-index-bg .decoLink .column:first-child {
	position: relative;
}
.csr-cat-quality.csr-index-bg .decoLink .column:first-child:before {
	content: "";
	position: absolute;
	top: -146px;
	left: -8px;
	display: inline-block;
	width: 100px;
	height: 146px;
	background: url(../index_bg02-4.html) no-repeat 0 0;
	z-index: 1;
}
.csr-cat-quality.csr-index-bg .is-arrowHeading {
	margin-top: 60px;
}
.heading4.is-csrQuality {
	font-size: 1.7rem;
}
.heading4.is-csrQuality span:before {
	top: 3px;
}
.bgBox .is-arrowHeading.is-csrQuality {
	margin-top: 0;
	font-size: 2.2rem;
}
	
/* /sustainability/environment/
-------------------------------- */
.csr-cat-environment.csr-index-bg .leadText {
	font-size: 2rem;
	text-align: center;
}
.csr-cat-environment.csr-index-bg .decoLink {
	margin-top: 200px;	
}
.csr-cat-environment.csr-index-bg .decoLink .column > a {
	background-color: #fff;
}
.csr-cat-environment.csr-index-bg .decoLink .column:first-child {
	position: relative;
}
.csr-cat-environment.csr-index-bg .decoLink .column:first-child:before {
	content: "";
	position: absolute;
	top: -98px;
	left: 4px;
	display: inline-block;
	width: 114px;
	height: 98px;
	background: url(../index_bg02-5.html) no-repeat 0 0;
	z-index: 1;
}
.csr-cat-environment.csr-index-bg .decoLink .column:first-child:after {
	content: "";
	position: absolute;
	top: -120px;
	right: -15px;
	display: inline-block;
	width: 210px;
	height: 120px;
	background: url(../index_bg03-2.html) no-repeat 0 0;
	z-index: 1;
}
.csr-cat-environment .production-sites_indents dt {
	display: table-cell;
	width: 60px;
}
.csr-cat-environment .production-sites_indents dd {
	display: table-cell;
	padding-left: 20px;
}
.performanceLayout01 > .column:nth-child(odd) {
	text-align: right;
}
.performanceLayout01 > .column:nth-child(even) {
	text-align: left;
}
.performanceLayout01 > .column > .js-figureFix {
	margin: 0;
}

@media screen and (min-width: 768px) {
	.adjust-mt3em {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 767px){
	
	/* common 
	-------------------------------- */
	
	/* index
	-------------------------------- */
	.index {
		background-image: -webkit-linear-gradient(#efffe5 0%, #ffffff 10%, #ffffff 100%);
		background-image: linear-gradient(#efffe5 0%, #ffffff 10%, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-health {
		background-image: -webkit-linear-gradient(#caedfb 0%, #ffffff 160px, #ffffff 100%);
		background-image: linear-gradient(#caedfb 0%, #ffffff 160px, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-health.csr-index-bg {
		background-image: -webkit-linear-gradient(#e1f4fe 0%, #f1fbff 10%, #ffffff 100%);
		background-image: linear-gradient(#e1f4fe 0%, #f1fbff 10%, #ffffff 100%);
		background-color: #fff;
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-quality {
		background-image: -webkit-linear-gradient(#f6d8c3 0%, #ffffff 160px, #ffffff 100%);
		background-image: linear-gradient(#f6d8c3 0%, #ffffff 160px, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-quality.csr-index-bg {
		background-image: -webkit-linear-gradient(#f6d8c3 0%, #ffffff 30%, #ffffff 100%);
		background-image: linear-gradient(#f6d8c3 0%, #ffffff 30%, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-culture {
		background-image: -webkit-linear-gradient(#fde0e6 0%, #ffffff 160px, #ffffff 100%);
		background-image: linear-gradient(#fde0e6 0%, #ffffff 160px, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-culture.csr-index-bg {
		background-image: -webkit-linear-gradient(#fcdae2 0%, #fef6fa 28%, #ffffff 33%, #ffffff 100%);
		background-image: linear-gradient(#fcdae2 0%, #fef6fa 28%, #ffffff 33%, #ffffff 100%);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.csr-cat-employees {
		background-image: -webkit-linear-gradient(#fdf1d1 0%, #ffffff 160px, #ffffff 100%);
		background-image: linear-gradient(#fdf1d1 0%, #ffffff 160px, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-employees.csr-index-bg {
		background-image: -webkit-linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
		background-image: linear-gradient(#fdf1d1 0%, #ffffff 30%, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-environment {
		background-image: -webkit-linear-gradient(#e4f3e4 0%, #ffffff 160px, #ffffff 100%);
		background-image: linear-gradient(#e4f3e4 0%, #ffffff 160px, #ffffff 100%);
		background-size: auto auto;
		background-position: 50% 0;
	}
	.csr-cat-environment.csr-index-bg {
		background: url(../index_bg01_sp.html) no-repeat 50% 0;
		background-size: 100% auto;
	}
	.csr-index-head {
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		margin-top: 1.5em !important;
	}
	.csr-index-head .csr-title {
		width: 100%;
	}
	.csr-index-head .csr-title .heading2 {
		font-size: 2rem;
	}
	.csr-index-head .csr-keyword {
		width: 100%;
		padding: 0;
	}
	.csr-index-head .csr-keyword > .inner {
		width: 290px;
		height: 290px;
		margin: 0 auto;
		background-size: contain;
	}
	.csr-keyword .title {
    top: 140px;
    left: 50%;
    margin-left: -75px;
    font-size: 1.6rem;
		line-height: 1.4;
	}
	.csr-keyword .csr-index-anchor > li {
		width: 80px;
		height: 60px;
	}
	.csr-keyword .csr-index-anchor .anc-health { top: 35px; left: 50%; margin-left: -41px;}
	.csr-keyword .csr-index-anchor .anc-environment { top: 103px; left: 15px; }
	.csr-keyword .csr-index-anchor .anc-quality { top: 105px; right: 19px; }
	.csr-keyword .csr-index-anchor .anc-culture { bottom: 30px; left: 46px; }
	.csr-keyword .csr-index-anchor .anc-employee { bottom: 28px; right: 53px; }
	.csr-keyword .csr-index-anchor > li > a {
		font-size: 1.6rem;
		-webkit-transition: none;
		transition: none;
	}
	.csr-keyword .csr-index-anchor > li > a > span:after {
		bottom: -9px;
		-webkit-transition: none;
		transition: none;
	}
	.csr-keyword .csr-index-anchor > li > a:hover > span:after {
		bottom: -9px;
	}
	
	/* linkbox */
	.csr-linkBox {
		margin-top: 1.5em;
	}
	.csr-linkBox#csr-health,
	.csr-linkBox#csr-environment,
	.csr-linkBox#csr-culture,
	.csr-linkBox#csr-employee,
	.csr-linkBox#csr-quality {
		background-size: contain;
	}
	.csr-linkBox .titleBlock {
    padding: 20px 20px 54%;
	}
	.csr-linkBox#csr-health .titleBlock,
	.csr-linkBox#csr-environment .titleBlock,
	.csr-linkBox#csr-culture .titleBlock,
	.csr-linkBox#csr-employee .titleBlock,
	.csr-linkBox#csr-quality .titleBlock {
		background-size: contain;
		background-position: 50% calc(100% + 30px);
	}
	.csr-linkBox .titleBlock > .inner {
		width: 100%;
	}
	.csr-linkBox .iconLink.is-csrTop {
		padding: 20px;
	}
	
	.csr-information {
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		margin-top: 1.5em;
	}
	.csr-information > .column {
		width: 100%;
		padding: 20px 10px;
		border-left: 0;
		border-top: solid 1px #ebebeb;
	}
	.csr-information > .column.csr-topMessage {
		padding: 30px 10px;
		background-size: 50%;
		border-top: none;
	}
	.csr-information > .column.csr-topMessage .iconLink {
		padding: 0;
		text-align: right;
	}
	
	/* link */
	.index .btnLink.is-csrTop {
		margin-top: 1.5em;
		font-size: 1.4rem;
	}
	.index .btnLink.is-csrTop li {
		width: calc((100% - 1em) / 2);
	}
	.index .btnLink.is-csrTop li:nth-child(-n+2) {
		margin-top: 0;
	}
	.index .btnLink.is-csrTop li > a {
		-webkit-flex-grow: 1; 
		flex-grow: 1; 
	}
	
	/* /sustainability/health/
	-------------------------------- */
	.csr-figure-large,
	.csr-figure-small {
		width: 100%;
	}
	.csr-cat-health.csr-index-bg .leadText {
		margin-top: 1.5em !important;
		margin-left: 0;
		font-size: 1.6rem;
	}
	.csr-cat-health.csr-index-bg .decoLink {
		margin:  0 -15px;
		padding: 48vw 15px 0;
		background: #fff url(../index_bg01_sp-2.html) no-repeat 50% -20px;
		background-size: contain;
	}
	.csr-cat-health.csr-index-bg .decoLink .column:first-child:before {
		content: "";
		position: absolute;
		top: -49px;
		right: auto;
		left: 50%;
		display: inline-block;
		width: 60px;
		height: 49px;
		margin-left: -80px;
		background: url(../index_bg03_sp.html) no-repeat 0 0;
		background-size: 60px 49px;
		z-index: 1;
	}
	.csr-cat-health.csr-index-bg .decoLink .column:first-child > a {
		background: #fff url(../index_bg02_sp.html) no-repeat calc(50% - 52px) 0;
		background-size: 125px 45px;
		box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.1);
	}
	.csr-profileHead {
		font-size: 2rem;
	}
	.csr-movieColumn {
		-weblit-flex-flow: column wrap;
		flex-flow: column wrap;
	}
	.csr-movieColumn .csr-movieBox {
    width: 100%;
		padding: 0;
		margin-top: 0;
		background: none;
	}
	.csr-movieColumn .csr-movieFrame {
		width: 100%;
	}
	.csr-movieColumn > .text > *:first-child {
		margin-top: 1em;
	}
	.csr-mangaBtn {
		margin: 30px 0 0;
		font-size: 1.2rem;
	}
	.csr-mangaBtn > a {
		-webkit-flex-flow: column-reverse wrap;
		flex-flow: column-reverse wrap;
		padding: 20px 20px 0 20px;
	}
	.csr-mangaBtn .img {
		position: static;
		margin-top: 20px;
	}
	.csr-mangaBtn > a > .img > img {
		display: block;
		margin: 0 auto;
	}
	.csr-mangaBtn .title {
		font-size: 1.6rem;
	}
	
	/* /sustainability/culture/
	-------------------------------- */
	.csr-cat-culture.csr-index-bg .leadText {
		display: block;
		margin-top: 1.5em !important;
		margin-left: 0;
		font-size: 1.6rem;
		text-align: center;
	}
  .csr-cat-culture.csr-index-bg .leadText > em {
		display: inline-block;
		text-align: left;
	}
	.csr-cat-culture.csr-index-bg .decoLink {
		margin:  0 -15px;
		padding: 34vw 15px 0;
		background: url(../index_bg01_sp-3.html) no-repeat 50% 0;
		background-size: 105% auto;
	}
	.csr-cat-culture.csr-index-bg .decoLink .column:first-child:before {
		content: "";
		position: absolute;
		top: -57px;
		right: auto;
		right: 0;
		display: inline-block;
		width: 60px;
		height: 57px;
		margin-left: -60px;
		background: url(../index_bg02_sp-2.html) no-repeat 0 0;
		background-size: 60px 57px;
		z-index: 1;
	}
	
	/* /sustainability/quality/
	-------------------------------- */
	.csr-cat-quality.csr-index-bg .leadText {
		display: block;
		margin-top: 1.5em !important;
		margin-left: 0;
		font-size: 1.6rem;
		text-align: left;
	}
  .csr-cat-quality.csr-index-bg .leadText > em {
		display: inline-block;
		text-align: left;
	}
	.csr-cat-quality.csr-index-bg .decoLink {
		margin:  0 -15px;
		padding: 30vw 15px 0;
		background: url(../index_bg01_sp-4.html) no-repeat 50% -10px;
		background-size: contain;
	}
	.csr-cat-quality.csr-index-bg .decoLink .column:first-child:before {
		content: "";
		position: absolute;
		top: -75px;
		right: auto;
		left: 50%;
		display: inline-block;
		width: 45px;
		height: 75px;
		margin-left: -75px;
		background: url(../index_bg02_sp-3.html) no-repeat 0 0;
		background-size: 45px 75px;
		z-index: 1;
	}
	.csr-cat-quality.csr-index-bg .is-arrowHeading {
		margin-top: 1.5em;
	}
	.heading4.is-csrQuality {
		font-size: 1.6rem;
	}
	.bgBox .is-arrowHeading.is-csrQuality {
		margin-top: 0;
		font-size: 1.7rem;
	}
	
	/* /sustainability/employees/
	-------------------------------- */
	.csr-cat-employees.csr-index-bg .leadText {
		display: block;
		font-size: 1.6rem;
		text-align: center;
	}
  .csr-cat-employees.csr-index-bg .leadText > em {
		display: inline-block;
		text-align: left;
	}
	.csr-cat-employees.csr-index-bg .decoLink {
		margin: -15px -15px 0;
		padding: 188px 15px 0;
		background: url(../index_bg01_sp-5.html) no-repeat 50% 0;
		background-size: 289px auto;
	}
	.csr-cat-employees.csr-index-bg .decoLink .column:first-child {
		position: relative;
	}
	.csr-cat-employees.csr-index-bg .decoLink .column:first-child:before {
		content: "";
		position: absolute;
		top: -62px;
		left: 50%;
		display: inline-block;
		width: 246px;
		height: 62px;
		margin-left: -125px;
		background: url(../index_bg02_sp-4.html) no-repeat 0 0;
		background-size: 246px 62px;
		z-index: 1;
	}
	.csr-cat-employees.csr-index-bg .decoLink .column:nth-child(2):before {
		display: none;
	}
	
	/* /sustainability/environment/
	-------------------------------- */
	.csr-cat-environment.csr-index-bg .leadText {
		display: block;
		font-size: 1.6rem;
		text-align: left;
	}
  .csr-cat-environment.csr-index-bg .leadText > em {
		display: inline-block;
		text-align: left;
	}
	.csr-cat-environment.csr-index-bg .decoLink {
		position: relative;
		margin-top: 140px;
	}
	.csr-cat-environment.csr-index-bg .decoLink:before {
		content: "";
		position: absolute;
		top: -130px;
		left: -15px;
		display: inline-block;
		width: 104px;
		height: 92px;
		background: url(../index_bg04_sp.html) no-repeat 0 0;
		background-size: 104px 92px;
		z-index: 1;
	}
	.csr-cat-environment.csr-index-bg .decoLink .column:first-child:before {
		content: "";
		position: absolute;
		top: -53px;
		left: 43px;
		display: inline-block;
		width: 80px;
		height: 53px;
		background: url(../index_bg02_sp-5.html) no-repeat 0 0;
		background-size: 80px 53px;
		z-index: 1;
	}
	.csr-cat-environment.csr-index-bg .decoLink .column:first-child:after {
		content: "";
		position: absolute;
		top: -70px;
		right: -6px;
		display: inline-block;
		width: 125px;
		height: 70px;
		background: url(../index_bg03_sp-2.html) no-repeat 0 0;
		background-size: 125px 70px;
		z-index: 1;
	}
	.csr-cat-environment .bdt01 {
		border-top: 1px solid #e0e0e0 !important;	
	}
	.csr-cat-environment .sup_Noflex {
		text-align: center;
	}
	.csr-cat-environment .sup_Noflex > .title {
		display: inline-block;
		text-align: left;
	}

}

/* font-family */
.csr-index-head .csr-title .heading2,
.csr-mangaBtn .title,
.csr-profileHead {
	font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}