.p-top-main-visual{
  margin-top:0;
  margin-bottom:0;
  background-repeat:no-repeat;
  background-position:60% center;
  background-size:cover
}

.p-top-main-visual__inner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
      -ms-flex-align:end;
          align-items:flex-end;
  min-height:500px;
}

.p-top-main-visual__header{
  margin-top:20rem;
  margin-bottom:8rem;
}

.p-top-main-visual__title{
  display:block;
  margin-bottom:1rem;
  color:#fff;
  font-weight:400;
  font-size:4.8rem;
  font-family:"BrandonGrotesqueWeb-ThinItalic", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  font-style:italic;
  line-height:1.2
}

.p-top-main-visual__read{
  display:block;
  margin-bottom:1rem;
  color:#fff;
  font-weight:bold;
  font-size:1.4rem;
  line-height:1.8
}

.p-top-headding{
  margin-bottom:3rem;
}

.p-top-headding__title{
}

.p-top-headding__text{
  position:relative;
  display:inline-block;
  padding-bottom:8px;
  font-weight:bold;
  font-size:2.4rem;
  line-height:1.4
}

.p-top-headding__text::before{
    position:absolute;
    bottom:0;
    left:0;
    width:2.5em;
    height:3px;
    background:#0b186d;
    content:"";
  }

.p-top-headding__text._small{
    padding-bottom:4px;
    font-size:2rem
  }

.p-top-headding__text._small::before{
      width:2em;
      height:2px;
      font-size:2rem;
    }

a.p-top-headding__text{
}

a.p-top-headding__text.focus-visible:focus{
    text-decoration:none;
  }

a.p-top-headding__text:hover{
  }

.p-top-section{
  position:relative;
  margin-bottom:4rem
}

.p-top-section__inner{
}

.p-top-section__header{
  margin-bottom:3rem;
}

.p-top-section__title{
  position:relative;
  padding-left:3rem
}

.p-top-section__title::before{
    position:absolute;
    top:9px;
    left:0;
    display:block;
    width:8px;
    height:20px;
    background:-webkit-gradient(
      linear,
      left top, left bottom,
      color-stop(50%, #0b186d),
      color-stop(51%, #3a479a)
    );
    background:-webkit-linear-gradient(
      #0b186d 50%,
      #3a479a 51%
    );
    background:-o-linear-gradient(
      #0b186d 50%,
      #3a479a 51%
    );
    background:linear-gradient(
      #0b186d 50%,
      #3a479a 51%
    );
    content:"";
  }

.p-top-section__title._w::before{
      background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #0b186d), color-stop(51%, #fff));
      background:-webkit-linear-gradient(#0b186d 50%, #fff 51%);
      background:-o-linear-gradient(#0b186d 50%, #fff 51%);
      background:linear-gradient(#0b186d 50%, #fff 51%);
    }

.p-top-section__title._w .p-top-section__title-main,
    .p-top-section__title._w .p-top-section__title-sub{
      color:#fff;
    }

.p-top-section__title-main{
  display:block;
  font-weight:bold;
  font-size:3.2rem;
  font-family:"BrandonGrotesqueWeb-Bold", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  line-height:1.3;
  letter-spacing:0.05em;
}

.p-top-section__title-sub{
  display:block;
  margin-top:1rem;
  font-weight:bold;
  font-size:1.6rem;
  line-height:1.3;
}

.p-top-section__body{
}

.p-top-section__footer{
}

.p-top-section .c-button._arr._pd-large{
    font-family:"BrandonGrotesqueWeb-Bold", "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", Meiryo, sans-serif
  }

.p-top-section .c-button._arr._pd-large span{
      padding:2rem 2rem 2rem 3rem
    }

.p-top-topics{
  margin-top:0 !important;
  margin-bottom:0 !important;
  background:#fff;
}

.p-top-topics__inner{
  padding:4rem 0 5rem
}

.p-top-topics__body{
  margin-top:6rem;
}

.p-top-topics__adobe{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.p-top-topics__adobe-image img{
    vertical-align:middle;
  }

.p-top-topics__adobe-text{
  margin-left:1rem;
}

.p-top-topics__tab{
  margin-bottom:3rem;
}

.p-top-topics__content{
}

.p-top-topics__items{
  width:100%;
  list-style:none
}

.p-top-topics__item{
  padding:1rem 0;
  border-bottom:1px solid #dadde3
}

.p-top-topics__item .cell{
    display:block;
  }

.p-top-topics__item a{
  }

.p-top-topics__more{
  margin-top:1.5rem;
  text-align:right;
}

.p-top-financial{
  margin-top:0 !important;
  margin-bottom:0 !important;
  background-position:center center;
  background-size:cover;
}

.p-top-financial__inner{
  padding:4rem 0 5rem
}

.p-top-financial__body{
  margin-top:3rem;
  color:#fff
}

.p-top-financial__movie{
  position:relative;
  margin-bottom:1rem;
  padding-top:56.25%;
}

.p-top-financial__movie-inner{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.p-top-financial__movie-inner .video-js{
    width:100% !important;
    height:100% !important;
  }

.p-top-financial__link-items{
  list-style:none;
}

.p-top-financial__link-item + .p-top-financial__link-item .p-top-financial__link{
      border-top-color:transparent;
    }

.p-top-financial__link{
  position:relative;
  display:block;
  padding:3rem 4rem;
  color:#fff;
  border:1px solid #fff;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s
}

.p-top-financial__link span{
    position:relative;
    z-index:1;
  }

.p-top-financial__link{
}

.p-top-financial__link::after{
    position:absolute;
    top:50%;
    right:1.5rem;
    display:block;
    margin-top:-0.5em;
    color:#fff;
    font-weight:normal;
    font-size:2.2rem;
    font-family:"icons";
    font-style:normal;
    -webkit-font-feature-settings:normal;
            font-feature-settings:normal;
    font-variant:normal;
    line-height:1;
    text-transform:none;
    vertical-align:middle;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    content:"\EA71";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

.p-top-financial__link{
}

.p-top-financial__link.focus-visible:focus{
    color:#fff;
    text-decoration:none;
    background:#3a479a;
  }

.p-top-financial__link.focus-visible:focus::after{
      color:#fff;
    }

.p-top-financial__link.focus-visible:focus{
  }

.p-top-financial__link:hover{
  }

.p-top-individual{
}

.p-top-individual__inner{
  position:relative;
  padding:2rem;
  background:#fff
}

.p-top-individual__right{
  margin-top:3rem;
  margin-bottom:3rem
}

.p-top-individual__viewmore{
  text-align:right
}

.p-top-individual__link-items{
  list-style:none
}

.p-top-individual__link-item{
}

.p-top-individual__link{
  position:relative;
  z-index:1;
  display:block;
  padding:2rem 4rem 2rem 0;
  color:#303b47;
  font-weight:bold;
  border-bottom:1px solid #dadde3
}

.p-top-individual__link span{
  }

.p-top-individual__link::before{
    position:absolute;
    top:0;
    left:-15px;
    z-index:-1;
    width:calc(100% + 30px);
    height:100%;
    background:#fff;
    -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
    opacity:0;
    -webkit-transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    content:"";
    pointer-events:none;
  }

.p-top-individual__link::after{
    position:absolute;
    top:50%;
    right:0;
    display:block;
    margin-top:-0.5em;
    color:#0b186d;
    font-weight:normal;
    font-size:2.2rem;
    font-family:"icons";
    font-style:normal;
    -webkit-font-feature-settings:normal;
            font-feature-settings:normal;
    font-variant:normal;
    line-height:1;
    text-transform:none;
    vertical-align:middle;
    content:"\EA71";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

.p-top-individual__link{
}

.p-top-individual__link.focus-visible:focus{
    text-decoration:none;
    border-bottom-color:transparent;
  }

.p-top-individual__link.focus-visible:focus::before{
      opacity:1;
    }

.p-top-individual__link:hover{
  }

.p-top-first-column__items{
  list-style:none;
}

.p-top-first-column__item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}

.p-top-first-column__item + .p-top-first-column__item{
    margin-top:1px
  }

.p-top-investor{
  margin-bottom:0 !important;
  background:#fff;
}

.p-top-investor__inner{
  padding:4rem 0 5rem
}

.p-top-investor__body{
}

.p-top-investor__section + .p-top-investor__section{
    margin-top:6rem;
  }

.p-top-investor__header{
  margin-bottom:4rem;
  text-align:center;
}

.p-top-investor__title{
  position:relative;
  margin-bottom:2rem;
  font-weight:bold;
  font-size:2.4rem
}

.p-top-investor__title span{
    position:relative;
    z-index:1;
    display:inline-block;
    margin:0 1.5rem;
    padding:0 2rem;
    background:#fff;
  }

.p-top-investor__title::before{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background-color:#dadde3;
    content:"";
  }

.p-top-mv-news{
  margin-top:-60px
}

.p-top-mv-news__header{
  display:inline-block;
  padding:1rem 2rem;
  font-weight:bold;
  font-family:"BrandonGrotesqueWeb-Bold", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  background:#0b186d
}

.p-top-mv-news__title{
  color:#fff;
  font-weight:400;
  font-size:1.4rem
}

.p-top-mv-news__body{
  padding:1rem 2rem;
  background:#3a479a
}

.p-top-mv-news__link{
  color:#fff
}

.p-top-wrap{
  background:#efefef;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%2210%22%20viewBox%3D%220%200%20180%2010%22%3E%20%3Crect%20width%3D%221%22%20height%3D%2210%22%20fill%3D%22%23e1e3e6%22%2F%3E%3C%2Fsvg%3E");
}

.p-top-card{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  background:#fff
}

.p-top-card._type2{
    background:transparent;
    border-bottom:1px solid #dadde3;
  }

a.p-top-card{
  position:relative;
  text-decoration:none
}

a.p-top-card::before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
    opacity:0;
    -webkit-transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    content:"";
    pointer-events:none;
  }

a.p-top-card::after{
    position:absolute;
    top:50%;
    right:1.5rem;
    display:block;
    margin-top:-0.5em;
    color:#0b186d;
    font-weight:normal;
    font-size:2.2rem;
    font-family:"icons";
    font-style:normal;
    -webkit-font-feature-settings:normal;
            font-feature-settings:normal;
    font-variant:normal;
    line-height:1;
    text-transform:none;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\EA71";
  }

a.p-top-card._type2::before{
      left:-15px;
      width:calc(100% + 30px);
    }

a.p-top-card._type2::after{
      right:0;
    }

a.p-top-card{
}

a.p-top-card.focus-visible:focus{
    text-decoration:none;
  }

a.p-top-card.focus-visible:focus::before{
      opacity:1;
    }

a.p-top-card.focus-visible:focus._type2{
      border-bottom-color:transparent;
    }

a.p-top-card:hover{
  }

.p-top-card__media{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:33.3333%
}

.p-top-card._type1 .p-top-card__media{
    background-position:center center;
    background-size:cover
}

.p-top-card._type2 .p-top-card__media{
    width:25%;
    padding:1rem 0;
    text-align:center
}

.p-top-card__body{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -webkit-flex:1 0 0%;
      -ms-flex:1 0 0%;
          flex:1 0 0%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}

.p-top-card__body-inner{
  padding:1.5rem 5rem 1.5rem 1rem
}

.p-top-card._type1 .p-top-card__body-inner{
    padding:2rem 5rem 2rem 2rem
}

.p-top-card._type2 .p-top-card__body-inner{
    padding:1.5rem 3.5rem 1.5rem 2rem
}

.p-top-card__title{
}

.p-top-card__title-main{
  display:block;
  color:#303b47;
  font-weight:bold;
  font-size:1.6rem;
  line-height:1.4
}

.p-top-card._type1 .p-top-card__title-main{
    font-size:1.8rem
}

.p-top-card__title-sub{
  display:block;
  margin-top:0.5rem;
  color:#a8b1be;
  font-weight:bold;
  font-size:1.2rem;
  font-family:"BrandonGrotesqueWeb-Bold", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  line-height:1.4;
  letter-spacing:0.15em
}

.p-top-card._type1 .p-top-card__title-sub{
    font-size:1.2rem
}

@media only print,screen and (min-width: 768px){

.p-top-main-visual{
    background-position: top center
}

.p-top-main-visual__title{
    font-size:7.4rem
}

.p-top-main-visual__read{
    font-size:1.6rem
}

.p-top-section .c-button._arr._pd-large span{
        padding:2rem 5rem
    }

.p-top-topics__items{
    display:table;
    border-collapse:collapse
}

.p-top-topics__item{
    display:table-row
}

    .p-top-topics__item .cell{
      display:table-cell;
      padding:1rem 0
    }

      .p-top-topics__item .cell:first-child{
        width:10%;
        padding-right:3rem;
        white-space:nowrap;
      }

.p-top-financial__body{
    margin-top:6rem
}

.p-top-individual__inner{
    padding:0;
    background:none
}

.p-top-individual__left{
    width:65%;
    padding:9rem 17% 9rem 5rem;
    background:#fff
}

.p-top-individual__right{
    position:absolute;
    top:9rem;
    right:0;
    width:50%;
    margin:0
}

.p-top-individual__viewmore{
    position:absolute;
    right:0;
    bottom:0
}

.p-top-individual__link-items{
    max-width:35rem
}

.p-top-individual__link{
    padding:3rem 4rem 3rem 0
}

.p-top-first-column .p-top-card{
      min-height:145px
  }

.p-top-first-column__item + .p-top-first-column__item{
      margin-top:2rem
  }

.p-top-mv-news{
    height:80px;
    margin-top:-40px
}

.p-top-mv-news__inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:100%
}

.p-top-mv-news__header{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    padding:0 4rem
}

.p-top-mv-news__title{
    font-size:2rem
}

.p-top-mv-news__body{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    padding:0 4rem;
    overflow:hidden
}

.p-top-mv-news__link{
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
       text-overflow:ellipsis
}

.p-top-card__title-main{
    font-size:2rem
}

.p-top-card._type1 .p-top-card__title-main{
      font-size:2.2rem
}

.p-top-card__title-sub{
    font-size:1.2rem
}

.p-top-card._type1 .p-top-card__title-sub{
      font-size:1.4rem
}
  }

@media only print,screen and (min-width: 1025px){

.p-top-headding__text{
    font-size:3.6rem
}

.p-top-headding__text._small{
      font-size:2.6rem
  }

.p-top-section{
    margin-bottom:11rem
}

.p-top-topics__inner{
    padding:10rem 0 11rem
}

.p-top-financial__inner{
    padding:10rem 0 11rem
}

.p-top-investor__inner{
    padding:10rem 0 0
}
  }

@media (min-width: 768px){

a.p-top-headding__text:hover{
    text-decoration:none
  }

.p-top-financial__link:hover{
    color:#fff;
    text-decoration:none;
    background:#3a479a
  }
    .p-top-financial__link:hover::after{
      color:#fff;
    }

.p-top-financial__link:hover{
  }

.p-top-individual__link:hover{
    text-decoration:none;
    border-bottom-color:transparent
  }
    .p-top-individual__link:hover::before{
      opacity:1;
    }

a.p-top-card:hover{
    text-decoration:none
  }

    a.p-top-card:hover::before{
      opacity:1;
    }

    a.p-top-card:hover._type2{
      border-bottom-color:transparent;
    }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px){

.p-top-topics__inner{
    padding:6rem 0 7rem
}

.p-top-financial__inner{
    padding:6rem 0 7rem
}

.p-top-investor__inner{
    padding:6rem 0 7rem
}
  }