.page-ttl-pc {
  margin-bottom: 20px; }

.tab-menu-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 45px; }
  .tab-menu-wrap .tab-btn {
    width: 400px;
    height: 95px; }
    .tab-menu-wrap .tab-btn .tab-btn-inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: auto;
      height: 80px;
      line-height: 80px;
      font-size: 2em;
      text-align: center;
      font-weight: bold;
      border: 2px solid #bbb;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      .tab-menu-wrap .tab-btn .tab-btn-inner:hover {
        cursor: pointer;
        color: #fff;
        background-color: #d92b2b;
        border-color: transparent; }
    .tab-menu-wrap .tab-btn:first-child .tab-btn-inner {
      border-radius: 10px 0 0 10px / 10px 0 0 10px; }
    .tab-menu-wrap .tab-btn:last-child .tab-btn-inner {
      border-radius: 0 10px 10px 0 / 0 10px 10px 0; }
    .tab-menu-wrap .tab-btn.is-active {
      color: #fff;
      background: url("/faq/img/arrow-bottom-r.png") no-repeat bottom center; }
    .tab-menu-wrap .tab-btn.is-active .tab-btn-inner {
      border-color: transparent;
      background-color: #d92b2b; }

.case-content {
  margin-bottom: 40px; }
  .case-content ul.flexbox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .case-content ul.flexbox li {
      width: 460px;
      margin-bottom: 60px; }
      .case-content ul.flexbox li .case-img {
        width: 100%; }
      .case-content ul.flexbox li h3 {
        font-size: 1.6em;
        padding-top: 15px; }
      .case-content ul.flexbox li .case-icn {
        padding-top: 15px; }
        .case-content ul.flexbox li .case-icn img {
          padding-right: 3px;
          padding-bottom: 5px; }
        .case-content ul.flexbox li .case-icn .icn-a {
          width: 74px;
          height: auto; }
        .case-content ul.flexbox li .case-icn .icn-b {
          width: 101px;
          height: auto; }
        .case-content ul.flexbox li .case-icn .icn-c {
          width: 74px;
          height: auto; }
        .case-content ul.flexbox li .case-icn .icn-d {
          width: 44px;
          height: auto; }
        .case-content ul.flexbox li .case-icn .icn-f {
          width: 58px;
          height: auto; }

@media only screen and (max-width: 640px) {
  .page-ttl-sp {
    margin-bottom: 25px; }
  .page-cap {
    line-height: 1; }
  .tab-menu-wrap {
    margin-top: 25px;
    margin-bottom: 18px; }
    .tab-menu-wrap .tab-btn {
      width: 45%;
      height: 60px; }
      .tab-menu-wrap .tab-btn .tab-btn-inner {
        height: 50px;
        line-height: 50px;
        font-size: 1.4em; }
      .tab-menu-wrap .tab-btn:first-child .tab-btn-inner {
        border-radius: 6px 0 0 6px / 6px 0 0 6px; }
      .tab-menu-wrap .tab-btn:last-child .tab-btn-inner {
        border-radius: 0 6px 6px 0 / 0 6px 6px 0; }
      .tab-menu-wrap .tab-btn.is-active {
        background-size: 14px auto; }
  .case-content {
    margin-bottom: 10px; }
    .case-content ul.flexbox {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .case-content ul.flexbox li {
        width: 100%;
        margin-bottom: 40px; }
        .case-content ul.flexbox li h3 {
          font-size: 1.3em;
          padding-top: 10px; }
        .case-content ul.flexbox li .case-icn {
          padding-top: 10px; }
          .case-content ul.flexbox li .case-icn .icn-a {
            width: 19.68%; }
          .case-content ul.flexbox li .case-icn .icn-b {
            width: 26.875%; }
          .case-content ul.flexbox li .case-icn .icn-c {
            width: 19.68%; }
          .case-content ul.flexbox li .case-icn .icn-d {
            width: 11.875%; }
          .case-content ul.flexbox li .case-icn .icn-f {
            width: 15.6%; } }

/*max-width: 640px*/
