.faq_article .contents {
  margin-top: 60px;
  width: 100%;
}

.back_to_faq_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-self: center;
  align-items: center;
  position: relative;
  padding-top: 4%;
}

.back_to_faq {
  width: 80%;
}

.back_to_faq a {
  color: #007ED4;
}

.back_btn {
  display: inline-block;
  width: 100%;
}

.back_to_faq .btn_inner {
  display: flex;
  height: 20px;
  line-height: 1;
}

.btn_icon {
  margin-right: 12px;
  margin-left: -20px;
  width: 29px;
  height: 20px;
}

.mg-3 {
  margin-left: 30px;
}

.underline {
  text-decoration: underline;
}

p.italic {
  font-style: italic;
}

.bg_white {
  background: #fff !important;
}

/*******article*******/
.article_wrap p {
  line-height: 1.7;
  color: #30302F;
  text-align: justify;
  padding: 10px 0;
}

.article_wrap strong {
  color: #666;
}

.article_wrap li::marker {
  color: #666;
}

.article_wrap li {
  line-height: 1.7;
  color: #30302F;
  text-align: justify;
  margin-left: 20px;
  padding: 10px 0;
}

.article_wrap img {
  margin-left: 30px;
  margin-bottom: 12px;
  width: auto;
  max-width: 1024px;
}

.article_wrap li img {
  margin-left: 0px;
  margin-top: 10px;
}

img.border {
  border: 1px solid #E7E7E7;
}

.article_wrap img.icon {
  margin: 0;
  border: 0px;
}

.article_wrap a {
  color: #007ED4;
}

.article_wrap a:hover {
  text-decoration: underline;
}

.article_wrap .note {
  background: #F8F8F8;
  padding: 10px 20px;
  margin: 10px 0;
}

.article_wrap .note .note_highlight {
  color: #007ED4;
  font-weight: 400;
}

.article_wrap .note .note_title {
  font-size: 18px;
  font-weight: 500;
}

.article_wrap {
  padding-top: 4%;
}

.article_header_wrap,
.main_content_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-self: center;
  align-items: center;
  flex-direction: column;
}

.main_content_wrap {
  margin-bottom: 4%;
}

.summary_wrap,
.related_topics_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #F8F8F8;
  padding: 24px 0;
  line-height: 1.7;
}

.related_topics_wrap {
  margin-top: 24px;
}

.article_header,
.summary,
.main_content,
.related_topics {
  width: 80%;
  color: #30302F;
}

.f35 {
  font-weight: 400;
}

.apply {
  color: #666;
  margin-bottom: 24px;
  margin-top: 4px;
}

.summary {
  color: #666;
}

.summary li {
  margin-left: 20px;
  padding: 0;
}

.summary li a {
  color: #666;
}

.summary li a:hover {
  color: #2d4e76;
  text-decoration: none;
}

.subtitle {
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 24px;
}

.subtitle_method {
  font-size: 1.2em;
  font-weight: 300;
}

.step {
  margin-left: 30px;
  margin-top: 8px;
}

.step_title {
  margin-right: 4px;
  font-size: 17px;
  font-weight: 700;
  color: #666;
  position: relative;
}

.step_title::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #666;
  position: absolute;
  left: -10px;
  top: 0;
}

.step_ul li ul,
.step_ul li ol {
  margin-top: 10px;
}

.related_topics a {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 12px;
}

.related_topics :nth-child(2) {
  margin-top: 12px;
}

.related_topics :last-child {
  margin-bottom: 24px;
}

.no_answer {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.f30 {
  font-size: 1.3em;
  line-height: 1.7;
}

.article_footer {
  margin: 0;
  width: 100%;
  height: auto;
  padding-bottom: 4%;
  padding-top: 4%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}

.link_wrap {
  display: flex;
  flex-direction: row;
}

.link {
  color: #007ED4;
  padding: 20px;
  align-self: flex-end;
  font-weight: 300;
  font-size: 16px;
  font-family: inherit;
}

.link:hover {
  text-decoration: underline;
}

ol.rounded_number {
  list-style-type: none;
}

.rounded_number li {
  position: relative;
  counter-increment: step-counter;
}

.rounded_number li::before {
  content: counter(step-counter);
  display: block;
  position: absolute;
  top: 14px;
  /* Adjust < -number | number+ > */
  left: -23px;
  width: 1rem;
  height: 1rem;
  line-height: 1.1rem;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #666;
  color: #666;
}

div.rounded_number {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  line-height: 1.1rem;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #666;
  color: #666;
}

p.quote {
  font-style: italic;
  text-align: center;
  width: 80%;
  margin: 0 10%;
  font-family: 'Poppins';
  font-weight: 400;
  color: #666;
}

/****************表格*****************/
.sheet {
  display: grid;
  grid-template-columns: 1fr 3fr;
  max-width: 1024px;
  margin-top: 20px;
  line-height: 1.7;
  border: 1px solid #999;
  border-bottom: none;
}

.sheet.g1_3 {
  grid-template-columns: 1fr 4fr;
}

.title_sheet {
  padding: 10px;
  background: #E7E7E7;
  border-bottom: 1px solid #999;
  font-weight: 400;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 1;
  text-align: center;
}

.subtitle_sheet {
  padding: 10px;
  background: #EEEEEE;
  border-bottom: 1px solid #999;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content_sheet {
  padding: 10px 20px;
  background: #F8F8F8;
  border-bottom: 1px solid #999;
}

.content_sheet {
  text-align: left;
}

.content_sheet.center {
  text-align: center;
}

.sheet.three_columns {
  grid-template-columns: 1fr 2fr 2fr;
  margin-bottom: 20px;
}

.sheet.three_columns.g1_1_1 {
  grid-template-columns: 1fr 1fr 1fr;
}

.sheet.three_columns.g1_2_1 {
  grid-template-columns: 1fr 2fr 1fr;
}

.sheet.three_columns.m-two_columns {
  grid-template-columns: 1fr 2fr 2fr;
}

.sheet.three_columns .content_sheet p {
  text-align: center;
}

/* 0913以下更新 */
.sheet.four_columns {
  grid-template-columns: 1fr 2fr 2fr 2fr;
  margin-bottom: 20px;
}

.sheet.four_columns.g1_1_1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sheet.four_columns.g1_2_1 {
  grid-template-columns: 1fr 2fr 1fr 1fr;
}

.sheet.four_columns.m-two_columns {
  grid-template-columns: 1fr 2fr 2fr 2fr;
}

.sheet.four_columns .content_sheet p {
  text-align: center;
}

/* 0913以上更新 */
.title_sheet.slash {
  background-image: linear-gradient(to top right,
      #EEEEEE 49.5%,
      #999,
      #E7E7E7 50.5%);
  border-right: 1px solid #999;
}

.left_title {
  position: absolute;
  bottom: 10%;
  left: 5%;
}

.right_title {
  position: absolute;
  top: 10%;
  right: 5%;
}

.g-2 {
  grid-column-start: 2;
  grid-column-end: 4;
}

/* 0913以下新增 */
.g-3 {
  grid-column-start: 2;
  grid-column-end: 5;
}

/* 0913以上新增 */

.grid_item {
  grid-area: item;
}

.grid_value {
  grid-area: value;
}

.grid_title_d {
  grid-area: title_d;
}

.grid_status {
  grid-area: status;
  grid-row-start: 2;
  grid-row-end: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #999;
}

.grid_ok {
  grid-area: ok;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid_descrip_1 {
  grid-area: descrip_1;
}

.grid_f {
  grid-area: f;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid_descrip_2 {
  grid-area: descrip_2;
}

.sheet_status {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "item value title_d title_d title_d"
    "status ok descrip_1 descrip_1 descrip_1"
    "status f descrip_2 descrip_2 descrip_2";
  max-width: 1004px;
  margin-top: 20px;
  border: 1px solid #999;
  border-bottom: none;
}

.flex_sheet {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

.sheet_wrap {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  padding: 0 10px;
}

.sheet_wrap.gray {
  background: #F8F8F8;
}

.sheet_wrap .icon {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sheet_wrap .icon img {
  width: 25px;
}

.sheet_wrap .sheet_content {
  width: 85%;
}

.pc_only {
  display: flex;
}

.mobile_only {
  display: none;
}

.big_q {
  font-size: 35px;
  font-weight: 400;
  color: #007ED4;
  position: absolute;
  left: -30px;
  top: -8px;
}


@media only screen and (max-width: 1500px) {
  .article_wrap img {
    max-width: 80%;
  }
}

@media only screen and (max-width: 1024px) {
  .subtitle {
    font-size: 1.3em;
  }

  .article_wrap p {
    text-align: left;
  }

  .article_wrap li {
    text-align: left;
  }

  .title_sheet {
    font-size: 16px;
  }

  .subtitle_sheet {
    font-size: 15px;
  }

  .content_sheet {
    font-size: 14px;
  }

}

@media only screen and (max-width: 768px) {
  .faq_article .contents {
    margin-top: 173px;
  }

  .back_to_faq_wrap {
    padding-top: 10%;
  }

  .back_to_faq {
    width: 90%;
  }

  .btn_icon {
    margin-right: 12px;
    margin-left: 0px;
  }

  .btn_inner {
    line-height: 1.5;
  }

  .article_header,
  .summary,
  .main_content,
  .related_topics {
    width: 90%;
  }

  .subtitle {
    font-size: 20px;
  }

  .article_wrap img {
    width: calc(100% - 10px);
    margin-left: 10px;
  }

  .article_wrap li img {
    width: 100%;
    margin-left: 0;
  }

  .step {
    margin-left: 10px;
  }

  .step_content {
    margin-left: 10px;
  }

  .step_ul {
    margin-left: 10px;
  }

  .out_wrap {
    padding-bottom: 10%;
    padding-top: 10%;
  }

  .sheet {
    grid-template-columns: 1fr;
  }

  .sheet.g1_3 {
    grid-template-columns: 1fr;
  }

  .big_q {
    position: relative;
    font-size: 30px;
    left: 0;
    top: 0;
    margin-right: 8px;
  }

  .sheet.three_columns.m-two_columns {
    grid-template-columns: 1fr 1fr;
  }

  /* 0913以下新增 */
  .sheet.four_columns.m-two_columns {
    grid-template-columns: 1fr 1fr 1fr;
  }

  /* 0913以上新增 */

  .pc_only {
    display: none;
  }

  .mobile_only {
    display: block;
  }

  .m-two_columns .content_sheet .subtitle_sheet.mobile_only {
    background: #F8F8F8;
    border: none;
    text-align: left;
  }

  .g-2 {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .g-3 {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}

@media only screen and (max-width: 450px) {
  .title_sheet {
    font-size: 15px;
  }

  .subtitle_sheet {
    font-size: 15px;
  }

  .s-padding .title_sheet {
    padding: 5px;
  }

  .s-padding .content_sheet {
    padding: 5px;
    font-size: 12px;
    word-wrap: break-word;
  }

  /* 0913以下新增 */
  .sheet {
    margin-left: 0;
  }

  .content_sheet {
    padding: 10px 10px;
  }

  /* 0913以上新增 */
}

@media only screen and (max-width: 375px) {
  .title_sheet {
    font-size: 15px;
  }

  .subtitle_sheet {
    font-size: 15px;
  }

  .content_sheet {
    padding: 5px 2px;
  }
}