@import url("https://fonts.googleapis.com/css?family=Teko");
/*-----------------------------------------------------
	CSR
------------------------------------------------------*/
/* section
------------------------------------------------------*/
.csr_philosophy { margin: 0 0 50px; width: 100%; font-size: 22px; text-align: center; }

@media screen and (max-width: 750px) { .csr_philosophy { margin: 0 0 30px; font-size: 18px; line-height: 1.8; } }
.csr_environmental_policy { padding-left: 30px; }
.csr_environmental_policy li { margin-bottom: 20px; font-size: 18px; font-weight: bold; list-style-position: inside; }
.csr_environmental_policy li p { padding: 5px 0 0 20px; font-size: 16px; font-weight: normal; }

@media screen and (max-width: 750px) { .csr_environmental_policy { padding-left: 0; }
  .csr_environmental_policy li { font-size: 14px; }
  .csr_environmental_policy li p { font-size: 12px; } }
.csr_iso_img { margin: 0 auto 80px; width: 914px; text-align: center; }

@media screen and (max-width: 750px) { .csr_iso_img { margin: 40px auto; width: 100%; } }
.csr_activities { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 40px 30px; width: 100%; }
.csr_activities figure { width: 50%; text-align: center; }
.csr_activities figure img { display: inline-block; }

@media screen and (max-width: 750px) { .csr_activities { margin: 0 auto 30px; width: 100%; }
  .csr_activities figure { margin-bottom: 10px; width: 100%; } }
.csr_title02 { margin-bottom: 20px; padding-left: 30px; font-weight: bold; }

@media screen and (max-width: 750px) { .csr_title02 { padding-left: 0; } }
.csr_throughput { margin: 0 0 40px 30px; width: 950px; }

@media screen and (max-width: 750px) { .csr_throughput_wrap { margin: 0 0 30px 0; width: 100%; overflow-x: auto; white-space: nowrap; }
  .csr_throughput_wrap p { margin-bottom: 20px; font-size: 12px; }
  .csr_throughput_wrap::-webkit-scrollbar { height: 5px; }
  .csr_throughput_wrap::-webkit-scrollbar-track { background: #ccc; }
  .csr_throughput_wrap::-webkit-scrollbar-thumb { width: 50%; background: #999; } }
.csr_report { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 55.11%; }
.csr_report a { display: block; width: 50%; }
.csr_report a:hover { text-decoration: none; }
.csr_report figure { margin-bottom: 10px; width: 150px; height: auto; }
.csr_report p { color: #000 !important; }
.csr_report p span { color: #e5002d; }

@media screen and (max-width: 750px) { .csr_report { width: 100%; }
  .csr_report a { display: block; margin-bottom: 20px; width: 100%; text-align: center; }
  .csr_report figure { margin: 0 auto 10px; width: 60%; text-align: center; } }

/*# sourceMappingURL=csr.css.map */
