@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　solution

**********************************************************************************************/
/*---------------------------------------------
search
---------------------------------------------*/
.solution_search {
  background: rgba(0, 51, 102, 0.1);
  padding: 40px 80px;
  margin: 0 0 80px; }
  @media (max-width: 750px) {
    .solution_search {
      padding: 6vw;
      margin: 0 0 14vw; } }

.solution_search_box {
  margin: 0 0 40px; }
  @media (max-width: 750px) {
    .solution_search_box {
      margin: 0 0 6vw; } }

.solution_search_box_tit {
  color: #003366;
  font-size: 2rem;
  margin: 0 0 5px; }
  @media (max-width: 750px) {
    .solution_search_box_tit {
      font-size: 3.75vw;
      margin: 0 0 1.3vw; } }

.solution_search_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -5px;
  font-size: 1.6rem; }
  @media (max-width: 750px) {
    .solution_search_list {
      font-size: 3.2vw;
      margin: 0 0 -1vw; } }
  .solution_search_list li {
    margin: 0 30px 5px 0; }
    @media (max-width: 750px) {
      .solution_search_list li {
        margin: 0 4vw 1vw 0; } }
  .solution_search_list label {
    display: flex;
    align-items: center; }
  .solution_search_list input {
    margin: 0 10px 0 0; }
    @media (max-width: 750px) {
      .solution_search_list input {
        margin: 0 1.3vw 0 0; } }

.solution_search_btn {
  -webkit-appearance: none;
  appearance: button;
  border: none;
  cursor: pointer; }

/*---------------------------------------------
list
---------------------------------------------*/
.solution_list > li {
  border: 1px solid #003366; }
  .solution_list > li:not(:last-child) {
    margin: 0 0 40px; }
    @media (max-width: 750px) {
      .solution_list > li:not(:last-child) {
        margin: 0 0 6.6vw; } }

.solution_list_tit {
  background: rgba(0, 51, 102, 0.1);
  font-weight: 700;
  font-size: 1.8rem;
  padding: 15px 40px;
  text-align: center;
  position: relative;
  cursor: pointer; }
  @media (max-width: 750px) {
    .solution_list_tit {
      font-size: 3.43vw;
      text-align: left;
      padding: 2vw 8vw 2vw 4vw; } }
  .solution_list_tit::after {
    content: "";
    display: block;
    background: url("../img/solution/arrow.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 10px;
    position: absolute;
    top: 47%;
    right: 20px;
    transform: rotate(180deg);
    transition: .4s; }
    @media (max-width: 750px) {
      .solution_list_tit::after {
        width: 4vw;
        height: 2vw; } }
  .solution_list_tit.-active::after {
    transform: rotate(0deg);
    top: 40%; }

.solution_list_content {
  padding: 30px 50px 50px;
  display: none; }
  @media (max-width: 750px) {
    .solution_list_content {
      padding: 4vw 5vw 8vw; } }

.solution_list_categoryList {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 750px) {
    .solution_list_categoryList {
      font-size: 2.6vw; } }
  .solution_list_categoryList li {
    border: 1px solid #003366;
    padding: 3px 10px;
    color: #003366;
    margin: 0 10px 10px 0; }
    @media (max-width: 750px) {
      .solution_list_categoryList li {
        padding: 0.8vw 2vw;
        margin: 0 1.3vw 1.3vw 0; } }

.solution_list_content_img {
  padding: 10px 0;
  text-align: center; }
  @media (max-width: 750px) {
    .solution_list_content_img {
      padding: 2.6vw 0; } }

.solution_list_content_tit {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #003366;
  margin: 20px 0 15px; }
  @media (max-width: 750px) {
    .solution_list_content_tit {
      font-size: 3.43vw;
      margin: 2.6vw 0 2.6vw; } }