@charset "Shift_JIS";
/* Scss Document */

/**************************************************
Q&A?¿½@?¿½æ‚­?¿½?¿½?¿½é‚²?¿½?¿½?¿½?¿½E
**************************************************/
.qa {
  padding: 50px 0 70px; 
  width:1000px;
  margin:0 auto;
}
  .qa .main_title {
    padding: 0 0 50px 0; }
    .qa .main_title .ttl_01 {
      text-align: center; }
      .qa .main_title .ttl_01 img {
        width: 150px; }
    .qa .main_title .ttl_02 {
      margin: 20px 0 0 0;
      color: #333;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.8;
      text-align: center; }
  .qa .anchor {
    margin: 0 0 30px 0;
    padding: 40px;
    background-color: #fff; }
    .qa .anchor ul li {
      display: inline-block;
      width: calc( (100% - 14px) / 2);
      margin: 0 10px 10px 0; }
      .qa .anchor ul li a {
        display: block;
        position: relative;
        padding: 17px 15px 15px 47px;
        color: #333;
        font-size: 1.7rem;
        font-weight: bold;
        text-decoration: none;
        background: url(/luxurytravel/global/qa/img/btn_anchor.png) no-repeat;
        background-size: contain; }
        .qa .anchor ul li a::before {
          content: "";
          position: absolute;
          left: 15px;
          width: 24px;
          height: 20px;
          background: url(/luxurytravel/global/qa/img/icon_q.png) no-repeat left center;
          background-size: 100%; }
        .qa .anchor ul li a:hover {
          color: #fff;
          background: url(/luxurytravel/global/qa/img/btn_anchor_on.png) no-repeat left center;
          background-size: contain; }
          .qa .anchor ul li a:hover::before {
            background: url(/luxurytravel/global/qa/img/icon_q_on.png) no-repeat left center;
            background-size: 100%; }
      .qa .anchor ul li:nth-child(even) {
        margin-right: 0; }
      .qa .anchor ul li:nth-child(13), .qa .anchor ul li li:nth-child(14) {
        margin-bottom: 0; }
  .qa .faq {
    padding: 40px 60px;
    background-color: #fff; }
    .qa .faq .faq_inner {
      padding: 35px 0 25px 0;
      border-bottom: 1px solid #efe3d4; }
      .qa .faq .faq_inner:first-child {
        padding: 0 0 25px 0; }
    .qa .faq dl dt {
      position: relative;
      margin: 0 0 30px 0;
      padding: 0 0 0 35px;
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.3; }
      .qa .faq dl dt::before {
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 26px;
        height: 22px;
        background: url(/luxurytravel/global/qa/img/icon_q.png) no-repeat left center;
        background-size: 100%; }
    .qa .faq dl dd {
      position: relative;
      padding: 0 0 0 35px;
      font-size: 1.6rem;
      line-height: 1.5; }
      .qa .faq dl dd::before {
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 26px;
        height: 18px;
        background: url(/luxurytravel/global/qa/img/icon_a.png) no-repeat left center;
        background-size: 100%; }
    .qa .faq .back {
      overflow: hidden;
      margin: 10px 0 0 0; }
      .qa .faq .back a {
        display: block;
        position: relative;
        float: right;
        width: 170px;
        padding: 10px 0 9px 0;
        color: #9f2032;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background: url(/luxurytravel/global/qa/img/btn_back.png) no-repeat; }
        .qa .faq .back a::after {
          content: '';
          position: absolute;
          top: calc(50% - 2px);
          right: 10px;
          width: 7px;
          height: 7px;
          border-top: 1px solid #9f2032;
          border-right: 1px solid #9f2032;
          -webkit-transform: rotate(315deg);
          transform: rotate(315deg); }
        .qa .faq .back a:hover {
          opacity: 0.7; }
    .qa .faq .btn_example {
      margin: 10px 0 0 36px; }
      .qa .faq .btn_example a {
        display: block;
        position: relative;
        max-width: 230px;
        padding: 18px 0 17px 0;
        color: #fff;
        font-size: 1.6rem;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background-color: #075677; }
        .qa .faq .btn_example a::after {
          content: '';
          position: absolute;
          top: calc(50% - 5px);
          right: 10px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .qa .faq .btn_example a:hover {
          opacity: 0.7; }
    .qa .faq-contact {
      margin: 40px 0 0 0;
      padding: 19px 30px 18px;
      color: #333;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.5;
      background-color: #faf6f1; }
      .qa .faq-contact a {
        color: #01527a; }


@media (max-width:768px) {
      .jtb-nav-sp {
            display: none;
      }

      #main_contents_wrap img {
        max-width: 100%;
      }

      .qa .faq .faq_inner dl {
        text-align: left;
      }
}
@media (min-width:768px) and (max-width:768px) {
  .glg .jtb-nav-breadcrumb.jtb-nav-sp{
    display: block;
  }
  #contentsArea #toTop{
    width: 1200px;
  }
  #contentsArea #toTop > a{
    margin-left: 0;
    margin-right: 0; 
    width: 100%;
  }
  div.ginza_footer_box{
    width: 100%;
  } 
  .ginza_footer_box .ginza_footer_contact{
    flex-wrap: nowrap;
  }
  .ginza_degipan_list li a{
    flex-wrap: wrap;
  }
  #contentsArea {
    width: 1200px;
  }
  .bx-window{
    width: auto !important;
    height: 350px;
  }
  .bx-wrapper{
    height: 350px;
  }
  .main-title > img{
    left: 110px;
    top: 60px;
    width: 30%;
  }
  .global_navi .logo{
    background: url(/luxurytravel/common/images/logo-RRG.png) no-repeat;
    width: 174px;
    height: 20px;    
  }
  .global_navi .logo a picture img{
    display: none;
  }
  .slide-item h2 .pcItem{
    right: 0;
  }
  .main-visual .bxslider .slide-item h2 img.pcItem{
    height: auto;
  }
  .slide-item{
    width: 1200px;
    left: 0 !important;
  }
  .tab_link{
    padding-left: 40px;
    padding-right: 40px;
  }
  .global_footer #toTop a img{
    height: 21px;
  }
  div.ginza_footer_box{
    width: 1200px;
  }
  div.ginza_footer_box .ginza_footer_contact{
    flex-wrap: nowrap;
  }
  div.ginza_footer_box .ginza_contact_box.ginza_tel_mail_area,
  div.ginza_footer_box .ginza_contact_box.ginza_tel_area{
    width: 385px;
    height: 180px;
  }
  div.ginza_footer_box .ginza_contact_box.ginza_pdf_area{
    width: 190px;
    height: 180px;
  }
  div.ginza_footer_box .ginza_contact_box.ginza_tel_area,
  div.ginza_footer_box .ginza_contact_box.ginza_pdf_area{
    margin: 0;
  }
  div.ginza_footer_box .ginza_contact_box.ginza_tel_area .ginza_tel_box{
    padding: 40px 30px;
  }
  .ginza_degipan_list li a{
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  #contentsArea .ginza_degipan_list li a img{
    display: block;
    width: 40%;
  }
  #JTBGF-ly_footer ul.JTBGF-ly_footer__list,
  #JTBGF-ly_footer small.JTBGF-ly_footer__copy{
    padding-left: 30px;
  }

}