/**********************************************************************/
/* オーバーライド
/**********************************************************************/

article .bodying{
  padding: 0 0 4em 0;
}
article .bodying{
  padding-bottom: 0;
}

/**********************************************************************/
/* ケースヘッダー
/**********************************************************************/

.case_header{
  padding-block: 2em 1em;
}
.case_header h1,
.case_header h2,
.case_header h3,
.case_header h4,
.case_header h5{
  margin: 0;
}
.case_header .cats{
  padding: 2em 0 0 0;
}
.case_header .cats .terms{
  display: inline-block;
  padding: 0 .5em;
  background-color: #F2F5F9;
  color: #133E87;
  margin-right: .5em;
  margin-bottom: .5em;
}

/**********************************************************************/
/* 目次
/**********************************************************************/

.case_issues{
  background-color: #fff;
  padding-block: clamp(1em, 6vw, 2em) clamp(1em, 4vw, 2em);
  padding-inline: clamp(1em, 6vw, 2.5em);
  border-radius: .5em;
  margin: 3em 0;
}
.case_issues ul{
  margin-top: 2em;
  padding-left: 0;
  text-indent: 0;
}
.case_issues ul li{
  list-style-type: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23cbdceb'/%3E%3Cpath d='M5.6 10.4l3.2 3.2 5.6-5.6' fill='none' stroke='%23133e87' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top .25em;
  background-size: 1.2em auto;
  padding-left: 1.75em;
  margin-bottom: .75em;
}
@media screen and (max-width: 520px){
  .case_issues{
    margin: 2em 0;
  }
  .case_issues .index{
    text-align: center;
  }
  .case_issues ul li{
    border-top: 1px dotted #D4D4D4;
    padding-block: 1em;
    background-position: left top 1.25em;
    margin-bottom: 0;
  }
}

/**********************************************************************/
/* QUESTIONヘッダー
/**********************************************************************/

.question_header{
  padding-block: 4em 3em;
  margin-block: 2em 3em;
  position: relative;
}
.question_header::after{
  width: 8em;
  height: 1px;
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  background-color: #D4D4D4;
}
.question_header h1,
.question_header h2,
.question_header h3,
.question_header h4,
.question_header h5{
  margin: 0;
}
.question_header .numbering .number{
  width: 2.15em;
  margin: .1em auto;
  aspect-ratio: 1 /1;
  background-color: #133E87;
  color: #fff;
}
.question_header .index{
  padding-block: 1em;
}
@media screen and (max-width: 520px){
  .question_header{
    padding-block: 3em 2em;
    margin-block: 1em 2em;
  }
}