@charset "UTF-8";
/*----------------------------------

investorsCSS

----------------------------------*/
body.investors main .pageTitle {
  position: relative;
  height: 578px;
  overflow: visible;
}
body.investors main .pageTitle .bg {
  position: absolute;
  background-image: url("../../investors/img/pagetitle_bg_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 1109px;
  top: 0;
  left: 0;
}
body.investors main .pageTitle .inner {
  position: relative;
  height: 100%;
  text-align: left;
  top: 0;
  left: 0;
  transform: none;
}
body.investors main .pageTitle .inner h1 {
  position: absolute;
  bottom: 9.2%;
  left: 2.1%;
}
body.investors main .breadCrumb ul li {
  color: #fff;
}
body.investors main .pageContents {
  padding-top: 108px;
}
body.investors main h2 {
  margin-bottom: 55px;
  color: #fff;
  font-size: 4.8rem;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.025em;
}
body.investors main h2 + p {
  margin-bottom: 36px;
  color: #fff;
  text-align: center;
}
body.investors main .pageNav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 180px;
}
body.investors main .pageNav li {
  background: #fff;
  margin-right: 20px;
  margin-bottom: 20px;
}
body.investors main .pageNav li a {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 90px;
  padding: 2px 66px 2px 20px;
  line-height: 1.75;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
body.investors main .pageNav li a::after {
  content: "";
  position: absolute;
  background: url("../img/common/icon_arrow-right.svg") no-repeat;
  background-size: 7px 14px;
  width: 7px;
  height: 14px;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
}
body.investors main .pageNav li a span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
body.investors main .pageNav li a span:first-child {
  margin-right: 12px;
  font-size: 4.8rem;
}
body.investors main .pageNav li a span:last-child {
  font-size: 1.4rem;
  letter-spacing: -0.05em;
}
@media all and (-ms-high-contrast: none) {
  body.investors main .pageNav li a span {
    margin-top: 6px;
  }
}
body.investors main .featureBox + .featureBox {
  margin-top: 180px;
}
body.investors main .featureBox h3 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 31px;
  padding-bottom: 10px;
  padding-left: 7px;
  border-bottom: 1px solid #d9d9d9;
}
body.investors main .featureBox h3 span.no {
  display: inline;
  margin-right: 8px;
  font-size: 4.8rem;
}
body.investors main .featureBox h3 span.hdg {
  padding-top: 18px;
  font-size: 2.6rem;
}
body.investors main .featureBox h4 {
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.9rem;
  line-height: 1.75;
}
body.investors main .featureBox h3,
body.investors main .featureBox h4, body.investors main .featureBox > p {
  width: 80%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
body.investors main .featureBox img {
  margin-top: 100px;
}
body.investors main .featureBox img + h4 {
  margin-top: 140px;
}
@media all and (-ms-high-contrast: none) {
  body.investors main .featureBox img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
body.investors main .featureBox table {
  width: 100%;
  text-align: center;
  border: 1px solid #b1b1b1;
}
body.investors main .featureBox table tr + tr {
  border-top: 1px solid #b1b1b1;
}
body.investors main .featureBox table th + th,
body.investors main .featureBox table th + td,
body.investors main .featureBox table td + td {
  border-left: 1px solid #b1b1b1;
}
body.investors main .featureBox table th,
body.investors main .featureBox table td {
  padding: 11px 10px 9px;
}
body.investors main .featureBox table th {
  background: #e6e6e6;
}
body.investors main .featureBox .btn {
  margin-top: 40px;
}
body.investors main .featureBox .btn .blank {
  position: relative;
}
body.investors main .featureBox .btn .blank::after {
  content: "";
  position: absolute;
  background: url("../img/common/icon_blank_black.png") no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  top: -1px;
  bottom: 0;
  right: -20px;
  margin: auto;
  transition: opacity 0.3s ease;
}
body.investors main .featureBox .btn:hover .blank::after {
  opacity: 0.7;
}
body.investors main .featureBox .flexBox {
  display: flex;
  margin-top: 20px;
}
body.investors main .featureBox .flexBox img,
body.investors main .featureBox .flexBox table {
  margin: 0;
}
body.investors main .featureBox .flexBox .tableBox {
  margin-top: 1px;
  margin-left: 4.15%;
}
body.investors main .featureBox .flexBox .tableBox p {
  margin-top: 12px;
  font-size: 1.2rem;
}
body.investors main .featureBox .scroll {
  overflow: auto;
  white-space: nowrap;
  width: calc(100% + 50px);
  transform: translateX(-25px);
  margin-top: 25px;
  font-size: 0;
}
body.investors main .featureBox .scroll .sBox {
  display: inline-block;
  padding: 0 25px;
}
body.investors main .featureBox .scroll .sBox img,
body.investors main .featureBox .scroll .sBox table {
  margin: 0;
  overflow: auto;
}
body.investors main .featureBox .scroll .sBox img {
  min-width: 1180px;
}
body.investors main .featureBox .scroll .sBox table {
  table-layout: fixed;
  font-size: 1.5rem;
}
body.investors main .featureBox:nth-of-type(3) img {
  margin-top: 70px;
}
body.investors main .featureBox:nth-of-type(4) .scroll {
  margin-top: 40px;
}
body.investors main .featureBox:nth-of-type(4) .scroll + h4 {
  margin-top: 71px;
}
body.investors main .featureBox:nth-of-type(4) table {
  max-width: 539px;
}
body.investors main .featureBox:nth-of-type(4) table tr:first-child td {
  background: #e6e6e6;
}
body.investors main .featureBox:nth-of-type(4) table th {
  width: calc(164 / 537 * 100%);
}
body.investors main .featureBox:nth-of-type(4) table td {
  text-align: right;
}
body.investors main .featureBox:nth-of-type(4) table td:nth-of-type(1) {
  width: calc(174 / 537 * 100%);
  padding-right: 6.35%;
}
body.investors main .featureBox:nth-of-type(4) table td:nth-of-type(2) {
  width: calc(20 / 537 * 100%);
  padding: 0;
  text-align: center;
}
body.investors main .featureBox:nth-of-type(4) table td:last-child {
  width: calc(179 / 537 * 100%);
  padding-right: 13.55%;
}
body.investors main .featureBox:nth-of-type(4) table td + td {
  border-left: none;
}
body.investors main .featureBox:nth-of-type(5) p + h4,
body.investors main .featureBox:nth-of-type(5) p + p {
  margin-top: 32px;
}
body.investors main .featureBox:nth-of-type(5) p + .scroll {
  margin-top: 21px;
}
body.investors main .featureBox:nth-of-type(5) .scroll table {
  min-width: 800px;
}
body.investors main .featureBox:nth-of-type(5) .scroll + h4 {
  margin-top: 32px;
}
body.investors main .featureBox:nth-of-type(5) table {
  max-width: 800px;
}
body.investors main .featureBox:nth-of-type(5) table th,
body.investors main .featureBox:nth-of-type(5) table td {
  padding: 11px 10px 8px;
}
body.investors main .featureBox:nth-of-type(5) table th {
  width: calc(100% / 6);
}
@media all and (-ms-high-contrast: none) {
  body.investors main .featureBox:nth-of-type(5) .img {
    max-width: 447px;
  }
}
body.investors main .featureBox:nth-of-type(5) .tableBox {
  width: 100%;
  max-width: 428px;
}
body.investors main .featureBox:nth-of-type(5) .tableBox table th,
body.investors main .featureBox:nth-of-type(5) .tableBox table td {
  padding: 8px 10px 6px;
}
body.investors main .featureBox:nth-of-type(5) .tableBox table th {
  width: auto;
}
body.investors main .featureBox:nth-of-type(5) .tableBox table th:first-child {
  width: 262px;
}
body.investors main .link {
  display: flex;
  width: 100%;
  height: 480px;
}
body.investors main .link .linkBox {
  position: relative;
  width: 50%;
  text-align: center;
}
body.investors main .link .linkBox a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 341px;
}
body.investors main .link .linkBox a p {
  color: #fff;
  font-size: 3rem;
  font-family: "EB Garamond", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
body.investors main .link .linkBox a p span {
  display: block;
  margin-top: 5px;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}
body.investors main .link .linkBox:first-child a {
  background: url("../img/common/mission.jpg") no-repeat right;
  background-size: cover;
}
body.investors main .link .linkBox:last-child a {
  background: url("../img/common/sustainability.jpg") no-repeat left;
  background-size: cover;
}

@media (min-width: 920px) {
  body.investors main .featureBox:nth-of-type(4) .scroll:nth-of-type(2) {
    width: 80%;
    max-width: 768px;
    margin: 25px auto 0;
    text-align: center;
    transform: none;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll:nth-of-type(2) .sBox {
    padding: 0;
  }
}
@media (max-width: 919px) {
  body.investors main .pageTitle {
    height: 488px;
  }
  body.investors main .pageTitle .bg {
    background-image: url("../../investors/img/pagetitle_bg_sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 618px;
    top: 0;
    left: 0;
  }
  body.investors main .pageTitle .inner h1 {
    bottom: 7.5%;
    left: 6.6%;
  }
  body.investors main .pageContents {
    padding-top: 32px;
  }
  body.investors main h2 {
    margin-bottom: 55px;
    font-size: 1.9rem;
  }
  body.investors main h2 + p {
    margin-bottom: 20px;
    color: #1c1c1c;
  }
  body.investors main .pageNav {
    display: block;
    margin-bottom: 62px;
  }
  body.investors main .pageNav li {
    margin-right: 0;
    margin-bottom: 0;
  }
  body.investors main .pageNav li + li {
    margin-top: 10px;
  }
  body.investors main .pageNav li a {
    min-height: 40px;
    padding: 11px 33px 10px 13px;
    line-height: 1.5;
  }
  body.investors main .pageNav li a::after {
    background-size: 4px 8px;
    width: 4px;
    height: 8px;
    right: 9px;
  }
  body.investors main .pageNav li a span:first-child {
    margin-right: 11px;
    font-size: 2.4rem;
  }
  body.investors main .pageNav li a span:last-child {
    font-size: 1.2rem;
  }
  body.investors main .featureBox + .featureBox {
    margin-top: 62px;
  }
  body.investors main .featureBox h3,
  body.investors main .featureBox h4, body.investors main .featureBox > p {
    width: 100%;
  }
  body.investors main .featureBox h3 {
    margin-bottom: 15px;
    padding-bottom: 11px;
  }
  body.investors main .featureBox h3 span.no {
    margin-right: 10px;
    font-size: 2.6rem;
  }
  body.investors main .featureBox h3 span.hdg {
    padding-top: 7px;
    font-size: 1.8rem;
  }
  body.investors main .featureBox h4 {
    margin-bottom: 12px;
    /*margin-left: -3px;*/
    font-size: 1.6rem;
    line-height: 1.5;
  }
  body.investors main .featureBox p {
    font-size: 1.4rem;
    line-height: 2.2;
  }
  body.investors main .featureBox img {
    display: block;
    margin: 40px auto 0;
  }
  body.investors main .featureBox img + h4 {
    margin-top: 70px;
  }
  body.investors main .featureBox table {
    margin-top: 16px;
  }
  body.investors main .featureBox table th,
  body.investors main .featureBox table td {
    padding: 11px 10px 9px;
  }
  body.investors main .featureBox .btn {
    margin-top: 30px;
  }
  body.investors main .featureBox .flexBox {
    display: block;
    margin-top: 25px;
  }
  body.investors main .featureBox .flexBox .tableBox {
    margin: 25px auto 0;
  }
  body.investors main .featureBox .flexBox .tableBox p {
    margin-top: 6px;
    font-size: 1.3rem;
  }
  body.investors main .featureBox:nth-of-type(3) img {
    margin-top: 15px;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll {
    margin-top: 2px;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll + h4 {
    margin-top: 58px;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll:nth-of-type(2) {
    margin-top: 16px;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll .sBox table {
    font-size: 1.4rem;
  }
  body.investors main .featureBox:nth-of-type(4) .scroll .sBox table th,
  body.investors main .featureBox:nth-of-type(4) .scroll .sBox table td {
    padding-top: 9px;
    padding-bottom: 8px;
  }
  body.investors main .featureBox:nth-of-type(4) table {
    max-width: 100%;
    min-width: 487px;
  }
  body.investors main .featureBox:nth-of-type(4) table th {
    width: calc(147 / 487 * 100%);
  }
  body.investors main .featureBox:nth-of-type(4) table td {
    text-align: right;
  }
  body.investors main .featureBox:nth-of-type(4) table td:nth-of-type(1) {
    width: calc(160 / 487 * 100%);
  }
  body.investors main .featureBox:nth-of-type(4) table td:nth-of-type(2) {
    width: calc(20 / 487 * 100%);
  }
  body.investors main .featureBox:nth-of-type(4) table td:last-child {
    width: calc(160 / 487 * 100%);
  }
  body.investors main .featureBox:nth-of-type(5) p + h4,
  body.investors main .featureBox:nth-of-type(5) p + p {
    margin-top: 25px;
  }
  body.investors main .featureBox:nth-of-type(5) .scroll + h4 {
    margin-top: 44px;
  }
  body.investors main .featureBox:nth-of-type(5) .scroll table {
    max-width: 100%;
    min-width: 600px;
    font-size: 1.2rem;
  }
  body.investors main .featureBox:nth-of-type(5) .scroll table th,
  body.investors main .featureBox:nth-of-type(5) .scroll table td {
    padding: 8px 10px 7px;
  }
  body.investors main .featureBox:nth-of-type(5) .img {
    max-width: 485px;
    margin: 0 auto;
  }
  body.investors main .featureBox:nth-of-type(5) .tableBox table th,
  body.investors main .featureBox:nth-of-type(5) .tableBox table td {
    padding: 4px 10px 3px;
  }
  body.investors main .featureBox:nth-of-type(5) .tableBox table th {
    width: auto;
  }
  body.investors main .featureBox:nth-of-type(5) .tableBox table th:first-child {
    width: 62%;
  }
  body.investors main .link {
    display: block;
    height: 500px;
    margin-top: 38px;
  }
  body.investors main .link .linkBox {
    width: 100%;
    height: 250px;
  }
  body.investors main .link .linkBox a {
    padding-top: 0;
  }
  body.investors main .link .linkBox a p {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  body.investors main .link .linkBox a p span {
    margin-top: 2px;
    font-size: 1.4rem;
  }
}