@charset "UTF-8";
/* ==========================================================
dexerials (c)visual and echo japan
Created: 2018-9
========================================================== */
/*/////////////////////////////
Home
- 0.index__toprenewal [ new ]2605

/////////////////////////////*/
/* 0. toprenewal 
* ------------------------- */
.slide.voice_linkWrap .mod_hdg03 h2.voice_topttl{
    text-align: center;
}
.slide.voice_linkWrap .mod_hdg03 h2.voice_topttl span{
  color: #fff;
  background: #003a88;
  font-family:"Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", sans-serif;
  font-size: 23px;
  font-size: 1.73333rem;
  padding: 0.2em 1em;
  font-weight: bold;
}
.index__mainVisual .cnvProfile.voice_mvLink_wrap .voice_mvLink_main p span.mainTtl{
    font-size: 2.3rem;
    letter-spacing: 0;
}


.slide.voice_linkWrap .mod_hdg03 h2.voice_topttl::after{
  content:none;
}
section.index__infomation .slide.voice_linkWrap{
  border: 4px solid #043B8B;
  background-image: repeating-linear-gradient(to bottom, #E4ECEF, #E4ECEF 2px, transparent 0, transparent 40px), repeating-linear-gradient(to right, #E4ECEF, #E4ECEF 2px, transparent 0, transparent 40px);    padding: 0 0 2em;
  position: relative;
}

.index__infomation .info_body .infoLinks li{
  align-items: stretch;
  display: flex;
  min-height:193.23px;
   aspect-ratio: 1.975/ 1;
}
.index__infomation .info_body .swiper-wrapper li a::after{
   content: none;
}
section.index__infomation .slide.voice_linkWrap{
  width: calc(100% - 8px) !important;
}
.slide.voice_linkWrap .swiper-container{
  width:90%;
}
.slide.voice_linkWrap .swiper-container ul.swiper-wrapper li.swiper-slide a img{
   border: solid 2px #c9c9c9;
}

@media screen and (min-width: 813px){
  .slide.voice_linkWrap .swiper-container ul.swiper-wrapper li.swiper-slide a img{  
    width: 60%;
    margin-top: 1em;
  }
  .slide.voice_linkWrap .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0.3em !important;
  }
}
@media screen and  (min-width: 999px){
  .slide.voice_linkWrap .mod_hdg03 h2.voice_topttl{
    padding: 0.8em 1.5em 0.6em;
  }
}
@media screen and  (max-width: 812px){
  .index__infomation .info_body .infoLinks li{
        flex-direction: column;
  }
  .slide.voice_linkWrap .swiper-container ul.swiper-wrapper li.swiper-slide a img {
    width: 70%;
  }
  .slide.voice_linkWrap .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 8.5em !important;
  }
}
@media screen and  (max-width:450px){
  .slide.voice_linkWrap .mod_hdg03 h2.voice_topttl{
    padding: 1em 1em 0;
    font-size: 1.2em;
  }
   .slide.voice_linkWrap .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 7.25em !important;
  }
  .slide.voice_linkWrap .swiper-container ul.swiper-wrapper li.swiper-slide a img {
     width: 60%;
    margin-top: 1em;
  }
@media screen and  (max-width:400px){
  .slide.voice_linkWrap .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal, 
  .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 8em !important;
  }

}

}

}