@charset "UTF-8";
section.partner{
  font-size:1.6em;
  line-height: 1.8;
  box-sizing: border-box;
}
section.partner h3{
  text-align: center;
  display: block;
  padding-bottom: 1em !important;
}
section.partner h3.faq{
  text-align: left;
  display: block;
    padding: 1em 0 0.5em 0;
      font-size:2.0rem;
  font-weight:bold;
  color:#4E84C3;
  line-height:1.6em;
}

section.partner p.ans{
    padding-left: 2.0em;
    text-indent: -1.5em;
  box-sizing: border-box;
  padding-right:2.0em;
  border-bottom:1px dotted #4E84C3;
  padding-bottom:1em;
  margin-bottom:2em;

}
section.partner p.ans::before{
  content: 'A';
font-weight:bold;
  color:#4E84C3;
  line-height:1.6em;
  font-size:2.0rem;
  padding-right: 0.5em;
}

section.partner h4{
    display: block;
    padding: 2em 0 0.5em 0;
      font-size:2.0rem;
  font-weight:bold;
  color:#4E84C3;
  line-height:1.6em;
}
section.partner h4.mdm {
  background-color: #4E84C3;
  padding: 0.25em 1em;
  border-radius: 24px;
  color: #ffffff;
  display: inline-block;
  margin-top:2em;
  margin-bottom:0.5em;
}
section.partner h5{
  color: #4E84C3;
  border-bottom: 1px solid #4E84C3;
  display: block;
  margin-bottom: 0.5em;
}
section.partner ul.decimal{
  list-style: decimal inside;
  
}
section.partner li{
padding-left: 1.2em;
text-indent: -1.2em;
}
section.partner ul.disc{
  list-style: disc inside;
}

section.partner .card-box {
display: flex;
gap: 30px 0px;
flex-wrap: wrap;
justify-content: space-between;
margin-top:1em;
}
section.partner .card-box .card {
display: block;
width: calc((100% / 3) - 10px);
border: 1px solid #cccccc;
border-radius: 8px;
padding:1em;
background-color: aliceblue;
box-sizing: border-box;
}
section.partner .card-box-2 {
display: flex;
gap: 30px 0px;
flex-wrap: wrap;
justify-content: space-between;
margin-top:1em;

}
section.partner .card-box-2 .card {
display: block;
width: calc((100% / 4) - 10px);
border: 1px solid #cccccc;
border-radius: 8px;
padding:1em;
background-color: aliceblue;
box-sizing: border-box;
}
section.partner .card-box-2 .card:last-child {
  background-color: #4E84C3;
  color: #ffffff;
}
section.partner .card-box-2 .card span{
  font-size:2.0em;
  font-weight: bold;

}
section.partner .card-box-2 .card span::after{content: ' ▶';}

section.partner .card-box-2 .card:last-of-type span::after {
    content: none;
}
section.partner .card-box-2 .card:last-child span,
section.partner .card-box-2 .card:last-child h5{
  color: yellow;
}

section.partner .card-box-2 .card h5 {
  border-bottom:none;
}
section.partner .card-box-2 .card a:link{
  display: block;
  background-color: #4E84C3;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 24px;
  padding: 0.5em;
  box-sizing: border-box;
  text-align: center;
  margin-top: 1em;
}
section.partner .card-box-2 .card a:visited{
  color: #ffffff;

}
section.partner .entry-link {
  text-align: center;
}
section.partner .entry-link a:link {
display: inline-block;
  background-color: #4E84C3;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 36px;
  padding: 0.5em 2em;
  box-sizing: border-box;
  text-align: center;
  margin:1em auto;
  font-size: 1.2em;
}

@media screen and (max-width: 767px) {
  section.partner .card-box .card,
  section.partner .card-box-2 .card {

width:100%;

}
section.partner .card-box-2 .card span::after{content: ' ▼';}
}