@charset "UTF-8";

/* 『footer追加バナー』 ▼ ここから ▼ --------------- */
body[class^="page_"] .section-f.f-service-info .footer-right .inner-h{
  padding-bottom: 3rem !important;
}
.f-service-info .footer-bottom{
  width: 100%;
  position: relative;
  background-color:#25509c;
  border-top: 0;
}
.footer-bottom .inner-h{
  padding:3rem 0; 
  padding-bottom: calc(8.5rem + 1.6rem) !important;
}
.footer-bottom ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.footer-bottom ul li{
  width: calc(50% - 10px);
}
.footer-bottom ul li h4{
  font-size:13px;
  font-family: 'Noto Serif JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  color:#fff;
  margin-top:8px;
}
/* 『footer追加バナー』 ▲ ここまで ▲ --------------- */

/* 『footer追加バナー』 ▼ ここから ▼ --------------- */
body[class^="page_"] .section-f.f-service-info .footer-right .inner-h{
  padding-bottom: 3rem !important;
}
.f-service-info .footer-bottom{
  width: 100%;
  position: relative;
  background-color:#25509c;
  border-top: 0;
}
.footer-bottom .inner-h{
  padding:3rem 0; 
  padding-bottom: calc(8.5rem + 1.6rem) !important;
}
.footer-bottom ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.footer-bottom ul li{
  width: calc(50% - 10px);
}
.footer-bottom ul li h4{
  font-size:13px;
  font-family: 'Noto Serif JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  color:#fff;
  margin-top:8px;
}
/* 『footer追加バナー』 ▲ ここまで ▲ --------------- */


@media screen and (min-width: 320px) {
}

@media only screen and (min-width: 600px) {
  /* Tablet */

/* 『footer追加バナー』 ▼ ここから ▼ --------------- */

.section-f.f-service-info{
  position: relative;
}
.f-service-info .footer-left, .f-service-info .footer-right{
  padding-bottom: 0;
}
.f-service-info .footer-bottom{
background: linear-gradient(to right, var(--back_c) 50.01%, #25509c 50%);
}
.f-service-info .footer-bottom ul{
  width: calc(100% + 20px);
  gap: 20px 0;
  position: relative;
  left: -10px;
}
.f-service-info .footer-bottom .inner-h{
  padding: 3rem 0;
}
.f-service-info .footer-bottom ul li:nth-of-type(5n){
  margin-right: 0;
}
.f-service-info .footer-bottom ul li{
  width: 20%;
  padding: 0 10px;
}
.f-service-info .footer-bottom ul li h4{
  color: #000;
  font-size: 14px;
}
.f-service-info .footer-bottom ul li:nth-of-type(4) h4,
.f-service-info .footer-bottom ul li:nth-of-type(5) h4,
.f-service-info .footer-bottom ul li:nth-of-type(9) h4,
.f-service-info .footer-bottom ul li:nth-of-type(10) h4{
color:#fff;
}


/* 『footer追加バナー』 ▲ ここまで ▲ --------------- */

}  

/* SP */
/* @media screen and (max-width: 896px) {
	body[class^="page_"] .footer-left {
	  width: auto;
  }
}   */

@media only screen and (min-width: 1023px) {
}

@media only screen and (min-width: 1025px) {
  /* PC */

  .f-service-info .inner{
    max-width: 1196px!important;
  }
  .f-service-info .footer-bottom .inner-h{
    padding-top: 20px!important;
  }
  .f-service-info .footer-bottom ul{
    padding-left: 0;
    padding-right: 0;
    left: 0;
  }
  .f-service-info .footer-bottom ul li {
    width: 16.66%;
  }
  .f-service-info .footer-bottom ul li:nth-of-type(9) h4{
    color:#000;
  }
  .f-service-info .footer-bottom ul li:nth-of-type(6) h4, 
  .f-service-info .footer-bottom ul li:nth-of-type(10) h4,
  .f-service-info .footer-bottom ul li:nth-of-type(11) h4,
  .f-service-info .footer-bottom ul li:nth-of-type(12) h4{
    color:#fff;
  }

}