@charset "UTF-8";
/** article **/
.article_section {
  padding-top: 40px;
  /* padding-bottom: 40px; */
  position: relative;
}

.article_section h2 {
  color: #3BAA7D;
  text-align: center;
  padding-top: 80px;  /* アンカー用スペース */
}


.feature_body {
  background-color: white;
  overflow: hidden; /* 高さを出す */
}


/** patent **/
#patent_section {
  /* margin-top: 80px; */
  position: relative;
  color: #FFFFFF;
}

.patent_wrapper {
  padding: 0px 20px 80px 20px;
  border-radius: 10px;
  background-color: white;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.patentv_wrapper {
  padding-top: 40px;
}

.patent_wrapper > .content3 {
  width: calc(33% - 20px);
  font-size: 16px;    /* 基準のフォントサイズ */
  min-height: 28em;
}

.patent_wrapper > .content2 {
  width: calc(50% - 20px);
  font-size: 16px;    /* 基準のフォントサイズ */
  min-height: 16em;
}

/* PCの時のみ画像の周り込み設定する */
.content2 > img {
  float: left;
  margin: 0px 8px;
  margin-bottom: 20px;
  width: 40%;
}
.content2 > .patent_body {
  padding-top: 0px;
}

.patent_wrapper > div div.patent_title,
.patentv_wrapper > div div.patent_title {
  padding: 8px;
  font-size: 17px;
  font-weight: bold;
  color: #444;
  height: calc(1.2em * 3);

  /* 中央寄せ */
  /* text-align: center; */
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.patent_wrapper > div p {
  font-size: 14px;
}

.patentv_wrapper > div div.patent_title {
  /* 左寄せ */
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}

.patent_wrapper > .patent_panel,
.patentv_wrapper > .patent_panel {
  background-color: white;
}

.patent_body {
  padding: 1em 8px;
  color: black;
}

/* FAQ */
.faq_menu {
  width: 240px;
  /* background-color: #50B483; */
  background-color: #3BAA7D;
  color: white;
  padding: 10px;
  border-radius: 8px;
  margin: 18px 10px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
}

.faq_wraper {
  width: 100%;
  margin-top: -40px;  /* アンカー用スペースの分、上にあげる */
}

.faq_item {
  font-size: 16px;
}

.faq_question {
  padding: 10px 8px;
  border-bottom: solid 1px #CCCCCC;
}

.faq_answer {
  padding: 10px 48px;
  background-color: #E1EFE7;
  display: none;
}

.faq_answer a {
  color: #2E75B6;
  text-decoration: underline;
}

.faq_q_label {
  display: inline-block;
  width: 4%;
  vertical-align: top;
}

.faq_q_content {
  display: inline-block;
  width: 96%;
  vertical-align: top;
}

.faq_a_label {
  display: inline-block;
  width: 4%;
  vertical-align: top;
}

.faq_a_content {
  display: inline-block;
  width: 96%;
  vertical-align: top;
}