@charset "utf-8";

/* ======================================================
 * solution.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Override
 * - Parts
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Common
 * - Override
 * - Parts
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- solution-select-container ----- */
  .solution-select-container [class*="solution-select_area_"] {
    padding: 2.625rem 1.75rem;
  }
  .solution-select-container .solution-select_area_task {
    background-color: #f6f6f6;
  }
  .solution-select-container .solution-select_area_case {
    background-color: #eee;
  }
  .solution-select-container .solution-select_area_item {
    background-color: #e7e7e7;
  }
  .solution-select-container .solution-select_heading {
    position: relative;
    margin-bottom: 25px;
    padding: 20px 80px 0;
    display: flex;
    align-items: center;
  }
  .solution-select-container .solution-select_heading .solution-select_button {
    position: absolute;
    top: calc(50% - 26px);
    right: 0;
    min-width: 66px;
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1260px) {
}


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Override
  
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- solution-select-container ----- */
  .solution-select-container [class*="solution-select_area_"] {
    padding: 1.49625rem .9975rem;
  }
  .solution-select-container .solution-select_area_task {
    background-color: #f6f6f6;
  }
  .solution-select-container .solution-select_area_case {
    background-color: #eee;
  }
  .solution-select-container .solution-select_area_item {
    background-color: #e7e7e7;
  }
  .solution-select-container .solution-select_heading {
    position: relative;
    margin-bottom: 25px;
    padding: 20px 80px 0;
    display: flex;
    align-items: center;
  }
  .solution-select-container .solution-select_heading .solution-select_button {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    min-width: 66px;
  }
  .solution-select_heading-text {
    margin-bottom: 0;
  }
  
}


/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}


/* ======================================================
 * Print
====================================================== */
@media print {
}