/*--------------------------------------------------
    MV
--------------------------------------------------*/
.mv{
  max-height: 800px;
}

.mv .mv-sdgs-inner{
  gap:1rem;
}
 .mv .mv-inner .mv-sdgs .mv-sdgs-inner .sdgs-text-area .more-btn-area a{
   color:#fff!important;
}

.mv .mv-inner .mv-sdgs .mv-sdgs-inner .sdgs-text-area .more-btn-area a:hover{
  opacity:0.7;
}

.mv .mv-inner .mv-sdgs .mv-sdgs-inner .sdgs-text-area .more-btn-area p::after{
  content: '';
  display: inline-block;
  width:70px;
  height:8.5px;
  background-image: url(/system_panel/uploads/images/arrow_wh.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left:1rem;
  margin-bottom: 0.25rem;
  transition:0.2s;
}

@media screen and (max-width: 767px){
  .sdgs-text-area .sdgs-text-header,
  .sdgs-text-area .sdgs-text-detail{
    display:none;
  }
}

@media screen and (max-width: 768px){
  .sdgs-logo-area img{
    max-width: 100px;
  }
}

@media screen and (max-width: 1024px){
  .mv{
    background: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url("/system_panel/uploads/images/img_home_mv_sp.jpg"); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media screen and (min-width: 1025px) {
  .mv{
    background: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url("/system_panel/uploads/images/img_home_mv.jpg"); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
} 
 @media screen and (min-width: 1025px) and (max-width: 1450px){
   .mv{
     background-position: center bottom;
  }
}
  
@media screen and (min-width: 1451px){
    .mv{
     background-position: center;
  }
}
@media screen and (max-width: 1024px){
  .mv.mv01{
    background: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url("/system_panel/uploads/images/img_home_mv01.jpg");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1025px) {
  .mv.mv01{
    background: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url("/system_panel/uploads/images/img_home_mv01.jpg");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
} 

/*--------------------------------------------------
    NEWS
--------------------------------------------------*/

.news-list-item{
  display:flex;
   gap:0.5rem;
}

.news-list-item .news-list-tag{
  width: 20%;
  padding:0.75rem;
}

.news-list-item .news-list-tag span{
  color:#777;
  font-size:1rem;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height:1.8;
}

.news-list-item .news-list-title{
  width: 80%;
  padding:0.75rem;
}

.news-list-item .news-list-title a{
  color:#333;
  transition:0.3s;
}

.news-list-item .news-list-title a:hover{
  color:#134ea5;
}

.news-list-item .news-list-title h3{
  font-size:1rem;
  line-height:1.8;
}

.home-news .home-news-inner{
  flex-direction: column;
}

.home-news .home-news-inner .more-btn-area a:hover{
  opacity:0.7;
}

.home-news .home-news-inner .more-btn-area p::after{
  content: '';
  display: inline-block;
  width:70px;
  height:8.5px;
  background-image: url(/system_panel/uploads/images/arrow_bl.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left:1rem;
  margin-bottom: 0.25rem;
  transition:0.2s;
}

@media screen and (max-width: 768px){
.news-list-item{
  gap:0;
  flex-direction: column;
  margin-bottom:2rem;
  }
  
.news-list-item .news-list-tag,
.news-list-item .news-list-title{
  width:100%;
  padding:0.5rem 0.75rem;
  }
}

/*--------------------------------------------------
    ABOUT US
--------------------------------------------------*/
.home-about-us .home-about-us-item-inner {
  gap:1.5rem;
}

.home-about-us .home-about-us-item-inner .more-btn-area .more-btn-text{
  color:#134ea5;
}

.home-about-us .home-about-us-item-inner .more-btn-area a:hover{
  opacity:0.7;
}

.home-about-us .home-about-us-item-inner .more-btn-area p::after{
  content: '';
  display: inline-block;
  width:70px;
  height:8.5px;
  background-image: url(/system_panel/uploads/images/arrow_bl.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left:1rem;
  margin-bottom: 0.25rem;
  transition:0.2s;
}

/*--------------------------------------------------
    COMPANY
--------------------------------------------------*/
.home-company .home-company-inner{
  gap:1rem;
}

.home-company-text-area .more-btn-area a:hover{
  opacity:0.7;
}

.home-company-text-area .more-btn-area p::after{
  content: '';
  display: inline-block;
  width:70px;
  height:8.5px;
  background-image: url(/system_panel/uploads/images/arrow_bl.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left:1rem;
  margin-bottom: 0.25rem;
  transition:0.2s;
}

/*--------------------------------------------------
    CTA
--------------------------------------------------*/
.cta .btn{
  border: 2px solid #fff;
}

.cta .btn .btn-inner-text p::after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 0.5em;
  height: 0.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  position:absolute;
  right: 0;
  top: 0.5rem;
}