@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ===================================================================
CSS information
 file name  :guide.css
 style info :ガイド系ページのスタイル
=================================================================== */
.contentArea {
  color: #000;
  font-weight: bold;
  background: url(../img/topics/bg_content.jpg) repeat 0 0;
}
@media screen and (min-width: 768px) {
  .contentArea {
    font-size: clamp(16px, 1.7vw, 18px);
    padding: 140px 0 60px;
    margin-top: -82px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea {
    font-size: 0.9vw;
    padding: 6vw 0 3vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .contentArea {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contentArea {
    padding: 32vw 0 18vw;
  }
}
.contentArea h1 {
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  .contentArea h1 {
    width: min(90%, 1200px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea h1 {
    width: 60%;
  }
}
.contentArea h1:before, .contentArea h1:after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 768px) {
  .contentArea h1:before, .contentArea h1:after {
    height: 14px;
    background-size: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea h1:before, .contentArea h1:after {
    height: 2.6vw;
    background-size: auto 100%;
  }
}
.contentArea h1:before {
  background-image: url(../img/shared/bg_tit_top.png);
  top: 0.2em;
}
.contentArea h1:after {
  background-image: url(../img/shared/bg_tit_bottom.png);
  bottom: 0.2em;
}
.contentArea h1 .in {
  text-shadow: 0.05em 0.05em #000;
  background-image: url(../img/shared/bg_tit_pat.png), url(../img/shared/bg_tit_pat.png), -webkit-gradient(linear, left top, right top, from(#2f3c65), color-stop(50%, #0f59aa), to(#2f3c65));
  background-image: url(../img/shared/bg_tit_pat.png), url(../img/shared/bg_tit_pat.png), linear-gradient(90deg, #2f3c65 0%, #0f59aa 50%, #2f3c65 100%);
  background-repeat: no-repeat;
  background-position: center left -3%, center right -3%, 0 0;
  padding: 0.8em 1em;
}
@media screen and (min-width: 768px) {
  .contentArea h1 .in {
    background-size: 14em auto, 14em auto, auto;
    border: solid 1px #67ddff;
    margin: 0 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .contentArea h1 .in {
    background-size: 8em auto, 8em auto, auto;
  }
}
.contentArea h1 .in span {
  color: #fff;
  font-weight: 900;
  display: block;
}
@media screen and (min-width: 768px) {
  .contentArea h1 .in span {
    font-size: clamp(18px, 1.6vw, 22px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea h1 .in span {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea h1 .in span {
    font-size: 3vw;
  }
}
.contentArea h1 .in em {
  color: #ffd625;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .contentArea h1 .in em {
    font-size: clamp(28px, 3.4vw, 40px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea h1 .in em {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea h1 .in em {
    font-size: 6vw;
  }
}
.contentArea .inner {
  background: url(../img/topics/bg_white-line.png) repeat 0 0;
  margin: 0 auto 3.4em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner {
    border-radius: 10px;
    width: min(90%, 1200px);
    padding: min(6vw, 80px) min(6vw, 120px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner {
    width: 60%;
    padding: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner {
    padding: 6vw 3vw;
  }
}
.contentArea .inner .flow {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow {
    gap: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .flow {
    gap: 4vw 0;
  }
}
.contentArea .inner .flow > li {
  position: relative;
  background: #e4e8ea;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow > li {
    padding: 40px 40px 40px 110px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .flow > li {
    padding: 1.8vw 1.5vw 1.5vw 5vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .flow > li {
    padding: 4vw;
  }
}
.contentArea .inner .flow > li:before {
  color: #fff;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
  border-radius: 5px;
  outline: solid 1px #5ab3d0;
  outline-offset: -0.1em;
  width: 1.6em;
  height: 1.5em;
  padding-bottom: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow > li:before {
    font-size: 36px;
    position: absolute;
    top: 30px;
    left: 30px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .flow > li:before {
    font-size: 1.4vw;
    top: 1.5vw;
    left: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .flow > li:before {
    font-size: 6vw;
    margin: 0 auto 0.4em;
  }
}
.contentArea .inner .flow > li:nth-child(1):before {
  content: "1";
}
.contentArea .inner .flow > li:nth-child(2):before {
  content: "2";
}
.contentArea .inner .flow > li:nth-child(3):before {
  content: "3";
}
.contentArea .inner .flow > li:nth-child(4):before {
  content: "4";
}
.contentArea .inner .flow > li:nth-child(5):before {
  content: "5";
}
.contentArea .inner .flow > li:nth-child(6):before {
  content: "6";
}
.contentArea .inner .flow > li p {
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow > li p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .flow > li p {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .flow > li p {
    font-size: 3.8vw;
  }
}
.contentArea .inner .flow > li p em {
  color: #e72400;
  font-weight: 700;
}
.contentArea .inner .flow > li p a {
  color: #02b5ea;
}
.contentArea .inner .flow > li p a:hover {
  text-decoration: underline;
}
.contentArea .inner .flow > li figure {
  overflow: hidden;
  margin-top: 1.5em;
}
.contentArea .inner .flow > li figure img {
  border: solid 1px #2a91c8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contentArea .inner .flow > li .anoTxt {
  margin-top: 0.5em;
}
.contentArea .inner .flow > li .anoTxt li {
  font-weight: 500;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow > li .anoTxt li {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .flow > li .anoTxt li {
    font-size: 0.9vw;
  }
}
:lang(en) .contentArea .inner .flow > li .anoTxt li, :lang(it) .contentArea .inner .flow > li .anoTxt li, :lang(de) .contentArea .inner .flow > li .anoTxt li, :lang(es) .contentArea .inner .flow > li .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(fr) .contentArea .inner .flow > li .anoTxt li {
  padding-left: 0.8em;
  text-indent: -0.8em;
}
.contentArea .inner .flow > li .btnGuide {
  background: #fff;
  border-collapse: collapse;
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  .contentArea .inner .flow > li .btnGuide {
    width: 100%;
  }
}
.contentArea .inner .flow > li .btnGuide th,
.contentArea .inner .flow > li .btnGuide td {
  font-weight: 700;
  border-collapse: collapse;
  border: 1px solid #2a91c8;
  padding: 0.3em 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .flow > li .btnGuide th,
  .contentArea .inner .flow > li .btnGuide td {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .flow > li .btnGuide th,
  .contentArea .inner .flow > li .btnGuide td {
    font-size: 0.9vw;
  }
}
.contentArea .inner .flow > li .btnGuide th {
  background: #efefef;
}
.contentArea .inner .crossSaveBox h2 {
  color: #ffd625;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  line-height: 1.6;
  text-shadow: 0.05em 0.05em #000;
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
  outline: solid 1px #5ab3d0;
  outline-offset: -0.2em;
  padding: 0.4em 1em 0.6em;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .crossSaveBox h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .crossSaveBox h2 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .crossSaveBox h2 {
    font-size: 5vw;
  }
}
.contentArea .inner .crossSaveBox h3 {
  color: #fff;
  font-weight: 700;
  text-shadow: 0.05em 0.05em #000;
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
  outline: solid 1px #5ab3d0;
  outline-offset: -0.2em;
  padding: 0.4em 1em 0.6em;
  margin: 2em 0 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .crossSaveBox h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .crossSaveBox h3 {
    font-size: 1.2vw;
  }
}
.contentArea .inner .crossSaveBox .readBox {
  background: #e6faee;
  padding: 1.5em;
  margin: 1.5em 0 4em;
}
.contentArea .inner .crossSaveBox .readBox .box {
  border-bottom: 1px solid #000;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.contentArea .inner .crossSaveBox .readBox .box:last-of-type {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contentArea .inner .crossSaveBox .readBox .box h5 {
  color: #e8303e;
  font-weight: 700;
  text-align: left;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-bottom: 1em;
}
:lang(en) .contentArea .inner .crossSaveBox .readBox .box h5, :lang(fr) .contentArea .inner .crossSaveBox .readBox .box h5, :lang(it) .contentArea .inner .crossSaveBox .readBox .box h5, :lang(de) .contentArea .inner .crossSaveBox .readBox .box h5, :lang(es) .contentArea .inner .crossSaveBox .readBox .box h5, :lang(pt-BR) .contentArea .inner .crossSaveBox .readBox .box h5 {
  padding-left: 0.9em;
  text-indent: -0.9em;
}
.contentArea .inner .crossSaveBox .readBox .box p {
  text-align: left;
  margin: 0 0 1em 1.3em;
}
:lang(en) .contentArea .inner .crossSaveBox .readBox .box p, :lang(fr) .contentArea .inner .crossSaveBox .readBox .box p, :lang(it) .contentArea .inner .crossSaveBox .readBox .box p, :lang(de) .contentArea .inner .crossSaveBox .readBox .box p, :lang(es) .contentArea .inner .crossSaveBox .readBox .box p, :lang(pt-BR) .contentArea .inner .crossSaveBox .readBox .box p {
  margin-left: 0.9em;
}
.contentArea .inner .crossSaveBox .readBox .box .anoTxt {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
  margin-left: 1.3em;
}
:lang(en) .contentArea .inner .crossSaveBox .readBox .box .anoTxt, :lang(fr) .contentArea .inner .crossSaveBox .readBox .box .anoTxt, :lang(it) .contentArea .inner .crossSaveBox .readBox .box .anoTxt, :lang(de) .contentArea .inner .crossSaveBox .readBox .box .anoTxt, :lang(es) .contentArea .inner .crossSaveBox .readBox .box .anoTxt {
  margin-left: 0.9em;
}
.contentArea .inner .crossSaveBox .readBox .box .anoTxt li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .crossSaveBox .readBox .box .anoTxt li {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .crossSaveBox .readBox .box .anoTxt li {
    font-size: 0.9vw;
  }
}
:lang(en) .contentArea .inner .crossSaveBox .readBox .box .anoTxt li, :lang(it) .contentArea .inner .crossSaveBox .readBox .box .anoTxt li, :lang(de) .contentArea .inner .crossSaveBox .readBox .box .anoTxt li, :lang(es) .contentArea .inner .crossSaveBox .readBox .box .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(fr) .contentArea .inner .crossSaveBox .readBox .box .anoTxt li {
  padding-left: 0.8em;
  text-indent: -0.8em;
}
.contentArea .inner .crossSaveBox .readBox .box .btn {
  color: #006836;
  font-weight: 700;
  line-height: 1.6;
  text-indent: 0;
  border-radius: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
  padding: 1.2em 2.2em 1.4em;
  margin: 1em auto 0;
}
.contentArea .inner .crossSaveBox .readBox .box .btn:before {
  display: block;
  content: "";
  background: url(../img/shared/bg_arrow_yellow.svg) no-repeat 0 0/100%;
  width: 1em;
  height: 1.2em;
}
.contentArea .inner .crossSaveBox .readBox .box .btn:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(60deg, #ffc000, #ff3f3a);
}
@media screen and (min-width: 768px) {
  .contentArea .inner .crossSaveBox .readBox .box .btn.btnLong {
    width: 440px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .crossSaveBox .readBox .box .btn.btnLong {
    width: 22vw;
  }
}
@media screen and (min-width: 768px) {
  :lang(en) .contentArea .inner .crossSaveBox .readBox .box .btn.btnLong {
    width: 390px;
  }
}
.contentArea .inner .crossSaveBox .sec {
  margin-bottom: 4em;
}
.contentArea .inner .crossSaveBox .sec .tabBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .contentArea .inner .crossSaveBox .sec .tabBtn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 1em 0;
  }
}
.contentArea .inner .crossSaveBox .sec .tabBtn li {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 2px #ccc;
  border-radius: 10px;
  background-color: #fff;
  background-image: url(../img/shared/bg_arrow_yellow.svg);
  background-repeat: no-repeat;
  background-position: left 1em center;
  background-size: 1em;
  padding: 1em 1.5em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .crossSaveBox .sec .tabBtn li {
    width: 49%;
  }
}
.contentArea .inner .crossSaveBox .sec .tabBtn li.current {
  border: solid 2px #000;
  background-color: #ffd800;
}
.contentArea .inner .crossSaveBox .sec .flow.tabBbox {
  display: none;
}
.contentArea .inner .crossSaveBox .sec .flow li .branchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 2em 0;
  margin-top: 2em;
}
.contentArea .inner .crossSaveBox .sec .flow li .branchBox dl {
  background: #fff;
}
.contentArea .inner .crossSaveBox .sec .flow li .branchBox dl dt {
  text-align: center;
  background: #ffd800;
  padding: 0.5em 1em;
}
.contentArea .inner .crossSaveBox .sec .flow li .branchBox dl dd {
  padding: 1em 1.5em 1.5em;
}
.contentArea .inner .crossSaveBox .sec .flow li .branchBox dl dd figure {
  margin-top: 1em;
}
.contentArea .inner .crossSaveBox .sec .read {
  text-align: center;
  line-height: 1.8;
  background: #fbeaeb;
  padding: 1em;
  margin-bottom: 2em;
}
.contentArea .inner .crossSaveBox .sec .read em {
  color: #e72400;
  font-weight: 700;
}
.contentArea .inner .guidelineBox,
.contentArea .inner .kitBox,
.contentArea .inner .eulaBox {
  text-align: left;
  line-height: 2;
}
.contentArea .inner .guidelineBox dl,
.contentArea .inner .kitBox dl,
.contentArea .inner .eulaBox dl {
  padding-top: 2em;
  margin-bottom: 2em;
}
.contentArea .inner .guidelineBox dl dt,
.contentArea .inner .kitBox dl dt,
.contentArea .inner .eulaBox dl dt {
  color: #fff;
  font-weight: 700;
  text-shadow: 0.05em 0.05em #000;
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
  outline: solid 1px #5ab3d0;
  outline-offset: -0.2em;
  padding: 0.2em 1em 0.4em;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox dl dd,
  .contentArea .inner .kitBox dl dd,
  .contentArea .inner .eulaBox dl dd {
    padding: 0 1em;
  }
}
.contentArea .inner .guidelineBox dl dd .subNumList,
.contentArea .inner .kitBox dl dd .subNumList,
.contentArea .inner .eulaBox dl dd .subNumList {
  counter-reset: my-counter;
  padding: 0;
  margin-top: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
}
.contentArea .inner .guidelineBox dl dd .subNumList li,
.contentArea .inner .kitBox dl dd .subNumList li,
.contentArea .inner .eulaBox dl dd .subNumList li {
  counter-increment: my-counter;
  padding-left: 1.5em;
  text-indent: -1.6em;
}
.contentArea .inner .guidelineBox dl dd .subNumList li:nth-child(n+10),
.contentArea .inner .kitBox dl dd .subNumList li:nth-child(n+10),
.contentArea .inner .eulaBox dl dd .subNumList li:nth-child(n+10) {
  text-indent: -2.2em;
}
.contentArea .inner .guidelineBox dl dd .subNumList li:before,
.contentArea .inner .kitBox dl dd .subNumList li:before,
.contentArea .inner .eulaBox dl dd .subNumList li:before {
  content: "(" counter(my-counter) ") ";
}
.contentArea .inner .guidelineBox .imgBox,
.contentArea .inner .kitBox .imgBox,
.contentArea .inner .eulaBox .imgBox {
  background: #e4e8ea;
  padding: 1em 1.5em;
  margin: 2em 0;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn,
.contentArea .inner .kitBox .imgBox .imgBoxIn,
.contentArea .inner .eulaBox .imgBox .imgBoxIn {
  text-align: center;
  margin-top: 1em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 2em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul li,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul li,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-indent: 0;
  background: #fff;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul li a,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul li a,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul li a {
  display: block;
  text-decoration: none;
  width: 100%;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul li a figure,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul li a figure,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul li a figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul li a figure img,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul li a figure img,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul li a figure img {
  vertical-align: baseline;
  image-rendering: auto;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2,
  .contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 {
    gap: 1.5em 3%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2,
  .contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 {
    gap: 4vw 0;
  }
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2 li,
  .contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2 li,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 li {
    width: 48.5%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2 li,
  .contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2 li,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 li {
    width: 100%;
  }
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2 li figure,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2 li figure,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 li figure {
  padding: 1em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn ul.columns2 li.logoImg figure,
.contentArea .inner .kitBox .imgBox .imgBoxIn ul.columns2 li.logoImg figure,
.contentArea .inner .eulaBox .imgBox .imgBoxIn ul.columns2 li.logoImg figure {
  width: 70%;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox {
  margin-bottom: 2em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p {
  color: #fff;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p,
  .contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p {
    padding: 1em;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p,
  .contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p,
  .contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p {
    padding: 3vw;
  }
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p.open,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p.open,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p.open {
  border-radius: 10px 10px 0 0;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p .plus:before, .contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p .plus:after,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p .plus:before,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p .plus:after,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p .plus:before,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p .plus:after {
  content: "";
  display: block;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.4em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p .plus:after,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p .plus:after,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p .plus:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox p .plus.active:after,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox p .plus.active:after,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox p .plus.active:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .acoBox .acoBoxIn,
.contentArea .inner .kitBox .imgBox .imgBoxIn .acoBox .acoBoxIn,
.contentArea .inner .eulaBox .imgBox .imgBoxIn .acoBox .acoBoxIn {
  display: none;
  background: #ddf5ff;
  padding: 2em 2em;
}
.contentArea .inner .guidelineBox a:hover,
.contentArea .inner .kitBox a:hover,
.contentArea .inner .eulaBox a:hover {
  text-decoration: underline;
}
.contentArea .inner .guidelineBox .btn {
  color: #006836;
  font-weight: 700;
  line-height: 1.6;
  text-indent: 0;
  border-radius: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
  padding: 1.2em 2.2em 1.4em;
  margin: 0 auto 1em;
}
.contentArea .inner .guidelineBox .btn:before {
  display: block;
  content: "";
  background: url(../img/shared/bg_arrow_yellow.svg) no-repeat 0 0/100%;
  width: 1em;
  height: 1.2em;
}
.contentArea .inner .guidelineBox .btn:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(60deg, #ffc000, #ff3f3a);
}
.contentArea .inner .guidelineBox .imgBox h3 {
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox h3 {
    font-size: clamp(20px, 2vw, 26px);
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox h3 {
    font-size: 4vw;
  }
}
.contentArea .inner .guidelineBox .imgBox > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
}
.contentArea .inner .guidelineBox .imgBox > ul li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(en) .contentArea .inner .guidelineBox .imgBox > ul li, :lang(es) .contentArea .inner .guidelineBox .imgBox > ul li, :lang(pt-BR) .contentArea .inner .guidelineBox .imgBox > ul li {
  padding-left: 1em;
  text-indent: -1em;
}
:lang(it) .contentArea .inner .guidelineBox .imgBox > ul li, :lang(de) .contentArea .inner .guidelineBox .imgBox > ul li {
  padding-left: 0.6em;
  text-indent: -0.6em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 {
    gap: 1.5em 3%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 {
    gap: 5vw 6%;
  }
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 li {
    width: 17.6%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 li {
    width: 22.75%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 li {
    width: 47%;
  }
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns5 li figure {
  padding: 1em 0.5em;
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 {
    gap: 1em 2%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 {
    gap: 5vw 6%;
  }
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 li {
    width: 12.5714285714%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 li {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 li {
    width: 29.3333333333%;
  }
}
.contentArea .inner .guidelineBox .imgBox .imgBoxIn .columns7 li figure {
  padding: 1.2em;
}
.contentArea .inner .guidelineBox .mainNumList {
  counter-reset: my-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
}
.contentArea .inner .guidelineBox .mainNumList > li {
  counter-increment: my-counter;
  padding-left: 1em;
  text-indent: -1.1em;
}
.contentArea .inner .guidelineBox .mainNumList > li:nth-child(n+10) {
  text-indent: -1.5em;
}
.contentArea .inner .guidelineBox .mainNumList > li:before {
  content: counter(my-counter) ". ";
}
.contentArea .inner .guidelineBox .mainNumList > li .inList {
  margin-top: 0.5em;
}
.contentArea .inner .guidelineBox .mainNumList > li .inList li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(en) .contentArea .inner .guidelineBox .mainNumList > li .inList li, :lang(es) .contentArea .inner .guidelineBox .mainNumList > li .inList li, :lang(pt-BR) .contentArea .inner .guidelineBox .mainNumList > li .inList li {
  padding-left: 1em;
  text-indent: -1em;
}
.contentArea .inner .guidelineBox .mainNumList > li em {
  color: #ca010e;
  font-weight: 700;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox {
  color: #ca010e;
  text-indent: 0;
  background: #ddf5ff;
  margin: 1em 0;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox {
    padding: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox {
    padding: 1em;
  }
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox h2 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #0730a7;
  padding-bottom: 0.2em;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable {
  border: solid 1px #000;
  width: 100%;
  margin-top: 1em;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable caption {
  color: #000;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th,
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td {
  color: #000;
  border-left: 1px solid #000;
  border-bottom: solid 1px #000;
  background: #fff;
  text-align: left;
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th,
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th,
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th,
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td {
    font-size: 3vw;
  }
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th {
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  background: #efefef;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th {
    width: 180px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr th {
    width: 30%;
  }
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td {
  line-height: 1.5;
  background: #fff;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li {
  line-height: 1.5;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(en) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li, :lang(fr) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li, :lang(de) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li, :lang(es) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li, :lang(pt-BR) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li, .pt-br .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .mainList li {
  padding-left: 1em;
  text-indent: -1em;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn {
  margin-top: 0.5em;
}
:lang(en) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn, :lang(fr) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn, :lang(de) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn, :lang(es) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn, :lang(pt-BR) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn, .pt-br .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn {
  margin-left: 0.2em;
}
.contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li {
  padding-left: 1em;
  text-indent: -1em;
}
:lang(en) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li, :lang(es) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li, :lang(pt-BR) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li, .pt-br .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(fr) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li {
  padding-left: 0.8em;
  text-indent: -0.8em;
}
:lang(it) .contentArea .inner .guidelineBox .mainNumList > li .importantBox .guidelineTable tr td .anoTxtIn li {
  padding-left: 0;
  text-indent: 0;
}
.contentArea .inner .guidelineBox .mainNumList > li .bgmTxt {
  margin-bottom: 1em;
}
.contentArea .inner .guidelineBox .mainNumList > li .bgmTxt li {
  line-height: 1.8;
}
.contentArea .inner .guidelineBox .anoTxt {
  margin-top: 0.5em;
}
.contentArea .inner .guidelineBox .anoTxt li {
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .guidelineBox .anoTxt li {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .guidelineBox .anoTxt li {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .guidelineBox .anoTxt li {
    font-size: 3.2vw;
  }
}
:lang(en) .contentArea .inner .guidelineBox .anoTxt li, :lang(de) .contentArea .inner .guidelineBox .anoTxt li, :lang(es) .contentArea .inner .guidelineBox .anoTxt li, :lang(pt-BR) .contentArea .inner .guidelineBox .anoTxt li, .pt-br .contentArea .inner .guidelineBox .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(fr) .contentArea .inner .guidelineBox .anoTxt li {
  padding-left: 0.8em;
  text-indent: -0.8em;
}
:lang(it) .contentArea .inner .guidelineBox .anoTxt li {
  padding-left: 0;
  text-indent: 0;
}
.contentArea .inner .kitBox .imgBox h4 {
  font-weight: 700;
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 {
    gap: 1.5em 3%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 {
    gap: 5vw 6%;
  }
}
@media screen and (min-width: 768px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 li {
    width: 31.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 li {
    width: 100%;
  }
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 li figure {
  padding: 1.2em;
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 li.comment figure {
  width: 40%;
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns3 li.icon figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 {
  gap: 2em 0;
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 li {
  height: 4em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 li {
    width: 100%;
  }
}
.contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 li a figure {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .kitBox .imgBox .imgBoxIn .columns1 li a figure {
    width: 90%;
  }
}
.contentArea .inner .kitBox .sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 2em 0;
  margin-top: 2em;
}
.contentArea .inner .kitBox .sample li {
  border-radius: 10px;
  border: solid 3px #2a91c8;
  overflow: hidden;
}
.contentArea .inner .eulaBox .last,
.contentArea .inner .eulaBox .date {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .eulaBox .last,
  .contentArea .inner .eulaBox .date {
    padding: 0 1em;
  }
}
.contentArea .inner .eulaBox .last {
  text-align: right;
}
.contentArea .inner .faqBox .list {
  text-align: left;
}
.contentArea .inner .faqBox .list > li {
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li {
    margin-bottom: 4vw;
  }
}
.contentArea .inner .faqBox .list > li dl dt,
.contentArea .inner .faqBox .list > li dl dd {
  color: #000;
  position: relative;
  border: solid 1px #b5d5fe;
  line-height: 2;
}
.contentArea .inner .faqBox .list > li dl dt:before,
.contentArea .inner .faqBox .list > li dl dd:before {
  font-family: "Anton", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: 500;
  position: absolute;
  left: 0.7em;
  color: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.6em;
  height: 1.6em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dt:before,
  .contentArea .inner .faqBox .list > li dl dd:before {
    font-size: 24px;
    top: 0.7em;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .faqBox .list > li dl dt:before,
  .contentArea .inner .faqBox .list > li dl dd:before {
    font-size: 1.4vw;
    top: 1vw;
    left: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dt:before,
  .contentArea .inner .faqBox .list > li dl dd:before {
    font-size: 4.2vw;
  }
}
.contentArea .inner .faqBox .list > li dl dt {
  border-radius: 5px;
  cursor: pointer;
  background: #e6f1ff;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dt {
    padding: 1em 4em 1.2em 4.6em;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dt {
    padding: 3vw 10vw 3vw 12vw;
  }
}
.contentArea .inner .faqBox .list > li dl dt.open {
  border-radius: 4px 4px 0 0;
}
.contentArea .inner .faqBox .list > li dl dt:before {
  content: "Q";
  background: -webkit-gradient(linear, left top, right top, from(rgb(7, 48, 167)), to(rgb(4, 158, 201)));
  background: linear-gradient(90deg, rgb(7, 48, 167) 0%, rgb(4, 158, 201) 100%);
}
.contentArea .inner .faqBox .list > li dl dt .plus:before, .contentArea .inner .faqBox .list > li dl dt .plus:after {
  content: "";
  display: block;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.4em;
}
.contentArea .inner .faqBox .list > li dl dt .plus:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.contentArea .inner .faqBox .list > li dl dt .plus.active:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.contentArea .inner .faqBox .list > li dl dd {
  border-top: none;
  border-radius: 0 0 5px 5px;
  display: none;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd {
    padding: 1em 1.2em 1.2em 4.6em;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dd {
    padding: 3vw 3vw 3vw 12vw;
  }
}
.contentArea .inner .faqBox .list > li dl dd:before {
  content: "A";
  background: -webkit-gradient(linear, left top, right top, from(#eb0000), to(#ff8200));
  background: linear-gradient(90deg, #eb0000 0%, #ff8200 100%);
}
.contentArea .inner .faqBox .list > li dl dd a {
  color: #02b5ea;
}
.contentArea .inner .faqBox .list > li dl dd a:hover {
  text-decoration: underline;
}
.contentArea .inner .faqBox .list > li dl dd em {
  color: #e8303e;
  font-weight: 700;
}
.contentArea .inner .faqBox .list > li dl dd span {
  display: block;
  text-align: right;
}
.contentArea .inner .faqBox .list > li dl dd span .btn {
  color: #006836;
  font-weight: 700;
  line-height: 1.6;
  text-indent: 0;
  border-radius: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
  padding: 0.8em 2.2em 1em;
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd span .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .faqBox .list > li dl dd span .btn {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dd span .btn {
    font-size: 3vw;
  }
}
.contentArea .inner .faqBox .list > li dl dd span .btn:before {
  display: block;
  content: "";
  background: url(../img/shared/bg_arrow_yellow.svg) no-repeat 0 0/100%;
  width: 1em;
  height: 1.2em;
}
.contentArea .inner .faqBox .list > li dl dd span .btn:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd figure {
    margin: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dd figure {
    margin: 1vw 0;
  }
}
.contentArea .inner .faqBox .list > li dl dd .anoTxt li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd .anoTxt li {
    font-size: 14px;
  }
}
:lang(en) .contentArea .inner .faqBox .list > li dl dd .anoTxt li, :lang(it) .contentArea .inner .faqBox .list > li dl dd .anoTxt li, :lang(de) .contentArea .inner .faqBox .list > li dl dd .anoTxt li, :lang(es) .contentArea .inner .faqBox .list > li dl dd .anoTxt li, :lang(pt-br) .contentArea .inner .faqBox .list > li dl dd .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(fr) .contentArea .inner .faqBox .list > li dl dd .anoTxt li {
  padding-left: 0.8em;
  text-indent: -0.8em;
}
.contentArea .inner .faqBox .list > li dl dd .faqTable {
  border: solid 1px #79bf95;
  width: 100%;
  margin-top: 1em;
}
.contentArea .inner .faqBox .list > li dl dd .faqTable caption {
  color: #e72400;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.contentArea .inner .faqBox .list > li dl dd .faqTable tr th,
.contentArea .inner .faqBox .list > li dl dd .faqTable tr td {
  border-left: 1px solid #79bf95;
  border-bottom: solid 1px #79bf95;
  background: #fff;
  text-align: left;
  padding: 0.5em 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr th,
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr td {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr th,
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr td {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr th,
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr td {
    font-size: 3vw;
  }
}
.contentArea .inner .faqBox .list > li dl dd .faqTable tr th {
  font-weight: 700;
  text-align: center;
  background: #e6faee;
}
@media screen and (min-width: 768px) {
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr th {
    width: 34%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .inner .faqBox .list > li dl dd .faqTable tr th {
    width: 50%;
  }
}
.contentArea .inner .faqBox .list > li dl dd .faqTable tr td {
  background: #fbfffd;
}
.contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.5em 0;
}
.contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li {
  line-height: 1.5;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
:lang(en) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li, :lang(fr) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li, :lang(it) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li, :lang(de) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li, :lang(es) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li, :lang(pt-BR) .contentArea .inner .faqBox .list > li dl dd .faqTable tr td ul li {
  padding-left: 1em;
  text-indent: -1.1em;
}