@charset "UTF-8";
/* CSS Document */
@media (max-width: 959px) {
  .tab_br {
    display: block;
  }
  .side_bar {
    width: 60px;
  }
  .mobile {
    width: 60px;
  }
  .contact_btn {
    width: 60px;
  }
  .wrapper {
    width: calc(100% - 60px);
  }
  .pc_nav{
    display: none;
  }
  /*  tab-footer*/
  footer {
    width: calc(100% - 60px);
  }
  .en_foot_contact {
    font-size: 2.4rem;
  }
  .foot_contact_right img {
    width: 60px;
  }
  .contact_right_text {
    font-size: 1.4rem;
  }
  .foot_menu {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .top01_text {
    margin-bottom: 30px;
  }
  .top_catch {
    font-size: 5vw;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .en_title {
    font-size: 2.4rem;
    margin-bottom: -5px;
    padding: 8px;
  }
  .com_title {
    font-size: 2rem;
  }
  .top03_text {
    margin-bottom: 30px;
  }
  .top04_entitle {
    font-size: 2rem;
  }
  .top04_jptext {
    font-size: 1.4rem;
  }
  .slide_ball:after {
    width: 20px;
    height: 20px;
    bottom: -10px;
  }
  .price_box:hover .slide_ball:after {
    left: 80px;
  }
  .faq_box:hover .slide_ball:after {
    left: 80px;
  }
  .top05_in:before {
    width: calc(100vw - 60px);
  }
  .news_list_wrap {
    padding-top: 60px;
  }
  .topic_title {
    font-size: 1.4rem;
  }
  .price01_inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .price01_btn {
    width: 140px;
    height: 50px;
    font-size: 1.4rem;
  }
  .price01_btn span {
    width: 15px;
  }
  .price02_cards {
    flex-direction: column;
    gap: 30px;
  }
  .price02 {
    width: 100%;
    flex: none;
  }
  /*  tab-faq*/
  /*ラベル*/
  .accbox:after {
    width: calc(100vw - 60px);
  }
  .accbox label {
    padding: 20px 60px 20px 80px;
  }
  .accbox label:before {
    font-size: 1.6rem;
    width: 60px;
  }
  /*中身を非表示にしておく*/
  .accbox .accshow {
    padding: 0 0 0 80px;
  }
  /*クリックで中身表示*/
  .cssacc:checked + label + .accshow {
    padding: 2% 5% 2% 80px;
  }
  .news-list01 {
    flex-direction: column;
  }
  .news-list_wrap {
    border-width: 0 1px 1px 1px;
    width: 90%;
    padding: 50px 0 50px;
    margin: 0 auto;
  }
  .cate_menubox {
    padding: 4% 5%;
    width: 100%;
  }
  .catemenu_ul {
    position: static;
    top: auto;
  }
  .news-cont_wrap {
    flex-direction: column-reverse;
  }
  .news {
    width: 100%;
    border-width: 0 0 1px 0;
  }
}