/* --------------------
   main
-------------------- */
#main{
  text-align: center;
  padding: 25vw 5vw 15vw;
}
#main .main-title1{
  color: #fff;
}
#main .main-title1 .jp:before{
  left: 0;
  right: 0;
  background-color: #fff;
  margin: auto;
}
.bg-wrap{
  padding-bottom: 18vw;
}
@media screen and (max-width: 480px){}
@media screen and (max-width: 768px){
}
@media screen and (min-width: 769px){
  #main {
    padding-top: 260px;
    padding-bottom: 130px;
    text-align: center;
  }
  .bg-wrap{
    padding-bottom: 160px;
  }
}
#breadcrumbs{
  margin-bottom: 8vw;
}
#breadcrumbs ul{
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  padding-top: 1.5em;
}
#breadcrumbs ul li a{
  text-decoration: underline;
}
#breadcrumbs ul li{
  position: relative;
}
#breadcrumbs ul li:nth-child(n+2){
  padding-left: 1em;
}
#breadcrumbs ul li:nth-child(n+2)::before{
  content: "-";
  display: block;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 769px){
  #breadcrumbs{
    margin-bottom: 100px;
  }
}

/* --------------------
   お客様のこえ
-------------------- */


/* --------------------
   news
-------------------- */
#column .column-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5vw;
}
#column .column-item{
  width: calc(50% - 2.5vw);
}
#column .column-item{
  position: relative;
  z-index: 1;
}
#column .column-item a{
  display: block;
  position: relative;
  height: 100%;
  gap: 1.25vw;
}
#column .column-item a .text-wtap{
  padding: 2.5vw;
}
#column .column-item a:before{
  content: "";
  display: block;
  top: 0;
  opacity: 1;
  transition: .2s;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
}
#column .column-item a:hover::before{
  opacity: 0;
}
#column .column-item a .column-datas{
  line-height: 1;
}
#column .column-item a .data{
  text-align: left;
  line-height: 1.25;
  color: #677389;
}
#column .column-item a .cate{
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background-color: #888;
  border-radius: 1em;
  line-height: 1.25;
}
#column .column-item a .cate.column{
  background-color: #677389;
}
#column .column-item a .cate.press-release{
  background-color: #D39C94;
}

#column .column-item a figure{
  width: 100%;
  position: relative;
  aspect-ratio: 900 / 600; /* または 3 / 2 */
  object-fit: cover;
  overflow: hidden;
}
#column .column-item a .column-datas img{
  width: 100%;
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 768px){
  #column .column-item a .column-datas{
    width: 100%;
  }
  #column .column-item a .text-wtap p{
    line-height: 1.5;
    font-size: 0.75rem;
  }
  #column .column-item a .column-datas{
    font-size: 0.6rem;
  }
}
#column .main-button{
  margin-top: 2.5em;
}
#column .main-button a{
  justify-content: center;
}
@media screen and (min-width: 769px){
  #column .column-item{
    width: calc(50% - 20px);
  }
  #column .column-item a{
    align-items: center;
  }
  #column .column-item a .column-datas{
    text-align: center;
    width: 7.25em;
  }
  #column .column-item a .text-wtap{
    padding: 20px 30px;
  }
  #column .column-item a .column-title{
    width: calc(100% - 7.5em - 50px);
  }
  #column .column-item a .cate{
    margin-top: .5em;
    width: 100%;
  }
  #column .column-list{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
}
@media screen and (min-width: 1080px){
  #column .column-item{
    width: calc(50% - 20px);
  }
}

.pagenation{
  margin-top: 10vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5em;
}
.pagenation li,
.pagenation a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #fff;
}
.pagenation .prev a:before,
.pagenation .next a:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 6px;
  height: 8px;
  background-image: image-set(
    "../img/common/newss-icn.png" 1x,
    "../img/common/newss-icn@2x.png" 2x
  );
}
.pagenation .next a:before{
  transform: rotate(180deg);
}
.pagenation li.current{
  color: #fff;
  background-color: #091D41;
}
@media screen and (min-width: 769px){
  .pagenation{
    margin-top: 100px;
  }
  .pagenation li,
  .pagenation a{
    width: 3.75em;
    height: 3.75em;
  }
  .pagenation a:hover{
    background-color: #B9BEC8;
  }
}
/* カテゴリー */
.cate-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  margin-bottom: 1em;
}
.cate-list li{
  text-align: center;
  position: relative;
  min-width: 5em;
  padding: 0 .5em;
}
.cate-list li+li::before{
  content: "";
  position: absolute;
  display: block;
  background-color: #B4B4B4;
  height: 100%;
  width: 1px;
  left: -1px;
}
.cate-list li.current-cat{
  z-index: 1;
  color: #fff;
}
.cate-list li.current-cat:after{
  content: "";
  display: block;
  background-color: #091D41;
  border-radius: 5em;
  width: calc(100% - 1em);
  z-index: -1;
  height: 100%;
  top: 0;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width: 769px){
  .cate-list ul{
    margin-bottom: 3em;
  }
  .cate-list li{
    width: 10em;
  }
  .cate-list li a:hover{
    text-decoration: underline;
  }
}



/* --------------------
   newssingle
-------------------- */
#news-single .single-head h2{
  margin-bottom: 3em;
  font-size: 1.5rem;
  padding: .9375em 0;
  border-bottom: solid 1px #B4B4B4;
}
#news-single .news-datas{
  display: flex;
  gap: 1em;
}
#news-single .news-datas .data{
  line-height: 1.5;
  color: #677389;
}
#news-single .news-datas .cate{
  text-align: center;
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background-color: #888;
  border-radius: 1em;
  line-height: 1.5;
  min-width: 5em;
}
#news-single .news-datas .cate.news{
  background-color: #677389;
}
#news-single .news-datas .cate.press-release{
  background-color: #D39C94;
}
#news-single .single-cont p{
  line-height: 2;
}
#news-single .single-cont p:nth-child(n+2){
  margin-top: 1.75em;
}

@media screen and (min-width: 769px){
  #news-single .single-head h2{
    margin-bottom: 100px;
    font-size: 2rem;
  }
  #news-single .news-datas {
    gap: 0;
  }
  #news-single .news-datas .cate{
    width: 9em;
  }
  #news-single .news-datas .data{
    width: 120px;
  }
}

.post-navigation{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  margin-top: 3em;
}
.post-navigation a{
  text-decoration: underline;
  padding: .8em 1.35em;
  background-color: #fff;
  display: block;
  border-radius: 5em;
}
.post-navigation .is-disabled{
  opacity: 0;
  visibility: hidden;
}
.post-navigation .archive-link a{
  background-color: #091D41;
  color: #fff;
  text-align: center;
}
.post-navigation .prev-link a,
.post-navigation .next-link a{
  position: relative;
}
.post-navigation .prev-link{
  text-align: right;
}
.post-navigation .prev-link a:before,
.post-navigation .next-link a:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 8px;
  background-image: image-set(
    "../img/common/newss-icn.png" 1x,
    "../img/common/newss-icn@2x.png" 2x
  );
}
.post-navigation .prev-link a:before{
  left: 1.5em;
}
.post-navigation .next-link a:before{
  right: 1.5em;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px){
  .post-navigation{
    justify-content: space-around;
    font-size: .875rem;
  }
  .post-navigation a{
    padding: .5em .75em;
  }
  .post-navigation .prev-link a:before,
  .post-navigation .next-link a:before{
    display: none;
  }
}
@media screen and (min-width: 769px){
  .post-navigation{
    font-size: 1.125rem;
    justify-content: space-between;
    margin-top: 80px;
  }
  .post-navigation a{
    min-width: 180px;
    text-decoration: underline;
    padding: 15px 25px;
  }
}