@charset "UTF-8";

/* ttl-qa-01
---------------------------------------------------------- */
.ttl-qa-01{ color: #a22041; }
.ttl-qa-01::before{
  color: #a22041;
  font-family: "FontAwesome";
  content: "\f059";
  margin-right: 5px;
}
/* ttl-qa-02
---------------------------------------------------------- */
.ttl-qa-02{
  font-size: 2rem;
  color: #31567e;
}
.ttl-qa-02::before{
  font-size: 2rem;
  color: #31567e;
  font-family: "FontAwesome";
  content: "\f06a";
  margin-right: 5px;
}
/* box-category-cmn
---------------------------------------------------------- */
.box-category-cmn{ margin: 11px 0 18px; }
/* box-content-cmn-01
---------------------------------------------------------- */
.box-content-cmn-01{ padding-top: 20px; }
.box-content-cmn-01 .ttl-cmn-04{ padding-bottom: 2px; }
@media screen and (max-width: 767px){
  .box-content-cmn-01 .ttl-cmn-04{ padding-bottom: 6px; }
}
/* box-question-01
---------------------------------------------------------- */
.box-question-01{
  padding: 15px 15px;
  line-height: 1.7;
  background: #fbeff2;
  border-radius: 5px;
  margin-bottom: 26px;
}
@media screen and (max-width: 767px){
  .box-question-01{padding: 15px 15px 9px; }
}
/* box-answer-01
---------------------------------------------------------- */
.box-answer-01{
  padding: 15px 15px;
  line-height: 1.7;
  background: #e2e9f1;
  border-radius: 5px;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px){
  .box-answer-01{
    padding: 15px 8px;
    margin-bottom: 41px;
  }
}
.box-answer-01 p:not(:last-of-type){ padding-bottom: 3rem; }
@media screen and (max-width: 767px){
  .box-answer-01 p:not(:last-of-type){ padding-bottom: 2.4rem; }
}
/* box-ref-01
---------------------------------------------------------- */
.box-ref-01{ margin-bottom: 40px; }
@media screen and (max-width: 767px){
  .box-ref-01{ margin-bottom: 25px; }
}
.box-ref-01 .box-ref-detail{
  padding: 10px 0 0;
  line-height: 1.75;
}
@media screen and (max-width: 767px){
  .box-ref-01 .box-ref-detail{
    padding: 0 8px 24px;
    line-height: 1.7;
    margin-top: -2px;
    border-bottom: 1px dashed #bbbbbb;
  }
}
/* box-author-detail-01
---------------------------------------------------------- */
.box-author-detail-01{ margin: 14px 0 40px; }
@media screen and (max-width: 767px){
  .box-author-detail-01{
    margin: 2px 0 26px;
    padding: 0 10px 27px;
    border-bottom: 1px dashed #bbbbbb;
  }
}
.box-author-detail-01 .inner{
  width: 815px;
  float: left;
  line-height: 1.45;
}
@media screen and (max-width: 767px){
  .box-author-detail-01 .inner{ width: 100%; }
}
.box-author-detail-01 .image{
  width: 155px;
  margin-right: 10px;
  float: left;
}
.box-author-detail-01 .image img{ width: 100%; }
@media screen and (max-width: 767px){
  .box-author-detail-01 .image{
    width: 104px;
    margin: 0 auto 17px;
    float: none;
  }
}
.box-author-detail-01::after{
  content: '';
  width: 100%;
  display: table;
}
.box-author-detail-01 .title{ line-height: 1; font-weight: bold; font-size: 1.8rem; }
.box-author-detail-01 .box-profile-01{
  margin-top: 6px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px){
  .box-author-detail-01 .box-profile-01{ line-height: 1.7; }
}
/* list-relate-article
---------------------------------------------------------- */
.list-relate-article{ padding: 10px 0 0; }
@media screen and (max-width: 767px){
  .list-relate-article{ padding: 0 25px; }
}
@media screen and (max-width: 767px){
  .list-relate-article .item{ text-indent: -1em; }
  .list-relate-article .item:not(:last-of-type){ padding-bottom: 10px; }
}
.list-relate-article .item::before{
  font-family: "FontAwesome";
  content: "\f10c";
  color: #31567e;
  padding-right: 5px;
}
/* sec-cmn-03
---------------------------------------------------------- */
@media screen and (max-width: 767px){
  .sec-cmn-03 .ttl-cmn-01{ margin: 20px 0; }
}
/* nav-pagination-cmn
---------------------------------------------------------- */
.nav-pagination-cmn { margin: 103px auto 44px; }

.box-cmn-sns {
  float: right;
}

@media screen and (max-width: 767px){
  .box-header-detail-cmn .date {
    padding: 2px 10px 0 0;
  }
  .box-header-detail-cmn .list-sns-cmn-01 .item:first-of-type{
    margin-right: 0;
  }
}
@media screen and (max-width: 767px){
  .box-card-cmn-01 div.item{
    padding: 28px 7px 12px;
  }
  .nav-pagination-cmn .page-numbers.prev::before{
    font-size: 1.3rem;
  }
  .nav-pagination-cmn .page-numbers.next::after{
    font-size: 1.3rem;
  }
}.box-header-detail-cmn .author
.box-card-cmn-01 .box-card-ft-cmn-01::after{
  content: '';
  display: table;
  width: 100%;
}
.list-header-detail .item.tag .link:not(:last-of-type) {
  padding-right: 10px;
}
.box-header-detail-cmn .author:not(:last-of-type){ padding-right: 10px; }