/*  */
/*  スマホ　*/
/*  */

body{
  background-color: #FCFCFF;
}

.foot-bac{
  background-color: #E6E6E6;
}

.foot-got {
  stroke: #041941;
  }

.pc-foot-got {
  stroke: #041941;
  }

.pc-foot-got:hover{
    stroke: #8497FC;
  }

.head-logo{
  fill: #f7f8ff;
}

.foot-logo{
  fill: #041941;
}

.foot-bun a:hover,
.foot-bun.active a
{
color: #8497FC;
}

.foot-contact a:hover,
.foot-contact.active a{
  color: #041941;
}

.navi-logo{
  fill: #041941;
}

.navi-bun a:hover,
.navi-bun.active a
{
color: #8497FC;
}

.navi-contact a:hover,
.navi-contact.active a{
  color: #041941;
}

.en9{
  color: #041941;
}

.en6{
  color: #041941;
}

.en11{
  color: #041941;
}

.foot-line{
  border-color: #041941;
}

.navi-contact{
  color: #8497FC;
}

.foot-contact{
  color: #8497FC;
}


.news-tai{
color: #411D72;
}

.news-bun{
color: #411D72;
}

.pc-news-day{
  color: #C4CDFF;
}

.news-day{
color: #C4CDFF;
text-align: right;
}

.navigamen{
  background-color: #E6E6E6CC;
}
.navi-box{
  background-color: #E6E6E6;
}

.side-navi{
  stroke: #411D72;
}

.pc-side-navi{
  stroke: #411D72;
}

.pc-side-navi:hover{
  stroke: #E6E6E6;
}

.navi-line{
  border-color: #041941;
}

.batsu{
  stroke: #041941;
}

.pc-batsu{
  stroke: #041941;
}

.pc-batsu:hover{
  stroke: #8497FC;
}


.top-pic{
  isolation: isolate;
  background-color: white;
}

.pc-top-pic{
  isolation: isolate;
  background-color: white;
  width: 100vw;
  height: 100vh;
  position: absolute;
  border-bottom-left-radius: 5vw;
  border-bottom-right-radius: 5vw;
}

.top-pic img{
  mix-blend-mode: luminosity;
}

.pc-top-pic img{
  mix-blend-mode: luminosity;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  border-bottom-left-radius: 5vw;
  border-bottom-right-radius: 5vw;
}


.pagination {
  display: flex;
  justify-content: center;
  padding-top: 30vh;
}

/* ページネーションの色 */
a.page-numbers,
span.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4CDFF;
  width: 5vh;
  height: 5vh;
}
.next.page-numbers,
.prev.page-numbers{
  color: #411D72;
}

.page-numbers.current{
      color: #411D72;
}

@media screen and (max-width: 767px) {

.pc-news-day{
  display: none;
}
  
.news-sum{
  width: 69.9vw;
}

.news-ira{
  width: 69.9vw;
  border-bottom: solid 0.161vh;
  border-color: #411D72;
}

  }

/* パソコン用*/
@media screen and (min-width: 767px) {

  .news{
    margin-top: 40vh;
  }

  .news-day{
    display: none;
  }

  .news-sum{
    width: 79.9vw;
  }
  .news-ira{
    width: 79.9vw;
    border-bottom: solid 0.141vw;
    border-color: #411D72;
    margin-top: 2vh;
  }

  .news-tai{
    font-size: 3.15vh;
    font-weight: 850;
  }

  .news-bun{
    width: 65.6vw;
  }


}