.p-support {
background: url("../../images/renewal/support-bg.webp") no-repeat center center / cover;
padding-block-start: calc(147 / 16 * 1rem);
padding-block-end: calc(68 / 16 * 1rem);
@media screen and (max-width: 768px) {
  padding-block-start: 117px;
  padding-block-end: 30px;
}

}

.l-inner {

}

.p-support__header {
background-color: #fff;
position: relative;
border: 10px solid #BB0D25;
border-radius: 20px;
@media screen and (max-width: 768px) {
  inline-size: min(100%, 500px);
  margin-inline: auto;
}
}

.p-support__title {
margin-block-start:0;
margin-block-end:0;
margin-block-start:-87px;
inline-size: min(100%, 486px);
margin-inline: auto;
@media screen and (max-width: 768px) {
  inline-size: min(100%, 350px);
}
img{
  aspect-ratio: 486/147;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

}

.p-support__header-content {

}

.p-support__header-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
  padding-inline:calc(42/ 16 * 1rem);
  padding-block-end: calc(42/ 16 * 1rem);
  padding-block-start:calc(32/ 16 * 1rem) ;
  @media screen and (max-width: 768px) {
    grid-template-columns: 1fr;
    padding-inline:16px;
    padding-block-end: 16px;
    padding-block-start:16px;
    gap: 16px;
  }
  

}
.p-support__header-item{
  @media screen and (max-width: 768px) {
    padding-block-end: 16px;
  }
}
.p-support__header-item:not(:last-child){
  @media screen and (max-width: 768px) {
    border-bottom: 3px solid #D4D4D4;
  }
}
.p-support__header-item:first-child {
  padding-inline-end:calc(20/ 16 * 1rem);
  @media screen and (max-width: 768px) {
    padding-inline-end:0;
  }
}

.p-support__header-item:nth-child(2) {
  padding-inline:calc(20/ 16 * 1rem);
  border-right: 3px solid #D4D4D4;
  border-left: 3px solid #D4D4D4;
  @media screen and (max-width: 768px) {
    border-right: none;
    border-left: none;
    padding-inline:0;
  }
  

}
.p-support__header-item:last-child {
  padding-inline-start:calc(20/ 16 * 1rem);
  @media screen and (max-width: 768px) {
    padding-inline-start:0;
  }
}

.p-support__header-item-title {
inline-size: min(100%, 255px);
img{
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  aspect-ratio: 255/73;
}
}
.p-support__header-item:nth-child(2) .p-support__header-item-title {
inline-size: min(100%, 239px);
img{
  aspect-ratio: 239/73;
}
}
.p-support__header-item:nth-child(3) .p-support__header-item-title {
inline-size: min(100%, 219px);
img{
  aspect-ratio: 219/73;
}
}


.p-support__header-item-text {
font-size: 16px;
font-weight: 900;
line-height: calc(32 / 16);
margin-block-start:16px;
letter-spacing: 0.089em;
@media screen and (max-width: 768px) {
  font-size: 16px;
  margin-block-start:8px;
}
}

.p-support__links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-block-start:40px;
@media screen and (max-width: 768px) {
  grid-template-columns: 1fr;
  gap: 20px;
  margin-block-start:16px;
  
}
}
.p-support__link{
  inline-size: min(100%, 530px);
  img{
    aspect-ratio: 530/200;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    margin-inline: auto;
    inline-size: min(100%, 500px);
  }
}

.p-support__banner{
  max-inline-size:1100px;
  inline-size: 100%;
  display: block;
  margin-block-start:calc(40/ 16 * 1rem);
  margin-inline: auto;
   img{
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    aspect-ratio: 1100/260;
    @media screen and (max-width: 768px) {
      aspect-ratio: 337 / 426;
    }
  }
  @media screen and (max-width: 768px) {
    max-inline-size: 500px;
  }


 
  
}