/* CSS Document */
/* reset */
#bupQa input{
  border: none;
  outline: none;
}
#request_box #request{
  margin: 0 auto;
}
/* foundation */
#bupQa{
  color:#333;
  font:500 16px "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
}
[v-cloak]{
  display: none;
}
@media screen and (max-width:768px){
  #bupQa{
    font-size: 14px;
  }
}
/* ==============
layout@smacss
============== */
/* 繧ｰ繝ｪ繝�ラ */
.grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.grid_item{
  display: flex;
}
.grid_inner{
  display: block;
  width: 100%;
}
.grid-hasGutterXs{
  margin: -4px;
}
.grid-hasGutterXs > .grid_item{
  padding: 4px;
}
.grid-hasGutterSm{
  margin: -8px;
}
.grid-hasGutterSm > .grid_item{
  padding: 8px;
}
.grid-hasGutterMd{
  margin: -12px;
}
.grid-hasGutterMd > .grid_item{
  padding: 12px;
}
/* 遽€ */
.section{}
.section_item{}
.section-sm > .section_item + .section_item{
  margin-top: 16px;
}
.section-md > .section_item + .section_item{
  margin-top: 24px;
}
.section-lg > .section_item + .section_item{
  margin-top: 40px;
}

/* 繝ｪ繧ｹ繝� */
.list{}
.list_item{}
.list-catExample > .list_item{
  display: inline;
}
.list-catExample > .list_item + .list_item::before{
  content: "/";
  padding: 0 2px;
}
/* 繝��繝悶Ν繝薙Η繝ｼ */
.tableview{}
.tableview_item{
}
.tableview_target{
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid;
  font-weight: bold;
  line-height: 1.4;
  color: inherit;
}
.tableview_target-gray{
  border-color: #ccc;
}
.tableview_target:hover{
  color: #e67878;
}
/* ==============
module@smacss
============== */
/* 繝懊ち繝ｳ */
.btn{
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}
.btn-themeColor{
  border-color: #0070C0;
  color: inherit;
  background-color: #fff;
}
.btn-themeColor:hover{
  color: #fff;
  background-color: #0070C0;
}
.btn-search{
  padding: 8px 16px;
  border-color: #333;
  color: #fff;
  background-color: #333;
  line-height: 1;
  letter-spacing: 8px;
}
.btn-search:hover{
  opacity: .7;
}
@media screen and (max-width: 599px){
  .btn-search{
    letter-spacing: .1em;
  }
}
/* 繧｢繧､繧ｳ繝ｳ */
.hasIco{
  position: relative;
}
.hasIco_item,
.hasIco::before, 
.hasIco::after{
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}
.hasIco_item-left,
.hasIco::before{
  left: 0;
}
.hasIco_item-right,
.hasIco::after{
  right: 0;
}
.hasIco-search{
  padding-left: 32px;
}
.hasIco-search::before{
  content: url(/resource/img/mobilus_faq/icon_loupe_black.png);
  height: 18px;
}
.hasIco-searchWhite{
  padding-left: 40px;
}
.hasIco-searchWhite::before{
  content: url(/resource/img/mobilus_faq/icon_loupe_white.png);
  left: 12px;
  height: 18px;
}
.hasIco-commonQ{
  padding-left: 47px;
}
.hasIco-commonQ::before{
  content: url(/resource/img/mobilus_faq/icon_questionmark.png);
  height: 38px;
}
.hasIco-searchResults{
  padding-left: 47px;
}
.hasIco-searchResults::before{
  content: url(/resource/img/mobilus_faq/icon_qakeyword.png);
  height: 38px;
}
.hasIco-list{
  padding-left: 47px;
}
.hasIco-list::before{
  content: url(/resource/img/mobilus_faq/icon_category.png);
  height: 38px;
}
.hasIco-question{
  padding-left: 38px;
}
.hasIco-question::before{
  content: url(/resource/img/mobilus_faq/icon_question.png);
  height: 22px;
  left: 8px;
}
.hasIco-question.hasIco-link:hover::before{
  content: url(/resource/img/mobilus_faq/icon_question_current.png);
}
.hasIco-question.hasIco-link.is_current::before {
  content: url("/resource/img/mobilus_faq/icon_question_current.png");
}

.hasIco-answer {
  padding-left: 38px;
}
.hasIco-answer::before {
  content: url("/resource/img/mobilus_faq/icon_answer.png");
  height: 27px;
  top: 2px;
  left: 8px;
  margin: 0;
}
.hasIco-link{
  padding-right: 32px;
}
.hasIco-link::after{
  content: url(/resource/img/mobilus_faq/icon_triangle.png);
  right: 16px;
  height: 19px;
}
.hasIco-link:hover::after{
  content: url(/resource/img/mobilus_faq/icon_triangle_hover.png);
}
.hasIco-link.is_current {
  color: #e67878;
}
.hasIco-link.is_current::after {
  content: url("/resource/img/mobilus_faq/icon_circle.jpg");
}

.hasIco-close{
  padding-right: 20px;
}
.hasIco-close > .hasIco_item{
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
  color: #999;
}
.hasIco-close > .hasIco_item::before,
.hasIco-close > .hasIco_item::after{
  content: "繝ｼ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
}
.hasIco-close > .hasIco_item::before{
  transform: rotate(45deg);
}
.hasIco-close > .hasIco_item::after{
  transform: rotate(-45deg);  
}

/* 閭梧勹繝懊ャ繧ｯ繧ｹ */
.backBox{
  padding: 16px 32px;
}
.backBox-border {
  border: 1px solid #cccccc;
}
.backBox-themeColor{
  background-color: #E2F9FF;
}
.backBox-verticalNone{
  margin: -16px 0;
}
@media screen and (max-width: 599px){
  .backBox{
    padding: 16px 12px;
  }
}
/* 隕句�縺� */
.heading{}
.heading_ttl{
  font-weight: bold;
  line-height: 1.3;
}
.heading_sub{
  line-height: 1;
}
.heading_img > img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.heading-primary{
  margin-bottom: 16px;
  text-align: center;
  color: #fff;
}
.heading-primary .heading_ttl{
  font-size: 24px;
}
.heading-primary .heading_sub{
  display: inline-block;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #fff;
}
.heading-secondary{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}
.heading-secondary .heading_ttl{
  font-size: 24px;
}
.heading-secondary .heading_sub{
  padding-left: 12px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 20px;
}
.heading-tertiary{
  margin-bottom: 12px;
}
.heading-question{
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}
.heading-question .heading_ttl{
  font-size: 20px;
}
.heading-answer{
  margin-bottom: 16px;
}
.heading-answer .heading_ttl{
  font-size: 20px;
}
@media screen and (max-width: 768px){
  .heading-primary .heading_ttl{
    font-size: 18px;
  }
  .heading-primary .heading_sub{
    font-size: 14px;
  }
}
@media screen and (max-width: 599px){
  .heading-primary .heading_ttl{
    font-size: 13px;
  }
  .heading-primary .heading_sub{
    margin-top: 4px;
    padding-top: 4px;
    font-size: 10px;
  }
  .heading-secondary .heading_ttl{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.3em;
  }
}

/* 蝗樒ｭ� */
.answer{}
.answer_content{
  padding-left:38px;
}
.answer_content a{
  color: #0044CC;
  text-decoration: underline;
}
.answer_content a:hover{
  color: #f79494;
  text-decoration: underline;
}
.answer_item + .answer_item{
  margin-top: 16px;
}
/* 繝ｩ繝吶Ν */
.label{
  padding: 2px 4px;
  border-radius: 4px;
  line-height: 1;
  white-space: nowrap;
}
.label-gray{
  background-color: #f4f5f6;
}


/* 繧ｿ繧､繝医Ν繝懊ャ繧ｯ繧ｹ */
.ttlBox{
  position: relative;
}
.ttlBox_item{
  position: absolute;
  top: 50%;
  left: 4%;
  padding: calc(45% * 15 /328 - 1px) 0;
  width: 45%;
  transform: translateY(-50%);
}
.ttlBox_inner{
  padding: 8px calc(45% * 15 /328 - 1px);
}
.ttlBox_item-theme{
  background: url(/resource/img/mobilus_faq/title_top.png) no-repeat left top / 100% auto, 
    url(/resource/img/mobilus_faq/title_bottom.png) no-repeat left bottom / 100% auto, 
    url(/resource/img/mobilus_faq/title_main.png) repeat-y content-box left top / 100% auto;
  color: #fff;
}
@media screen and (max-width: 599px){
  .ttlBox_item{
    left: 0;
    width: 50%;
  }
  .ttlBox_inner{
    padding-top: 4px;
    padding-bottom: 0;
  }
}
/* 讀懃ｴ｢驛ｨ蛻� */
.search{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.search_body{
  width: calc(100% - 104px);
  padding-right:16px;
}
.search_field{
  display: flex;
  align-items: stretch;
  padding: 2px;
  border: 1px solid;
  border-radius: 2px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: visible;
}
.search_field-gray{
  border-color: #ccc;
}
.search_wordListBox{
  flex: 0 0 auto;
}
.search_textBox{
  flex: 1 0 189px;
  padding: 6px 0;
  text-indent: 1em;
}
.search_btn{
  width: 104px;
}
@media screen and (max-width: 599px){
  .search_body{
    width: 100%;
    padding-right: 0;
    padding-bottom: 4px;
  }
}

/* 讀懃ｴ｢隱槭Μ繧ｹ繝� */
.searchWordList{
  display: flex;
  align-items: stretch;
}
.searchWordList_item{
  display: flex;
}
.searchWordList_item + .searchWordList_item{
  padding-left: 4px;
}
.searchWordList_inner{
  display: flex;
  align-items: center;
  width: 100%;
}

/* 繝ｪ繝ｳ繧ｯ */
.link{
  color: inherit;
}
.link-text{
  text-decoration: underline;
}
.link-text:hover{
  text-decoration: none;
}

/* 繧ｫ繝ｼ繝� */
.card{
  display: block;
  padding: 16px 12px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: bottom 20% right 5%;
  color: inherit;
}
.card_item{
  font-size: 16px;
}
.card-bottom{
  background-position: bottom right 5%;
}
.card-themeColor{
  border: 1px solid #0070C0;
  background-color: #eee;
}
.card-themeColor:hover{
  background-color: #0070C0;
  color: #fff;
}
.card-themeColor.is_current{
  background-color: #0070C0;
  color: #fff;
}
.card-common{
  background-image: url(/resource/img/mobilus_faq/icon_common.png);
}
.card-common:hover{
  background-image: url(/resource/img/mobilus_faq/icon_common_hover.png);
}
.card-common.is_current{
  background-image: url(/resource/img/mobilus_faq/icon_common_hover.png);
}
.card-service{
  background-image: url(/resource/img/mobilus_faq/icon_service.png);
}
.card-service:hover{
  background-image: url(/resource/img/mobilus_faq/icon_service_hover.png);
}
.card-service.is_current{
  background-image: url(/resource/img/mobilus_faq/icon_service_hover.png);
}
.card-feature{
  background-image: url(/resource/img/mobilus_faq/icon_feacher.png);
}
.card-feature:hover{
  background-image: url(/resource/img/mobilus_faq/icon_feacher_hover.png);
}
.card-feature.is_current {
  background-image: url(/resource/img/mobilus_faq/icon_feacher_hover.png);
}
.card-price{
  background-image: url(/resource/img/mobilus_faq/icon_cost.png);
}
.card-price:hover{
  background-image: url(/resource/img/mobilus_faq/icon_cost_hover.png);
}
.card-price.is_current {
  background-image: url(/resource/img/mobilus_faq/icon_cost_hover.png);
}
.card-support{
  background-image: url(/resource/img/mobilus_faq/icon_support.png);
}
.card-support:hover{
  background-image: url(/resource/img/mobilus_faq/icon_support_hover.png);
}
.card-support.is_current {
  background-image: url(/resource/img/mobilus_faq/icon_support_hover.png);
}
.card-function{
  background-image: url(/resource/img/mobilus_faq/icon_function.png);
}
.card-function:hover{
  background-image: url(/resource/img/mobilus_faq/icon_function_hover.png);
}
.card-function.is_current {
  background-image: url(/resource/img/mobilus_faq/icon_function_hover.png);
}
.card-other{
  background-image: url(/resource/img/mobilus_faq/icon_etc.png);
}
.card-other:hover{
  background-image: url(/resource/img/mobilus_faq/icon_etc_hover.png);
}
.card-other.is_current {
  background-image: url(/resource/img/mobilus_faq/icon_etc_hover.png);
}

@media screen and (max-width: 599px){
  .card{
    padding: 24px 12px;
    font-size: 14px;
  }
}

/* ==============
transition
============== */
.pagechange-enter-active{
  transition: 1s all;
}
.pagechange-enter{
  opacity: 0;
  transform: translateY(16px);
}
.listchange-enter-active{
  transition: 1s all;
}
.listchange-leave-active{
  position: absolute;
  visibility: hidden;
}
.listchange-enter{
  opacity: 0;
  transform: translateX(16px);
}
.listchange-move{
  transition: 1s transform;
}
/* ==============
utility
============== */
/* 繧ｫ繝ｩ繝� */
.col1{
  width: calc(100% * 1 / 12);
}
.col2{
  width: calc(100% * 2 / 12);
}
.col3{
  width: calc(100% * 3 / 12);
}
.col4{
  width: calc(100% * 4 / 12);
}
.col5{
  width: calc(100% * 5 / 12);
}
.col6{
  width: calc(100% * 6 / 12);
}
.col7{
  width: calc(100% * 7 / 12);
}
.col8{
  width: calc(100% * 8 / 12);
}
.col9{
  width: calc(100% * 9 / 12);
}
.col10{
  width: calc(100% * 10 / 12);
}
.col11{
  width: calc(100% * 11 / 12);
}
.col12{
  width: calc(100% * 12 / 12);
}
@media screen and (max-width: 768px){
  .resMdCol1{
    width: calc(100% * 1 / 12);
  }
  .resMdCol2{
    width: calc(100% * 2 / 12);
  }
  .resMdCol3{
    width: calc(100% * 3 / 12);
  }
  .resMdCol4{
    width: calc(100% * 4 / 12);
  }
  .resMdCol5{
    width: calc(100% * 5 / 12);
  }
  .resMdCol6{
    width: calc(100% * 6 / 12);
  }
  .resMdCol7{
    width: calc(100% * 7 / 12);
  }
  .resMdCol8{
    width: calc(100% * 8 / 12);
  }
  .resMdCol9{
    width: calc(100% * 9 / 12);
  }
  .resMdCol10{
    width: calc(100% * 10 / 12);
  }
  .resMdCol11{
    width: calc(100% * 11 / 12);
  }
  .resMdCol12{
    width: calc(100% * 12 / 12);
  }
}
@media screen and (max-width: 599px){
  .resSmCol1{
    width: calc(100% * 1 / 12);
  }
  .resSmCol2{
    width: calc(100% * 2 / 12);
  }
  .resSmCol3{
    width: calc(100% * 3 / 12);
  }
  .resSmCol4{
    width: calc(100% * 4 / 12);
  }
  .resSmCol5{
    width: calc(100% * 5 / 12);
  }
  .resSmCol6{
    width: calc(100% * 6 / 12);
  }
  .resSmCol7{
    width: calc(100% * 7 / 12);
  }
  .resSmCol8{
    width: calc(100% * 8 / 12);
  }
  .resSmCol9{
    width: calc(100% * 9 / 12);
  }
  .resSmCol10{
    width: calc(100% * 10 / 12);
  }
  .resSmCol11{
    width: calc(100% * 11 / 12);
  }
  .resSmCol12{
    width: calc(100% * 12 / 12);
  }
}


/* 髢馴囮 */
.mbXxs{
  margin-bottom: 4px;
}
.mbXs{
  margin-bottom: 8px;
}
.mbSm{
  margin-bottom: 16px;
}
.mbMd{
  margin-bottom: 24px;
}
.mbLg{
  margin-bottom: 40px;
}
.mbXl{
  margin-bottom: 64px;
}
.mtXxs{
  margin-top: 4px;
}
/* 譁�ｭ励し繧､繧ｺ */
.fsXs{
  font-size: 12px;
}
.fsSm{
  font-size: 14px;
}
/* 陦碁€√ｊ */
.lh1{
  line-height: 1;
}
/* 繧｢繧､繧ｳ繝ｳ莉倥″譁�ｭ励�繧､繝ｳ繝�Φ繝� */
.indentRev1word{
  text-indent: -1em;
  padding-left: 1em;
}
/* 隕∫ｴ�縺ｮ蜑企勁�丞�迴ｾ */
@media screen and (max-width: 599px){
  .resSmHide{
    display: none;
  }
}