@charset "UTF-8";
/*
 sustainability.cssは自動生成しているため、
 直接上書きしないでください。
*/
/* Vendor */
/* Site settings */
/* Base */
/* line 1, ../scss/base/_main.scss */
html, body {
  height: 100%;
}

/* line 4, ../scss/base/_main.scss */
body {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 1.7em;
  -webkit-text-size-adjust: 100%;
}

@media all and (-ms-high-contrast: none) {
  /* line 13, ../scss/base/_main.scss */
  body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  }

  /* line 16, ../scss/base/_main.scss */
  main {
    display: block;
  }
}
/* line 20, ../scss/base/_main.scss */
#site-container {
  position: relative;
  min-height: 100%;
}

/* line 24, ../scss/base/_main.scss */
.container {
  width: 1000px;
}

/* line 28, ../scss/base/_main.scss */
a {
  text-decoration: none;
  color: #000;
}

/* line 33, ../scss/base/_main.scss */
ul {
  list-style-type: none;
  padding-left: 0;
}

/* common icons */
/* line 39, ../scss/base/_main.scss */
.ic-window {
  display: inline-block;
  width: 14px;
}
/* line 42, ../scss/base/_main.scss */
.ic-window > img {
  display: block;
  width: 100%;
}

/* line 48, ../scss/base/_main.scss */
.w50 {
  width: 50px;
}

/* line 49, ../scss/base/_main.scss */
.w60 {
  width: 60px;
}

/* line 50, ../scss/base/_main.scss */
.w80 {
  width: 80px;
}

/* line 51, ../scss/base/_main.scss */
.w100 {
  width: 100px;
}

/* line 52, ../scss/base/_main.scss */
.w120 {
  width: 120px;
}

/* line 53, ../scss/base/_main.scss */
.w140 {
  width: 140px;
}

/* line 54, ../scss/base/_main.scss */
.w160 {
  width: 160px;
}

/* line 55, ../scss/base/_main.scss */
.w180 {
  width: 180px;
}

/* line 56, ../scss/base/_main.scss */
.w200 {
  width: 200px;
}

/* line 57, ../scss/base/_main.scss */
.w220 {
  width: 220px;
}

/* line 58, ../scss/base/_main.scss */
.w240 {
  width: 240px;
}

/* line 59, ../scss/base/_main.scss */
.w260 {
  width: 260px;
}

/* line 60, ../scss/base/_main.scss */
.w280 {
  width: 280px;
}

/* line 61, ../scss/base/_main.scss */
.w380 {
  width: 380px;
}

/* line 62, ../scss/base/_main.scss */
.w400 {
  width: 400px;
}

/* line 64, ../scss/base/_main.scss */
.mt10 {
  margin-top: 10px;
}

/* line 65, ../scss/base/_main.scss */
.mt20 {
  margin-top: 20px;
}

/* line 66, ../scss/base/_main.scss */
.mt30 {
  margin-top: 30px;
}

/* line 67, ../scss/base/_main.scss */
.mt40 {
  margin-top: 40px;
}

/* line 68, ../scss/base/_main.scss */
.mt50 {
  margin-top: 50px;
}

/* line 69, ../scss/base/_main.scss */
.mt60 {
  margin-top: 60px;
}

/* line 70, ../scss/base/_main.scss */
.mt70 {
  margin-top: 70px;
}

/* line 71, ../scss/base/_main.scss */
.mt80 {
  margin-top: 80px;
}

/* line 72, ../scss/base/_main.scss */
.mt90 {
  margin-top: 90px;
}

/* line 73, ../scss/base/_main.scss */
.mt100 {
  margin-top: 100px;
}

/* line 74, ../scss/base/_main.scss */
.mt120 {
  margin-top: 120px;
}

/* line 75, ../scss/base/_main.scss */
.mt140 {
  margin-top: 140px;
}

/* line 76, ../scss/base/_main.scss */
.mt160 {
  margin-top: 160px;
}

/* line 77, ../scss/base/_main.scss */
.mt180 {
  margin-top: 180px;
}

/* line 78, ../scss/base/_main.scss */
.mt200 {
  margin-top: 200px;
}

/* line 79, ../scss/base/_main.scss */
.mt220 {
  width: 220px;
}

/* line 80, ../scss/base/_main.scss */
.mt240 {
  width: 240px;
}

/* line 81, ../scss/base/_main.scss */
.mt260 {
  width: 260px;
}

/* line 82, ../scss/base/_main.scss */
.mt280 {
  width: 280px;
}

/* line 83, ../scss/base/_main.scss */
.mt380 {
  width: 380px;
}

/* line 84, ../scss/base/_main.scss */
.mt400 {
  width: 400px;
}

/* line 86, ../scss/base/_main.scss */
.clear-both {
  clear: both;
}

/* line 87, ../scss/base/_main.scss */
.overflow-auto {
  overflow: auto;
}

/* line 88, ../scss/base/_main.scss */
.text-align-center {
  text-align: center;
}

/* line 89, ../scss/base/_main.scss */
.text-align-left {
  text-align: left;
}

/* line 90, ../scss/base/_main.scss */
.font-weight-bold {
  font-weight: bold;
}

/* line 91, ../scss/base/_main.scss */
.font-size-16 {
  font-size: 16px;
}

/* line 92, ../scss/base/_main.scss */
.font-size-20 {
  font-size: 20px;
}

/* line 93, ../scss/base/_main.scss */
.font-size-25 {
  font-size: 25px;
}

/* line 94, ../scss/base/_main.scss */
.font-size-30 {
  font-size: 30px;
}

/* line 95, ../scss/base/_main.scss */
.font-size-35 {
  font-size: 35px;
}

/* line 96, ../scss/base/_main.scss */
.font-size-50 {
  font-size: 50px;
}

/* line 97, ../scss/base/_main.scss */
.margin-0-auto {
  margin: 0 auto;
}

/* line 98, ../scss/base/_main.scss */
.margin-top-15 {
  margin-top: 15px;
}

/* line 99, ../scss/base/_main.scss */
.margin-top-30 {
  margin-top: 30px;
}

/* line 100, ../scss/base/_main.scss */
.margin-top-40 {
  margin-top: 40px;
}

/* line 101, ../scss/base/_main.scss */
.margin-top-50 {
  margin-top: 50px;
}

/* line 102, ../scss/base/_main.scss */
.margin-top-80 {
  margin-top: 80px;
}

/* line 103, ../scss/base/_main.scss */
.margin-top-100 {
  margin-top: 100px;
}

/* line 104, ../scss/base/_main.scss */
.margin-bottom-10 {
  margin-bottom: 10px;
}

/* line 105, ../scss/base/_main.scss */
.margin-bottom-15 {
  margin-bottom: 15px;
}

/* line 106, ../scss/base/_main.scss */
.margin-bottom-25 {
  margin-bottom: 25px;
}

/* line 107, ../scss/base/_main.scss */
.margin-bottom-40 {
  margin-bottom: 40px;
}

/* line 108, ../scss/base/_main.scss */
.margin-bottom-80 {
  margin-bottom: 80px;
}

/* line 109, ../scss/base/_main.scss */
.margin-bottom-100 {
  margin-bottom: 100px;
}

/* line 110, ../scss/base/_main.scss */
.margin-right-auto {
  margin-right: auto;
}

/* line 111, ../scss/base/_main.scss */
.margin-right-60 {
  margin-right: 60px;
}

/* line 112, ../scss/base/_main.scss */
.margin-left-auto {
  margin-left: auto;
}

/* line 113, ../scss/base/_main.scss */
.top-20 {
  top: 20px;
}

/* line 114, ../scss/base/_main.scss */
.line-height-35 {
  line-height: 35px;
}

/* line 115, ../scss/base/_main.scss */
.line-height-40 {
  line-height: 40px;
}

/* line 116, ../scss/base/_main.scss */
.line-height-50 {
  line-height: 50px;
}

/* line 117, ../scss/base/_main.scss */
.line-height-55 {
  line-height: 55px;
}

/* line 118, ../scss/base/_main.scss */
.line-height-80 {
  line-height: 80px;
}

/* line 119, ../scss/base/_main.scss */
.height-80 {
  height: 80px;
}

/* line 120, ../scss/base/_main.scss */
.height-100 {
  height: 100px;
}

/* line 121, ../scss/base/_main.scss */
.width-150 {
  width: 150px;
}

/* line 122, ../scss/base/_main.scss */
.width-870 {
  width: 870px;
}

/* line 123, ../scss/base/_main.scss */
.width-980 {
  width: 980px;
}

/* line 124, ../scss/base/_main.scss */
.float-left {
  float: left;
}

/* line 125, ../scss/base/_main.scss */
.position-relative {
  position: relative;
}

/* line 126, ../scss/base/_main.scss */
.vertical-align-middle {
  vertical-align: middle;
}

/* Layouts */
/* line 3, ../scss/layout/_sustainability.scss */
#page-sustainability .container {
  margin: 120px auto;
  width: 840px;
}
/* line 7, ../scss/layout/_sustainability.scss */
#page-sustainability .container h1 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  color: #005dbe;
}
/* line 13, ../scss/layout/_sustainability.scss */
#page-sustainability .container .lead {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid black;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
}
/* line 21, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links {
  margin-top: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 25, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div {
  width: 250px;
}
/* line 29, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div a .bg-img {
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
/* line 33, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div a:hover .bg-img {
  opacity: .7;
}
/* line 39, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div p {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  color: #005dbe;
}
/* line 46, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div .bg-img {
  height: 145px;
  background-color: #56b9f4;
  position: relative;
}
/* line 52, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div .img-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 59, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div.item1 .img-wrapper {
  width: 116px;
  height: 72px;
}
/* line 65, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div.item2 .img-wrapper {
  width: 87px;
  height: 101px;
}
/* line 71, ../scss/layout/_sustainability.scss */
#page-sustainability .container .links > div.item3 .img-wrapper {
  width: 92px;
  height: 94px;
}