@charset "UTF-8";
/*================================================
 Accordion
================================================*/
@media screen and (max-width: 639px) {
  .uk-accordion.faq_list li .uk-accordion-title,
  .uk-accordion.faq_list li .uk-accordion-content {
    font-size: 0.875rem;
  }
}

.uk-accordion.faq_list li .uk-accordion-title {
  padding: 15px 0 15px 25px;
}

.uk-accordion.faq_list li .uk-accordion-title:before {
  content: 'Q.';
  color: #1CB396;
}

.uk-accordion.faq_list li .uk-accordion-content {
  padding: 3px 0 15px 25px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2;
}

.uk-accordion.faq_list li .uk-accordion-content:before {
  content: 'A.';
  color: #D42839;
  top: 0;
}

#faq .contents + .contents,
#download .contents + .contents,
#download_archive .contents + .contents,
#download_webservice .contents + .contents,
#service_support .contents + .contents {
  border-top-style: dashed;
}

.support_service {
  background-color: #f3f5f7;
}

.support_service .card {
  padding: 15px;
}

.support_service .card figure {
  margin-bottom: 15px;
}

.support_service .card .card_button {
  padding: 0;
}

.support_service .service_webapp .card figure,
.support_service .service_pack .card figure {
  border-radius: 12px;
  background-color: #f8f8f8;
}

.support_service .service_webapp .card figure img,
.support_service .service_pack .card figure img {
  padding: 10px;
}

#support_lineup .card .support_icon:before {
  font-size: 4rem;
}

@media screen and (max-width: 639px) {
  #support_lineup .card .support_icon:before {
    font-size: 2.5rem;
  }
}

.uk-list.uk-list-divider a {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 639px) {
  .uk-list.uk-list-divider a {
    font-size: 0.875rem;
  }
}

.uk-list.uk-list-divider .icon-file-pdf:before {
  color: #D42839;
}

.uk-list.uk-list-divider .icon-file-archive:before {
  color: #3FAA96;
}

@media screen and (max-width: 639px) {
  .fail-data {
    font-size: 0.625rem;
  }
}

#new_doc {
  background-color: #edf5ff;
}

#new_doc .new_doc_title {
  margin-bottom: 40px;
  color: #547db0;
}

#new_doc .new_doc_date {
  margin-bottom: 10px;
  font-weight: 700;
}

#new_doc .new_doc_date::after {
  content: ' 更新';
  font-size: 0.875rem;
}

#new_doc .uk-list {
  margin: 0;
}

#new_doc .uk-list li {
  border-color: #b1cced;
}

#new_doc .uk-list li a:hover, #new_doc .uk-list li a:focus {
  background-color: #dbebfd;
}

#download .support_service .card {
  padding-bottom: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 639px) {
  #download .support_service .card {
    padding: 5px 5px 15px;
  }
  #download .support_service .card .uk-button {
    padding: 0 10px;
    font-size: 0.75rem;
  }
}

.old.uk-accordion {
  margin-top: 0;
}

.old.uk-accordion > li {
  border: none;
}

.old.uk-accordion > li .uk-list {
  padding-left: 0;
}

.repair .check_area {
  padding-top: 0;
  background-color: #fffaec;
  border: 6px solid #ffcc36;
  border-radius: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 639px) {
  .repair .check_area {
    font-size: 0.75rem;
  }
}

.repair .check_area .check_title {
  padding: 9px 0 15px;
  text-align: center;
  font-weight: bold;
  background-color: #ffcc36;
}

.repair .check_area .check_text {
  padding: 30px;
}

@media screen and (max-width: 639px) {
  .repair .check_area .check_text {
    padding: 15px;
  }
}

.repair .check_area .uk-table tr {
  border-color: #dcd2b2;
}

#repair_flow .check_area_red {
  padding-top: 0;
  background-color: #fffaec;
  border: 6px solid #ff7636;
  border-radius: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 639px) {
  #repair_flow .check_area_red {
    font-size: 0.75rem;
  }
}

#repair_flow .check_area_red .check_title {
  padding: 9px 0 15px;
  text-align: center;
  font-weight: bold;
  background-color: #ff7636;
}

#repair_flow .check_area_red .check_text {
  padding: 30px;
}

@media screen and (max-width: 639px) {
  #repair_flow .check_area_red .check_text {
    padding: 15px;
  }
}

#repair_flow .check_area_red .uk-table tr {
  border-color: #dcd2b2;
}

#repair_flow .flow {
  position: relative;
  margin-bottom: 100px;
  line-height: 1.6;
}

#repair_flow .flow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -55px;
  left: 50%;
  margin-left: -13px;
  width: 22px;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 6px solid #000;
  border-bottom: 6px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#repair_flow .flow:last-child {
  margin-bottom: 0;
}

#repair_flow .flow:last-child:after {
  content: none;
}

#repair_flow .flow .step {
  padding: 15px 20px;
  background-color: #f2f2f2;
  border-radius: 20px 20px 0 0;
  font-weight: bold;
}

@media screen and (max-width: 639px) {
  #repair_flow .flow .step {
    font-size: 1rem;
  }
}

#repair_flow .flow .step span {
  color: #1CB396;
}

#repair_flow .flow .box-border {
  border: 5px solid #f2f2f2;
  border-radius: 0 0 20px 20px;
  padding: 40px;
}

@media screen and (max-width: 639px) {
  #repair_flow .flow .box-border {
    padding: 25px;
  }
}

#repair_flow .flow_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 959px) {
  #repair_flow .flow_content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #repair_flow .flow_image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#repair_flow .send {
  padding: 20px 30px;
}

@media screen and (max-width: 639px) {
  #repair_flow .send {
    padding: 10px 15px;
    font-size: 0.75rem;
    border-radius: 12px;
  }
}

#repair_flow .send span {
  display: block;
}

#repair_flow .send.send_fl {
  background-color: #eefafa;
  color: #006575;
}

#repair_flow .send.send_fl a {
  color: #006575;
}

#repair_flow .send.send_shina {
  background-color: #fff1f1;
  color: #a60000;
}

#contact_tell h4 {
  padding: 10px 0;
  border-radius: 10px;
  background-color: #f1f3f5;
}

#contact_tell .icon-phone {
  font-weight: 700;
}

#contact_tell .icon-phone:before {
  color: #1CB396;
}

#contact_tell .icon-phone + span {
  padding-top: 10px;
  display: block;
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  #contact_tell .icon-phone a {
    color: #131313;
  }
}

#contact_tell #sales_time {
  border: 5px solid #f1f3f5;
}

@media screen and (max-width: 639px) {
  #contact_tell #sales_time p {
    font-size: 0.75rem;
  }
}

#contact_mail .list_link {
  border: 1px solid #d3dae0;
  border-radius: 15px;
}

#contact_mail .list_link li:nth-child(n+2) {
  margin-top: 0;
  border-top: 1px solid #d3dae0;
}

#contact_mail .list_link li a {
  display: block;
  padding: 20px 10px;
  font-size: 1.125rem;
  color: #131313;
}

@media screen and (max-width: 639px) {
  #contact_mail .list_link li a {
    padding: 15px 5px;
    font-size: 1rem;
  }
}

#contact_mail .list_link li a .icon-mail:before {
  color: #1CB396;
}

#contact_mail .list_link li a .icon-angle-right:before {
  font-size: 1.5rem;
}

#contact_mail .list_link li.mail_category {
  padding: 10px 20px;
  background-color: #f1f3f5;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 15px 15px 0 0;
  color: #4b5a69;
}

#service_support #title_area {
  background-color: #f1f3f5;
}

#service_support #sub_menu {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 959px) {
  #service_support #sub_menu {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#service_support #sub_menu .icon-angle-down:before {
  margin-right: 0;
}

#service_support #sub_menu > div:last-child {
  border-bottom: none;
}

@media screen and (max-width: 959px) {
  #service_support #sub_menu > div {
    border-bottom: 1px solid #d3dae0;
  }
}

#service_support #sub_menu a {
  padding: 10px;
  font-size: 1rem;
  font-weight: bold;
  color: #131313;
}

@media screen and (max-width: 959px) {
  #service_support #sub_menu a {
    display: block;
    font-size: 0.875rem;
  }
}

#service_support h4.uk-h6 {
  padding: 5px;
  background-color: #f1f3f5;
  border-radius: 6px;
}

#catalog_dl h4 {
  padding: 20px 0;
  border-radius: 10px;
  background-color: #f1f3f5;
}