@charset "UTF-8";

.m-align--center {
  text-align: center !important;
}

/* heading */
.answer-content h1,
.answer-content h2,
.answer-content h3,
.answer-content h4,
.answer-content h5,
.answer-content h6 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  overflow: hidden;
}
h2.section-title {
  margin: 0 auto 30px;
}
h3.section-title {
  font-size: 22px;
  padding: 45px 4% 20px;
  background-color: transparent;
}
h3.section-title.section-title--icon {
  display: table;
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 0;
  margin: 45px 0 20px;
}
h3.section-title.section-title--icon >span {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 4.5866%;
}
h3.section-title.section-title--icon >span:first-child {
  width: 75%;
}
h3.section-title.section-title--icon img {
  max-height: 100px;
}
h4.section-title {
  font-size: 18px;
  padding: 15px 4% 15px;
  background-color: transparent;
}
h5.section-title {
  font-size: 16px;
  padding: 10px 4% 10px;
  background-color: transparent;
}
.answer h3.section-title,
.answer h4.section-title,
.answer h5.section-title {
  padding-left: 0;
  padding-right: 0;
}
.answer {
  overflow: hidden;
  margin: 0;
  padding: 0 4% 60px;
}
.answer-content {
  margin: 0;
  position: relative;
}
.answer-content img {
  display: block;
  max-width: 100%;
}
.answer-content img.mw70 {
  max-width: 70%;
}
.answer-content img.mw80 {
  max-width: 80%;
}
.answer-content img.mw90 {
  max-width: 90%;
}
.answer-content p {
  margin: 0;
  padding: 0 0 15px;
}
.answer-content a {
  text-decoration: underline;
}
.answer-content {
  margin: 0;
}
.answer-decimal {
  margin: 0;
  padding: 0 0 5px 1.5em;
  list-style: initial;
}
.answer-list {
  margin: 0;
  padding: 0 0 5px 1.5em;
  list-style: initial;
}
.answer-decimal li {
  padding-bottom: 10px;
  list-style: initial;
}
.answer-list li {
  padding-bottom: 10px;
  list-style: initial;
}
ol.answer-decimal li {
  list-style: decimal;
}
span.answer-annotation {
  display: inline-block;
  color: #7d7d7d;
  font-size: 13px;
  padding-bottom: 10px;
}
span.answer-annotation:before {
  content: "※";
}
p.answer-annotation {
  color: #7d7d7d;
  font-size: 13px;
  padding-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}
ul.answer-annotation {
  margin: 0;
}
ul.answer-annotation li {
  color: #7d7d7d;
  font-size: 13px;
  padding-bottom: 7px;
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}
ul.answer-annotation li:last-child {
  padding-bottom: 10px;
}
ul.answer-annotation li:before,
p.answer-annotation:before {
  content: "※";
}
.answer-list--normal {
  margin: 0;
  padding:  0 0 5px 0;
}
.answer-list--normal li {
  list-style: none;
  font-size: 16px;
  padding-bottom: 10px;
}

span.answer-image,
div.answer-image,
p.answer-image {
  padding-top: 10px;
}
span.answer-image {
  display: inline-block;
}
.answer-inline--list {
  padding: 0 0 15px;
  margin: 0;
  overflow: hidden;
}
.answer-inline--list li {
  float: left;
}
.answer-inline--list li:after {
  content: "｜";
  margin: 0 5px;
}
.answer-inline--list li:last-child:after {
  content: "";
  margin: 0;
}
div.answer-box {
  padding: 15px 24px;
  margin: 10px 0 15px;
  background-color: #f4f4f4;
}
.answer-3col,
.answer-2col {
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 10px 0 5px;
}
.answer-2col .answer-col {
  width: 50%;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}
.answer-3col .answer-col {
  width: 33.3333%;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}
.answer-2col .answer-col:last-child {
  float: right;
}
.answer-3col .answer-col:before,
.answer-2col .answer-col:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -1px;
  top: 0;
}
.answer-3col .answer-col p,
.answer-2col .answer-col p {
  padding: 0 4% 10px;
}
.answer-3col .answer-col h3,
.answer-3col .answer-col h4,
.answer-3col .answer-col h5,
.answer-2col .answer-col h3,
.answer-2col .answer-col h4,
.answer-2col .answer-col h5 {
  font-size: 16px;
  margin: 0;
  padding: 0 0 10px;
}
.answer-3col .answer-col p.answer-image,
.answer-2col .answer-col p.answer-image {
  padding: 0 0 10px;
}
.answer-ipt {
  overflow: hidden;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 10px 0 15px;
  position: relative;
}
.answer-ipt .ipt-image {
  display: table-cell;
  vertical-align: top;
  width: 190px;
}
.answer-ipt .ipt-image p {
  padding: 0;
}
.answer-ipt .ipt-image img {
  display: block;
}
.answer-ipt .ipt-text {
  display: table-cell;
  vertical-align: top;
  padding-left: 4.5866%;
}
.answer-ipt .ipt-text p,
.answer-ipt .ipt-text h3,
.answer-ipt .ipt-text h4,
.answer-ipt .ipt-text h5,
.answer-ipt .ipt-text h6 {
  padding-bottom: 10px;
  margin: 0;
}
.answer-ipt .ipt-text :last-child {
  padding-bottom: 0;
}
div.answer-hr--line {
  margin: 0;
  padding: 15px 4%;
}
div.answer-hr--line hr {
  display: block;
  height: 1px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #dadada;
}
.answer-button {
  text-align: center;
  padding: 10px 0;
}
.answer-button >a,
.answer-button >p {
  display: inline-block;
  margin: 0 auto;
  padding: 15px;
  background-color: #000;
  color: #fff;
  fonto-size: 20px;
  line-height: 1.3;
  width: 350px;
  text-decoration: none;
}
.answer-content .accordion-panel {
  padding: 10px 0 0px;
  font-size: 16px;
  border: none;
}
.answer-content .accordion-panel >li {
  border-top: 1px solid #dadada;
}
.answer-content .accordion-panel >li .accordion-contents {
  padding: 15px 0;
}

.answer-content .accordion-panel >li:last-child {
  border-bottom: 1px solid #dadada;
}
.answer-content .accordion-panel >li .accordion-title {
  padding: 20px 36px 20px 0 !important;
  font-size: 18px;
}
.answer-content .accordion-panel >li .accordion-title:after {
  margin-top: -10px;
}
.answer-content .accordion-panel >li .answer-ipt .ipt-text {
  font-size: 16px;
}

.answer-table {
  position: relative;
  width: 100%;
  padding: 10px 0 15px;
}
.answer-table table {
  width: 100%;
  border-collapse: collapse;
}
.answer-table table tr:first-child th {
  border-top-color: #dadada;
}
.answer-table table tr:first-child td {
  border-top-color: #fff;
}
.answer-table table tr th:first-child {
  border-left-color: #dadada;
}
.answer-table table th.answer-table--borderTHead,
.answer-table table td.answer-table--borderTHead {
  border-top-color: #dadada !important;
}
.answer-table table th.answer-table--borderBHead,
.answer-table table td.answer-table--borderBHead {
  border-bottom-color: #dadada !important;
}
.answer-table table th.answer-table--borderLHead,
.answer-table table td.answer-table--borderLHead {
  border-left-color: #dadada !important;
}
.answer-table table th.answer-table--borderRHead,
.answer-table table td.answer-table--borderRHead {
  border-right-color: #dadada !important;
}
.answer-table table th.answer-table--last,
.answer-table table td.answer-table--last {
  border-color: #dadada #dadada #fff #fff !important;
}
.answer-table table th {
  padding: 7px;
  vertical-align: middle;
  background-color: #dadada;
  font-size: 10px;
  line-height: 1.3;
  border: 1px solid #fff;
}
.answer-table table td {
  padding: 7px;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.3;
  border: 1px solid #dadada;
}
.answer-table table .col-fill {
  background-color: #378694;
  color: #378694;
}
@media screen and (max-width: 768px) {
  .answer-content h1,
  .answer-content h2,
  .answer-content h3,
  .answer-content h4,
  .answer-content h5,
  .answer-content h6 {
    font-size: 13px;
  }
  h2.section-title {
    font-size: 18px;
    margin: 0 auto 30px;
  }
  h3.section-title {
    font-size: 16px;
    box-shadow: initial;
    padding: 30px 4% 15px;
  }
  h3.section-title.section-title--icon {
    margin: 30px 0 15px;
  }
  h4.section-title {
    font-size: 14px;
    box-shadow: initial;
    padding: 10px 4% 10px;
  }
  h5.section-title {
    font-size: 13px;
    box-shadow: initial;
    padding: 10px 4% 10px;
  }
  .answer {
    padding: 0 4% 40px;
  }
  span.answer-annotation,
  p.answer-annotation,
  ul.answer-annotation li {
    font-size: 11px;
  }
  .answer-2col .answer-col h3,
  .answer-2col .answer-col h4,
  .answer-2col .answer-col h5 {
    font-size: 13px;
  }
  .answer-list--normal li {
    font-size: 13px;
  }
  .answer-ipt {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
  }
  .answer-ipt .ipt-image {
    display: block;
    max-width: 34.4703%;
  }
  .answer-ipt .ipt-text {
    display: block;
    width: 100%;
  }
  .answer-button >a,
  .answer-button >p {
    width: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .answer-content .accordion-panel {
    font-size: 13px;
  }
  .answer-content .accordion-panel >li .accordion-title {
    font-size: 13px;
  }
  .answer-content .accordion-panel >li .answer-ipt .ipt-text {
    font-size: 13px;
  }
  .answer-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .answer-table::-webkit-scrollbar {
    height: 3px;
  }
  .answer-table::-webkit-scrollbar-track {
    background-color: #F1F1F1;
    border-radius: 4px;
  }
  .answer-table::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .answer-content img.mw70 {
    max-width: 100%;
  }
  .answer-content img.mw80 {
    max-width: 100%;
  }
  .answer-content img.mw90 {
    max-width: 100%;
  }
}