:root{--investment-blue:#225c8d;--investment-blue-light:#6397bf;--investment-pale:#f8f3f4}.investment-page{color:#111}.investment-page main{overflow:hidden}.investment-hero{position:relative;max-width:1920px;margin:auto}.investment-hero>picture{display:block}.investment-hero>picture img{display:block;width:100%}.investment-hero h1{position:absolute;top:10%;left:7%;margin:0;color:#225c8d;font-family:"Zen Old Mincho","Yu Mincho",serif;font-weight:400}.investment-hero h1 span{display:block;font-family:"kumlien-pro","Times New Roman",serif;line-height:.9}.investment-hero h1 small{display:block;margin-top:20px;font-size:20px;font-weight:400}.investment-intro{padding-top:120px;padding-bottom:120px}.investment-intro h2,.investment-closing h2{font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:25px;font-weight:400;line-height:1.65;text-align:center}.investment-intro p,.investment-value>p,.investment-life p,.investment-closing p{font-size:16px;line-height:2}.investment-basis__head{padding:0 2.5% 110px;background:url("../../img/renewal/investment/investment_bg.png") center top/cover no-repeat}.investment-basis__head h2{margin:0 0 65px;color:#fff;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:27px;font-weight:500;line-height:1.65;text-align:center}.investment-basis__diagram{display:grid;grid-template-columns:1fr 1fr;gap:70px 18%;width:min(95%,750px);margin:auto;color:#225c8d;font-size:20px;font-weight:600;text-align:center}.investment-basis__diagram span{display:grid;min-height:82px;padding:10px;border:2px solid #2b6a9f;border-radius:7px;background:#fff;place-items:center}.investment-basis__diagram span:first-child{grid-column:1/3;width:42%;margin:auto}.investment-values{padding-top:110px}.investment-value{margin-bottom:120px}.investment-value h2{width:92%;margin:0 auto 45px;padding-bottom:12px;border-bottom:1px solid #111;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:23px;font-weight:500;text-align:center}.investment-value h2 small{display:block;margin-top:13px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:400}.investment-value>img{display:block;width:82%;margin:0 auto 30px;border-radius:10px}.investment-value h3{margin-top:55px;font-size:21px}.investment-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center}.investment-table th,.investment-table td{padding:18px 6px;border-right:1px solid #fff;border-bottom:1px solid #fff}.investment-table thead th{color:#fff;background:#225c8d;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:17px;font-weight:500}.investment-table thead th:first-child{border-radius:14px 0 0}.investment-table thead th:last-child{border-radius:0 14px 0 0}.investment-table tbody th{color:#fff;background:#6397bf;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:18px;font-weight:500}.investment-table td{background:#f8f3f4}.investment-note{font-size:12px;line-height:1.6}.investment-outline-button{display:flex;width:min(82%,520px);min-height:52px;margin:55px auto 0;border:1px solid #555;border-radius:999px;align-items:center;justify-content:center;font-size:16px}.investment-data-box{overflow:hidden;border-radius:14px;background:#f8f3f4}.investment-data-box h4,.investment-index h3{margin:0;padding:17px 8px;color:#fff;background:#225c8d;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:18px;font-weight:500;text-align:center}.investment-data-box>p{padding:0 14px;line-height:1.8}.investment-data-box dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.investment-data-box dt,.investment-data-box dd{display:grid;min-height:58px;margin:0;padding:8px;border-top:1px solid #fff;place-items:center}.investment-data-box dt{color:#fff;background:#6397bf;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:17px}.investment-data-box dd{text-align:center}.investment-numbers{padding:105px 0;background:#f8f8f8}.investment-numbers h2,.investment-life>h2{color:#225c8d;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:27px;font-weight:500;line-height:1.55;text-align:center}.investment-numbers>.content-width>p{line-height:2}.investment-index{margin-top:60px}.investment-index__row{display:grid;grid-template-columns:43% 14% 43%;min-height:56px;align-items:stretch}.investment-index__row span,.investment-index__row i,.investment-index__row b{display:flex;padding:8px;align-items:center}.investment-index__row span{color:#fff;background:#6397bf;font-size:12px;font-weight:600}.investment-index__row i{justify-content:center;color:#225c8d;background:#aac8df;font-style:normal}.investment-index__row b{width:var(--w);color:#fff;background:#2b6a9f;font-size:12px;font-weight:500;white-space:nowrap}.investment-index__years{display:grid;grid-template-columns:1fr 1fr;width:70%;margin:35px auto 0;text-align:center}.investment-index__years span{padding:9px;color:#225c8d;background:#aac8df}.investment-index__years span:last-child{color:#fff;background:#2b6a9f}.investment-source{margin-top:45px;font-size:11px;line-height:1.45}.investment-related{display:grid;gap:12px;margin-top:45px}.investment-related a{display:flex;min-height:52px;border:1px solid #555;border-radius:999px;align-items:center;justify-content:center;font-size:16px}.investment-life{padding-top:120px;padding-bottom:120px}.investment-life>p{margin-bottom:90px}.investment-life article{margin-bottom:105px}.investment-life__number{font-family:"kumlien-pro","Times New Roman",serif;font-size:72px;text-align:center}.investment-life h3{width:82%;margin:0 auto 45px;padding-bottom:10px;border-bottom:1px solid;text-align:center;font-family:"Zen Old Mincho","Yu Mincho",serif;font-size:23px;font-weight:500}.investment-life h3 small{display:block;margin-top:13px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:400}.investment-life h4{font-size:18px;text-align:center}.investment-life article img{display:block;width:82%;margin:40px auto 25px;border-radius:10px}.investment-closing{padding:100px 0;background:linear-gradient(135deg,#fff 0,#f4f1eb 48%,#fff 100%)}.investment-closing h3{margin-top:65px;padding-bottom:12px;border-bottom:1px solid;text-align:center}.investment-closing img{display:block;width:74%;margin:25px auto 0;border-radius:0 0 18px 18px}.investment-page .subpage-collection{padding-top:120px}
@media(min-width:768px){.investment-intro,.investment-values,.investment-life,.investment-closing>.content-width,.investment-numbers>.content-width{max-width:960px}.investment-value>img,.investment-life article img{width:70%}.investment-basis__diagram{grid-template-columns:1fr 1fr;}.investment-value h2{font-size:30px}.investment-page p{font-size:17px}.investment-index{max-width:720px;margin-right:auto;margin-left:auto}}

.investment-basis__diagram-image {
  display: block;
  width: min(88%, 760px);
  margin: 0 auto;
}

/* Investment spacing and desktop refinements */
.investment-closing {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .investment-value:nth-child(1) .investment-outline-button {
    justify-self: center;
  }

  .investment-page p,
  .investment-value > p,
  .investment-life p,
  .investment-closing p,
  .investment-data-box > p,
  .investment-data-box dd,
  .investment-note {
    font-size: 14px;
  }

  .investment-source,
  .investment-source p {
    font-size: 12px;
  }

  .investment-life {
    padding-bottom: 120px;
  }

  .investment-life > .investment-outline-button {
    grid-column: 1 / -1;
    width: min(82%, 360px);
    margin: 70px auto 0;
  }

  .investment-closing {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.investment-index-image {
  display: block;
  width: 100%;
  margin: 60px auto 0;
}

/* Investment page typography: the smallest standard copy is 11px. */
.investment-page p,
.investment-value > p,
.investment-life p,
.investment-closing p,
.investment-data-box > p,
.investment-data-box dd,
.investment-note {
  font-size: 11px;
}

.investment-page p,
.investment-value > p,
.investment-life p,
.investment-closing p {
  line-height: 2;
}

.investment-life h3 {
  font-size: 20px;
}

.investment-life h3 small {
  font-size: 11px;
}

.investment-source,
.investment-source p {
  font-size: 9px;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .investment-page p,
  .investment-value > p,
  .investment-life p,
  .investment-closing p,
  .investment-data-box > p,
  .investment-data-box dd,
  .investment-note {
    font-size: 11px;
  }

  .investment-source,
  .investment-source p {
    font-size: 9px;
  }
}
:root{--investment-blue:#225c8d;--investment-blue-light:#6397bf;--investment-pale:#f8f3f4}
.investment-related{margin-bottom:45px}

.investment-shops{
  display:grid;
  gap:65px;
  margin-top:65px;
}
.investment-shop h3{margin-top:0}
.investment-shop .investment-outline-button{margin-top:55px}

/* 統合したPC表示 */
@media (min-width:768px){
  .investment-hero{max-height:700px;overflow:hidden}
  .investment-hero img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center}
  .investment-hero h1{top:50%;left:62%;width:30%;text-align:center;transform:translateY(-50%)}
  .investment-section{max-width:1100px;margin-right:auto;margin-left:auto}
  .investment-shops{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .investment-shop img{width:100%}
}

/* Investment page desktop layout */
@media (min-width: 768px) {
  .investment-basis__diagram-image {
    width: 460px;
    max-width: 100%;
  }

  .investment-values,
  .investment-numbers > .content-width,
  .investment-life {
    width: min(calc(100% - 80px), 1120px);
    max-width: none;
  }

  .investment-values {
    padding-top: 110px;
  }

  .investment-value {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    column-gap: 90px;
    margin-bottom: 145px;
    align-items: start;
  }

  .investment-value h2 {
    grid-column: 1 / -1;
    width: min(100%, 560px);
    margin-bottom: 70px;
  }

  .investment-value > img {
    width: 100%;
    margin: 0;
  }

  .investment-value > p {
    margin: 28px 0 0;
  }

  .investment-value h3 {
    margin: 0 0 24px;
  }

  .investment-value:nth-child(1) > img {
    grid-column: 1;
    grid-row: 2 / span 2;
  }

  .investment-value:nth-child(1) > p {
    grid-column: 1;
    grid-row: 4;
  }

  .investment-value:nth-child(1) h3,
  .investment-value:nth-child(1) .investment-table,
  .investment-value:nth-child(1) .investment-note,
  .investment-value:nth-child(1) .investment-outline-button {
    grid-column: 2;
  }

  .investment-value:nth-child(1) h3 { grid-row: 2; }
  .investment-value:nth-child(1) .investment-table { grid-row: 3; }
  .investment-value:nth-child(1) .investment-note { grid-row: 4; }
  .investment-value:nth-child(1) .investment-outline-button {
    grid-row: 5;
    width: min(82%, 360px);
    margin-top: 36px;
  }

  .investment-value:nth-child(2) {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr);
  }

  .investment-value:nth-child(2) h3,
  .investment-value:nth-child(2) .investment-data-box {
    grid-column: 1;
  }

  .investment-value:nth-child(2) h3 { grid-row: 2; }
  .investment-value:nth-child(2) .investment-data-box { grid-row: 3 / span 2; }
  .investment-value:nth-child(2) > img {
    grid-column: 2;
    grid-row: 3;
  }
  .investment-value:nth-child(2) > p {
    grid-column: 2;
    grid-row: 4;
  }

  .investment-value:nth-child(3) {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr);
  }

  .investment-value:nth-child(3) > img,
  .investment-value:nth-child(3) > p {
    grid-column: 1;
  }

  .investment-value:nth-child(3) > img { grid-row: 3; }
  .investment-value:nth-child(3) > p { grid-row: 4; }
  .investment-value:nth-child(3) h3,
  .investment-value:nth-child(3) .investment-data-box {
    grid-column: 2;
  }
  .investment-value:nth-child(3) h3 { grid-row: 2; }
  .investment-value:nth-child(3) .investment-data-box { grid-row: 3; }

  .investment-numbers {
    padding: 115px 0 130px;
  }

  .investment-numbers > .content-width {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr);
    column-gap: 110px;
    align-items: start;
  }

  .investment-numbers h2,
  .investment-numbers > .content-width > p {
    grid-column: 1 / -1;
  }

  .investment-numbers > .content-width > p {
    margin: 55px 0 75px;
  }

  .investment-index-image {
    grid-column: 1;
    width: 100%;
    margin: 0;
  }

  .investment-source {
    grid-column: 2;
    margin-top: 0;
  }

  .investment-related {
    grid-column: 1 / -1;
    width: min(100%, 420px);
    margin: 75px auto 0;
  }

  .investment-life {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 70px;
    padding-bottom: 190px;
  }

  .investment-life > h2,
  .investment-life > p {
    grid-column: 1 / -1;
  }

  .investment-life > p {
    margin: 45px 0 85px;
  }

  .investment-life article {
    margin: 0;
  }

  .investment-life h3 {
    width: 100%;
    margin-bottom: 55px;
  }

  .investment-life h4 {
    min-height: 3em;
    margin-bottom: 35px;
  }

  .investment-life article img {
    width: 100%;
    margin: 0 0 25px;
  }

  .investment-life article:last-child .investment-outline-button {
    position: absolute;
    right: 0;
    bottom: 80px;
    left: 0;
    width: min(82%, 360px);
    margin: auto;
  }
}

/* Final responsive overrides */
.investment-page .section-spacing.investment-closing {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .investment-page p,
  .investment-value > p,
  .investment-life p,
  .investment-closing p,
  .investment-data-box > p,
  .investment-data-box dd,
  .investment-note {
    font-size: 14px;
  }

  .investment-source,
  .investment-source p {
    font-size: 12px;
  }

  .investment-value:nth-child(1) .investment-outline-button {
    grid-column: 1 / -1;
    grid-row: 5;
    justify-self: center;
    width: min(82%, 360px);
    margin: 45px auto 0;
  }

  .investment-life > .investment-outline-button {
    grid-column: 1 / -1;
    width: min(82%, 360px);
    margin: 70px auto 0;
  }

  .investment-page .section-spacing.investment-closing {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
