@charset "UTF-8";
/*   ID94 よくある質問
================================================== */
/*  .support-faq-intro
================================================== */
#faq.support .support-faq-intro { padding: 50px 0 60px; }

#faq.support .support-faq-intro__anchor { margin-top: 25px; }

@media all and (min-width: 768px) { #faq.support .support-faq-intro { padding: 50px 0 100px; }
  #faq.support .support-faq-intro__txt { text-align: center; }
  #faq.support .support-faq-intro__anchor { margin-top: 40px; } }

/*  .support-faq-category
================================================== */
#faq.support .support-faq-category { padding: 50px 0 60px; }

#faq.support .support-faq-category__list + .support-faq-category__list { margin-top: 15px; }

#faq.support .support-faq-category__list:first-child .support-faq-category__item-head { position: relative; padding-left: 30px; }

#faq.support .support-faq-category__list:first-child .support-faq-category__item-head:before { position: absolute; content: ''; top: 9px; left: 0; width: 21px; height: 13px; background: url(../img/common/icon/ico_category01.png) no-repeat; background-size: contain; }

#faq.support .support-faq-category__child-item:last-child .support-faq-category__child-link { border-bottom: 0; padding-bottom: 0; }

#faq.support .support-faq-category__child-link { padding-left: 0; }

@media all and (min-width: 768px) { #faq.support .support-faq-category { padding: 105px 0 100px; }
  #faq.support .support-faq-category__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
  #faq.support .support-faq-category__list { width: calc(50% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; }
  #faq.support .support-faq-category__list + .support-faq-category__list { margin: 0 10px; }
  #faq.support .support-faq-category__list:nth-child(n + 2) { margin-top: 20px; }
  #faq.support .support-faq-category__list:nth-child(n + 2) .support-faq-category__child { display: block; }
  #faq.support .support-faq-category__list:nth-child(n + 2) .support-faq-category__child-item { width: 100%; padding-left: 1em; text-indent: -1em; }
  #faq.support .support-faq-category__list:nth-child(n + 2) .support-faq-category__child-item:nth-child(n + 2) { margin-top: 10px !important; }
  #faq.support .support-faq-category__list:first-child { width: 100%; margin: 0 10px; }
  #faq.support .support-faq-category__list:first-child .support-faq-category__item-head { padding-left: 30px; }
  #faq.support .support-faq-category__list:first-child .support-faq-category__item-head:before { top: 9px; width: 25px; height: 15px; }
  #faq.support .support-faq-category__child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
  #faq.support .support-faq-category__child-item { width: 25%; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0; }
  #faq.support .support-faq-category__child-item:nth-child(n + 5) { margin-top: 10px !important; }
  #faq.support .support-faq-category__child-link { border-bottom: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*  .support-faq-order
================================================== */
#faq.support .support-faq-order { padding: 50px 0 0; }

#faq.support .support-faq-order__lead { margin-bottom: 10px; }

@media all and (min-width: 768px) { #faq.support .support-faq-order { padding: 110px 0 0; }
  #faq.support .support-faq-order__lead { margin-bottom: 10px; } }

/*   ID95 よくある質問
================================================== */
/*  .support-faq-cancell-intro
-------------------------------------------------- */
#faq.support .support-faq-cancell-intro { padding: 21px 0 46px; }

@media all and (min-width: 768px) { #faq.support .support-faq-cancell-intro { padding: 50px 0 100px; }
  #faq.support .support-faq-cancell-intro__txt { text-align: center; } }

/*  .support-faq-cancell-faq-sec
-------------------------------------------------- */
#faq.support .support-faq-cancell-faq-sec { padding: 50px 0; }

#faq.support .support-faq-cancell-faq-sec-links { margin-top: 30px; }

#faq.support .support-faq-cancell-faq-sec-links__head { position: relative; padding-left: 30px; }

#faq.support .support-faq-cancell-faq-sec-links__head:before { position: absolute; content: ''; top: 9px; left: 0; width: 21px; height: 13px; background: url(../img/common/icon/ico_category01.png) no-repeat; background-size: contain; }

#faq.support .support-faq-cancell-faq-sec-links-list { margin-top: -10px; }

#faq.support .support-faq-cancell-faq-sec-links-list__item { border-bottom: 1px solid #DEDFE9; }

#faq.support .support-faq-cancell-faq-sec-links-list__item:last-child { border-bottom: none; }

#faq.support .support-faq-cancell-faq-sec-links-list__link { padding: 10px 0; text-decoration: none !important; }

#faq.support .support-faq-cancell-faq-sec-btn { margin-top: 30px; }

#faq.support .support-faq-cancell-faq-content__lead { margin-bottom: 10px; }

#faq.support .support-faq-cancell-faq-table { margin-bottom: 10px; }

#faq.support .support-faq-cancell-faq-table table { table-layout: fixed; width: 500px; }

#faq.support .support-faq-cancell-faq-table__th { width: 32%; }

#faq.support .support-faq-cancell-faq-table td { text-align: left; }

@media all and (min-width: 768px) { #faq.support .support-faq-cancell-faq-sec { padding: 97px 0 120px; }
  #faq.support .support-faq-cancell-faq-sec-links { margin-top: 67px; }
  #faq.support .support-faq-cancell-faq-sec-links__head { padding-left: 30px; }
  #faq.support .support-faq-cancell-faq-sec-links__head:before { top: 9px; width: 25px; height: 15px; }
  #faq.support .support-faq-cancell-faq-sec-links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; }
  #faq.support .support-faq-cancell-faq-sec-links-list__item { width: 24%; margin-right: 1.33333%; border-bottom: none; }
  #faq.support .support-faq-cancell-faq-sec-links-list__item:nth-child(4n) { margin-right: 0; }
  #faq.support .support-faq-cancell-faq-sec-links-list__link { padding: 5px 0; }
  #faq.support .support-faq-cancell-faq-sec-btn { margin-top: 61px; }
  #faq.support .support-faq-cancell-faq-content__lead { margin-bottom: 23px; }
  #faq.support .support-faq-cancell-faq-table { margin-bottom: 18px; overflow: visible !important; }
  #faq.support .support-faq-cancell-faq-table table { width: 100%; }
  #faq.support .support-faq-cancell-faq-table td { padding: 20px 24px; } }

/* 2022.0629 よくある質問詳細ページ追加 */
/*  .c-faq01
================================================== */
.c-faq01_link { 
  position: relative;
  background-color: #fff;
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(75, 81, 83, 0.15); box-shadow: 0px 0px 5px 0px rgba(75, 81, 83, 0.15); padding: 0 20px; }

.c-faq01_box + .c-faq01_box { margin-top: 20px; }

@media all and (min-width: 768px) { 
  .c-faq01_link { border-radius: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(75, 81, 83, 0.15); box-shadow: 0px 0px 10px 0px rgba(75, 81, 83, 0.15); padding: 15px 40px; }
  .c-faq01_box + .c-faq01_box { margin-top: 40px; }
}

.c-faq01_link:before { margin-right: 5px; top: -1px; display: inline-block;content: ""; border-top: 1px solid #65bbb1; border-right: 1px solid #65bbb1; 
  width: 8px;
  height: 8px; 
  display:inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
}

@media all and (min-width: 768px) { 
  .c-faq01_link:before { 
    right: 24px;
    width: 12px; 
    height: 12px; 
  }
  .c-faq01_link:hover { text-decoration: none !important; } 
}

.faq-single{
  padding: 50px 0 60px;
}
@media all and (min-width: 768px) {
  .faq-single{
    padding: 100px 0 80px;
  }
}

.faq-single-content{
  margin-bottom: 20px;
}
@media all and (min-width: 768px) {
  .faq-single-content{
    margin-bottom: 40px;
  }
}


/* 24.04.22 あわせて確認したいページのコンテンツを追加する */
@media screen and (min-width: 768px), print {
  #faq .inDetail{
    margin: 80px 0 120px;
  }
  #faq .inDetail .c-head02__sub{
    font-size: 18px;
  }
  #faq .inDetail .c-head02__main{
    font-size: 28px;
    margin-bottom: 36px;
  }
  #faq .inDetail .inDetail-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item{
    width: 49%;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item:nth-child(1),
  #faq .inDetail .inDetail-list .inDetail-list-item:nth-child(2){
    margin-bottom: 20px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 0 20px 0 20px;
    box-shadow: 0px 0px 5px 0px rgba(75, 81, 83, 0.15);
    padding: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a:before{
    position: absolute;
    bottom: 20px;
    right: 20px;
    content: "";
    width: 15px;
    height: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center / contain;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2365bbb1%22%20d%3D%22M-0.000%2C9.031%20L23.000%2C9.031%20L23.000%2C11.031%20L-0.000%2C11.031%20L-0.000%2C9.031%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2365bbb1%22%20d%3D%22M16.965%2C18.788%20L15.472%2C17.372%20L23.481%2C9.780%20L15.472%2C2.189%20L16.965%2C0.774%20L26.467%2C9.780%20L16.965%2C18.788%20Z%22%2F%3E%3C%2Fsvg%3E);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a:hover{
    box-shadow: 0px 0px 10px 0px rgba(75, 81, 83, 0.4);
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlImg{
    width: 190px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock{
    text-decoration: none;
    width: 260px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock .dtlBlock-ttl{
    font-size: 18px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock .dtlBlock-txt{
    font-size: 15px;
  }
}
@media screen and (max-width: 767px), print {
  #faq .inDetail{
    margin: 60px 0 70px;
  }
  #faq .inDetail .c-head02__sub{
    font-size: 14px;
  }
  #faq .inDetail .c-head02__main{
    font-size: 20px;
    margin: 24px 0 25px;
  }
  #faq .inDetail .inDetail-list{
    
  }
  #faq .inDetail .inDetail-list .inDetail-list-item{
    width: 100%;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item:nth-child(1),
  #faq .inDetail .inDetail-list .inDetail-list-item:nth-child(2),
  #faq .inDetail .inDetail-list .inDetail-list-item:nth-child(3){
    margin-bottom: 16px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a{
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 0 10px 0 10px;
    box-shadow: 0px 0px 5px 0px rgba(75, 81, 83, 0.15);
    padding: 24px 15px 24px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a:before{
    position: absolute;
    bottom: 12px;
    right: 12px;
    content: "";
    width: 15px;
    height: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center / contain;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2365bbb1%22%20d%3D%22M-0.000%2C9.031%20L23.000%2C9.031%20L23.000%2C11.031%20L-0.000%2C11.031%20L-0.000%2C9.031%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2365bbb1%22%20d%3D%22M16.965%2C18.788%20L15.472%2C17.372%20L23.481%2C9.780%20L15.472%2C2.189%20L16.965%2C0.774%20L26.467%2C9.780%20L16.965%2C18.788%20Z%22%2F%3E%3C%2Fsvg%3E);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a:hover{
    box-shadow: 0px 0px 10px 0px rgba(75, 81, 83, 0.4);
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlImg{
    width: 90px;
    margin-right: 20px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock{
    width: 200px;
    text-decoration: none;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock .dtlBlock-ttl{
    line-height: calc(21/16);
    font-size: 16px;
    margin: 0 0 4px;
  }
  #faq .inDetail .inDetail-list .inDetail-list-item a .dtlBlock .dtlBlock-txt{
    line-height: calc(20/13);
    font-size: 13px;
  }
}