@charset "UTF-8";

.FJ-items {
  position: relative!important;
  min-height: 400px!important;
  background: #fff!important;
  -webkit-text-size-adjust: 100%!important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif!important
}

.FJ-items * {
  margin: 0!important;
  padding: 0!important;
  background: 0 0!important;
  border: none!important
}

.FJ-items img {
  width: auto!important;
  height: auto!important;
  max-width: 100%!important;
  vertical-align: top!important
}

.FJ-items a {
  text-decoration: none!important
}

.FJ-items li, .FJ-items ol, .FJ-items ul {
  list-style: none!important
}

.FJ-items:after {
  content: ' '!important;
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  margin: -8px 0 0 -8px!important;
  width: 16px!important;
  height: 16px!important;
  background: url(../img/icon/ajax-loader.gif) center center no-repeat!important
}

.FJ-items--done {
  min-height: inherit!important
}

.FJ-items--done:after {
  display: none!important
}

.FJ-items__head {
  position: relative!important;
  margin-bottom: 12px!important
}

.FJ-items--title {
  padding: 12px 20px!important;
  font-size: 20px!important;
  font-weight: 400!important;
  line-height: 1.2!important;
  color: #fff!important
}

.FJ-items--title--1 {
  background: #187fcc!important;
  background: -webkit-gradient(linear, left top, right top, from(#187fcc), to(#00c3ff))!important;
  background: linear-gradient(to right, #187fcc 0, #00c3ff 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187fcc', endColorstr='#00c3ff', GradientType=1)!important
}

.FJ-items--title--2 {
  background: #6a11cb!important;
  background: -webkit-gradient(linear, left top, right top, from(#6a11cb), to(#03c0ff))!important;
  background: linear-gradient(to right, #6a11cb 0, #03c0ff 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a11cb', endColorstr='#03c0ff', GradientType=1)!important
}

.FJ-items--title--3 {
  background: #e95504!important;
  background: -webkit-gradient(linear, left top, right top, from(#e95504), to(#f9be00))!important;
  background: linear-gradient(to right, #e95504 0, #f9be00 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95504', endColorstr='#f9be00', GradientType=1)!important
}

.FJ-items--title--4 {
  background: #4d4c4c!important;
  background: -webkit-gradient(linear, left top, right top, from(#4d4c4c), to(#d3d3d4))!important;
  background: linear-gradient(to right, #4d4c4c 0, #d3d3d4 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4c4c', endColorstr='#d3d3d4', GradientType=1)!important
}

.FJ-items--title strong {
  display: inline-block!important;
  margin-right: .4em!important;
  font-weight: 400!important;
  vertical-align: baseline!important
}

.FJ-items__info {
  margin: 12px 0!important
}

.FJ-items--comment {
  word-break: break-all!important;
  font-size: 16px!important;
  line-height: 1.4!important;
  color: #515459!important
}

.FJ-items__item {
  position: relative!important;
  margin-top: 20px!important;
  border-bottom: solid #9fa7b0 1px!important
}

.FJ-items__item:first-child {
  margin-top: 0!important;
  border-top: none!important
}

.FJ-items__item--none {
  text-align: center!important;
  font-size: 14px!important;
  line-height: 1.2!important
}

.FJ-items__item--a, .FJ-items__item--q {
  position: relative!important;
  padding-left: 36px!important;
  -webkit-box-sizing: border-box!important;
  box-sizing: border-box!important;
  font-size: 15px!important
}

.FJ-items__item--a:before, .FJ-items__item--q:before {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 30px!important;
  height: 30px!important;
  text-align: center!important;
  font-size: 18px!important;
  font-weight: 600!important;
  line-height: 30px!important;
  color: #fff!important;
  z-index: 3!important
}

.FJ-items__item--q {
  padding-top: 5px!important;
  font-weight: 600!important;
  line-height: 1.4!important;
  color: #187fcc!important
}

.FJ-items__item--q:before {
  content: 'Q'!important;
  background: #187fcc!important
}

.FJ-items__item--a {
  margin-top: 14px!important;
  padding-top: 4px!important;
  padding-right: 42px!important;
  padding-bottom: 20px!important;
  max-height: 60px!important;
  line-height: 24px!important;
  color: #515459!important;
  overflow: hidden!important
}

.FJ-items__item--a:before {
  content: 'A'!important;
  background: #004098!important
}

.FJ-items__item--a--arrow:before, .FJ-items__item--a:after {
  content: ' '!important;
  position: absolute!important
}

.FJ-items__item--a:after {
  bottom: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 30px!important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white))!important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)!important;
  z-index: 2!important
}

.FJ-items__item--a.on:after {
  display: none!important
}

.FJ-items__item--a--arrow {
  position: absolute!important;
  top: 0!important;
  right: 0!important;
  width: 30px!important;
  height: 30px!important;
  background: #a8a9ad!important;
  z-index: 3!important
}

.FJ-items__item--a--arrow:before {
  top: 50%!important;
  left: 50%!important;
  margin: -7px 0 0 -5px!important;
  width: 8px!important;
  height: 8px!important;
  border-top: solid #fff 2px!important;
  border-right: solid #fff 2px!important;
  -webkit-transform: rotate(135deg)!important;
  transform: rotate(135deg)!important
}

.FJ-items__item--a.on {
  max-height: inherit!important;
  overflow: visible!important
}

.FJ-items__item--a.on .FJ-items__item--a--arrow:before {
  margin-top: -3px!important;
  -webkit-transform: rotate(-45deg)!important;
  transform: rotate(-45deg)!important
}

.FJ-items__item--a p {
  margin-top: 10px!important
}

.FJ-items__item--a p:first-child {
  margin-top: 0!important
}

@media screen and (min-width:769px) {
  .FJ-items__item--a {
    cursor: pointer!important
  }
}

@media screen and (max-width:768px) {
  .FJ-items--title {
    padding: 20px!important;
    text-align: center!important;
    font-size: 16px!important
  }
  .FJ-items--title strong {
    display: block!important;
    margin: 0 0 .4em!important
  }
  .FJ-items__info {
    margin-top: 0!important;
    padding: 12px 0!important
  }
  .FJ-items__item {
    padding: 0!important
  }
  .FJ-items__item--a, .FJ-items__item--q {
    padding-left: 30px!important;
    font-size: 14px!important
  }
  .FJ-items__item--a:before, .FJ-items__item--q:before {
    width: 20px!important;
    height: 20px!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 18px!important
  }
  .FJ-items__item--q {
    padding-top: 1px!important
  }
  .FJ-items__item--a {
    margin-top: 8px!important;
    padding-top: 0!important;
    padding-bottom: 10px!important;
    max-height: 50px!important;
    line-height: 22px!important;
    -webkit-tap-highlight-color: transparent!important
  }
  .FJ-items__item--a:before {
    top: 2px!important
  }
  .FJ-items__item--a--arrow {
    width: 20px!important;
    height: 20px!important
  }
  .FJ-items__item--a--arrow:before {
    margin: -4px 0 0 -3px!important;
    width: 5px!important;
    height: 5px!important;
    border-top-width: 1px!important;
    border-right-width: 1px!important
  }
}