@charset "utf-8";
/*------------------------  prod  ------------------------*/


/*-----  title  -----*/
#support .title_content { padding: 0 5%; }
#support .title_content .title_block { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 150px; font-weight: 700; line-height: 1.3; text-align: center; z-index: 101; }
#support .title_content .title { font-size: 32px; }
#support .title_content .title .sub { display: block; margin: 3px 0 0; font-size: 22px; }

@media screen and (max-width: 840px) {
 #support .title_content {}
 #support .title_content .title_block { height: 90px; }
 #support .title_content .title { font-size: 24px; }
 #support .title_content .title .sub { margin: 2px 0 0; font-size: 16px; }
}


/*-----  trouble buster  -----*/
#support .tb_content { margin: 0 0 60px; padding: 70px 5%; background: url(/images/support/tb_img.jpg) no-repeat bottom right #f7f7f7; background-size: contain; }
#support .tb_content .tb_content_inner { margin: 0 auto; max-width: 1080px; }
#support .tb_content .tb_block { width: 60%; }
#support .tb_content .ttl_block { display: flex; margin: 0 0 28px; }
#support .tb_content .ttl_block .icon { flex-basis: 40px; padding: 2px 0 0; }
#support .tb_content .ttl_block .ttl { flex: 1; padding: 0 0 0 8px; font-weight: 700; font-size: 28px; line-height: 1.3; }
#support .tb_content .info_txt { margin: 0 0 8px; font-weight: 700; font-size: 18px; color: #a00e14; }
#support .tb_content .tel_block { display: flex; align-items: center; }
#support .tb_content .tel_block .tel { font-weight: 700; font-size: 32px; }
#support .tb_content .tel_block .tel .call { color: #a00e14; }
#support .tb_content .tel_block .times { padding: 10px 0 0 12px; font-weight: 500; font-size: 15px; color: #a00e14; }
#support .tb_content .caution_block { margin: 28px 0 0; font-size: 14px; line-height: 1.5; }
#support .tb_content .caution_block .list { position: relative; padding: 0 0 4px 1.1em; }
#support .tb_content .caution_block .list::before { content: '※'; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 840px) {
 #support .tb_content { margin: 0 0 40px; padding: 30px 5% 190px; background: url(/images/support/tb_img.jpg) no-repeat bottom center #f7f7f7; background-size: 320px 201px; }
 #support .tb_content .tb_block { width: inherit; }
 #support .tb_content .ttl_block { margin: 0 0 20px; }
 #support .tb_content .ttl_block .icon { flex-basis: 26px; }
 #support .tb_content .ttl_block .ttl { padding: 0 0 0 6px; font-size: 20px; }
 #support .tb_content .info_txt { margin: 0 0 6px; font-size: 15px; }
 #support .tb_content .tel_block { display: block; }
 #support .tb_content .tel_block .tel { font-weight: 700; font-size: 26px; }
 #support .tb_content .tel_block .times { padding: 6px 0 0; font-size: 14px; }
 #support .tb_content .caution_block { margin: 20px 0 0; font-size: 13px; }
}


/*-----  select btn  -----*/
#support .select_block { padding: 0 5% 30px; }
#support .select_block .select_block_inner { display: flex; justify-content: center; /*-- flex-wrap: wrap; --*/ }
#support .select_block .select_btn { flex-basis: calc(100% / 3); padding: 0 8px; }
#support .select_block .select_btn .link { display: flex; align-items: center; padding: 0 8px; height: 74px; border: 1px solid #ddd; border-radius: 3px; }
#support .select_block .select_btn .link .icon { flex-basis: 50px; }
#support .select_block .select_btn .link .txt { flex: 1; position: relative; padding: 0 20px 0 14px; font-weight: 700; font-size: 15px; line-height: 1.3;  }
#support .select_block .select_btn .link .txt::after { content: ''; position: absolute; top: 50%; right: 8px; width: 7px; height: 7px; border-top: 1px solid #a00e14; border-right: 1px solid #a00e14; transform: translate(0, -50%) rotate(135deg); }
#support .select_block .select_btn .link.transition .txt::after { transform: translate(0, -50%) rotate(45deg); }
#support .select_block.pro { padding: 0 5% 45px; }
#support .select_block.pro .select_btn { flex-basis: calc(100% / 2); }
#support .select_block.pro .select_btn .link { height: 84px; }
#support .select_block.pro .select_btn .link .icon { flex-basis: 60px; }

@media screen and (max-width: 840px) {
 #support .select_block { padding: 0 5% 20px; }
 #support .select_block .select_block_inner { display: block; }
 #support .select_block .select_btn { padding: 0 0 8px; max-width: inherit; }
 #support .select_block .select_btn .link { height: 54px; }
 #support .select_block .select_btn .link .icon { flex-basis: 36px; }
 #support .select_block .select_btn .link .txt { padding: 0 20px 0 12px; font-size: 14px; }
 #support .select_block.pro { padding: 0 5% 25px; }
 #support .select_block.pro .select_btn .link { height: 64px; }
 #support .select_block.pro .select_btn .link .icon { flex-basis: 50px; }
}


/*-----  select pro btn  -----*/
#support .select_block_pro { padding: 0 5% 45px; }
#support .select_block_pro .select_block_inner { display: flex; justify-content: center; flex-wrap: wrap; }
#support .select_block_pro .select_btn { flex-basis: calc(100% / 2); padding: 0 10px; }
#support .select_block_pro .select_btn.col3 { flex-basis: calc(100% / 3); }
#support .select_block_pro .select_btn .link { display: flex; align-items: center; padding: 0 8px; height: 82px; border: 1px solid #ddd; border-radius: 3px; }
#support .select_block_pro .select_btn .link .icon { flex-basis: 54px; }
#support .select_block_pro .select_btn .link .txt { flex: 1; position: relative; padding: 0 20px 0 49px; font-weight: 700; font-size: 15px; line-height: 1.3; }
#support .select_block_pro .select_btn .link .txt::before { content: ''; position: absolute; top: 50%; left: 7px; width: 36px; height: 30px; background: url(/images/support/icon_select02_min.png) no-repeat center; background-size: contain; transform: translate(0, -50%); }
#support .select_block_pro .select_btn .link .txt::after { content: ''; position: absolute; top: 50%; right: 8px; width: 7px; height: 7px; border-top: 1px solid #a00e14; border-right: 1px solid #a00e14; transform: translate(0, -50%) rotate(135deg); }

@media screen and (max-width: 840px) {
 #support .select_block_pro { padding: 0 5% 25px; }
 #support .select_block_pro .select_block_inner { display: block; }
 #support .select_block_pro .select_btn { padding: 0 0 8px; max-width: inherit; }
 #support .select_block_pro .select_btn .link { height: 64px; }
 #support .select_block_pro .select_btn .link .icon { flex-basis: 42px; }
 #support .select_block_pro .select_btn .link .txt { padding: 0 20px 0 42px; font-size: 14px; }
 #support .select_block_pro .select_btn .link .txt::before { width: 30px; height: 25px; }
}


/*-----  select pro2 btn  -----*/
#support .select_block_pro2 { padding: 0 5% 45px; }
#support .select_block_pro2 .select_block_inner { display: flex; justify-content: center; flex-wrap: wrap; }
#support .select_block_pro2 .select_btn { flex-basis: calc(100% / 3); padding: 0 8px; }
#support .select_block_pro2 .select_btn .link { position: relative; display: block; padding: 16px; border: 1px solid #ddd; border-radius: 3px; text-align: center; }
#support .select_block_pro2 .select_btn .link .icon { margin: 0 auto; max-width: 200px; }
#support .select_block_pro2 .select_btn .link .txt { position: relative; display: inline-block; margin: 13px 0 0; padding: 0 18px 0 49px; font-weight: 700; font-size: 15px; line-height: 1.3; }
#support .select_block_pro2 .select_btn .link .txt::before { content: ''; position: absolute; top: 50%; left: 7px; width: 36px; height: 30px; background: url(/images/support/icon_select02_min.png) no-repeat center; background-size: contain; transform: translate(0, -50%); }
#support .select_block_pro2 .select_btn .link .txt::after { content: ''; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; border-top: 1px solid #a00e14; border-right: 1px solid #a00e14; transform: translate(0, -50%) rotate(135deg); }

@media screen and (max-width: 840px) {
 #support .select_block_pro2 { padding: 0 5% 25px; }
 #support .select_block_pro2 .select_block_inner { display: block; }
 #support .select_block_pro2 .select_btn { padding: 0 0 8px; max-width: inherit; }
 #support .select_block_pro2 .select_btn .link { display: flex; align-items: center; padding: 0 8px; height: 64px; text-align: left; }
 #support .select_block_pro2 .select_btn .link .icon { margin: inherit; flex-basis: 70px; }
 #support .select_block_pro2 .select_btn .link .txt { flex: 1; margin: 0; padding: 0 20px 0 42px; font-size: 14px; }
 #support .select_block_pro2 .select_btn .link .txt::after { right: 8px; }
 #support .select_block_pro2 .select_btn .link .txt::before { width: 30px; height: 25px; }
}


/*-----  check  -----*/
#support .check_content { padding: 40px 5% 50px; }
#support .check_content .check_ttl { position: relative; margin: 0 0 35px; padding: 0 0 18px 14px; border-bottom: 1px solid #e6e6e6; font-weight: 700; font-size: 24px; }
#support .check_content .check_ttl::before { content: ''; position: absolute; top: 1px; left: 0; width: 3px; height: 24px; background: #a00e14; }
#support .check_content .note { margin: 0 0 30px; font-weight: 700; font-size: 18px; line-height: 1.5; }
#support .check_content .check { padding: 26px 30px 30px; border: 1px solid #ddd; }
#support .check_content .check:not(:last-of-type) { margin: 0 0 30px; }
#support .check_content .check .ttl_block { display: flex; margin: 0 0 25px; }
#support .check_content .check .ttl_block .icon { flex-basis: 34px; }
#support .check_content .check .ttl_block .ttl { flex: 1; padding: 1px 0 0 8px; font-weight: 700; font-size: 22px; line-height: 1.3; }
#support .check_content .check .check_inner { display: flex; flex-direction: row-reverse; }
#support .check_content .check .img_block { flex-basis: 220px; }
#support .check_content .check .txt_block { flex: 1; padding: 0 30px 0 0; }
#support .check_content .check .txt_block .box { display: flex; margin: 0 0 20px; }
#support .check_content .check .txt_block .box .cause { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 50px; height: 22px; background: #fff; border: 1px solid #a00e14; font-weight: 700; font-size: 14px; color: #a00e14; border-radius: 2px; }
#support .check_content .check .txt_block .box .deal { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 50px; height: 22px; background: #a00e14; font-weight: 700; font-size: 14px; color: #fff; border-radius: 2px; }
#support .check_content .check .txt_block .box .txt { flex: 1; font-weight: 500; font-size: 15px; line-height: 1.5; }
#support .check_content .check .txt_block .caution { margin: 22px 0 0; font-size: 14px; line-height: 1.4; }
#support .check_content .check .txt_block .caution .txt { position: relative; padding: 0 0 4px 1.1em; }
#support .check_content .check .txt_block .caution .txt::before { content: '※'; position: absolute; top: 0; left: 0; }
#support .check_content .check .txt_block .sub_img { display: flex; padding: 20px 0 0 20px; }
#support .check_content .check .txt_block .sub_img .img { flex-basis: 300px; margin: 0 20px 0 0; }

@media screen and (max-width: 840px) {
 #support .check_content { padding: 20px 5% 40px; }
 #support .check_content .check_ttl { margin: 0 0 20px; padding: 0 0 12px 11px; font-size: 18px; }
 #support .check_content .check_ttl::before { width: 3px; height: 18px; }
 #support .check_content .note { margin: 0 0 20px; font-size: 15px; }
 #support .check_content .check { padding: 16px 18px 20px; }
 #support .check_content .check:not(:last-of-type) { margin: 0 0 20px; }
 #support .check_content .check .ttl_block { margin: 0 0 16px; }
 #support .check_content .check .ttl_block .icon { flex-basis: 26px; }
 #support .check_content .check .ttl_block .ttl { padding: 0 0 0 8px; font-size: 18px; }
 #support .check_content .check .check_inner { display: block; }
 #support .check_content .check .img_block { margin: 0 auto 18px; max-width: 190px; }
 #support .check_content .check .txt_block { flex: 1; padding: 0; }
 #support .check_content .check .txt_block .box { display: flex; margin: 0 0 18px; }
 #support .check_content .check .txt_block .box .cause { margin: 0 10px 0 0; width: 40px; height: 20px; font-size: 13px; }
 #support .check_content .check .txt_block .box .deal {  margin: 0 10px 0 0; width: 40px; height: 20px; font-size: 13px; }
 #support .check_content .check .txt_block .box .txt { font-size: 14px; }
 #support .check_content .check .txt_block .caution { margin: 18px 0 0; }
 #support .check_content .check .txt_block .sub_img { display: block; padding: 6px 0 0; }
 #support .check_content .check .txt_block .sub_img .img { margin: 0 auto; padding: 8px 0; max-width: 260px; }
}


/*-----  faq list  -----*/
#support .list_content { padding: 40px 5% 50px; border-bottom: 1px solid #e6e6e6; }
#support .list_content .list_ttl { position: relative; margin: 0 0 40px; padding: 0 0 18px 14px; border-bottom: 1px solid #e6e6e6; font-weight: 700; font-size: 24px; }
#support .list_content .list_ttl::before { content: ''; position: absolute; top: 1px; left: 0; width: 3px; height: 24px; background: #a00e14; }
#support .list_content .list_block { display: flex; flex-wrap: wrap; margin: 0 -15px; }
#support .list_content .list_block .item { flex-basis: calc(100% / 3); padding: 0 15px 30px; }
#support .list_content .list_block .item .link { position: relative; display: block; padding: 15px 25px 25px; height: 100%; background: #f6f6f6; color: #111; border-radius: 3px; font-weight: 700; line-height: 1.3; text-align: center; }
#support .list_content .list_block .item .img { margin: 0 auto; width: 86%; }
#support .list_content .list_block .item .txt_block { padding: 5px 0 0; }
#support .list_content .list_block .item .txt_block .ttl { font-size: 18px; }
#support .list_content .list_block .item .txt_block .subttl { margin: 3px 0 0; font-size: 14px; }

@media screen and (max-width: 1020px) {
 #support .list_content .list_block .item .txt_block .ttl { font-size: 16px; }
 #support .list_content .list_block .item .txt_block .subttl { font-size: 13px; }
}

@media screen and (max-width: 840px) {
 #support .list_content { padding: 20px 5% 40px; }
 #support .list_content .list_ttl { margin: 0 0 25px; padding: 0 0 12px 11px; font-size: 18px; }
 #support .list_content .list_ttl::before { width: 3px; height: 18px; }
 #support .list_content .list_block { display: block; margin: 0; }
 #support .list_content .list_block .item { padding: 0 0 10px; }
 #support .list_content .list_block .item:last-of-type { padding: 0; }
 #support .list_content .list_block .item .link { display: flex; align-items: center; padding: 7px 6px; text-align: left; }
 #support .list_content .list_block .item .link::after { content: ''; position: absolute; top: 50%; right: 13px; width: 7px; height: 7px; border-top: 1px solid #a00e14; border-right: 1px solid #a00e14; transform: translate(0, -50%) rotate(45deg); }
 #support .list_content .list_block .item .link .img { flex-basis: 70px; }
 #support .list_content .list_block .item .txt_block { flex: 1; padding: 6px 22px 6px 6px; }
 #support .list_content .list_block .item .txt_block .ttl { font-size: 15px; }
 #support .list_content .list_block .item .txt_block .subttl { margin: 2px 0 0; font-size: 13px; }
}


/*-----  supplement  -----*/
#support .supplement_content { padding: 80px 2%; }
#support .supplement_content .supplement { display: flex; justify-content: center; }
#support .supplement_content .item { flex-basis: calc(100% / 3); padding: 0 2%; }
#support .supplement_content .item .link { display: block; margin: 0 auto; max-width: 280px; }
#support .supplement_content .item .ttl { margin: 14px 0 0; font-weight: 700; font-size: 18px; line-height: 1.3; }
#support .supplement_content .item .txt { margin: 6px 0 0; font-size: 15px; line-height: 1.5; }
#support .supplement_content .supplement_sub { display: flex; justify-content: center; padding: 60px 0 0; }
#support .supplement_content .suppl_btn { flex-basis: 50%; }
#support .supplement_content .suppl_btn .link { display: flex; align-items: center; position: relative; padding: 0 30px 0 20px; height: 84px; border: 1px solid #ccc; border-radius: 3px; }
#support .supplement_content .suppl_btn .link::after { content: ''; position: absolute; top: 50%; right: 20px; width: 7px; height: 7px; border-top: 1px solid #a00e14; border-right: 1px solid #a00e14; transform: translate(0, -50%) rotate(45deg); }
#support .supplement_content .suppl_btn .link .txt { font-weight: 700; font-size: 18px; line-height: 1.3; }
#support .supplement_content .suppl_btn .link .txt .sub { display: block; margin: 4px 0 0; font-weight: 400; font-size: 14px; line-height: 1.3; }

@media screen and (max-width: 840px) {
 #support .supplement_content { padding: 40px 5%; }
 #support .supplement_content .supplement { display: block; }
 #support .supplement_content .item { padding: 0 0 30px; }
 #support .supplement_content .item:last-of-type { padding: 0; }
 #support .supplement_content .item .link { max-width: inherit; }
 #support .supplement_content .item .ttl { margin: 12px 0 0; font-size: 16px; }
 #support .supplement_content .item .txt { margin: 5px 0 0; font-size: 14px; }
 #support .supplement_content .supplement_sub { display: block; padding: 30px 0 0; }
 #support .supplement_content .suppl_btn { padding: 6px 0; }
 #support .supplement_content .suppl_btn .link { padding: 0 22px 0 13px; height: 78px; }
 #support .supplement_content .suppl_btn .link::after { right: 13px; }
 #support .supplement_content .suppl_btn .link .txt { font-size: 15px; }
 #support .supplement_content .suppl_btn .link .txt .sub { margin: 2px 0 0; font-size: 13px; }
}





/*---------------  製品別FAQ  ---------------*/


/*-----  products ttl  -----*/
#support .products_ttl { padding: 35px 5%; border-top: 1px solid #e6e6e6; font-weight: 700; line-height: 1.3; }
#support .products_ttl .products_ttl_inner { display: flex; align-items: center; justify-content: center; }
#support .products_ttl .img { flex-basis: 110px; }
#support .products_ttl .ttl_block { padding: 0 0 0 10px; }
#support .products_ttl .ttl { font-size: 28px; }
#support .products_ttl .sub { margin: 3px 0 0; font-size: 18px; }

@media screen and (max-width: 840px) {
 #support .products_ttl { padding: 20px 5%; }
 #support .products_ttl .products_ttl_inner { justify-content: flex-start; }
 #support .products_ttl .img { flex-basis: 74px; }
 #support .products_ttl .ttl_block { flex: 1; padding: 0 0 0 8px; }
 #support .products_ttl .ttl { font-size: 20px; }
 #support .products_ttl .sub { font-size: 15px; }
}


/*-----  faq  -----*/
#support .select_copy { padding: 0 0 18px; font-weight: 700; font-size: 20px; line-height: 1.3; text-align: center; }

#support .faq_content { padding: 20px 5% 70px; }

#support .head_ttl { margin: 0 0 35px; padding: 10px 0 16px; border-bottom: 1px solid #a00e14; font-weight: 700; font-size: 24px; line-height: 1.3; }
#support .head_ttl.ct { padding: 30px 0 16px; }

#support .step_ttl { display: flex; align-items: center; margin: 0 0 30px; padding: 10px 0 10px; border-bottom: 1px solid #e6e6e6; }
#support .step_ttl .icon { flex-basis: 60px; padding: 0 10px 0 0; }
#support .step_ttl .ttl { flex: 1; font-weight: 700; font-size: 22px; }

#support .step_ttl_w { display: flex; align-items: center; margin: 0 0 30px; padding: 12px 0 12px; border-bottom: 1px solid #e6e6e6; }
#support .step_ttl_w .icon { flex-basis: 120px; padding: 0 12px 0 0; }
#support .step_ttl_w .ttl { flex: 1; font-weight: 700; font-size: 22px; }

#support .faq_block { padding: 20px 0 0; }
#support .faq_block .block_ttl { display: flex; align-items: center; position: relative; margin: 0 0 22px; padding: 0 0 0 14px; font-weight: 700; }
#support .faq_block .block_ttl::before { content: ''; position: absolute; top: 1px; left: 0; width: 3px; height: 22px; background: #a00e14; }
#support .faq_block .block_ttl .ttl { font-size: 22px; }
#support .faq_block .block_ttl .num { padding: 6px 0 0 5px; font-weight: 500; font-size: 15px; }
#support .faq_block .item_list { padding: 0 0 30px; }
#support .faq_block .item_list:not(:last-of-type) { padding: 0 0 50px; }
#support .faq_block .item { border-bottom: 1px solid #e6e6e6; font-size: 16px; line-height: 1.6; }
#support .faq_block .item:first-of-type { border-top: 1px solid #e6e6e6; }
#support .faq_block .item .link { text-decoration: underline; color: #a00e14; }
#support .faq_block .item .qt { position: relative; cursor: pointer; }
#support .faq_block .item .qt:hover { opacity: .7; }
#support .faq_block .item .qt .label { position: absolute; top: 50%; right: 5px; transform: translate(0, -50%); }
#support .faq_block .item .qt .label .icon_label { position: relative; display: block; width: 13px; height: 13px; }
#support .faq_block .item .qt .label .icon_label .bar { display: block; position: absolute; width: 13px; height: 1px; left: 0; background: #a00e14; transition: .3s; }
#support .faq_block .item .qt .label .icon_label .bar:nth-of-type(1) { top: 6px; }
#support .faq_block .item .qt .label .icon_label .bar:nth-of-type(2) { top: 6px; transform: rotate(90deg); }
#support .faq_block .item .qt.open .label .icon_label .bar:nth-of-type(1) {}
#support .faq_block .item .qt.open .label .icon_label .bar:nth-of-type(2) { transform: rotate(0); }
#support .faq_block .item .more { display: none; }
#support .faq_block .item .qt .txt { position: relative; padding: 18px 36px 18px 30px; font-weight: 500; }
#support .faq_block .item .qt .txt::before { content: 'Q'; position: absolute; top: 11px; left: 0; font-weight: 700; font-size: 22px; color: #a00e14; }
#support .faq_block .item .an {}
#support .faq_block .item .an .txt { position: relative; padding: 8px 30px 18px 54px; }
#support .faq_block .item .an .txt::before { content: 'A'; position: absolute; top: 3px; left: 24px; font-weight: 700; font-size: 22px; color: #f86e74; }
#support .faq_block .item .an .txt .ans { margin-left: 1.2em; list-style: decimal; }
#support .faq_block .item .an .txt .ans:only-child { margin-left: 0; list-style: none; }

#support .contact_block { display: flex; margin: 0 0 70px; padding: 30px 0; background: #f6f6f6; }
#support .contact_block .block { flex-basis: calc(100% / 2); padding: 3px 40px; line-height: 1.3; text-align: center; }
#support .contact_block .block:first-of-type { border-right: 1px solid #ddd; }
#support .contact_block .block .ttl_block { display: flex; align-items: center; justify-content: center; margin: 0 0 12px; }
#support .contact_block .block .ttl_block .icon { width: 28px; }
#support .contact_block .block .ttl_block .ttl { padding: 0 0 0 6px; font-weight: 700; font-size: 18px; }
#support .contact_block .block .form_btn { margin: 0 auto; padding: 8px 0 2px; max-width: 270px; }
#support .contact_block .block .form_btn .btn { font-size: 15px; }
#support .contact_block .block .tb_ttl { padding: 0 0 1px; font-weight: 700; font-size: 18px; }
#support .contact_block .block .tel { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24px; color: #a00e14; }
#support .contact_block .block .tel .call { color: #a00e14; }
#support .contact_block .block .times { padding: 7px 0 0 10px; font-weight: 500; font-size: 14px; }

#support .faq_btn_block { display: flex; justify-content: center; padding: 40px 0 0; border-top: 1px solid #e6e6e6; }
#support .faq_btn_block .faq_btn { margin: 0 15px; width: 200px; }


@media screen and (max-width: 840px) {
 #support .select_copy { padding: 0 0 14px; font-size: 16px; }
 #support .faq_content { padding: 5px 5% 40px; }
 #support .head_ttl { margin: 0 0 20px; padding: 10px 0 10px; font-size: 19px; }
 #support .head_ttl.ct { padding: 25px 0 10px; }
 #support .step_ttl { margin: 0 0 20px; padding: 10px 0 10px; }
 #support .step_ttl .icon { flex-basis: 46px; padding: 0 10px 0 0; }
 #support .step_ttl .ttl { font-size: 18px; }
 #support .step_ttl_w { margin: 0 0 20px; padding: 12px 0 12px; }
 #support .step_ttl_w .icon { flex-basis: 86px; padding: 0 12px 0 0; }
 #support .step_ttl_w .ttl { font-size: 18px; }

 #support .faq_block { padding: 10px 0 0; }
 #support .faq_block .block_ttl { margin: 0 0 18px; padding: 0 0 0 11px; }
 #support .faq_block .block_ttl::before { top: 1px; width: 3px; height: 18px; }
 #support .faq_block .block_ttl .ttl { font-size: 18px; }
 #support .faq_block .block_ttl .num { padding: 4px 0 0 5px; font-size: 14px; }
 #support .faq_block .item_list { padding: 0 0 20px; }
 #support .faq_block .item_list:not(:last-of-type) { padding: 0 0 35px; }
 #support .faq_block .item { font-size: 15px; line-height: 1.5; }
 #support .faq_block .item .qt:hover { opacity: 1; }
 #support .faq_block .item .qt .label { right: 3px; }
 #support .faq_block .item .qt .txt { padding: 14px 26px 14px 20px; }
 #support .faq_block .item .qt .txt::before { top: 10px; font-size: 18px; }
 #support .faq_block .item .an .txt { padding: 4px 26px 14px 26px; }
 #support .faq_block .item .an .txt::before { top: 1px; left: 6px; font-size: 18px; }

 #support .contact_block { display: block; margin: 0 0 40px; padding: 0; }
 #support .contact_block .block { margin: 0 15px; padding: 22px 0; }
 #support .contact_block .block:first-of-type { border-right: none; border-bottom: 1px solid #ddd; }
 #support .contact_block .block .ttl_block { margin: 0 auto 10px; text-align: left; }
 #support .contact_block .block .ttl_block .icon { width: 22px; }
 #support .contact_block .block .ttl_block .ttl { padding: 0 0 0 6px; font-size: 16px; }
 #support .contact_block .block .form_btn { padding: 4px 0 2px; max-width: 250px; }
 #support .contact_block .block .form_btn .btn { font-size: 14px; }
 #support .contact_block .block .tb_ttl { padding: 0 0 1px; font-size: 16px; }
 #support .contact_block .block .tel { display: block; font-size: 24px; }
 #support .contact_block .block .times { padding: 3px 0 0; font-size: 13px; }

 #support .faq_btn_block { padding: 35px 0 0; }
 #support .faq_btn_block .faq_btn { margin: 0 6px; width: 180px; }
}


/*-----  slc5 note  -----*/
#support .slc5_note_block { padding: 0 5% 50px; }
#support .slc5_note { padding: 20px 25px 25px; border: 1px solid #ddd; }
#support .slc5_note .note_txt { padding: 0 0 25px; font-weight: 500; font-size: 15px; line-height: 1.5; }
#support .slc5_note .slc5_note_inner { display: flex; justify-content: center; }
#support .slc5_note .item { padding: 0 40px; width: 300px; text-align: center; }
#support .slc5_note .item .txt { margin: 12px 0 0; font-weight: 700; font-size: 15px; line-height: 1.3; }
#support .slc5_note .item .txt .sp { display: none; }

@media screen and (max-width: 840px) {
 #support .slc5_note_block { padding: 0 5% 30px; }
 #support .slc5_note { padding: 12px 15px 16px; }
 #support .slc5_note .note_txt { padding: 0 0 16px; font-size: 14px; }
 #support .slc5_note .slc5_note_inner {}
 #support .slc5_note .item { padding: 0; width: 220px; }
 #support .slc5_note .item .txt { margin: 8px 0 0; font-size: 13px; }
 #support .slc5_note .item .txt .sp { display: block; }
}


/*-----  slc5 sup  -----*/
#support .slc5_sup1 { padding: 10px 0 5px; max-width: 240px; }
@media screen and (max-width: 840px) {
 #support .slc5_sup1 { padding: 10px 0 5px; max-width: 210px; }
}

#support .slc5_sup2 { padding: 15px 0 5px; max-width: 220px; }
@media screen and (max-width: 840px) {
 #support .slc5_sup2 { padding: 15px 0 5px; max-width: 190px; }
}


/*-----  slc4 sup  -----*/
#support .slc4_sup { display: flex; padding: 20px 0 10px; }
#support .slc4_sup .sup_block { flex-basis: 240px; }
#support .slc4_sup .sup_block:not(:last-of-type) { margin: 0 30px 0 0; }
#support .slc4_sup .sup_block .sup_txt { padding: 0 0 6px; font-size: 14px; line-height: 1.5; }
#support .slc4_sup .sup_block .sup_img { max-width: 220px; }

@media screen and (max-width: 840px) {
 #support .slc4_sup { display: block; padding: 20px 0 10px; }
 #support .slc4_sup .sup_block:not(:last-of-type) { margin: 0 0 20px; }
 #support .slc4_sup .sup_block .sup_txt { padding: 0 0 6px; font-size: 13px; }
 #support .slc4_sup .sup_block .sup_img { max-width: 190px; }
}


/*-----  slc4 lcd  -----*/
#support .slc4_lcd { display: flex; padding: 20px 0 10px; }
#support .slc4_lcd .lcd_pro { flex-basis: 250px; }
#support .slc4_lcd .lcd_item { flex: 1; padding: 0 0 0 45px; }
#support .slc4_lcd .lcd { display: flex; }
#support .slc4_lcd .lcd:not(:last-of-type) { margin: 0 0 20px; }
#support .slc4_lcd .lcd .lcd_txt { flex-basis: 380px; padding: 0 30px 0 0; font-weight: 400; font-size: 14px; line-height: 1.5; }
#support .slc4_lcd .lcd .lcd_txt .sp { display: none; }
#support .slc4_lcd .lcd .lcd_img { flex-basis: 210px; }

@media screen and (max-width: 840px) {
 #support .slc4_lcd { display: block; padding: 20px 0 10px; }
 #support .slc4_lcd .lcd_pro { margin: 0 auto 20px; max-width: 160px; }
 #support .slc4_lcd .lcd_item { flex: 1; padding: 0; }
 #support .slc4_lcd .lcd { justify-content: center; }
 #support .slc4_lcd .lcd .lcd_txt { flex-basis: 210px; display: flex; padding: 0 10px 0 0; font-size: 13px; }
 #support .slc4_lcd .lcd .lcd_txt .sp { display: block; }
 #support .slc4_lcd .lcd .lcd_img { flex-basis: 210px; }
}


/*-----  cab sup  -----*/
#support .cab_sup { display: flex; padding: 0 0 10px; }
#support .cab_sup .sup_txt { flex-basis: 420px; padding: 0 40px 0 0; font-size: 15px; line-height: 1.5; }
#support .cab_sup .sup_txt .list { margin-left: 1.2em; list-style: circle; }
#support .cab_sup .sup_img { flex-basis: 320px; }

@media screen and (max-width: 840px) {
 #support .cab_sup { display: block; padding: 0 0 10px; }
 #support .cab_sup .sup_txt { flex-basis: 420px; padding: 0 0 20px; font-size: 14px; line-height: 1.5; }
 #support .cab_sup .sup_txt .list { margin-left: 1.2em; list-style: circle; }
 #support .cab_sup .sup_img { max-width: 300px; }
}





.select_block .select_btn {
  flex-basis: calc(100% / 3);
  padding: 8px 8px!important;
}
/*-----  share  -----*/
 .block_ttl { position: relative; margin: 0 0 20px; padding: 0 0 16px 14px; border-bottom: 1px solid #e6e6e6; font-weight: 700; font-size: 24px; }
 .block_ttl::before { content: ''; position: absolute; top: 1px; left: 0; width: 3px; height: 24px; background: #a00e14; }
 /* .select_block { display: flex; justify-content: center; padding: 0 0 80px; } */
 /* .select_block .select_btn:not(:last-of-type) { margin: 0 18px 0 0; } */
 /* .select_block .select_btn .link { display: flex; align-items: center; padding: 6px; width: 400px; height: 80px; border: 1px solid #bbb; border-radius: 3px; opacity: .7; } */
 .select_block .select_btn .link:hover { opacity: 1; }
 .select_block .select_btn .link .img { flex-basis: 62px; display: block; }
 .select_block .select_btn .link .txt { flex: 1; display: block; padding: 0 0 0 6px; font-weight: 700; font-size: 15px; line-height: 1.3; }
 .slc5 .select_btn .link { padding: 0 6px; width: 400px; }
 .slc5 .select_btn .link .img { flex-basis: 78px; display: block; }

 .caution_block { display: flex; padding: 20px 0 30px; }
 .caution_block .ttl { width: 60px; }
 .caution_block .ttl .img { display: block; margin: 0 auto 4px; width: 40px; }
 .caution_block .txt_block { flex: 1; padding: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 1.5; }
 .caution_block .txt_block .txt { padding: 0 0 2px; }
 .caution_block .txt_block .list { position: relative; padding: 0 0 2px 1.1em; }
 .caution_block .txt_block .list::before { content: '※'; position: absolute; top: 0; left: 0; }

 .tb_block { margin: 30px 0 0; padding: 25px 5%; background: #f6f6f6; }
 .tb_block .note { padding: 0 0 12px; font-weight: 500; font-size: 15px; line-height: 1.3; }
 .tb_block .ttl { padding: 4px 24px 0 0; font-weight: 700; font-size: 18px; }
 .tb_block .tel { font-weight: 700; font-size: 26px; color: #a00e14; }
 .tb_block .tel .call { color: #a00e14; }
 .tb_block .times { padding: 5px 0 0 12px; font-weight: 500; font-size: 14px; color: #a00e14; }



@media screen and (max-width: 840px) {

  .block_ttl { margin: 0 0 25px; padding: 0 0 12px 11px; font-size: 18px; }
  .block_ttl::before { width: 3px; height: 18px; }
  .select_block { display: block; padding: 0 0 50px; }
  .select_block .select_btn:not(:last-of-type) { margin: 0 0 8px; }
  .select_block .select_btn .link { padding: 5px; width: 100%; height: 56px; }
  .select_block .select_btn .link .img { flex-basis: 44px; }
  .select_block .select_btn .link .txt { font-weight: 700; font-size: 14px; }
  .slc5 .select_btn .link { padding: 0 5px; width: 100%; height: 56px; }
  .slc5 .select_btn .link .img { flex-basis: 54px; }

  .caution_block { padding: 15px 0 15px; }
  .caution_block.slc5 { padding: 30px 0 15px; }
  .caution_block .ttl { width: 32px; }
  .caution_block .ttl .img { width: 32px; }
  .caution_block .txt_block { padding: 0 0 0 10px; font-size: 13px; }

  .tb_block { margin: 15px 0 0; padding: 12px 12px 18px; text-align: center; }
  .tb_block .note { display: inline-block; padding: 0 0 10px; font-size: 13px; text-align: left; }
  .tb_block .ttl { padding: 14px 0 6px; font-size: 15px; }
  .tb_block .tel { font-size: 24px; }
  .tb_block .times { padding: 6px 0 0; font-size: 13px; }

}


/*-----  spec  -----*/
 .spec_content { padding: 50px 5% 70px; }

 .spec_content.card { padding: 30px 5% 20px; }

 .spec_content .docs_block { padding: 0; }
 .spec_content .docs_block .block_ttl { margin: 0 0 40px; }
 .spec_content .docs_block .table {}
 .spec_content .docs_block .item { display: flex; align-items: center; padding: 17px 20px; }
 .spec_content .docs_block .item:nth-child(odd) { background: #f6f6f6; }
 .spec_content .docs_block .item .name { flex-basis: 150px; font-weight: 700; font-size: 15px; color: #a00e14; }
 .spec_content .docs_block .item .data { display: flex; flex-wrap: wrap; flex: 1; }
 .spec_content .docs_block .item .data .docs_btn { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 46px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 22px; height: 22px; background: url(/images/icon_pdf.png) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_slc2 { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_slc2 .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_slc2 .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_slc2.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_slc3 { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_slc3 .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_slc3 .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_slc3.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_kst { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_kst .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_kst .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_kst.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_mailbox { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_mailbox .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_mailbox .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_mailbox.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_cab { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_cab .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_cab .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_cab.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }
 .spec_content .docs_block .item .data .docs_btn_pad { flex-basis: 290px; padding: 5px; }
 .spec_content .docs_block .item .data .docs_btn_pad .link { display: flex; align-items: center; position: relative; padding: 0 10px 0 60px; height: 56px; background: #fff; border: 1px solid #ccc; font-weight: 500; font-size: 14px; line-height: 1.3; border-radius: 3px; }
 .spec_content .docs_block .item .data .docs_btn_pad .link::after { content: ''; position: absolute; top: 50%; left: 12px; width: 36px; height: 36px; background: url(/images/support/products_pad.jpg) no-repeat center; background-size: contain; transform: translate(0, -50%); }


@media screen and (max-width: 840px) {

  .spec_content { padding: 30px 5% 40px; }

  .spec_content.card { padding: 15px 5% 10px; }

  .spec_content .docs_block {}
  .spec_content .docs_block .block_ttl { margin: 0 0 30px; }
  .spec_content .docs_block .table {}
  .spec_content .docs_block .item { display: block; padding: 16px 12px 18px; }
  .spec_content .docs_block .item .name { padding: 0 0 8px; font-size: 15px; }
  .spec_content .docs_block .item .data { display: block; }
  .spec_content .docs_block .item .data .docs_btn { padding: 4px 0; }
  .spec_content .docs_block .item .data .docs_btn .link { height: 52px; font-size: 14px; }


}