.faq-wrapper .visual {
  background: url("/data/img/page/faq/pc/visual.jpg") no-repeat center center; }

.faq-wrapper #faq-section .faq-block {
  padding-bottom: 95px;
  padding-top: 90px; }
  .faq-wrapper #faq-section .faq-block + .faq-block {
    padding-top: 100px;
    padding-bottom: 100px; }
  .faq-wrapper #faq-section .faq-block:last-child {
    padding-bottom: 40px; }
  .faq-wrapper #faq-section .faq-block:nth-child(even) {
    background: #f2f8fe; }
    .faq-wrapper #faq-section .faq-block:nth-child(even) .faq-bar {
      background: #fff; }
  .faq-wrapper #faq-section .faq-block h2 {
    color: #0c579f;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px; }
  .faq-wrapper #faq-section .faq-block li + li {
    margin-top: 20px; }
  .faq-wrapper #faq-section .faq-block li:last-child .faq-a {
    margin-bottom: 0; }

.faq-wrapper #faq-section .faq-bar {
  background: #f2f8fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.faq-wrapper #faq-section .faq-q {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 55px;
  padding-left: 30px;
  position: relative;
  cursor: pointer; }
  .faq-wrapper #faq-section .faq-q.active .faq-ico img + img {
    opacity: 1; }

.faq-wrapper #faq-section .faq-a {
  padding: 28px 30px 25px;
  line-height: 1.9;
  margin-bottom: 30px;
  display: none; }
  .faq-wrapper #faq-section .faq-a .float-left {
    width: 692px; }

.faq-wrapper #faq-section .faq-ico {
  position: absolute;
  right: 0;
  top: 0; }
  .faq-wrapper #faq-section .faq-ico img + img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }

@media screen and (max-width: 640px) {
  .faq-wrapper .visual {
    background: url("/data/img/page/faq/sp/visual.jpg") no-repeat;
    background-size: cover; }
  .faq-wrapper #faq-section .faq-block {
    padding-bottom: 60px;
    padding-top: 50px; }
    .faq-wrapper #faq-section .faq-block .layout {
      margin-left: 0;
      margin-right: 0; }
    .faq-wrapper #faq-section .faq-block + .faq-block {
      padding-top: 60px; }
    .faq-wrapper #faq-section .faq-block:last-child {
      padding-bottom: 30px; }
      .faq-wrapper #faq-section .faq-block:last-child h2 {
        font-size: 24px; }
    .faq-wrapper #faq-section .faq-block:nth-child(even) .faq-q {
      background: #07569e; }
      .faq-wrapper #faq-section .faq-block:nth-child(even) .faq-q.active {
        background: #fff;
        color: inherit; }
    .faq-wrapper #faq-section .faq-block h2 {
      font-size: 25px;
      margin-bottom: 25px;
      text-align: center; }
    .faq-wrapper #faq-section .faq-block li + li {
      margin-top: 15px; }
    .faq-wrapper #faq-section .faq-block li:last-child .faq-a {
      margin-bottom: 0; }
  .faq-wrapper #faq-section .faq-q {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.4;
    padding: 15px;
    background: #07569e;
    color: #fff; }
    .faq-wrapper #faq-section .faq-q.active {
      background: #f2f8fe;
      color: inherit; }
  .faq-wrapper #faq-section .faq-a {
    padding: 25px 15px 20px;
    line-height: 1.7;
    margin-bottom: 20px;
    display: none;
    font-size: 13px; }
    .faq-wrapper #faq-section .faq-a .float-left {
      width: auto;
      margin-bottom: 15px; }
  .faq-wrapper #faq-section .faq-ico {
    display: none; } }

/*# sourceMappingURL=index.css.map */