@charset "UTF-8";

  section {
  padding: 6rem 4%;
  }
  b {
  font-size: max(18px,2.4rem);
  font-weight: bold;
  line-height: 1.3em;
  }
  .ttl_blue {
  color: #346fd3;
  }
  @media screen and (min-width:751px) {
  #side{
  top: 50%;
  transform: translateY(-50%);
  }
  }
/*-----------------------------------------------

  #mv

-----------------------------------------------*/
  #mv h2 img {
  margin: 0 auto;
  max-width: max-content;
  }
/*-----------------------------------------------

  #cont01

-----------------------------------------------*/
  .cont01__ttl img {
  margin: 0 auto;
  max-width: max-content;
  }
  .cont01__ttl b {
  margin: 1.5rem 0 2rem;
  display: block;
  }
  .cont01__movie {
  max-width: 860px;
  width: 77%;
  margin: 4rem auto;
  cursor: pointer;
  }
  #cont01 div.inner {
  text-align: center;
  }

  #cont01 figcaption b {
  line-height: 1.5em;
  font-size: max(24px,3.6rem);
  }
  .modal-open img {
  max-width: max-content;
  }
  @media screen and (max-width:750px) {
  .cont01__movie  {
  width: 100%;
  margin: 4rem auto 3rem;
  }
  }
/*-----------------------------------------------

  #cont02

-----------------------------------------------*/
  #cont02 {
  padding: 42rem 0 8rem;
  background-image: url("../img/security/bg_img01.png");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  }
  #cont02 div {
  padding: 2.5rem 0;
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  max-width: 1140px;
  width: 92%;
  margin: auto;
  text-align: center;
  }
  #cont02 div b {
  line-height: 1.8em;
  font-size: max(16px,4rem);
  color: #fff;
  line-height: 1.5em;
  }


/*-----------------------------------------------

  #news-list

-----------------------------------------------*/
#news-list {
  margin: 10rem 0 0;
}
#news-list h3{
  font-size: max(24px,3.6rem);
  color: #346fd3;
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
  margin: 0 0 4rem;
  line-height: 1.5em;
}
#news-list .news-list__item{
  border-bottom: 1px solid #ddd;
  padding: 12rem 0 6rem;
  margin-top: -6rem;
}
#news-list .news-list__item p{
  padding: 0 0 0 2rem;
}
#news-list .news-list__item p a{
  display: inline-block;
  width: auto;
  color: #346fd3;
}
@media screen and (min-width:751px) {
  #news-list .news-list__item p a[href^="tel:"]{
    color: #333;
  }
}
#news-list .news-list__txt.--right{
  text-align: right;
}
#news-list .news-list__item h4{
  font-size: max(18px,2.4rem);
  font-weight: bold;
  margin: 0 0 3rem;
  line-height: 1.5em;
}
#news-list .news-list__flex{
  display: flex;
  align-items: center;
  margin: 0 0 2rem;
}
#news-list .news-list__date{
    font-size: max(14px,1.6rem);
    display: block;
    margin: 0 2rem 0 0;
    white-space: nowrap;
    font-weight: normal;
}
#news-list .news-list__tag{
  line-height: 1.8em;
  white-space: nowrap;
  border-radius: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #363f49;
  color: #fff;
  padding: 0 2rem;
  width: 12.5%;
  font-weight: bold;
  font-size: max(12px,1.2rem);
  min-width: 100px;
  max-width: 120px;
  max-height: 28px;
}
#news-list .news-list__item h4{
  font-size: max(18px,2.4rem);
  font-weight: bold;
  margin: 0 0 3rem;
  line-height: 1.5em;
}
#news-list .news-list__item img{
  width: 100%;
  max-width: 300px;
  padding: 2rem;
  display: inline-block;
}
@media screen and (max-width:750px) {
  #news-list .news-list__item img{
    margin: auto;
    display: block;
  }
}

/*-----------------------------------------------

  #news

-----------------------------------------------*/
  
.news__btn{
  background-color: #f2f2f2;
  text-align: center;
  color: #346fd3;
  max-width: 430px;
  width: 40%;
  font-size: max(16px,2rem);
  padding: 2rem 2rem 1.5rem;
  position: relative;
  overflow: hidden;
  margin: 5rem auto;
  font-weight: bold;
}
.news__btn span{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 1.5rem 1.5rem 1.5rem 0;
  background-color: #346fd3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.news__btn span img{
  width: 3.1rem;
  height: 2.2rem;
  transition: .3s;
}
@media screen and (min-width:751px) {
  .news__btn:hover span img{
      transform: translateX(25%);
  }
}
@media screen and (max-width:750px) {
      .news__btn{
          max-width: 100%;
          width: 92%;
          padding: 3rem 2rem 2.5rem;
      }
      .news__btn span {
        padding: 2.5rem 1.5rem;
      }
      .news__icon-list {
        flex-direction: row;
      }
      .news__btn{
          width: 80%;
      }
}

/*-----------------------------------------------

  #cont03

-----------------------------------------------*/
  #cont03 div.inner {
  max-width: 1360px;
  }
  #cont03 .news__wrap {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
  width: 100%;
  }
  #cont03 .news__wrap img {
  width: 10%;
  }
  .news__list {
  width: 100%;
  }
  .news__list .news__item {
  padding: 0.5rem 0;
  margin-bottom: 3rem;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: max(14px,1.6rem);
  gap: 2rem;
  }
  .news__list > li.news__item:last-of-type {
  margin-bottom: 0;
  }
  .news__list > li.news__item:not(:last-of-type):after {
  content: "";
  background-color: #848d99;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1.5rem;
  }
  .news__item--date {
  font-size: max(14px,1.6rem);
  display: block;
  min-width: 185px;
  white-space: nowrap;
  font-weight: normal;
  }
  .news__item--tag {
  line-height: 1.8em;
  white-space: nowrap;
  border-radius: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #363f49;
  color: #fff;
  padding: 0 2rem ;
  width: 12.5%;
  font-weight: bold;
  font-size: max(12px,1.2rem);
  min-width: 100px;
  max-width: 120px;
  max-height: 28px;
  }
  .news__item--ttl {
  font-weight: normal;
  }
  .news__item--ttl a {
  width: fit-content;
  line-height: 1.8em;
  color: #346fd3;
  border-bottom: 1px solid #346fd3;
  display: inline-block;
  }
  .news__item--ttl span + a {
    margin: 0 2rem;
  }
  @media screen and (min-width:751px) {
  .news__item--date {
  min-width: 185px;
  }
  #cont03 .news__wrap img {
  min-width: 90px;
  }
  }
  @media screen and (max-width:750px) {
  #cont03 .news__wrap {
  flex-direction: column;
  gap: 1.5rem;
  }
  #cont03 .news__wrap img {
  max-width: 105%;
  width: 105%;
  margin: 1rem 0 2rem;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  }
  .news__list .news__item {
  flex-wrap: wrap;
  gap: 0.5rem;
  }
  .news__item--ttl {
  width: 100%;
  }
  .news__item--tag {
  padding: 0 2.5rem;
  }
  }
/*-----------------------------------------------

  #cont04

-----------------------------------------------*/
  #cont04 {
  padding-top: 0;
  }
  #cont04 h2{
  font-size: max(24px,3.6rem);
  color: #346fd3;
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
  margin: 0 0 4rem
  }
  #cont04 .gray--02{
  padding: 6rem 2%;
  }
  #cont04 .worry__content h2{
  max-width: 712px;
  width: 60%;
  margin: 0 auto 4.5rem;
  }
  #cont04 .worry__recom-list{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  }
  #cont04 .worry__recom-list > li{
  max-width: 347px;
  width: 31%;
  margin: 0 4.5rem 0 0;
  }
  #cont04 .worry__recom-list li ul.worry__txt-list{
  margin: 0 0 2rem;
  }
  #cont04 .worry__recom-list li ul.worry__txt-list li{
  max-width: 100%;
  width: 100%;
  margin: 0 0 .5rem;
  font-size: max(14px,1.6rem);
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 0 0 1em!important;
  position: relative;
  }
  #cont04 .worry__recom-list li ul.worry__txt-list li::before{
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: #346fd3;
  }
  #cont04 .worry__recom-list > li:last-child{
  margin: 0;
  }
  #cont04 .worry__recom-list li div{
  margin: 0 0 3rem;
  position: relative;
  }
  #cont04 .worry__recom-list li div::after{
  content: "";
  width: 30%;
  height: 60%;
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  border-right: 4px dotted #bbb;
  }
  #cont04 .worry__recom-list li:last-child div::after{
  display: none;
  }
  #cont04 .worry__recom-list li h3{
  font-size: max(18px,2.3rem);
  color: #346fd3;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 0 1rem;
  }
  #cont04 .worry__recom-list li h3 span,
  #cont04 .worry__recom-list li h3 em{
  display: inline-block;
  padding: .5rem 1rem;
  margin: 0 .5rem 1rem 0;
  background-color: #346fd3;
  color: #fff;
  font-size: max(12px,1.4rem);
  font-weight: bold;
  line-height: 1.2em;
  }
  #cont04 .worry__recom-list li h3 em{
  background-color: #e26d00;
  border-radius: 100px;
  font-style: normal;
  }
  #cont04 .worry__recom-list li small{
  font-size: max(12px,1.4rem);
  display: block;
  margin: 0 0 1rem;
  line-height: 1.5em;
  min-height: 40px;
  }
  #cont04 .worry__recom-list li p{
  font-weight: bold;
  margin: 0 0 1.5rem;
  line-height: 1.5em;
  }

  #cont04 .worry__icon-list{
  display: flex;
  }
  #cont04 .worry__icon-list li{
  width: 15%;
  margin: 0.5rem;
  }
  #cont04 .worry__icon-list li img{
  margin: 0 0 1rem;
  }
  #cont04 .worry__icon-list li p{
  font-size: max(10px,1rem);
  text-align: center;
  }
  #cont04 .worry__icon-list .worry__off p{
  color: #c4c4c4;
  }
  #cont04 .gray--02 .inner{
  max-width: 1520px;
  }
  @media screen and (min-width:1351px) {
  #cont04 .worry__recom-list li ul.worry__txt-list{
  min-height: 185px;
  }
  }
  @media screen and (max-width:1865px) and (min-width:1351px) {
  #cont04 .worry__icon-list {
  flex-wrap: wrap;
  max-width: 250px;
  }
  #cont04 .worry__icon-list li{
  min-width: 50px;
  }
  #cont04 .worry__recom-list li ul.worry__txt-list{
  min-height: 185px;
  }
  }
  @media screen and (max-width:1350px) and (min-width:751px) {
  #cont04 .worry__recom-list {
  flex-wrap: wrap;
  }
  #cont04 .worry__recom-list > li {
  width: 45%;
  }
  #cont04 .worry__recom-list li:nth-child(2) div::after {
  display: none;
  }
  #cont04 .worry__recom-list li ul.worry__txt-list{
  min-height: 160px;
  }
  }
  @media screen and (max-width:750px) {
  #cont04 .gray--02 {
  padding: 5rem 4%;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  }
  #cont04 .worry__content h2 {
  width: 100%;
  margin: 0 auto 1rem;
  }
  #cont04 .worry__recom-list {
  flex-direction: column;
  }
  #cont04 .worry__recom-list > li {
  width: 100%;
  max-width: 100%;
  width: 100%;
  padding: 5rem 0;
  }
  #cont04 .worry__recom-list > li:last-child {
  padding: 5rem 0 0;
  }
  #cont04 .worry__recom-list li div::after {
  top: -4rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-right: 0;
  border-top: 4px dotted #bbb;
  }
  #cont04 .worry__recom-list li:first-child div::after {
  display: none;
  }
  #cont04 .worry__recom-list li:last-child div::after {
  display: block;
  }
  #cont04 .worry__recom-list li h3{
  font-size: max(18px,3rem);
  text-align: center;
  margin: 0 0 2rem;
  }
  #cont04 .worry__recom-list li h3 span {
  padding: 1rem 1rem .5rem;
  margin: 0 .5rem 1.5rem;
  font-size: max(14px,2rem);
  line-height: 1.2em;
  }
  #cont04 .worry__recom-list > li small {
  font-size: max(14px,1.8rem);
  margin: 0 auto 3rem;
  max-width: 550px;
  }
  #cont04 .worry__recom-list > li p{
  margin: 0 0 2rem;
  }
  }

/*-----------------------------------------------

  banner

-----------------------------------------------*/
  .banner .banner__flex ul li span {
  font-weight: normal;
  }
  #security section.banner {
  padding-top: 0;
  }

/*-----------------------------------------------

  cont05

-----------------------------------------------*/
  #cont05 h2 {
  font-size: max(18px,2.4rem);
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 3rem;
  }
  .biz--list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5rem;
  }
  .biz--list--item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #d7ebff;
  overflow: hidden;
  width: calc((100% - 5rem) / 3);
  position: relative;
  }
  .biz--list--item::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid #346fd3;
    position: absolute;
    bottom: -1rem;
    right: -2rem;
    transform: rotate(-45deg);
    transition: .3s;
    z-index: 1;
  }
  .biz--list--item-ttl {
  width: 100%;
  font-size: max(16px,2.4rem);
  color: #346fd3;
  font-weight: bold;
  line-height: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: min(120px,12vh);
  }
  .biz--list--item span{
    display: block;
    overflow: hidden;
  }
  .biz--list--item span img{
    transition: .3s;
  }
  @media screen and (min-width: 751px) {
    .biz--list--item:hover span img{
      transform: scale(1.03);
    }
  }

  @media screen and (max-width:750px) {
  .biz--list {
  flex-direction: column;
  }
  .biz--list--item {
  width: 100%;
  }
  .biz--list--item-ttl {
  min-height: min(80px,12vh);
  }
  .biz--list--item-img {
  max-width: 100%;
  }
  .biz--list--item::after{
    border-left: 6rem solid transparent;
    border-right: 6rem solid transparent;
    border-top: 6rem solid #346fd3;
    bottom: -2rem;
    right: -5rem;
  }
  }
/*-----------------------------------------------

  point

-----------------------------------------------*/
  #point h2::before {
  display: none;
  }
  #point {
  padding: 8rem 4% 0 ;
  }
  #point h2 {
  font-size: max(24px,4.2rem);
  position: absolute;
  top: -12rem;
  left: 50%;
  padding: 0;
  line-height: 1.5em;
  font-weight: bold;
  transform: translateX(-50%);
  }
  #point h2 img {
  margin: 0 auto;
  }
  #point .gray {
  padding: 7rem 2% 4rem;
  max-width: 1360px;
  margin: 0 auto;
  }
  @media screen and (max-width: 750px) {
  #point ul li h3 {
  margin: 1rem 0;
  }
  #point {
  padding: 8rem 4% ;
  }
  }
/*-----------------------------------------------

  cont06

-----------------------------------------------*/
  #cont06 h2 {
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
  margin: 0 0 4rem;
  }
  .cont06__ttl img {
  max-width: max-content;
  }
  #cont06 h2 small {
  font-size: max(18px,2.4rem);
  line-height: 2em;
  }
  #cont06 h2 b {
  font-size: max(24px,3.6rem);
  }

  #cont06 .voice__content{
  padding: 0;
  /* scrollbar-width: none;
  -ms-overflow-style: none; */
  max-width: 1360px;
  margin: 0 auto;
  }
  /* #cont06 .voice__content::-webkit-scrollbar {
  display: none;
  } */
  #cont06 ul{
  display: flex;
  justify-content: flex-start;
  width: calc(325px * 4 + 6rem);
  /* margin: 0 0 4rem; */
  }
  #cont06 ul li{
  display: inline-block;
  width: 325px;
  margin: 0 2rem 0 0;
  padding-top: 1rem;
  }

  .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  z-index: 1;
  }

  /* .scrollbar {
  width: 100%;
  overflow-x: scroll;
  }

  .scrollbar::-webkit-scrollbar {
  height: 10px;
  width: 50px;
  left: 50%;
  transform: translateX(-50%);
  }

  .scrollbar::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 100px;
  }

  .scrollbar::-webkit-scrollbar-thumb {
  background-color: #346fd3;
  border-radius: 100px;
  } */


  #cont06 ul li .voice__slick-item {
  background-color: #f3f8fd;
  padding:2.5rem 1rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  }
  #cont06 ul li .voice__slick-item  h3{
  z-index: 1;
  position: relative;
  margin: -4rem 0 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  font-size: max(16px,1.8rem);
  line-height: 1.2em;
  }
  #cont06 ul li .voice__slick-item  h3 img{
  max-width: 95px;
  width: 100%;
  margin: 0 1rem 0 0;
  }
  #cont06 ul li .voice__slick-item  h3 span{
  margin: 0 0 1rem;
  display: block;
  font-weight: bold;
  }
  #cont06 ul li .voice__slick-item  p{
  font-size: max(14px,1.4rem);
  background-color: #fff;
  padding: 1rem;
  height: 100%;
  }

  @media screen and (max-width:750px) {
  #cont06 .voice__content {
  padding: 4rem 4%;
  }
  #cont06 ul{
  width: calc(330px * 3);
  }
  #goods .goods__content--03 .goods__slick {
  margin: 0;
  }
  #cont06 ul li {
  margin: 0 2.5rem 0 0;
  width: 330px;
  }
  }
/*-----------------------------------------------

  footer

-----------------------------------------------*/
  #footer .footer__content--04 h2 {
    font-size: max(18px,2.4rem);
    font-weight: bold;
    position: relative;
    padding: 0 0 2rem;
    margin: 0 auto 4rem;
    line-height: 1.5em;
    text-align: center;
    color: #346fd3;
    border-bottom: 1px solid #346fd3;
    max-width: 1140px;
  }
  #footer .footer__content--04 > ul {
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1140px;
  width: 92%;
  }
  #footer .footer__content--04 > ul > li {
  display: flex;
  flex-direction: column;
  width: calc((100% - 4rem) /2);
  }

  #footer .footer__content--04 .js-tab-child > li{
  display: none;
  }
  #footer .footer__content--04 .js-tab-child > li.active{
  display: block;
  }

  #footer .footer__content--04 .question__tab-parent{
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #346fd3;
  }
  #footer .footer__content--04 .question__tab-parent li{
  padding: 2rem 4rem;
  text-align: center;
  font-weight: bold;
  font-size: max(14px,1.6rem);
  cursor: pointer;
  background-color: #f2f2f2;
  color: #333;
  border: 2px solid #346fd3;
  border-width: 2px 2px 0 0;
  background-color: #346fd3;
  color: #fff;
  position: relative;
  line-height: 1.5em;
  }
  #footer .footer__content--04 .question__tab-parent li.active{
  background-color: #fff!important;
  color: #346fd3;
  }
  #footer .footer__content--04 .question__tab-parent li:first-child.active{
  border-width: 2px 2px 0 2px;
  }
  #footer .footer__content--04 .question__tab-parent li:not(:last-child){
  margin: 0 1rem 0 0;
  }
  #footer .footer__content--04 .question__tab-parent li.active{
  background-color: #346fd3;
  }
  #footer .footer__content--04 .question__tab-parent li span{
  display: inline-block;
  }

  #footer .footer__content--04 .question__tab-child {
  padding: 6rem 0 0;
  }
  #footer .footer__content--04 .question__tab-child h3{
  font-size: max(18px,2.4rem);
  font-weight: bold;
  position: relative;
  margin: 0 0 6rem;
  line-height: 1.5em;
  text-align: center;
  color: #346fd3;
  }

  #footer .footer__content--04 ul li {
  border-bottom: 2px solid #fff;
  }
  #footer .footer__content--04 ul li p:first-child{
  cursor: pointer;
  }
  #footer .footer__content--04 ul li p:last-child{
  display: none;
  }
  /* #footer .footer__content--04 ul li:first-child p:last-child{
  display: block;
  } */
  #footer .footer__content--04 ul li p span{
  font-size: max(16px,2rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  }
  #footer .footer__content--04 ul li p:last-child span{
  font-size: max(14px,1.8rem);
  }
  #footer .footer__content--04 ul li p:first-child span{
  background-color: #f2f2f2;
  font-weight: bold;
  }
  #footer .footer__content--04 ul li p span span{
  display: inline-block;
  }
  #footer .footer__content--04 ul li p span span{
  display: flex;
  align-items: center;
  justify-content: center;
  }
  #footer .footer__content--04 ul li p:first-child span span{
  height: 100%;
  background-color: #346fd3;
  }
  #footer .footer__content--04 ul li p:first-child > span{
  position: relative;
  padding: 4rem 10rem 4rem 2rem;
  }
  #footer .footer__content--04 ul li p:first-child > span::before,
  #footer .footer__content--04 ul li p:first-child > span::after{
  content: "";
  width: 18px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  background-color: #fff;
  z-index: 1;
  transition: .3s;
  }
  #footer .footer__content--04 ul li p:first-child > span::after{
  transform: translateY(-50%) rotate(90deg);
  }
  #footer .footer__content--04 ul li p.active > span::before{
  transform: translateY(-50%) rotate(45deg);
  }
  #footer .footer__content--04 ul li p.active > span::after{
  transform: translateY(-50%) rotate(135deg);
  }
  #footer .footer__content--04 ul li p:first-child span span img{
  height: 2.9rem;
  transition: .3s;
  width: auto;
  aspect-ratio: 31/22;
  max-width: 31px;
  }
  #footer .footer__content--04 ul li p:last-child{
  padding: 3rem 0 0;
  }
  #footer .footer__content--04 ul li p:last-child span span{
  padding: 4rem;
  }
  #footer .footer__content--04 ul li p:last-child span span img{
  width: 2.3rem;
  height: 2.5rem;
  }
  #footer .footer__content--04 ul li p:last-child span span {
  border-right: 1px solid #ddd;
  }

  #footer .footer__content--03 {
  padding: 10rem 0 8rem;
  }
  #footer .footer__content--04 ul li p:first-child:hover span span img {
  transform: translateX(25%);
  }
  #footer .footer__content--04 ul li p span span{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 4rem;
  background-color: #346fd3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  }


  
  @media screen and (max-width:750px) {
    #footer .footer__content--04 > ul {
      flex-direction: column;
      gap: 2rem;
    }
    #footer .footer__content--04 > ul li {
      width: 100%;
    }
  }