@charset "utf-8";
/* --------------------
sustainability 
----------------------- */
.branding-locallayout {
  height: 44vh;
  background-image: url(../../sustainability/image/header.jpg);
  background-size: cover;
  background-position: 100% 50%;
}
@media screen and (max-width: 600px) {
  .branding-locallayout {
    height: 40vh;
    background-position: 93% 50%;
  }
}
.branding-text-sustainability {
  position: relative;
  top: 145px;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.4;
  text-shadow: #0b2731 0px 0px 7px;
}
@media screen and (max-width: 600px) {
  .branding-text-sustainability {
    top: 56px;
    font-size: 2rem;
  }
}
.content-sustainability {
  background: #bad6e5;
  padding-top: 80px;
}
@media screen and (max-width: 600px) {
  .content-sustainability {
    padding-top: 50px;
  }
}
.content-sustainability:first-child {
  background: #f2f2f2;
}
.content-sustainability:nth-child(even) {
  background: #fff;
}
/* --- [m1-2_2] 見出し --- */
.title02 {
  color: #222;
  line-height: 1.4;
  font-weight: normal;
  text-align: left;
  margin-bottom: 14px;
}
/* --- [m1-2_2-1] 見出し > 見出しレベル1 --- */
.title02-level1 {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .title02-level1 {
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
/* --- [m1-2_2-2] 見出し > 見出しレベル2 --- */
.title02-level2 {
  font-size: 2.4rem;
}
@media screen and (max-width: 600px) {
  .title02-level2 {
    font-size: 2.2rem;
  }
}
/* --- [m1-2_2-3] 見出し > 見出しレベル3 --- */
.title02-level3 {
  font-size: 2rem;
}
@media screen and (max-width: 600px) {
  .title02-level3 {
    font-size: 1.8rem;
  }
}
/* --- [m1-2_2-4] 見出し > 見出しレベル4 --- */
.title02-level4 {
  font-size: 1.8rem;
}
/* --- [m1-2_2-4] 見出し > 見出しレベル5 --- */
.title02-level5 {
  font-size: 1.6rem;
}
.section02 {
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .section02 {
    margin-bottom: 24px;
  }
}
.section-hr {
  padding-bottom: 50px;
  margin: 0 auto 50px;
  max-width: 1000px;
  border-bottom: solid 1px #fff;
}
@media screen and (max-width: 600px) {
  .section-hr {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
.block-sp-inlineblock{
display: inline
  }
}