@charset "utf-8";

.partnerpage .contentheader{background-image: url(../images/partner/partner-bg-01.jpg);}

.partner{

}

.partner .section-inner{
  padding-bottom: 4rlh;
}

.partner-note{
  margin-bottom: .5rem;
  font-size: .875rem;
  text-align: right;
}

.partner-list{
  display: block grid;
  grid-template-columns: fit-content(15rem) fit-content(20rem) minmax(0, 1fr);
  grid-column: 1 / -1;
  border-top: 1px solid rgb(220 220 220 / 1);
}

.partner-list__item{
  display: block grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
    grid-template-areas: 
    "logo name url";
  align-items: center;
  column-gap: 4rem;
  padding-block: 2rlh;
  padding-inline: 1rem;
  border-bottom: 1px solid rgb(220 220 220 / 1);
}

.partner-list__logo{
  grid-area: logo;
}

.partner-list__name{
  grid-area: name;
  font-weight: bold;
}

.partner-list__url{
  grid-area: url;
}

.partner-list__url:hover{
  text-decoration: underline;
}



@media screen and (max-width: 1400px) {}/* max-width: 1400px */

@media screen and (max-width: 1200px) {}/* max-width: 1200px */

@media screen and (max-width: 992px) {

.partner-list{
  grid-template-columns: fit-content(12rem) fit-content(16rem) minmax(0, 1fr);
}

.partner-list__item{
  column-gap: 3rem;
  padding-block: 1.5rlh;
  padding-inline: .75rem;
}

}/* max-width: 992px */

@media screen and (max-width: 768px) {


.partner-list{
  grid-template-columns: fit-content(12rem) minmax(0, 1fr);
}

.partner-list__item{
  grid-template-areas: 
    "logo name"
    "logo url";
  row-gap: .75rem; 
}


}/* max-width: 768px */

@media screen and (max-width: 576px) {

.partner-list{
  grid-template-columns: minmax(0, 1fr);
}

.partner-list__item{
  place-content: center;
  place-items: center;
  grid-template-areas: 
    "logo"
    "name"
    "url";
  row-gap: .75rem; 
}

.partner-list__logo{
  max-width: 15rem;
}

.partner-list__name{
  font-size: 1rem;
}

.partner-list__url{
  font-size: 1rem;
}

}/* max-width: 576px */

@media screen and (max-width: 476px) {}/* max-width: 476px */