@charset "UTF-8";
/* ==========================================================
dexerials (c)visual and echo japan
Created: 2018-9
========================================================== */
/*/////////////////////////////
PROFILE Index
- 1.voice_main
- 2.voice_main_sp
/////////////////////////////*/
/* 1. voice_main
* ------------------------- */
/* デフォルトでは非表示 */
.voice_contentsTtl_pcview {
  display: inline;
}

/* レスポンシブ＋スマホ幅（例: 1000px以上）のときだけ表示 */
@media screen and (max-width: 850px) {
  ..voice_contentsTtl_pcview {
    display: none;
  }
}

.voice_main{
  background-image: linear-gradient(90deg, #93c8e4, #c8f9fd 50%, #3283b0);
  margin-top: -20px;
  padding-bottom: 5.5em;
}
p.mod_text.voice_info{
  margin-top: calc(1em + 15px);
}
.voice_main h2.mod_text.voice_text{
  color: #005582;
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", sans-serif;
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 35px 0 0 50px;
}
.voice_main .voice_newContents{
  background:  #fff;
  border-radius: 0 20px 20px 0;
  box-shadow:10px 10px 10px #00000012;
  padding:  35px 20px;
  display: flex;
  justify-content: space-around;
  width: 80%;
}
.voice_main .voice_newContents .voice_newContents_img{  
    margin-left: 2em;
    width: 35%;
}
.voice_main .voice_newContents .voice_newContents_img img{
  width: 100%;
}
.voice_main .voice_newContents .voice_newContents_text{
  width: 50%;
}
.voice_main .voice_newContents .voice_newContents_text p.date{
  color: #505050;
  font-size: 13px;
  font-size: 0.86667rem;
}
.voice_main .voice_newContents .voice_newContents_text .voice_newContents_details p.contentTtl{
  font-weight: bold;
  margin: .8em auto 1em;
}
.voice_main .voice_newContents_btn{
  margin:1em auto;
}
.voice_main .voice_newContents_btn ul li{
  float:right;
}
.voice_main .voice_newContents_btn ul li a{
  background:  #fff;
  border: none;
  border-radius: 20px 0 0 20px;
  box-shadow:-10px 10px 10px #00000012;
 -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: table;
    color: #005582;
    font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", sans-serif;
    font-size: 17px;
    font-size: 1.13333rem;
    letter-spacing: 0.3em;
    text-align: center;
    padding: 16px 70px;
}
.voice_allContents{
  margin-top: 2.5em;
}
.voice_allContents ul.voice_postContents{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 45px;
  justify-content: center;
  margin: 0 1em;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap{
  background:  #fff;
  border-radius: 20px;
  box-shadow:0px 0px 10px 10px #00000012;
  width: 100%;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail,
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail:hover,
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail:hover img{ 
  border-radius: 20px 20px 0 0;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail{
  overflow: hidden;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail img{
  border-radius: 20px 20px 0 0 ;
  width: 100%;
  height: 145px;
  object-fit: cover;
  overflow: hidden;
   transition: transform .6s ease; 
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .thumbnail:hover img{
  transform: scale(1.1);   
  border-radius: 20px 20px 0 0;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info .date_newIcn{
  display: flex;
  justify-content: space-between;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info .date_newIcn.date_noIcn p.date{
  padding: 3px 0;
  margin-bottom: 5px;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info .date_newIcn p.date{
  color: #505050;
  font-size: 13px;
  font-size: 0.86667rem;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info .date_newIcn p.newIcn{
 background: #ff6450;
  padding: .3em .5em;
  color: #fff;
  font-weight: bold;
  top: -1em;
  position: relative;
  letter-spacing: 0.3em;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info .date_newIcn p.newIcn.noIcn{
  display: none;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .info{
  padding: 1em;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap p.contentsText span.contentTtl{
  font-weight: bold;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .post_linkBtn ul li{
  width: 70%;
  display: flex;
  margin: 1.5em auto;
  background: #015583;
  color: #fff;
  padding: .5em;
  border-radius: 3px;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .post_linkBtn ul li a.allContents_btn{
  margin: 0 auto;
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .post_linkBtn ul li a.allContents_btn span::after{
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  margin-left: 0.5em;
  vertical-align: middle;
  position: relative;
  top: -2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.voice_allContents ul.voice_postContents li.voice_singleWrap .post_linkBtn ul li a.allContents_btn img.icoBlank{
display: none;
}
.voice_allContents nav.pagination-container{
  width: 50%;
  margin: 5em auto 0;
}
.voice_allContents nav.pagination-container ul.pagination{
  display: flex;
  justify-content: space-around;
}
.voice_allContents nav.pagination-container ul.pagination li{
  background: #FFF;
  color: #015583;
  padding: .5em .9em;
  border: 1px #015583 solid;
  border-radius: 100%;
}
.voice_allContents nav.pagination-container ul.pagination li.active{
  background: #015583;
  color: #fff;
}
.voice_allContents nav.pagination-container ul.pagination li a{
  font-size: 15px;
}


/* 2. voice_main_sp
* ------------------------- */
/* スマホサイズ（幅が768px未満）のみ適用 */
@media screen and (max-width: 767px) {
  .voice_main .voice_newContents{
    display: flex;
    flex-direction: column;
  }
  .voice_main .voice_newContents .voice_newContents_img{
    width: 80%;
}
  .voice_main .voice_newContents .voice_newContents_text{
    margin: 0 .5em; 
    width: 100%;
  }
  .voice_main .voice_newContents .voice_newContents_text p.contentsText{
    width: 100%;
  }
  .voice_main .voice_newContents .voice_newContents_text p.date{
    margin: 1em;
  }
  .voice_main .voice_newContents_btn ul li a{
    padding: 16px 45px;
  }
  .voice_allContents ul.voice_postContents{
    grid-template-columns: 1fr;
  }
  .voice_allContents nav.pagination-container{
    width: 100%;
  }
}