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

ten-anniversary

------------------------*/
.ten-anniversary::before{
  content:"";
  background: url("/fundinfo/special/indexfund/img/ten-anniversary/background_img01_pc.jpg");
  background-repeat:  no-repeat;
  background-position: center bottom;
  background-size: cover;
  width:100%;
  height:100vh;
  position:fixed;
  z-index:-1;
}
.ten-anniversary .mv{
  display: block;
  padding-top: 8.5%;
  padding-bottom: 80px;
  background: none;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .mv{
    padding-bottom: 40px;
  }
}
/*追記1109*/
.ten-anniversary .mv_inner{ max-width: 1000px; padding: 50px 50px; margin: 0 auto; background: linear-gradient(180deg, rgba(1,176,254,0.1), rgba(1,176,254,0.6));}

.ten-anniversary .mv_main_img{
  margin-bottom: 80px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .mv_main_img{
    margin-bottom: 40px;
  }
}
.ten-anniversary .mv_read{
  font-size: 2.4rem;
  line-height: 1.6667;
  color: #fff;
/*  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);*/
  margin-bottom: 1em; 
}
.ten-anniversary .mv_read_last{
  margin-bottom: 36px;
}
.ten-anniversary .mv_read_right{
  font-size: 2.4rem;
  color: #fff;
  text-align: right;
/*  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);*/}

@media screen and (max-width: 640px) {
  .ten-anniversary .mv{
    
    display: block;
    padding-top: 18%!important;
    /* padding-bottom: 12%!important; */
  }
  .ten-anniversary .mv_inner{
    max-width: 90%;
    padding: 10px;
    /*margin: 0 auto;*/
    margin-bottom: 40px;/*1128修正*/
  }
  .ten-anniversary .mv_read{
    font-size: 3.73vw;
    margin-bottom: 10px; 
  }
  .ten-anniversary .mv_read_right{
    font-size: 3.73vw;
  }
}

.ten-anniversary .so_cont01{
  background-image:  url("/fundinfo/special/indexfund/img/ten-anniversary/background_img03_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* max-width: 1012px; */
  margin: 0 auto;
  padding: 80px 20px;/*1128修正*/
}
@media screen and (max-width: 640px) {
  .ten-anniversary .so_cont01{
    padding: 40px 0px 20px 0px;/*1130修正*/
  }
}
.ten-anniversary .so_cont02, .ten-anniversary .so_cont03, .ten-anniversary .so_cont04, .ten-anniversary .so_cont05, .ten-anniversary .so_cont06{
  /* max-width: 1012px; */
  margin: 0 auto;
  padding: 80px 0px;/*1130修正*/
}
.ten-anniversary .so_cont03, .ten-anniversary .so_cont04{
  background-image:  url("/fundinfo/special/indexfund/img/ten-anniversary/background_img04_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ten-anniversary .so_cont06{
  background-image:  url("/fundinfo/special/indexfund/img/ten-anniversary/background_img05_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ten-anniversary .so_co_inner{ 
  max-width: 1012px;
  background-color: rgba(1,176,254,0.6);
  border: solid 3px #fff;
  margin: 0 auto;
  padding: 48px 42px 40px;
}
.ten-anniversary .so_co_inner02{ 
  max-width: 1012px;
  margin: 0 auto;
  padding: 60px 42px 40px;
}
.ten-anniversary .so_co_inner03{ 
  max-width: 1012px;
  background-color: rgba(1,176,254,0.6);
  border: solid 3px #fff;
  margin: 0 auto 80px;
  padding: 48px 42px 40px;
}
.ten-anniversary .so_co_inner04-1{ 
  max-width: 1012px;
  margin: 0 auto;
  padding: 60px 42px 0;
}
.ten-anniversary .so_co_inner04-2{ 
  max-width: 1012px;
  margin: 0 auto;
  padding: 0 42px 40px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .so_cont01{
    padding: 24px 8px 20px 8px!important;/*1128修正*/
  }
  .ten-anniversary .so_cont02, .ten-anniversary .so_cont03, .ten-anniversary .so_cont04, .ten-anniversary .so_cont05, .ten-anniversary .so_cont06{
    padding: 20px 0px!important;/*1130修正*/
  }
  .ten-anniversary .so_co_inner{
    max-width: 90%;
    margin: 0 auto;
    padding: 40px 10px;
  }
  .ten-anniversary .so_co_inner02{
    max-width: 90%;
    margin: 0 auto;
    padding: 30px 10px;
  }
  .ten-anniversary .so_co_inner03{
    max-width: 90%;
    margin: 0 auto 40px;
    padding: 40px 10px;
  }
  .ten-anniversary .so_co_inner04-1{
    max-width: 90%;
    margin: 0 auto;
    padding: 30px 10px 0;
  }
  .ten-anniversary .so_co_inner04-2{
    max-width: 90%;
    margin: 0 auto;
    padding: 0 10px 30px;
  }
}

.ten-anniversary-ttl01_contents{
  text-align: center;
}
.ten-anniversary .ten_anniversary_ttl01 {
  display: inline-block;
  position: relative;
  height: 44px;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  line-height: 44px;
  background: #DC000C;
  margin-bottom: 36px;
}
.ten-anniversary .ten_anniversary_ttl01 span {
  position: relative;
  display: block;
  font-size: 2.3rem;
  font-weight: bold;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
@media screen and (max-width: 760px) {
  .ten-anniversary .ten_anniversary_ttl01 {
    padding: 0;
  }
  .ten-anniversary .ten_anniversary_ttl01 span {
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_ttl01 {
    height: calc(4.53vw * 2 + 20px);
    line-height: 1;
    margin-bottom: 18px;
    padding: 10px 0;
  }
  .ten-anniversary .ten_anniversary_ttl01 span {
    font-size: 4.53vw;
  }
}
.ten-anniversary .ten_anniversary_ttl01::before, .ten-anniversary .ten_anniversary_ttl01::after {
  position: absolute;
  top: 0;
  display: block;
  height: 44px;
  content: '';
  border: 22px solid #DC000C;
  z-index: 1;
}
.ten-anniversary .ten_anniversary_ttl01::before {
  left: -40px;
  border-left-width: 18px;
  border-left-color: transparent;
}
.ten-anniversary .ten_anniversary_ttl01::after {
  right: -40px;
  border-right-width: 18px;
  border-right-color: transparent;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_ttl01::before, .ten-anniversary .ten_anniversary_ttl01::after {
    height: calc(4.53vw * 2 + 20px);
    border: calc((4.53vw * 2 + 20px)/2) solid #DC000C;
  }
  .ten-anniversary .ten_anniversary_ttl01::before {
    left: calc(-4.53vw - 10px);
    border-left-width: 18px;
    border-left-color: transparent;
  }
  .ten-anniversary .ten_anniversary_ttl01::after {
    right: calc(-4.53vw - 10px);
    border-right-width: 18px;
    border-right-color: transparent;
  }
  .ten-anniversary .ten_anniversary_ttl01_add.ten_anniversary_ttl01::before {
    left: calc(-4.53vw - 2px);
    border-left-width: 18px;
    border-left-color: transparent;
  }
  .ten-anniversary .ten_anniversary_ttl01_add.ten_anniversary_ttl01::after {
    right: calc(-4.53vw - 2px);
    border-right-width: 18px;
    border-right-color: transparent;
  }
}



.ten-anniversary .pointtxt{
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .ten-anniversary .pointtxt{
    font-size: 3.73vw;
    margin-bottom: 15px;
  }
}

.ten-anniversary .ten_anniversary_ttl02{
  position: relative;
  display: inline-block;
  color: #FFF;
  margin-bottom: 20px;
  padding: 12px 18px 20px;
}
.ten-anniversary .ten_anniversary_ttl02 span{
  font-size: 2rem;
  font-weight: bold;
  border-bottom: solid 2px #FFF;
  padding: 0 74px 6px 1em;
}
.ten-anniversary .ten_anniversary_ttl02::after {
  content: '';
  position: absolute;
  bottom: 26px;
  right: 13px;
  display: inline-block;
  width: 28px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_ttl02{
    margin-bottom: 10px;
    padding: 6px 9px 10px 0;
  }
  .ten-anniversary .ten_anniversary_ttl02 span{
    font-size: 3vw;
    padding: 0 26px 6px 10px;
  }
  .ten-anniversary .ten_anniversary_ttl02::after {
    bottom: 14px;
    right: 3px;
  }
}
@media screen and (max-width: 374px) {
  .ten-anniversary .ten_anniversary_ttl02 span{
    padding: 0 26px 6px 0px;
  }
}

/*1129:文字調整*/
.ten-anniversary .ten_anniversary_ttl02-sp{
  position: relative;
  display: inline-block;
  color: #FFF;
  margin-bottom: 20px;
  padding: 12px 18px 20px;
}
.ten-anniversary .ten_anniversary_ttl02-sp span{
  font-size: 2rem;
  font-weight: bold;
  border-bottom: solid 2px #FFF;
  padding: 0 74px 6px 1em;
}
.ten-anniversary .ten_anniversary_ttl02-sp::after {
  content: '';
  position: absolute;
  bottom: 26px;
  right: 13px;
  display: inline-block;
  width: 28px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_ttl02-sp{
    margin-bottom: 10px;
    padding: 6px 9px 10px 0;
  }
  .ten-anniversary .ten_anniversary_ttl02-sp span{
    font-size: 2.65vw;
    padding: 0 26px 6px 10px;
  }
  .ten-anniversary .ten_anniversary_ttl02-sp::after {
    bottom: 14px;
    right: 3px;
  }
}
@media screen and (max-width: 374px) {
  .ten-anniversary .ten_anniversary_ttl02-sp span{
    padding: 0 26px 6px 0px;
  }
}
  
.ten-anniversary .ten_anniversary_graph01_contents{
  position: relative;
  height: 0;
  margin-bottom: 38px;
  padding-top: 63.1%;
}
.ten-anniversary .ten_anniversary_graph01_contents .graph03, .ten-anniversary .ten_anniversary_graph01_contents .graph04, .ten-anniversary .ten_anniversary_graph01_contents .graph05, .ten-anniversary .ten_anniversary_graph01_contents .graph06, .ten-anniversary .ten_anniversary_graph01_contents .graph07, .ten-anniversary .ten_anniversary_graph01_contents .graph08,
.ten-anniversary .ten_anniversary_graph01_contents .graph09,
.ten-anniversary .ten_anniversary_graph01_contents .graph10,
.ten-anniversary .ten_anniversary_graph01_contents .graph11,
.ten-anniversary .ten_anniversary_graph01_contents .graph12,
.ten-anniversary .ten_anniversary_graph01_contents .graph13,
.ten-anniversary .ten_anniversary_graph01_contents .graph14,
.ten-anniversary .ten_anniversary_graph01_contents .graph15{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  /*1130:ヘッダーとの重なり修正のため　z-index: 4;*/
}

.ten-anniversary .ten_anniversary_graph01_contents .graph01, .ten-anniversary .ten_anniversary_graph01_contents .graph02{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.ten-anniversary .ten_anniversary_graph01_contents .graph02::before{
  background: linear-gradient(to right, transparent 6.9%, #01B0FE 6.9%);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_graph01_contents{
    width: 922px;
    height: calc(922px / 1.5831578947);
  }
  .ten-anniversary .ten_anniversary_graph01_contents .graph03, .ten-anniversary .ten_anniversary_graph01_contents .graph04, .ten-anniversary .ten_anniversary_graph01_contents .graph05, .ten-anniversary .ten_anniversary_graph01_contents .graph06, .ten-anniversary .ten_anniversary_graph01_contents .graph07, .ten-anniversary .ten_anniversary_graph01_contents .graph08,
  .ten-anniversary .ten_anniversary_graph01_contents .graph09,
  .ten-anniversary .ten_anniversary_graph01_contents .graph10,
  .ten-anniversary .ten_anniversary_graph01_contents .graph11,
  .ten-anniversary .ten_anniversary_graph01_contents .graph12,
  .ten-anniversary .ten_anniversary_graph01_contents .graph13,
  .ten-anniversary .ten_anniversary_graph01_contents .graph14,
  .ten-anniversary .ten_anniversary_graph01_contents .graph15{
    width: 922px;
    height: calc(922px / 1.5831578947);
  }
  .ten-anniversary .ten_anniversary_graph01_contents .graph01, .ten-anniversary .ten_anniversary_graph01_contents .graph02{
    width: 922px;
    height: calc(922px / 1.5831578947);
  }
  .ten-anniversary .ten_anniversary_graph01_contents .graph02::before{
    width: 922px;
    height: calc(922px / 1.5831578947);
  }
}
.ten-anniversary .ten_anniversary_graph01_contents .graph02.graphRightToLeft::before{
  animation: graphRightToLeft 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
/* グラフ左から右へ */
@keyframes graphRightToLeft{
  100% {
    transform: translateX(100%);
  }
}

.ten-anniversary-ttl03_contents{
  text-align: center;
  margin-bottom: 38px;
}
.ten-anniversary .ten_anniversary_ttl03 {
  display: inline-block;
  position: relative;
  height: 44px;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  line-height: 44px;
  background: #DC000C;
}
.ten-anniversary .ten_anniversary_ttl03 span {
  position: relative;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.ten-anniversary .ten_anniversary_ttl03::before, .ten-anniversary .ten_anniversary_ttl03::after {
  position: absolute;
  top: 0;
  display: block;
  height: 44px;
  content: '';
  border: 22px solid #DC000C;
  z-index: 1;
}
.ten-anniversary .ten_anniversary_ttl03::before {
  left: -40px;
  border-left-width: 18px;
  border-left-color: transparent;
}
.ten-anniversary .ten_anniversary_ttl03::after {
  right: -40px;
  border-right-width: 18px;
  border-right-color: transparent;
}
@media screen and (max-width: 640px) {
  .ten-anniversary-ttl03_contents{
    margin-bottom: 19px;
  }
  .ten-anniversary .ten_anniversary_ttl03 {
    height: calc(3.73vw * 3 + 20px);
    line-height: 1;
    padding: 0;
  }
  .ten-anniversary .ten_anniversary_ttl03 span{
    font-size: 3.73vw;
    padding: 10px 0;
  }
  .ten-anniversary .ten_anniversary_ttl03::before, .ten-anniversary .ten_anniversary_ttl03::after {
    height: calc(3.73vw * 3 + 20px);
    border: calc((3.73vw * 3 + 20px) / 2) solid #DC000C;
  }
  .ten-anniversary .ten_anniversary_ttl03::before {
    left: calc(-3.73vw - 20px);
    border-left-width: 18px;
    border-left-color: transparent;
  }
  .ten-anniversary .ten_anniversary_ttl03::after {
    right: calc(-3.73vw - 20px);
    border-right-width: 18px;
    border-right-color: transparent;
  }
}

.ten-anniversary .so_note02{
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #FFF;
  padding: 15px 24px;
}
.ten-anniversary .so_note02 a{
  color: #333;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .so_note02{
    font-size: 3.2vw;
    margin: 10px 0 0 0;
  }
}

.ten-anniversary .so_note03{
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin-top: 18px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .so_note03{
    font-size: 3.2vw;
    margin-top: 10px;
  }
}

.ten-anniversary .ten_anniversary_msg_contents{
  box-sizing: border-box;
  width: 370px!important;
  height: 460px!important;
  background-color: #fff;
  border-radius: 18px;
  /* border: solid 1px #01B0FE; */
  border-width: 1px 2px;
  border-style: solid;
  border-color: #01B0FE;
  font-size: 1.5rem;
  margin: 0 10px;
  padding: 14px 32px;
}
.ten-anniversary .ten_anniversary_msg_img{
  width: 90px!important;
  height: auto;
  margin-bottom: 24px;
}
.ten-anniversary .ten_anniversary_msg_txt{
  margin-bottom: 1em;
  font-weight: 500;
}
.ten-anniversary .ten_anniversary_msg_who{
  text-align: right;
  font-weight: 400;
}
@media screen and (max-width: 880px) {
  .ten-anniversary .ten_anniversary_msg_contents{
    margin: 0 auto;
    padding: 10px;
  }
}
@media screen and (max-width: 640px) {
  .ten-anniversary .ten_anniversary_msg_contents{
    width: 80%!important;
    height: 392px!important;
    min-height: 370px!important;
    max-width: 370px;
  }
  .ten-anniversary .ten_anniversary_msg_img{
    width: 60px!important;
    height: auto;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 450px) {
  .ten-anniversary .ten_anniversary_msg_contents{
    height: 100%!important;
    min-height: 400px!important;
  }
}
/* @media screen and (max-width: 375px) {
  .ten-anniversary .ten_anniversary_msg_contents{
    height: 550px!important;
  }
}
 */

/* fiexd-button */
.ten-aniv.fixedBtn a{
  color: #2E4995;
  font-weight: bold;
  text-align: left;
  background-color: #fff;
  border-radius: 27px 0 0 27px;
  padding: 15px 20px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.4));
}
.ten-aniv.fixedBtn a:not(:last-child){
  margin-bottom: 12px;
}
.ten-aniv.fixedBtn .ab::before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 7px 0 7px;
  border-color: #2E4995 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -6px;
  transform: none;
}
@media screen and (max-width: 640px) {
  .ten-aniv.fixedBtn .ab::before{
    border-width: 8px 4px 0 4px;
    margin-top: -3px;
  }
}

.ten-anniversary .lineup > .inner{
  margin: 0 auto;
  padding: 20px 20px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .lineup > .inner{
    padding: 20px 10px;
  }
}

.ten-anniversary .indexfund_box{
  background-image:  url("/fundinfo/special/indexfund/img/nissei-s/background_img02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 60px;
  padding: 26px 26px 18px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .indexfund_box{
    margin-bottom: 30px;
    padding: 26px 26px 18px;
  }
}
.ten-anniversary .indexfund_box_ttl01{
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  background-color: #222;
  padding: 8px 10px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .indexfund_box_ttl01{
    font-size: 4vw;
  }
}
.ten-anniversary .indexfund_box_ttl02{
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  text-align: center;
  margin-top: 14px;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .indexfund_box_ttl02{
    font-size: 6vw;
  }
}
.ten-anniversary .sox_btn{
  display: block;
  width: 276px;
  margin: 20px auto 0;
  padding: 13px 15px;
  background: #e5010f;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  border-radius: 25px;
  border-top:1px solid #e5010f;
  border-bottom:5px solid #ae010b;
  text-decoration: none;
  letter-spacing: -0.5px;
}
.ten-anniversary .sox_btn:hover{
  background: #fff;
  border:1px solid #e5010f;
  color: #e5010f;
  padding: 15px 14px 15px 14px;
}
.ten-anniversary .nissei-s_btn01 .ar:hover:before{
  border-top: 2px solid #e5010f;
  border-right: 2px solid #e5010f;
}

@media screen and (max-width: 920px) {
  .ten-anniversary .sox_btn{
    width: 640px;
    width: auto;
  }
}
@media screen and (max-width: 640px) {
  .ten-anniversary .sox_btn{
    display: block;
    width: 100%;
    margin: 20px auto 0;
    padding: 13px 15px;
    background: #e5010f;
    color: #fff;
    font-size: 3.46vw;
    font-weight: bold;
    text-align: center;
    border-radius: 25px;
    border-top:1px solid #e5010f;
    border-bottom:5px solid #ae010b;
    text-decoration: none;
    letter-spacing: -0.5px;
  }
  .ten-anniversary .sox_btn:hover{
    background: #fff;
    border:1px solid #e5010f;
    color: #e5010f;
    padding: 15px 14px 15px 14px;
  }
}

.ten-anniversary .sox_box03{
  background-color: #fff;
}
.ten-anniversary .sox_box03 h2{font-size: 2.3rem; font-weight: bold; padding: 10px 20px; background: #494949; color: #fff;}
.ten-anniversary .sox_txt02{margin: 30px 0 50px; font-size: 1.6rem; font-weight: 500;}
@media screen and (max-width: 640px) {
.ten-anniversary .sox_box03{margin-top: 50px;}
.ten-anniversary .sox_box03 h2{font-size: 4.26vw; font-weight: bold; padding: 10px 20px; background: #494949; color: #fff;}
}

.ten-anniversary .so_ttl{max-width: 360px; margin: 0 auto; background: #000; padding: 5px; font-size: 1.8rem; font-weight: bold; text-align: center; border-radius: 25px; color: #fff;}
.ten-anniversary .top_img {
  /* margin: 30px 0 70px 0; */
  margin: 30px 30px 70px;
  text-align: center;}


@media screen and (max-width: 640px) {
.ten-anniversary .so_ttl{max-width: 360px; margin: 0 auto; background: #000; padding: 5px; font-size: 3.73vw; font-weight: bold; text-align: center; border-radius: 25px; color: #fff;}
.ten-anniversary .top_img {margin: 20px 0 30px 0; text-align: center;}
}

.ten-anniversary .sobtn02{display: block; max-width: 520px; margin: 30px auto 10px; padding: 8px 15px; background: #e5010f; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; border-radius: 25px; border-top:1px solid #e5010f; border-bottom:1px solid #e5010f; border-bottom: 5px solid #ae010b; text-decoration: none; letter-spacing: -0.5px; }
.ten-anniversary .sobtn02:hover{ background: #fff; border:1px solid #e5010f; color: #e5010f; padding: 10px 15px 10px 15px;}


@media screen and (max-width: 640px) {
.ten-anniversary .sobtn02{display: block; max-width: 520px; margin: 30px auto 10px; padding: 8px 15px; background: #e5010f; color: #fff; font-size: 3.46vw; font-weight: bold; text-align: center; border-radius: 25px; border-top:1px solid #e5010f; border-bottom:1px solid #e5010f; border-right: 4px solid #ae010b; text-decoration: none; letter-spacing: -0.5px; }
.ten-anniversary .sobtn02:hover{ background: #fff; border:1px solid #e5010f; color: #e5010f; padding: 8px 17px 8px 15px;}
}


/* movie */
.ten-aniv-movie{
  display: block;
  padding-right: 0;
  padding-left: 0;
}
.ten-anniversary-video_outer{
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
}
.ten-anniversary-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ten-aniv-movie-sp{
  display: none;
}

@media screen and (max-width: 640px) {
  .ten-aniv-movie{
    display: none;
  }

  .ten-aniv-movie-sp{
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
/*  追記1109*/
  .ten-anniversary-video_outer-sp{
    position: relative;
    height: 0;
    padding: 177.78% 0 0;
    overflow: hidden;
    background-color: black;
  }

  .ten-anniversary-video-sp{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.ten-anniversary .sc_txt{
  font-size: 3.46vw;
  margin-bottom: 20px;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 5px;
  color: #fff;
  border:1px solid #fff;
  text-align: center;
}

.ten-anniversary .scbox{margin-top: 25px;}
@media screen and (max-width: 640px) {
  .ten-anniversary .scbox{
    margin: 20px 0;
    overflow-x: scroll;
  }
  .ten-anniversary .scbox .graph-image{
    width: 922px;
    max-width: 922px;
  }
}

.ten-anniversary .highlight01{
  background: linear-gradient(transparent 60%, rgba(247,239,53,0.6) 60%);
}
/* 資産形成表修正 */
.ten-anniversary .l_ab{
  position: static;
}
.ten-anniversary .lineup > .inner .luList01 .type01 .inner{
  position: relative;    /*240711修正*/
  display: flex;
  justify-content: space-between;
  /*height: 120px;*/    /*240711修正*/
  /*1126  padding: 15px 20px;*/
}
@media screen and (max-width: 960px) {
  .ten-anniversary .lineup > .inner{
    max-width: 100%;
  }
  .ten-anniversary .lineup > .inner .luList01 .type01 .inner{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 190px;
  }
  .lineup > .inner .luList01 .type01:nth-child(odd){
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .ten-anniversary .lineup > .inner .luList01 .type01 .inner{
    min-height: 196px;
  }
}
.ten-anniversary .luList01_child{
  flex-basis: 56%;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .luList01_child{
    margin-bottom: 10px;
  }
}
.ten-anniversary .luList01_child02{
  flex-basis: 76%;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .luList01_child02{
    margin-bottom: 10px;
  }
}
.ten-anniversary .luList01_child03{
  flex-basis: 80%;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .luList01_child03{
    margin-bottom: 8px;
  }
}
.ten-anniversary .luList01_child04{
  display: flex;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .luList01_child04{
    justify-content: center;
  }
}
.ten-anniversary .lineup > .inner .luList01 .type01 p:first-child{
  margin-bottom: 4px;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .lineup > .inner .luList01 .type01 p:first-child{
    text-align: center;
  }
}
.ten-anniversary .blockNew02{
  width: 48px;    /*240711修正*/
  height: 28px;    /*240711修正*/
  background: #e5010f;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  margin-left: 8px;
  padding: 5px 0;    /*240711修正*/
  position: absolute;    /*240711修正*/
  top: 0;    /*240711修正*/
  left: 0;    /*240711修正*/
  transform: translate(-4px, -15px)    /*240711修正*/
}
@media screen and (max-width: 960px) {
  .ten-anniversary .blockNew02{
    padding: 8px 6px;
  }
}
@media screen and (max-width: 960px) {
  .ten-anniversary .blockNew02{
    font-size: 1.2rem;
    width: 48px;
    height: 32px;
  }
}
@media screen and (max-width: 640px) {    /*240711修正*/
  .ten-anniversary .blockNew02{
    font-size: 2.0vw;
    width: 80px;
    height: auto;
    padding: 0.65em 0.35em;
    transform: translate(-15px, 0);
  }
}
.ten-anniversary .lineup > .inner .luList01 .type01 .blockNisa, .lineup > .inner .luList01 .type02 .blockNisa{
  position: static;
}
.ten-anniversary .luList01_child_with-new{
  display: flex;
}

/* @media screen and (max-width: 640px) {
  .ten-anniversary .luList01_child_with-new{
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
} */
.ten-anniversary .blockNisa03{
  width: 76px;
  height: 84px;
  flex-basis: 76px;
  font-size: 1.4rem!important;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #509f25;
  margin-left: 5px;
  padding: 16px 0;
}

@media screen and (max-width: 960px) {
  .ten-anniversary .blockNisa03{
    width: 64px;
    height: 68px;
    flex-basis: auto;
    margin-left: 0;
    padding: 10px 0;
  }
}
@media screen and (max-width: 640px) {
  .ten-anniversary .blockNisa03{
    font-size: 1.2rem!important;
  }
}
.ten-anniversary .blockNisa02{
  width: 76px;
  height: 84px;
  flex-basis: 76px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background-color: #FF8B8B;
  margin-left: 5px;
  padding: 16px 0;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .blockNisa02{
    width: 64px;
    height: 68px;
    flex-basis: auto;
    padding: 10px 0;
  }
}
@media screen and (max-width: 640px) {
  .ten-anniversary .blockNisa02{
    font-size: 1.2rem;
  }
}
.ten-anniversary .lineup > .inner .luList01 .type02 .inner{
  position: static;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
@media screen and (max-width: 960px) {
  .ten-anniversary .lineup > .inner .luList01 .type02 .inner{
    flex-direction: column;
  }
}
.ten-anniversary .ten-aniversary_txt16{
  font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
  .ten-anniversary .lineup > .inner .luList01 .type02 .inner{    /*240711修正*/
    padding: 35px 20px 15px;
  }
  .ten-anniversary .ten-aniversary_txt16{
    font-size: 2.73vw;
  }
  .ten-anniversary .lineup > .inner .type01 .inner a, .lineup > .inner .type02 .inner a{
    font-size: 2.73vw;
  }
}

@media screen and (max-width: 960px) {
  .ten-anniversary .lineup > .inner .luList01 > dd{
    justify-content: space-between;
  }
}

.luList_title{
  text-align: left!important;
}


/*追記1109*/
  .br-pc{display: inline;
  }

@media screen and (max-width: 640px) {
  .br-pc{display: none;
  }
}

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	bottom:50px;
    /*全体の高さ*/
	height:50px;
  z-index: 100;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 30px;
	background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

/* about swiper */
.ten_anniversary_msg_slider_sp{
  /* margin: 60px calc(50% - 50vw) 50px!important; */
  width: 3610px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 789px) {
  .ten_anniversary_msg_slider_sp{
    width: 100%;
  }
}
.ten_anniversary_msg_wrapper{
  margin-top: 60px;
}
.ten-aniv-swiper-prev, .ten-aniv-swiper-next{
  position: absolute;
  top: 0;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
}
.ten-aniv-swiper-prev{
  background-image: url("/fundinfo/special/indexfund/img/ten-anniversary/button_prev.png");
  /* left: 42px; */
  left: calc(50vw - 506px + 42px);
}
.ten-aniv-swiper-next{
  background-image: url("/fundinfo/special/indexfund/img/ten-anniversary/button_next.png");
  /* left: 100px; */
  left: calc(50vw - 506px + 100px);
}
@media screen and (max-width: 1012px) {
  .ten-aniv-swiper-prev{
    /* left: 0; */
    left: calc(5vw + 20px);
    
  }
  .ten-aniv-swiper-next{
    /* left: 54px; */
    left: calc(5vw + 70px);
  }
}

.text-indent{display: block; text-indent: 1rem; font-weight: bold;}

/*1119:ボタン*/
.fixedBtn10 {display:none;/* 1128追記：読み込み改善*/ position: fixed; width: 100px; right: 10px; bottom: 10%; z-index: 999;}
.fixedBtn10 img:hover {opacity: 1.0;}

/* 画像の親要素のスタイル */
.box {
  cursor: pointer;
  height: 130px;
  margin-inline: auto;
  margin-top: 20px;
  position: relative;
  /*width: 200px;*/
}
/* 画像のスタイル */
.box img {
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
}
/* 2枚目の画像は最初透明 */
.box img:last-of-type {
  opacity: 0;
  transition: opacity .7s;
}
/* hoverすると1枚目の画像が透明になる*/
.box:hover img:first-of-type {
  opacity: 0;
  transition: opacity .7s;
} 
/* hoverすると2枚目の画像が透明じゃなくなる */
.box:hover img:last-of-type {
  opacity: 1;
}

@media screen and (max-width: 640px) {    
.fixedBtn10 {display:none;/* 1128追記：読み込み改善*/ position: fixed; width: 100%; /*right: 10px;*/ bottom: 5%; z-index: 999;}
.fixedBtn10 img:hover {opacity: 1.0;}

/* 画像の親要素のスタイル */
.box {
  cursor: pointer;
  /*1128追記 height: 80px;*/
  margin-inline: auto;
  /*margin-top: 20px;*/
  position: relative;
  width: 100%;/*1128追記 width: 100%;*/
}
/* 画像のスタイル */
.box img {
  height: auto;
  left: 0;
  position: absolute;
  margin:0 20px;
  -webkit-tap-highlight-color:transparent; 
  /*1128追記 width: 100%;*/
}
/* 2枚目の画像は最初透明 */
.box img:last-of-type {
  opacity: 0;
  transition: opacity .7s;
}
/* hoverすると2枚目の画像が透明じゃなくなる */
.box:hover img {
  opacity: 1;
}
/* 1128：sp用 */
.line-btn{
  display: flex;
  justify-content: center;
  column-gap:30px;
  padding-right: 20px;
  }

}
/* 20240417 追加 */
.ten-anniversary .l_flexcenter {
  align-items: center;
  display: block;    /*240711修正*/
}

@media screen and (min-width: 641px) {
  .ten-anniversary .l_flexcenter {
    width: calc(100% - 81px);
  }
}

@media screen and (min-width: 641px) {
  .ten-anniversary .l_flexcenter .blockNew02 {
    margin-inline: auto 7px;
  }
}

@media screen and (max-width: 640px) {
  .ten-anniversary .l_flexcenter .blockNew02 {
    margin-top: 0;
  }
}