@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1399px) {
}

@media all and (max-width: 1199px) {
}

@media all and (max-width: 991px) {
  .intro_wrap .intro_txt h2{ font-size: 1.5em; }
  .intro_wrap{ padding: 20px; }
  .intro_wrap .intro_img{ width: 100px; }
  .intro_wrap .intro_txt{ width: calc(100% - 100px); padding-left: 20px; }
  .intro_wrap .intro_txt h2{ margin-bottom: 10px; font-size: 1.25em; }
  .intro_wrap .intro_txt p{ font-size: .813em; }
  .intro_wrap .intro_txt .btn_wrap{ margin-top: 20px; }
  .intro_wrap.t2 .intro_txt{ padding: 0 20px 0 0;}

  footer .row > div:nth-child(1){ text-align: center;}
  footer .flogo{ margin: 0 auto 15px auto;}
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 767px) {
  ul.list li a{ flex-wrap: wrap; }
  ul.list li a p:nth-child(2){ width: 100%; order: 4;}
  ul.list li a p:nth-child(3){ width: auto; border-bottom: 1px dashed #ccc; order: 2;}
  ul.list li a p:nth-child(4){ width: calc(100% - 260px); border-bottom: 1px dashed #ccc; order: 3;}

  .sort_list{ display: none; }
  .sort_wrap_mb{ display: block; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
  h2{ font-size: 1.75em; }
  h3{ font-size: 1.5em; }
  h4{ font-size: 1.25em; }
  h5{ font-size: 1.125em; }
  h6{ font-size: 1em; }

  section{ padding: 40px 0; }

  .h2_wrap{ margin-bottom: 20px;}

  footer{ padding: 40px 0;}
}

@media all and (max-width: 480px) {
  ul.list li a p:nth-child(3){ width: calc(100% - 60px);}
  ul.list li a p:nth-child(4){ display: none;}
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
}