/*
  Department
*/
/*------------------------
  Hero
------------------------*/
.faq #hero {
  background-image: url("../images/faq/kv.jpg");
  background-position: center bottom; }

/*------------------------
  common
------------------------*/
.faq-box {
  margin: 30px 0; }
  .faq-box:last-child {
    margin-bottom: 0; }
  .faq-box .q-text, .faq-box .a-text {
    position: relative; }
  .faq-box .q-text {
    border-radius: 10px;
    background: #fa4e66;
    padding: 15px 15px 15px 60px;
    margin-bottom: 20px; }
    .faq-box .q-text::before {
      content: 'Q';
      width: 40px;
      height: 100%;
      color: #fff;
      font-weight: 700;
      font-size: 3.0rem;
      text-align: center;
      position: absolute;
      left: 5px;
      top: 12px; }
    .faq-box .q-text p {
      font-size: 2.0rem;
      font-weight: 500;
      color: #fff;
      line-height: 1.5; }
  .faq-box .a-text {
    padding: 0 0 0 60px; }
    .faq-box .a-text::before {
      content: 'A';
      color: #fff;
      background: #fa4e66;
      border-radius: 50%;
      font-weight: 700;
      font-size: 2.0rem;
      line-height: 40px;
      text-align: center;
      width: 40px;
      height: 40px;
      position: absolute;
      left: 0;
      top: 0; }
    .faq-box .a-text p {
      color: #293962;
      font-weight: 500; }
    .faq-box .a-text p + .link-btn {
      margin-top: 15px; }
    .faq-box .a-text .link-btn {
      display: inline-block; }
      .faq-box .a-text .link-btn a {
        display: block;
        background: #293962;
        padding: 15px 20px;
        border-radius: 10px;
        color: #fff; }
        .faq-box .a-text .link-btn a:hover {
          background: #fa4e66; }

@media screen and (max-width: 768px) {
  .faq-box {
    margin: 20px 0; }
    .faq-box .q-text {
      padding: 12px 10px 12px 40px;
      margin-bottom: 15px; }
      .faq-box .q-text::before {
        width: 30px;
        font-size: 2.0rem;
        left: 5px;
        top: 15px; }
      .faq-box .q-text p {
        font-size: 1.6rem; }
    .faq-box .a-text {
      padding: 0 0 0 40px; }
      .faq-box .a-text::before {
        font-size: 1.8rem;
        line-height: 30px;
        width: 30px;
        height: 30px;
        left: 5px;
        top: 0; }
      .faq-box .a-text p {
        color: #293962;
        font-weight: 500; } }