/*************************
		  Media
*************************/
h3 {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold; }

h3::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 10px;
  height: 25px;
  background-color: #B6111C; }

h4 {
  position: relative;
  margin-top: 30px;
  padding-left: 20px;
  font-weight: bold; }

h4::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  width: 10px;
  height: 5px;
  background-color: #B6111C; }

.sg-box_head-en {
  color: #B6111C !important; }

.sg-keyvisual_head {
  border-bottom: solid 2px #B6111C; }

.sg-tabui {
  margin-top: 60px; }

.pg-sustainability {
  margin-top: 20px; }

.pg-sustainability h2 + p {
  text-align: center; }

.pg-sustainability-blocks {
  padding: 50px 10px;
  background: #DBDDDF; }

.pg-sustainability-block-article {
  display: block;
  width: auto;
  padding: 40px;
  margin-right: auto !important;
  margin-left: auto;
  background-color: #FFFFFF; }

.pg-sustainability-block-article-content-inner figure {
  float: left;
  margin-top: 20px;
  margin-right: 20px; }

.sg-externalLink {
  display: inline-block;
  margin-top: 10px; }

.sg-externalLink:hover {
  text-decoration: underline; }

.pg-sustainability-block-article-content p {
  margin-top: 20px; }

.pg-sustainability-block-article-content p + p {
  margin-top: 10px; }

.pg-sustainability-block-article-content-inner-logo img {
  width: 300px !important;
  height: 150px !important;
  border: 1px solid #DBDDDF; }

.pg-sustainability-block-article-content-inner-profile img {
  width: 150px !important;
  height: 200px !important; }

.pg-sustainability-block-article-content-inner-through {
  float: none;
  margin-top: 20px; }

.pg-sustainability-block-article-content-inner-through img {
  width: 100% !important;
  height: 100% !important; }

.pg-sustainability-block-article-content > li {
  margin-top: 20px; }

.pg-sustainability-block-article-content > li + li {
  margin-top: 30px; }

.pg-sustainability-block-article-content > li > p {
  float: left;
  width: 85px;
  margin-right: 30px;
  font-weight: bold; }

.pg-sustainability-block-article-content > li > dl {
  overflow: hidden; }

.pg-sustainability-block-article-content dt + * {
  margin-top: 5px; }

.pg-sustainability-block-article-content dd + dd {
  margin-top: 3px; }

.pg-sustainability-block-article-content > li > dl > dt > a:hover {
  text-decoration: underline; }

.pg-sustainability-block-article-content > li > dl > dd > a:hover {
  text-decoration: underline; }

.pg-sustainability-block-article-table th,
.pg-sustainability-block-article-table td {
  padding: 5px; }

.pg-sustainability-list {
  margin-top: 20px;
  padding-right: 20px;
  text-align: left; }
  .pg-sustainability-list a {
    padding-left: 30px;
    background: url("/img/common/icon/icon-arrow-right.png") no-repeat 15px 6px;
    word-wrap: break-word;
    display: block; }
    .pg-sustainability-list a:hover {
      text-decoration: underline; }

/*************************
       Media Query
*************************/
@media screen and (max-width: 1200px) {
  .pg-sustainability-block-article {
    margin-left: 10px;
    margin-right: 10px;
    padding: 30px; }
  .pg-sustainability-block-article-content > li > p {
    float: none; }
  .pg-sustainability-block-article-content > li > dl {
    margin-top: 5px; }
  .pg-sustainability-block-article-content > li > dl > dd {
    margin-top: 5px; }
  .pg-sustainability-inner h2 {
    float: none;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px; }
  .pg-sustainability-inner-head-ja {
    text-align: center; }
  .pg-sustainability-inner-list-text {
    width: auto; } }

@media screen and (max-width: 1000px) {
  .pg-sustainability-block-article-content-inner figure img {
    width: 150px; } }

@media screen and (max-width: 650px) {
  h4 {
    margin-top: 20px; }
  .sg-container + h2 {
    margin-top: 20px; }
  .sg-tabui {
    margin-top: 40px; }
  .pg-sustainability h2 + p {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left; }
  .sg-tabui-tabs > li > a {
    padding: 8px 10px; }
  .pg-index_event-tab > li + li {
    margin-left: 10px; }
  .pg-sustainability-blocks {
    padding: 20px 10px; }
  .pg-sustainability-block-article {
    padding: 20px; }
  .pg-sustainability-block-article-content {
    margin-top: 0; }
  .pg-sustainability-block-article-content > li + li {
    margin-top: 15px; }
  .pg-sustainability-block-article-content-inner {
    margin-bottom: 30px; }
  .pg-sustainability-block-article-content-inner figure {
    float: none;
    margin-right: 10px;
    text-align: center; }
  .pg-sustainability-block-article-content-inner-logo img {
    width: 60%;
    height: 60%; }
  .pg-sustainability-block-article-content-inner-profile img {
    width: 60% !important;
    height: 60% !important; }
  .sg-tabui-block > article figure {
    text-align: center; }
  .sg-tabui-block > article img {
    width: 100%;
    height: 100%; } }

.l-intro {
  width: 1000px;
  margin: auto;
  padding-bottom: 30px; }
  .l-intro p {
    padding-top: 30px; }
  @media screen and (max-width: 1000px) {
    .l-intro {
      width: 90%; }
      .l-intro p {
        padding-top: 14px; } }

.l-kv {
  max-width: 630px;
  margin: auto; }
  .l-kv img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 650px) {
    .l-kv {
      width: 90%; } }

.l-section {
  display: flex; }
  @media screen and (max-width: 650px) {
    .l-section {
      flex-direction: column; } }

.is-last {
  margin-bottom: 0 !important; }

.panel-item {
  margin-bottom: 30px; }