@charset "UTF-8";
/* Scss Document */
.textblue1 {
  color: #00113E; }

.textblue2 {
  color: #627A86; }

.textblue3 {
  color: #0062B1; }

.textgreen {
  color: #51712B; }

a.textblue1 {
  color: #00113E; }

a.textblue2 {
  color: #627A86; }

a.textblue3 {
  color: #0062B1; }

a.textgreen {
  color: #51712B; }

dl, dt, dd {
  margin: 0;
  padding: 0;
  margin: 0 auto; }

@media (max-width: 480px) {
  .mo_br2 {
    display: block; }

  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0;
    overflow: hidden; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 899; }

  .con_area {
    width: 100%;
    padding: 0 0;
    margin: 0 auto; }

  .mainvisual {
    width: 100%;
    padding-top: 35%;
    background-image: url("../japanese/images/sustainability_visual.jpg");
    background-size: cover;
    background-position: 30% top;
    position: relative; }

  .visualtxt {
    display: none; }

  .visualtxt_s {
    display: block;
    width: 65%;
    top: 50%;
    left: 50%;
    max-width: 190px;
    transform: translate(-50%, -50%);
    position: absolute; }
    .visualtxt_s img {
      width: 100%;
      object-fit: cover; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 888; }

  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }

  .contents_base1 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(131, 163, 131, 0.1);
    box-sizing: border-box; }

  .contents_base2 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base3 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base4 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base5 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(200, 187, 174, 0.15);
    box-sizing: border-box; }

  .contents_base6 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base7 {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 40px;
    text-align: center;
    background-color: #CAD2D9; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .maincon1 {
    width: 96%;
    padding: 50px 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maincon2 {
    width: 96%;
    padding-bottom: 20px;
    text-align: left;
    margin: 0 auto; }

  .maincon3 {
    width: 96%;
    padding-top: 70px;
    text-align: left;
    margin: 0 auto; }
    .maincon3 #menu {
      width: 98%;
      margin: 0 auto;
      text-align: left; }
    .maincon3 a {
      display: block;
      margin: 0 auto;
      max-width: 328px; }

  .maincon4 {
    width: 96%;
    padding: 0px 0 10px;
    text-align: left;
    margin: 0 auto; }

  .maincon5 {
    width: 96%;
    padding: 50px 0 60px;
    text-align: left;
    margin: 0 auto;
    background-color: white; }

  .maincon6 {
    width: 96%;
    padding: 30px 0;
    text-align: left;
    margin: 0 auto; }

  .maincon7 {
    width: 96%;
    padding: 0 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maintitle1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem;
    font-size: 1.9rem; }

  .maintitle2 {
    width: 96%;
    text-align: center;
    margin: 0 auto 0;
    color: #627A86;
    font-size: 1.7rem;
    line-height: 3.2rem; }

  .maintitle_border {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .maintitle_border2 {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .main_mark {
    width: 178px;
    text-align: center;
    margin: 10px auto 0;
    color: #627A86;
    font-size: 1.4375rem;
    line-height: 3.2rem; }
    .main_mark img {
      width: 100%;
      min-width: 178px;
      min-height: 178px; }

  .main_mark2 {
    width: 100px;
    text-align: center;
    margin: 10px auto 20px;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }
    .main_mark2 img {
      width: 100%;
      max-width: 120px; }

  .maintext1 {
    display: block;
    width: 86%;
    max-width: 1000px;
    font-size: 1.65rem;
    line-height: 4.0rem;
    text-align: left;
    margin: 5px auto 0; }

  .maintext1_s {
    display: none; }

  .maintext2 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 20px auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext3 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    display: flex;
    justify-content: center; }
    .maintext3 p {
      padding: 20px 1.5% 0; }

  .maintext4 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.55rem;
    line-height: 3.5rem;
    color: #00113E;
    padding-top: 10px; }

  .maintext5 {
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: left;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86;
    padding-top: 5px; }

  .maintext6 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 20px 0 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; }

  .maintext7 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.95rem;
    line-height: 3.8rem;
    color: #4d4d4d; }

  .maintext8 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #4d4d4d; }

  .maintext9 {
    display: block;
    width: 80%;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext10 {
    display: block;
    width: 96%;
    text-align: left;
    margin: 0 auto;
    padding: 15px 0 15 0;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 2.5rem;
    color: #627A86;
    box-sizing: border-box; }

  .maintext11 {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 3.0rem;
    color: #627A86;
    box-sizing: border-box; }

  .con1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
    text-align: left; }

  .con2 {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between; }

  .con2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con2_1 {
    width: 30%;
    margin-top: 50px;
    padding: 5% 1%;
    text-align: left;
    border: 3px  solid  #00113E;
    background-color: #FFFFFF; }
    .con2_1 p.con2title {
      width: 91%;
      margin: 0 auto;
      font-size: 2.0rem;
      line-height: 3.2rem;
      color: #00113E;
      text-align: center; }
    .con2_1 p.con2text {
      width: 91%;
      margin: 0 auto;
      padding-top: 15px;
      font-size: 1.65rem;
      line-height: 4rem;
      color: #627A86; }

  .con3 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center; }

  .con3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con3_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con3_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con4 {
    width: 100%;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center; }

  .con4_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con4_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con5 {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center; }
    .con5 .con5::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con6 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0 auto; }

  .con3title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 10px; }

  .context3 {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con3text {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    display: flex;
    margin: 0 auto;
    justify-content: 'flex-start'; }
    .con3text .con3text::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con3text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con3text2 {
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4title {
    padding-top: 0px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto; }

  .con4text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con4text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4text2 {
    width: 89%;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .sidetitle {
    width: 255px;
    height: 62px;
    text-align: center;
    margin: 0 auto; }

  /*esgレイアウト*/
  .esgarea1 {
    width: 92%;
    margin: 0 auto;
    padding: initial;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 699;
    overflow: hidden;
    border: 0;
    font-size: 1.65rem;
    line-height: 4rem; }
    .esgarea1 img {
      width: 100%;
      padding: 0; }

  .esgarea2 {
    width: 92%;
    margin: -20px auto 50px;
    padding: initial;
    padding: 50px 0 70px;
    text-align: left;
    position: relative;
    z-index: 799;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: #FFFFFF; }

  .esgarea3 {
    width: 92%;
    margin: -20px auto 50px;
    padding: initial;
    padding: 60px 0 70px;
    text-align: left;
    background-color: #FFFFFF;
    position: relative;
    z-index: 799;
    font-size: 1.65rem;
    line-height: 4rem; }

  .esgarea4 {
    display: none; }

  .esgarea4_1 {
    width: 92%;
    margin: 0 auto;
    padding: initial;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 699;
    overflow: hidden;
    border: 0;
    font-size: 1.65rem;
    line-height: 4rem; }
    .esgarea4_1 img {
      width: 100%;
      padding: 0; }

  .esg_title2 {
    width: 80%;
    padding: 10px 0 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.75rem;
    line-height: 3.35rem;
    color: #00113E; }

  .esg_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.65rem;
    line-height: 3rem;
    color: #00113E; }

  .esg_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86;
    font-size: 1.65rem;
    line-height: 3.65rem; }

  .esg_text2 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86;
    font-size: 1.65rem;
    line-height: 3.65rem; }

  .esg_text3 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E;
    font-size: 1.65rem;
    line-height: 3.65rem; }

  .esg_text4 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4_1 {
    width: 18%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .esg_text4_2 {
    width: 60%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  a.esg_bt {
    display: block;
    width: 80%;
    padding: 15px 0 0;
    margin: 0 auto 50px;
    text-align: center; }
    a.esg_bt img {
      width: 100%;
      max-width: 362px;
      text-align: center; }

  /*表*/
  .diagram_contents1 {
    width: 99%;
    padding: 10px 0;
    text-align: left;
    margin: 0 auto; }

  .diagram_contents2 {
    width: 99%;
    padding: 10px 0 50px;
    text-align: center;
    margin: 0 auto; }

  .diagram1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2 {
    width: 100%;
    padding: 7px 0 14px;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #E5E9ED; }

  .diagram2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2_1 {
    width: 100%;
    padding: 7px 0 14px;
    margin: 0 auto 10px;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #627A86; }

  .diagram2_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .contitle1 {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .context1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 5px;
    color: #627A86; }

  .context1_1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 5px;
    color: #627A86; }

  .context2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .context2_1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .con1_1 {
    width: 45%;
    line-height: 2rem; }

  .con1_2 {
    width: 20%;
    text-align: center;
    line-height: 2rem; }

  .con1_3 {
    width: 20%;
    text-align: center;
    line-height: 2rem; }

  .con1_4 {
    width: 100%;
    text-align: center;
    padding: 0 5px; }

  .con1_4contets {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .con1_4contets p {
      width: 75px;
      padding: 0 1%; }

  .con1_4contets::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_4contets2 {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px 0 0;
    flex-wrap: wrap; }
    .con1_4contets2 p {
      width: 85px;
      padding: 0 1%; }

  .con1_4contets2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_1s, .con1_2s, .con1_3s, .con1_4s {
    display: none;
    width: 100%; }

  .con2_1 {
    width: 38%;
    padding-left: 3px; }

  .con2_2 {
    width: 58%;
    text-align: center; }
    .con2_2 div {
      display: flex;
      justify-content: center;
      padding: 20px 0 0;
      color: #627A86; }
    .con2_2 div::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con2_3 {
    width: 58%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 10px 0 0;
    color: #627A86; }

  .con2_3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .mark {
    width: 3.5%;
    min-width: 10px;
    max-width: 12px;
    text-align: left; }
    .mark img {
      width: 8px; }

  .sentence {
    width: 96%;
    text-align: left; }

  .border {
    width: 100%;
    text-align: center;
    margin: 10px auto 100px;
    color: #627A86;
    border-top: 1px solid #627A86;
    display: none; }

  /*pickup*/
  .contents_base8 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-image: url("../japanese/images/sustainability_pickup_visual.jpg");
    background-size: cover; }

  .maincon8 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center; }

  .maintitle8 {
    width: 90%;
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center; }
    .maintitle8 img {
      max-width: 198px; }

  .pickup_border {
    width: 78px;
    height: 2px;
    padding: 0 0 15px;
    margin: 15px auto 0;
    text-align: center;
    border-top: 1px solid #486B32; }

  .pickup_text {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .pickup_text2 {
    width: 80%;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .contents_base9 {
    width: 100%;
    margin: 50px auto 0;
    padding: 80px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .maintitle9 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    font-size: 2.0rem;
    line-height: 3.2rem;
    font-size: 1.95rem;
    text-align: center;
    color: #627A86; }

  .maintext9 {
    display: block;
    width: 80%;
    text-align: left;
    margin: 0 auto 0;
    padding: 30px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; } }
@media screen and (min-width: 481px) and (max-width: 780px) {
  .mo_br2 {
    display: none; }

  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0;
    overflow: hidden; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 899; }

  .con_area {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto; }

  .mainvisual {
    width: 100%;
    padding-top: 28%;
    background-image: url("../japanese/images/sustainability_visual.jpg");
    background-size: cover;
    background-position: top;
    position: relative; }

  .visualtxt {
    display: none; }

  .visualtxt_s {
    display: block;
    width: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }
    .visualtxt_s img {
      width: 100%;
      object-fit: cover; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 888; }

  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }

  .contents_base1 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(131, 163, 131, 0.1);
    box-sizing: border-box; }

  .contents_base2 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base3 {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base4 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base5 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(200, 187, 174, 0.15);
    box-sizing: border-box; }

  .contents_base6 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base7 {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 30px;
    text-align: center;
    background-color: #CAD2D9; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .maincon1 {
    width: 96%;
    padding: 40px 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maincon2 {
    width: 96%;
    padding-bottom: 30px;
    text-align: left;
    margin: 0 auto; }

  .maincon3 {
    width: 96%;
    padding-top: 70px;
    text-align: left;
    margin: 0 auto; }
    .maincon3 #menu {
      width: 98%;
      margin: 0 auto;
      text-align: left; }
    .maincon3 a {
      display: block;
      margin: 0 auto;
      max-width: 328px; }

  .maincon4 {
    width: 96%;
    padding: 10px 0 20px;
    text-align: left;
    margin: 0 auto; }

  .maincon5 {
    width: 96%;
    padding: 30px 0 40px;
    text-align: left;
    margin: 0 auto;
    background-color: white; }

  .maincon6 {
    width: 96%;
    padding: 30px 0;
    text-align: left;
    margin: 0 auto; }

  .maincon7 {
    width: 96%;
    padding: 40px 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maintitle1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }

  .maintitle2 {
    width: 96%;
    text-align: center;
    margin: 0 auto 0;
    color: #627A86;
    font-size: 1.7rem;
    line-height: 3.2rem; }

  .maintitle_border {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .maintitle_border2 {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 60px;
    padding: 50px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .main_mark {
    width: 178px;
    text-align: center;
    margin: 10px auto 0;
    color: #627A86;
    font-size: 1.4375rem;
    line-height: 3.2rem; }
    .main_mark img {
      width: 100%;
      min-width: 178px;
      min-height: 178px; }

  .main_mark2 {
    width: 105px;
    text-align: center;
    margin: 10px auto 20px;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }
    .main_mark2 img {
      width: 100%;
      max-width: 120px; }

  .maintext1 {
    display: block;
    width: 86%;
    max-width: 1000px;
    font-size: 1.65rem;
    line-height: 4.0rem;
    text-align: left;
    margin: 5px auto 0; }

  .maintext1_s {
    display: none; }

  .maintext2 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 50px auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext3 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    display: flex;
    justify-content: center; }
    .maintext3 p {
      padding: 20px 1.5% 0; }

  .maintext4 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.55rem;
    line-height: 3.5rem;
    color: #00113E;
    padding-top: 10px; }

  .maintext5 {
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: left;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86;
    padding-top: 5px; }

  .maintext6 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 20px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; }

  .maintext7 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    padding: 15px 0 10px;
    font-size: 2.0rem;
    line-height: 3.2rem;
    color: #4d4d4d; }

  .maintext8 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #4d4d4d; }

  .maintext9 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext10 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 0 0 15px 0;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 2.5rem;
    color: #627A86;
    box-sizing: border-box; }

  .maintext11 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    padding: 15px 0;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 3.0rem;
    color: #627A86;
    box-sizing: border-box; }

  .con1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
    text-align: left; }

  .con2 {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between; }

  .con2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con2_1 {
    width: 30%;
    margin-top: 50px;
    padding: 5% 1%;
    text-align: left;
    border: 3px  solid  #00113E;
    background-color: #FFFFFF; }
    .con2_1 p.con2title {
      width: 91%;
      margin: 0 auto;
      font-size: 2.0rem;
      line-height: 3.2rem;
      color: #00113E;
      text-align: center; }
    .con2_1 p.con2text {
      width: 91%;
      margin: 0 auto;
      padding-top: 15px;
      font-size: 1.65rem;
      line-height: 4rem;
      color: #627A86; }

  .con3 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center; }

  .con3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con3_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con3_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con4 {
    width: 100%;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center; }

  .con4_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con4_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con5 {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center; }
    .con5 .con5::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con6 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0 auto; }

  .con3title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 10px; }

  .context3 {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con3text {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto;
    display: flex;
    justify-content: 'flex-start'; }
    .con3text .con3text::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con3text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con3text2 {
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4title {
    padding-top: 0px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto; }

  .con4text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con4text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4text2 {
    width: 89%;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .sidetitle {
    width: 255px;
    height: 62px;
    text-align: center;
    margin: 0 auto; }

  /*esgレイアウト*/
  .esgarea1 {
    width: 35%;
    margin: 0 -4% 0 -4%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799;
    box-sizing: border-box; }
    .esgarea1 img {
      width: 100%; }

  .esgarea2 {
    width: 60%;
    margin: 4% -4% 0 0;
    padding: 4% 0 8% 1.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem;
    box-sizing: border-box; }

  .esgarea3 {
    width: 60%;
    margin: 4% -4% 0 -4%;
    padding: 4% 1.5% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem; }

  .esgarea4 {
    width: 40%;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799;
    font-size: 1.65rem;
    line-height: 4rem; }
    .esgarea4 img {
      width: 100%; }

  .esgarea4_1 {
    display: none; }

  .esg_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.05em;
    color: #00113E; }

  .esg_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.125em;
    color: #00113E; }

  .esg_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text2 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text3 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4_1 {
    width: 18%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .esg_text4_2 {
    width: 60%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  a.esg_bt {
    display: block;
    width: 80%;
    padding: 15px 0 0;
    margin: 0 auto 50px;
    text-align: center; }
    a.esg_bt img {
      width: 100%;
      max-width: 362px;
      text-align: center; }

  /*表*/
  .diagram_contents1 {
    width: 98%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left; }

  .diagram_contents2 {
    width: 98%;
    margin: 0 auto;
    padding: 10px 0 50px;
    text-align: center; }

  .diagram1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2 {
    width: 100%;
    padding: 5px 0 12px;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #E5E9ED; }

  .diagram2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2_1 {
    width: 100%;
    padding: 5px 0 12px;
    margin: 0 auto 10px;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #627A86; }

  .diagram2_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .contitle1 {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .context1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 5px;
    color: #627A86; }

  .context1_1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 5px;
    color: #627A86; }

  .context2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .context2_1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .con1_1 {
    width: 45%; }

  .con1_2 {
    width: 20%;
    text-align: center; }

  .con1_3 {
    width: 20%;
    text-align: center; }

  .con1_4 {
    width: 100%;
    text-align: center;
    padding: 0 5px; }

  .con1_4contets {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .con1_4contets p {
      width: 75px;
      padding: 0 1%; }

  .con1_4contets::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_4contets2 {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px 0 0;
    flex-wrap: wrap; }
    .con1_4contets2 p {
      width: 85px;
      padding: 0 1%; }

  .con1_4contets2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_1s, .con1_2s, .con1_3s, .con1_4s {
    display: none;
    width: 100%; }

  .con2_1 {
    width: 42%;
    padding-left: 1px; }

  .con2_2 {
    width: 56%;
    text-align: center; }
    .con2_2 div {
      display: flex;
      justify-content: center;
      padding: 20px 0 0;
      color: #627A86; }
    .con2_2 div::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con2_3 {
    width: 58%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 10px 0 0;
    color: #627A86; }

  .con2_3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .mark {
    width: 3.5%;
    min-width: 10px;
    max-width: 12px;
    text-align: left; }
    .mark img {
      width: 8px; }

  .sentence {
    width: 96%;
    text-align: left; }

  .border {
    width: 100%;
    text-align: center;
    margin: 10px auto 70px;
    color: #627A86;
    border-top: 1px solid #627A86; }

  /*pickup*/
  .contents_base8 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-image: url("../japanese/images/sustainability_pickup_visual.jpg");
    background-size: cover; }

  .maincon8 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center; }

  .maintitle8 {
    width: 80%;
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center; }
    .maintitle8 img {
      max-width: 198px; }

  .pickup_border {
    width: 78px;
    height: 2px;
    border-top: 1px solid #486B32;
    padding: 0 0 15px;
    margin: 15px auto 0;
    text-align: center; }

  .pickup_text {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .pickup_text2 {
    width: 80%;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .contents_base9 {
    width: 100%;
    margin: 50px auto 0;
    padding: 80px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .maintitle9 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    font-size: 2.0rem;
    line-height: 3.2rem;
    text-align: center;
    color: #627A86; }

  .maintext9 {
    display: block;
    width: 80%;
    text-align: left;
    margin: 0 auto 0;
    padding: 30px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; } }
@media screen and (min-width: 781px) and (max-width: 1040px) {
  .mo_br2 {
    display: none; }

  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -60px auto 0;
    padding: 120px 0 0;
    background-color: #FFF;
    line-height: 0;
    overflow: hidden; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 899; }

  .con_area {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto; }

  .mainvisual {
    width: 100%;
    padding-top: 26%;
    background-image: url("../japanese/images/sustainability_visual.jpg");
    background-size: cover;
    background-position: top;
    position: relative; }

  .visualtxt {
    width: 480px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }

  .visualtxt_s {
    display: none;
    width: 300px;
    top: 55%;
    left: 70%;
    transform: translate(-55%, -70%);
    position: absolute; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 888; }

  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center; }

  .contents_base1 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(131, 163, 131, 0.1); }

  .contents_base2 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: #E5E9ED;
    box-sizing: border-box; }

  .contents_base3 {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base4 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base5 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(200, 187, 174, 0.15);
    box-sizing: border-box; }

  .contents_base6 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base7 {
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 50px;
    text-align: center;
    background-color: #CAD2D9; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .maincon1 {
    width: 96%;
    padding: 20px 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maincon2 {
    width: 96%;
    padding-bottom: 50px;
    text-align: left;
    margin: 0 auto; }

  .maincon3 {
    width: 96%;
    padding-top: 70px;
    text-align: left;
    margin: 0 auto; }
    .maincon3 #menu {
      width: 98%;
      margin: 0 auto;
      text-align: left; }
    .maincon3 a {
      display: block;
      margin: 0 auto;
      max-width: 328px; }

  .maincon4 {
    width: 96%;
    padding: 50px 0;
    text-align: left;
    margin: 0 auto; }

  .maincon5 {
    width: 96%;
    padding: 50px 0 60px;
    text-align: left;
    margin: 0 auto;
    background-color: white; }

  .maincon6 {
    width: 96%;
    padding: 30px 0;
    text-align: left;
    margin: 0 auto; }

  .maincon7 {
    width: 96%;
    padding: 20px 0 30px;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maintitle1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }

  .maintitle2 {
    width: 96%;
    text-align: center;
    margin: 0 auto 0;
    color: #627A86;
    font-size: 1.7rem;
    line-height: 3.2rem; }

  .maintitle_border {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .maintitle_border2 {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 60px;
    padding: 50px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .main_mark {
    width: 178px;
    text-align: center;
    margin: 10px auto 0;
    color: #627A86;
    font-size: 1.4375rem;
    line-height: 3.2rem; }
    .main_mark img {
      width: 100%;
      min-width: 178px;
      min-height: 178px; }

  .main_mark2 {
    width: 105px;
    text-align: center;
    margin: 10px auto 20px;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }
    .main_mark2 img {
      width: 100%;
      max-width: 120px; }

  .maintext1 {
    display: block;
    width: 86%;
    max-width: 1000px;
    font-size: 1.65rem;
    line-height: 4.0rem;
    text-align: left;
    margin: 5px auto 0; }

  .maintext1_s {
    display: none; }

  .maintext2 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 50px auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext3 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    display: flex;
    justify-content: center; }
    .maintext3 p {
      padding: 20px 1.5% 0; }

  .maintext4 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.55rem;
    line-height: 3.5rem;
    color: #00113E;
    padding-top: 10px; }

  .maintext5 {
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: left;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86;
    padding-top: 5px; }

  .maintext6 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 20px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; }

  .maintext7 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    padding: 15px 0 10px;
    font-size: 2.0rem;
    line-height: 3.2rem;
    color: #4d4d4d; }

  .maintext8 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #4d4d4d; }

  .maintext9 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext10 {
    display: block;
    width: 96%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px 0 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 2.5rem;
    color: #627A86;
    box-sizing: border-box; }

  .maintext11 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    padding: 15px 0;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 3.0rem;
    color: #627A86;
    box-sizing: border-box; }

  .con1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
    text-align: left; }

  .con2 {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between; }

  .con2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con2_1 {
    width: 30%;
    margin-top: 50px;
    padding: 5% 1%;
    text-align: left;
    border: 3px  solid  #00113E;
    background-color: #FFFFFF; }
    .con2_1 p.con2title {
      width: 91%;
      margin: 0 auto;
      font-size: 2.0rem;
      line-height: 3.2rem;
      color: #00113E;
      text-align: center; }
    .con2_1 p.con2text {
      width: 91%;
      margin: 0 auto;
      padding-top: 15px;
      font-size: 1.65rem;
      line-height: 4rem;
      color: #627A86; }

  .con3 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center; }

  .con3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con3_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con3_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con4 {
    width: 100%;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center; }

  .con4_2 {
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con4_3 {
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con5 {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center; }
    .con5 .con5::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con6 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0 auto; }

  .con3title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 10px; }

  .context3 {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con3text {
    width: 92%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto;
    display: flex;
    justify-content: 'flex-start'; }
    .con3text .con3text::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con3text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con3text2 {
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4title {
    padding-top: 0px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto; }

  .con4text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con4text1 {
    width: 10%;
    max-width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4text2 {
    width: 89%;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .sidetitle {
    width: 255px;
    height: 62px;
    text-align: center;
    margin: 0 auto; }

  /*esgレイアウト*/
  .esgarea1 {
    width: 35%;
    margin: 0 -4% 0 -4%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799;
    box-sizing: border-box; }
    .esgarea1 img {
      width: 100%; }

  .esgarea2 {
    width: 60%;
    margin: 4% -4% 0 0;
    padding: 4% 0 8% 1.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem;
    box-sizing: border-box; }

  .esgarea3 {
    width: 60%;
    margin: 4% -4% 0 -4%;
    padding: 4% 1.5% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem; }

  .esgarea4 {
    width: 40%;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799;
    font-size: 1.65rem;
    line-height: 4rem; }
    .esgarea4 img {
      width: 100%; }

  .esgarea4_1 {
    display: none; }

  .esg_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.05em;
    color: #00113E; }

  .esg_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 2.125em;
    color: #00113E; }

  .esg_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text2 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text3 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4_1 {
    width: 18%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .esg_text4_2 {
    width: 60%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  a.esg_bt {
    display: block;
    width: 80%;
    padding: 15px 0 0;
    margin: 0 auto 50px;
    text-align: center; }
    a.esg_bt img {
      width: 100%;
      max-width: 362px;
      text-align: center; }

  　
  .diagram_contents1 {
    width: 80%;
    max-width: 1000px;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center; }

  .diagram_contents2 {
    width: 20%;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left: -1%; }

  .diagram1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1_1s {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1_1s::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2 {
    width: 100%;
    padding: 0px 0 17px;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    font-size: 1.65rem;
    border-bottom: 1px solid #E5E9ED; }

  .diagram2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2_1 {
    width: 100%;
    padding: 0px 0 17px;
    margin: 0 auto 10px;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    font-size: 1.65rem;
    border-bottom: 1px solid #627A86; }

  .diagram2_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .contitle1 {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .context1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 0 5px;
    color: #627A86; }

  .context1_1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    color: #627A86; }

  .context2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    color: #627A86; }

  .context2_1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .con1_1 {
    width: 45%;
    line-height: 2rem;
    padding: 22px 0 0 12px; }

  .con1_2 {
    width: 20%;
    text-align: center;
    line-height: 2rem;
    padding: 22px 0 0 12px; }

  .con1_3 {
    width: 20%;
    text-align: center;
    line-height: 2rem;
    padding: 22px 0 0 12px; }

  .con1_4 {
    width: 100%;
    text-align: center;
    padding: 0 5px; }

  .con1_4contets {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .con1_4contets p {
      width: 75px;
      padding: 0 1%; }

  .con1_4contets::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_4contets2 {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px 0 0;
    flex-wrap: wrap; }
    .con1_4contets2 p {
      width: 85px;
      padding: 0 1%; }

  .con1_4contets2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con1_1s, .con1_2s, .con1_3s, .con1_4s {
    display: none;
    width: 100%; }

  .con2_1 {
    width: 38%; }

  .con2_2 {
    width: 58%;
    text-align: center; }
    .con2_2 div {
      display: flex;
      justify-content: center;
      padding: 20px 0 0;
      color: #627A86; }
    .con2_2 div::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con2_3 {
    width: 58%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 10px 0 0;
    color: #627A86; }

  .con2_3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .mark {
    width: 3.5%;
    min-width: 10px;
    max-width: 12px;
    text-align: left; }
    .mark img {
      width: 8px; }

  .sentence {
    width: 96%;
    text-align: left; }

  .border {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    color: #627A86;
    border-top: 1px solid #627A86; }

  /*pickup*/
  .contents_base8 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-image: url("../japanese/images/sustainability_pickup_visual.jpg");
    background-size: cover; }

  .maincon8 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center; }

  .maintitle8 {
    width: 80%;
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center; }
    .maintitle8 img {
      max-width: 198px; }

  .pickup_border {
    width: 78px;
    height: 2px;
    border-top: 1px solid #486B32;
    padding: 0 0 15px;
    margin: 15px auto 0;
    text-align: center; }

  .pickup_text {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .pickup_text2 {
    width: 80%;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .contents_base9 {
    width: 100%;
    margin: 50px auto 0;
    padding: 80px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .maintitle9 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    font-size: 2.0rem;
    line-height: 3.2rem;
    text-align: center;
    color: #627A86; }

  .maintext9 {
    display: block;
    width: 80%;
    text-align: left;
    margin: 0 auto 0;
    padding: 30px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; } }
@media (min-width: 1041px) {
  .mo_br2 {
    display: none; }

  #contents1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: -80px auto 0;
    padding: 160px 0 0;
    background-color: #FFF;
    line-height: 0; }

  .basearea1 {
    width: 100%;
    padding: 0;
    background-attachment: fixed;
    height: auto; }

  .basearea2 {
    width: 100%;
    height: 2%;
    z-index: 799;
    bottom: 1%;
    position: absolute; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 899;
    text-align: center; }

  .con_area {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto; }

  .mainvisual {
    width: 100%;
    padding-top: 16.40%;
    background-image: url("../japanese/images/sustainability_visual.jpg");
    background-size: cover;
    background-position: top;
    position: relative; }

  .visualtxt {
    width: 500px;
    height: 99px;
    top: 52%;
    left: 50%;
    transform: translate(-52%, -50%);
    position: absolute; }

  .visualtxt_s {
    display: none; }

  #contents2 {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 888; }

  .contents_base {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center; }

  .contents_base1 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(131, 163, 131, 0.1); }

  .contents_base2 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base3 {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base4 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base5 {
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 60px;
    text-align: center;
    background-color: rgba(200, 187, 174, 0.15); }

  .contents_base6 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-color: #E5E9ED; }

  .contents_base7 {
    width: 100%;
    margin: 0 auto;
    padding: 90px 0 50px;
    text-align: center;
    background-color: #CAD2D9; }

  .con_area {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .con_area2 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.65rem;
    line-height: 4rem;
    background-color: white; }

  .maincon1 {
    width: 96%;
    padding: 50px 0;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maincon2 {
    width: 96%;
    padding-bottom: 50px;
    text-align: left;
    margin: 0 auto; }

  .maincon3 {
    width: 96%;
    padding-top: 70px;
    text-align: left;
    margin: 0 auto; }
    .maincon3 #menu {
      width: 92%;
      margin: 0 auto;
      text-align: left; }
    .maincon3 a {
      display: block;
      margin: 0 auto;
      max-width: 328px; }

  .maincon4 {
    width: 96%;
    padding: 10px 0 10px;
    text-align: left;
    margin: 0 auto; }

  .maincon5 {
    width: 96%;
    padding: 40px 0 50px;
    text-align: left;
    margin: 0 auto;
    background-color: white; }

  .maincon6 {
    width: 96%;
    padding: 30px 0;
    text-align: left;
    margin: 0 auto; }

  .maincon7 {
    width: 96%;
    padding: 50px 0;
    margin: 0 auto;
    text-align: left;
    background-color: white; }

  .maintitle1 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem;
    font-size: 2.1rem; }

  .maintitle2 {
    width: 96%;
    text-align: center;
    margin: 0 auto 0;
    color: #627A86;
    font-size: 1.7rem;
    line-height: 3.2rem; }

  .maintitle_border {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .maintitle_border2 {
    width: 100px;
    height: 1px;
    text-align: center;
    margin: 0 auto 60px;
    padding: 50px 0 0;
    color: #627A86;
    border-bottom: 1px solid #627A86; }

  .main_mark {
    width: 178px;
    text-align: center;
    margin: 10px auto 0;
    color: #627A86;
    font-size: 1.4375rem;
    line-height: 3.2rem; }
    .main_mark img {
      width: 100%;
      min-width: 178px;
      min-height: 178px; }

  .main_mark2 {
    width: 110px;
    text-align: center;
    margin: 10px auto 20px;
    color: #627A86;
    font-size: 2.0rem;
    line-height: 3.2rem; }
    .main_mark2 img {
      width: 100%;
      max-width: 120px; }

  .maintext1 {
    display: block;
    width: 86%;
    max-width: 1000px;
    font-size: 1.65rem;
    line-height: 4.0rem;
    text-align: left;
    margin: 5px auto 0; }

  .maintext1_s {
    display: none; }

  .maintext2 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 50px auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    font-size: 1.9rem !important;
    color: #00113E; }

  .maintext3 {
    display: block;
    width: 86%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    display: flex;
    justify-content: center; }
    .maintext3 p {
      padding: 20px 1.5% 0; }

  .maintext4 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.55rem;
    line-height: 3.5rem;
    color: #00113E;
    padding-top: 10px; }

  .maintext5 {
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: left;
    margin: 0 auto 0;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86;
    padding-top: 5px; }

  .maintext6 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 20px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; }

  .maintext7 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 0;
    padding: 15px 0 10px;
    font-size: 2.0rem;
    line-height: 3.2rem;
    color: #666; }

  .maintext8 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #666; }

  .maintext9 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #00113E; }

  .maintext10 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px 0 15px 35px;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 2.5rem;
    color: #627A86;
    box-sizing: border-box; }

  .maintext11 {
    display: block;
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 15px 0 15px 35px;
    font-size: 1.65rem;
    line-height: 4rem;
    line-height: 3.0rem;
    color: #627A86;
    box-sizing: border-box; }

  .con1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
    text-align: left; }

  .con2 {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between; }

  .con2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con2_1 {
    width: 30%;
    margin-top: 50px;
    padding: 5% 1%;
    text-align: left;
    border: 3px  solid  #00113E;
    background-color: #FFFFFF; }
    .con2_1 p.con2title {
      width: 91%;
      margin: 0 auto;
      font-size: 2.0rem;
      line-height: 3.2rem;
      color: #00113E;
      text-align: center; }
    .con2_1 p.con2text {
      width: 91%;
      margin: 0 auto;
      padding-top: 15px;
      font-size: 1.65rem;
      line-height: 4rem;
      color: #627A86; }

  .con3 {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center; }

  .con3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .con3_2 {
    min-width: 25px;
    max-width: 25px;
    color: #00478B;
    padding-top: 3px;
    text-align: center; }

  .con3_3 {
    width: auto;
    margin-top: 0px;
    color: #00478B;
    text-align: left; }

  .con4 {
    width: 750px;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center; }

  .con5 {
    width: 750px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center; }
    .con5 .con5::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con6 {
    width: 750px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    margin: 0 auto; }

  .con3title {
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 10px; }

  .context3 {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con3text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    display: flex;
    justify-content: 'flex-start'; }
    .con3text .con3text::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con3text1 {
    width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con3text2 {
    width: 720px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4title {
    padding-top: 0px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto; }

  .con4text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
    font-size: 16px;
    line-height: 27px;
    margin: 0 auto; }

  .con4text1 {
    width: 20px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .con4text2 {
    width: 720px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: top; }

  .sidetitle {
    width: 255px;
    height: 62px;
    text-align: center;
    margin: 0 auto; }

  /*esgレイアウト*/
  .esgarea1 {
    width: 40%;
    max-width: 529px;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799; }
    .esgarea1 img {
      width: 100%; }

  .esgarea2 {
    width: 60%;
    max-width: 650px;
    margin: 4% -4% 0 0;
    padding: 3% 0 3.5% 1.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem; }

  .esgarea3 {
    width: 60%;
    max-width: 650px;
    margin: 4% -4% 0 0;
    padding: 3% 1.5% 3.5% 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #FFFF;
    position: relative;
    z-index: 699;
    font-size: 1.65rem;
    line-height: 4rem; }

  .esgarea4 {
    width: 40%;
    max-width: 529px;
    margin: 0 -4% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    z-index: 799;
    font-size: 1.65rem;
    line-height: 4rem; }
    .esgarea4 img {
      width: 100%; }

  .esgarea4_1 {
    display: none; }

  .esg_title2 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.05em;
    color: #00113E; }

  .esg_title3 {
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5em;
    line-height: 2.125em;
    color: #00113E; }

  .esg_text1 {
    width: 80%;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text2 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #627A86; }

  .esg_text3 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4 {
    width: 80%;
    padding: initial;
    padding: 25px 0 0;
    margin: 0 auto;
    color: #00113E; }

  .esg_text4_1 {
    width: 18%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  .esg_text4_2 {
    width: 60%;
    padding: initial;
    padding: 25px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }

  a.esg_bt {
    display: block;
    width: 362px;
    height: 71px;
    padding: 15px 0 0;
    margin: 0 auto 50px; }

  /*表*/
  .diagram_contents1 {
    width: 80%;
    max-width: 1000px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto; }

  .diagram_contents2 {
    width: 28%;
    min-width: 300px;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left: -1%; }

  .diagram1 {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #E5E9ED;
    color: #627A86;
    border-top: 1px solid #627A86;
    border-bottom: 1px solid #627A86;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .diagram1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram1s {
    display: none; }

  .diagram1s::after {
    display: none; }

  .diagram1_1s {
    display: none; }

  .diagram1_1s::after {
    display: none; }

  .diagram2 {
    width: 100%;
    padding: 8px 0 12px;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #E5E9ED; }

  .diagram2::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram2_1 {
    width: 100%;
    padding: 8px 0 12px;
    margin: 0 auto 10px;
    text-align: left;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.55rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #627A86; }

  .diagram2_1::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .diagram3 {
    display: block;
    width: 80%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    font-size: 1.55rem;
    line-height: 3.5rem; }

  .contitle1 {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .context1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 20px;
    color: #627A86; }

  .context1_1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0 0 20px;
    color: #627A86; }

  .context2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .context2_1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    color: #627A86; }

  .con1_1 {
    width: 60%;
    padding: 0 10px; }

  .con1_2 {
    width: 20%;
    padding: 0 10px;
    text-align: center; }

  .con1_3 {
    width: 20%;
    text-align: center;
    padding: 0 10px; }

  .con1_4 {
    width: 100%;
    text-align: center;
    padding: 0 10px; }

  .con1_4contets {
    display: block;
    width: 100%;
    padding: 20px 0 0 10px;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .con1_4contets p {
      width: 85px;
      padding: 0 1%; }

  .con1_4contets::after {
    display: block;
    content: "";
    position: relative;
    justify-content: center;
    z-index: 899; }

  .con1_4contets2 {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 5px 0 0;
    flex-wrap: wrap; }
    .con1_4contets2 p {
      max-width: 85px;
      padding: 0 1%; }

  .con1_4contets2::after {
    display: block;
    content: "";
    position: relative;
    justify-content: center;
    z-index: 899; }

  .con1_1s, .con1_2s, .con1_3s, .con1_4s {
    display: none;
    width: 100%; }

  .con2_1 {
    width: 38%; }

  .con2_2 {
    width: 58%;
    text-align: center; }
    .con2_2 div {
      display: flex;
      justify-content: flex-start;
      padding: 20px 0 0;
      color: #627A86; }
    .con2_2 div::after {
      display: block;
      content: "";
      position: relative;
      z-index: 899; }

  .con2_3 {
    width: 58%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    padding: 10px 0 0;
    color: #627A86; }

  .con2_3::after {
    display: block;
    content: "";
    position: relative;
    z-index: 899; }

  .mark {
    width: 3.5%;
    min-width: 10px;
    max-width: 12px;
    text-align: left; }
    .mark img {
      width: 8px; }

  .sentence {
    width: 96%;
    text-align: left; }

  .border_esg {
    width: 90%;
    max-width: 1000px;
    text-align: center;
    padding: 10px 0 0;
    margin: 10px auto 0;
    color: #627A86;
    border-top: 1px solid #627A86;
    display: block; }

  /*pickup*/
  .contents_base8 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    background-image: url("../japanese/images/sustainability_pickup_visual.jpg");
    background-size: cover; }

  .maincon8 {
    width: 96%;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center; }

  .maintitle8 {
    width: 80%;
    padding: 0 0 15px;
    margin: 0 auto;
    text-align: center; }
    .maintitle8 img {
      max-width: 198px; }

  .pickup_border {
    width: 78px;
    height: 2px;
    border-top: 1px solid #486B32;
    padding: 0 0 15px;
    margin: 15px auto 0;
    text-align: center; }

  .pickup_text {
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .pickup_text2 {
    width: 80%;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 1.65rem;
    line-height: 4rem; }

  .contents_base9 {
    width: 100%;
    margin: 50px auto 0;
    padding: 80px 0 40px;
    text-align: center;
    background-color: #E5E9ED; }

  .maintitle9 {
    width: 80%;
    max-width: 1000px;
    padding: 0;
    margin: 0 auto;
    font-size: 2.0rem;
    line-height: 3.2rem;
    text-align: center;
    color: #627A86; }

  .maintext9 {
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto 0;
    padding: 30px 0 10px;
    font-size: 1.65rem;
    line-height: 4rem;
    color: #627A86; } }