@charset "UTF-8";
/* faq.css */
main {
  background: url("../img/faq_bg.jpg") center top/100% auto no-repeat;
}
main .contents {
  margin: 0 auto;
}
main .contents article .cont-box .inner .lead {
  margin: 0 auto 12%;
}
main .contents article .cont-box .inner .lead ol.txt {
  display: table;
  width: 100%;
  margin: 0 auto 6%;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .lead ol.txt {
    margin: 0 auto;
  }
}
main .contents article .cont-box .inner .lead ol.txt li {
  display: table-cell;
  width: 50%;
  margin: 0 auto 6%;
}
main .contents article .cont-box .inner .lead ol.txt li a {
  padding: 0;
}
main .contents article .cont-box .inner .lead ol.txt li a:before {
  content: '';
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner .lead ol.txt li {
    display: block;
    width: 100%;
  }
}
main .contents article .cont-box .inner>div .accordion {
  margin: 6% auto;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion {
    margin: 12% auto;
  }
}
main .contents article .cont-box .inner>div .accordion p {
  margin: 0;
  padding: 0;
}
main .contents article .cont-box .inner>div .accordion dt {
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 2% 0;
  background: #1e1e1e;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dt {
    padding: 4% 0 4% 4%;
  }
}
main .contents article .cont-box .inner>div .accordion dt span {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(1) {
  width: 10.45%;
  font-size: 30px;
  color: #1fad24;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(1) {
    width: 10%;
    font-size: 5.34vw;
  }
}
main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(2) {
  width: 82.84%;
  margin: 0;
  padding: 0 3% 0 0;
  font-size: 16px;
  color: #1fad24;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(2) {
    width: 80%;
    padding: 0 4%;
    font-size: 3.74vw;
  }
}
main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(3) {
  width: 6.72%;
  padding: 3% 0;
  border-left: #8f8f8f 1px solid;
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(3) {
    width: 10%;
    padding: 4% 0;
  }
}
main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(3):after {
  content: '\E135';
  margin: auto;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  font-family: 'iconfont';
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dt span:nth-of-type(3):after {
    font-size: 4.54vw;
  }
}
main .contents article .cont-box .inner>div .accordion dt.show .arrow:after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
main .contents article .cont-box .inner>div .accordion dd {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 4% 0;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dd {
    padding: 8% 0 8% 4%;
  }
}
main .contents article .cont-box .inner>div .accordion dd span {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
main .contents article .cont-box .inner>div .accordion dd span:nth-of-type(1) {
  width: 10.45%;
  font-size: 30px;
  color: #fff;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dd span:nth-of-type(1) {
    width: 10%;
    font-size: 5.34vw;
  }
}
main .contents article .cont-box .inner>div .accordion dd span:nth-of-type(2) {
  width: 89.56%;
  margin: 0;
  padding: 0 3% 0 0;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  main .contents article .cont-box .inner>div .accordion dd span:nth-of-type(2) {
    width: 90%;
    padding: 0 4%;
    font-size: 3.74vw;
  }
}
body#english main .contents article .cont-box .inner .lead .txt li a {
  vertical-align: top;
}