@charset "UTF-8";
.modal_style,
#modal {
  display: none;
}
.modal_style ul,
#modal ul {
  padding: 0;
  margin: 0;
}
.modal_style li,
#modal li {
  list-style: none;
}
.modal_style figure,
#modal figure {
  margin: 0;
}
.modal_style img,
#modal img {
  max-width: 100%;
}
.modal_style a:hover,
#modal a:hover {
  color: #2393eb;
}
.modal_style a:hover img,
#modal a:hover img {
  opacity: 0.7;
}
.modal_style .ios a:active, .modal_style .ios a:focus, .modal_style .ios a:hover,
#modal .ios a:active,
#modal .ios a:focus,
#modal .ios a:hover {
  opacity: 1 !important;
}
.modal_style .ios li:active, .modal_style .ios li:focus, .modal_style .ios li:hover,
#modal .ios li:active,
#modal .ios li:focus,
#modal .ios li:hover {
  opacity: 1 !important;
}
.modal_style .ios span:active, .modal_style .ios span:focus, .modal_style .ios span:hover,
#modal .ios span:active,
#modal .ios span:focus,
#modal .ios span:hover {
  opacity: 1 !important;
}
.modal_style input[type="submit"], .modal_style input[type="button"],
#modal input[type="submit"],
#modal input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.modal_style input[type="submit"]:-webkit-search-decoration, .modal_style input[type="button"]:-webkit-search-decoration,
#modal input[type="submit"]:-webkit-search-decoration,
#modal input[type="button"]:-webkit-search-decoration {
  display: none;
}
.modal_style input[type="submit"]:focus, .modal_style input[type="button"]:focus,
#modal input[type="submit"]:focus,
#modal input[type="button"]:focus {
  outline-offset: -2px;
}
.modal_style ::-webkit-input-placeholder,
#modal ::-webkit-input-placeholder {
  color: #aaa;
}
.modal_style ::-moz-placeholder,
#modal ::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
.modal_style :-ms-input-placeholder,
#modal :-ms-input-placeholder {
  color: #aaa;
}

.modal_style,
#modal {
  height: 90vh !important;
}
@media screen and (max-width: 640px) {
  .modal_style,
  #modal {
    transform: none;
    height: auto !important;
  }
  .modal_style .iziModal-wrap,
  #modal .iziModal-wrap {
    -webkit-overflow-scrolling: auto;
    overflow-scrolling: auto;
  }
}
.modal_style.iziModal,
#modal.iziModal {
  max-width: 1200px !important;
  z-index: 12000 !important;
}
.modal_style.iziModal-content,
.modal_style.iziModal .iziModal-iframe,
#modal.iziModal-content,
#modal.iziModal .iziModal-iframe {
  height: 90vh !important;
}
.modal_style.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title,
#modal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}
.modal_style.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons,
#modal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
  margin: -19px 0 0 !important;
}
.modal_style.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button,
#modal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
  width: 40px !important;
  height: 40px !important;
}
.modal_style.iziModal .iziModal-button,
#modal.iziModal .iziModal-button {
  opacity: 1 !important;
}
.modal_style.iziModal .iziModal-header,
#modal.iziModal .iziModal-header {
  background: #17629d;
  z-index: 102;
  box-shadow: none;
  border-bottom: 2px solid #fff;
}

.iziModal-overlay {
  z-index: 11000 !important;
}

.modal_style,
#modal {
  background: #fff;
}

.modal_style,
#modal {
    /*
    //未使用 単体閉じるボタン
    .icon-close {
    background: #FFF;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    color: #333;
    cursor: pointer;
    z-index: 101;

    &::after {
    font-family: FontAwesome;
    content: '\f00d';
}
}
    */
}
.modal_style header, #modal header {
  margin: 0;
  max-width: 100%;
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 100;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.disable_area .modal_style header,
.disable_area #modal header {
  display: none;
}
.modal_style .modal--header--inner ul,
#modal .modal--header--inner ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.modal_style .modal--header--inner ul li,
#modal .modal--header--inner ul li {
  width: 50%;
  /*50%*/
  padding: 8px 20px 25px;
  font-size: 1.8rem;
  text-align: center;
  cursor: pointer;
  border-right: 1px dotted #ddd;
  position: relative;
}
.modal_style .modal--header--inner ul li:after,
#modal .modal--header--inner ul li:after {
  content: "\f107";
  font-size: 2rem;
  font-family: "FontAwesome";
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  margin: auto;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
}
.modal_style .modal--header--inner ul li:last-child,
#modal .modal--header--inner ul li:last-child {
  border-right: none;
}
.modal_style .modal--header--inner ul li.select,
#modal .modal--header--inner ul li.select {
  color: #fff;
  background: #17629d;
  font-weight: bold;
}
.modal_style .modal--header--inner ul li.select:after,
#modal .modal--header--inner ul li.select:after {
  bottom: 5px;
}
.modal_style section:not(#industry_section), #modal section:not(#industry_section) {
  width: 100%;
  padding-top: 68px;
  padding-bottom: 89px;
  overflow: auto;
}
.disable_area .modal_style section:not(#industry_section),
.disable_area #modal section:not(#industry_section) {
  padding-top: 0;
}
.modal_style .subtitle,
#modal .subtitle {
  padding: 10px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  border-bottom: 1px dotted #d5d5d5;
}
.modal_style section table,
#modal section table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  background: #fff;
}
.modal_style section table th,
#modal section table th {
  width: 25%;
  min-width: 260px;
  text-align: left;
  vertical-align: top;
  background: #F5F5F5;
  padding-bottom: 120px;
}
.modal_style section table th ul li,
#modal section table th ul li {
  font-size: 1.8rem;
  font-weight: normal;
  padding: 15px;
  border-bottom: 1px dotted #d5d5d5;
  display: block;
  cursor: pointer;
  position: relative;
}
.modal_style section table th ul li:after,
#modal section table th ul li:after {
  content: "\f105";
  font-size: 1.4rem;
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
}
.modal_style section table th ul .select,
#modal section table th ul .select {
  color: #17629d;
  background: #dbeaff;
  font-weight: bold;
}
.modal_style section table th ul li.select:after,
#modal section table th ul li.select:after {
  right: 9px;
}
.modal_style section table td,
#modal section table td {
  width: 75%;
  max-width: 800px;
  padding: 30px 30px 80px;
  border-left: 1px solid #d5d5d5;
  vertical-align: top;
}
.modal_style .hide,
#modal .hide {
  display: none;
}
.modal_style footer,
#modal footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.85);
  border-top: none;
}
.modal_style footer .modal--footer--inner,
#modal footer .modal--footer--inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal_style footer .modal--footer--inner .modal--search--submit,
#modal footer .modal--footer--inner .modal--search--submit {
  width: 50%;
  padding: 15px;
}
.modal_style footer .modal--footer--inner .modal--search--submit button,
#modal footer .modal--footer--inner .modal--search--submit button {
  width: 100%;
  padding: 10px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  -webkit-appearance: none;
  border: 0;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  background: #c8002a;
  padding: 15px;
  display: block;
  color: #fff;
  margin: 0 auto 5px;
}
.modal_style footer .modal--footer--inner .modal--search--submit button:active,
#modal footer .modal--footer--inner .modal--search--submit button:active {
  background: #f22953;
}
.modal_style footer .modal--footer--inner .modal--search--cancel,
#modal footer .modal--footer--inner .modal--search--cancel {
  width: 25%;
  text-align: center;
}
.modal_style footer .modal--footer--inner .modal--search--cancel button,
#modal footer .modal--footer--inner .modal--search--cancel button {
  padding: 12px 20px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #c8002a;
  border-radius: 4px;
  cursor: pointer;
  color: #c8002a;
  font-size: 1.3rem;
}
.modal_style footer .modal--footer--inner .modal--search--cancel button br,
#modal footer .modal--footer--inner .modal--search--cancel button br {
  display: none;
}
.modal_style footer .modal--footer--inner .modal--search--cancel button a,
#modal footer .modal--footer--inner .modal--search--cancel button a {
  width: 89px;
  height: 89px;
  font-size: 2rem;
  line-height: 89px;
  text-align: center;
  background: #f5f5f5;
  display: inline-block;
}
.modal_style .close,
#modal .close {
  position: fixed;
  top: 20px;
  right: 15px;
  z-index: 1000;
}
.modal_style .close button,
#modal .close button {
  width: auto;
  border: none;
  cursor: pointer;
}
.modal_style .close button .fa,
#modal .close button .fa {
  font-size: 3rem;
  color: #aaa;
}

@media all and (-ms-high-contrast: none) {
  .modal_style section:not(#industry_section) table td .content_detail ul li label input[type="checkbox"],
  #modal section:not(#industry_section) table td .content_detail ul li label input[type="checkbox"] {
    visibility: visible;
  }
}
/*hover only PC */
@media screen and (min-width: 769px) {
  .opacity:hover {
    opacity: 0.7;
  }

  .modal_style .modal--header--inner ul li:hover,
  #modal .modal--header--inner ul li:hover {
    color: #17629d;
    background: #eef5ff;
  }
  .modal_style .modal--header--inner ul li.select:hover,
  #modal .modal--header--inner ul li.select:hover {
    color: #fff;
    background: #17629d;
  }
  .modal_style .modal--header--inner ul li:hover:after,
  #modal .modal--header--inner ul li:hover:after {
    bottom: 5px;
  }
  .modal_style section table th ul li:hover,
  #modal section table th ul li:hover {
    color: #17629d;
    font-weight: 600;
  }
  .modal_style section table th ul li:hover:after,
  #modal section table th ul li:hover:after {
    right: 9px;
  }
  .modal_style section table td .modal--section--detail ul li label:hover,
  #modal section table td .modal--section--detail ul li label:hover {
    color: #17629d;
    border-color: #17629d;
    background: #dbeaff;
    cursor: pointer;
  }
  .modal_style footer .modal--footer--inner .modal--search--submit button:hover,
  #modal footer .modal--footer--inner .modal--search--submit button:hover {
    background: #f22953;
  }
  .modal_style footer .modal--footer--inner .modal--search--cancel button:hover,
  #modal footer .modal--footer--inner .modal--search--cancel button:hover {
    background: #F9E6EB;
  }
  .modal_style footer .modal--footer--inner .modal--search--cancel a:hover,
  #modal footer .modal--footer--inner .modal--search--cancel a:hover {
    background: #F9E6EB;
  }
  .modal_style .close button:hover,
  #modal .close button:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 960px) {
  .modal_style section table th,
  #modal section table th {
    min-width: 200px;
  }
  .modal_style section table td .area_content ul li:first-child,
  .modal_style section table td .industry_content ul li:first-child,
  .modal_style section table td .job_content ul li:first-child,
  #modal section table td .area_content ul li:first-child,
  #modal section table td .industry_content ul li:first-child,
  #modal section table td .job_content ul li:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .modal_style .modal--header--inner ul li,
  #modal .modal--header--inner ul li {
    font-size: 1.5rem;
    padding: 5px 5px 15px;
  }
  .modal_style .modal--header--inner ul li:after,
  #modal .modal--header--inner ul li:after {
    font-size: 1.5rem;
    bottom: 7px;
  }
  .modal_style .modal--header--inner ul li.select:after,
  #modal .modal--header--inner ul li.select:after {
    bottom: 3px;
  }
  .modal_style section:not(#industry_section),
  #modal section:not(#industry_section) {
    padding-top: 50px;
  }
  .modal_style section:not(#industry_section),
  #modal section:not(#industry_section) {
    padding-bottom: 51px;
  }
  .modal_style .subtitle,
  #modal .subtitle {
    padding: 5px;
    text-align: center;
    border-bottom: none;
  }
  .modal_style section table th,
  #modal section table th {
    width: 100%;
    padding: 15px 5px 20px;
    display: block;
    position: relative;
  }
  .modal_style section table th:after,
  #modal section table th:after {
    content: "\f063";
    font-size: 2.4rem;
    font-family: "FontAwesome";
    color: #17629d;
    position: absolute;
    bottom: -24px;
    right: 50%;
    margin-right: -14px;
  }
  .modal_style section table th ul,
  #modal section table th ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .modal_style section table th ul li,
  #modal section table th ul li {
    width: 32.3%;
    padding: 8px 12px;
    margin: 0 0.5% 1%;
    font-size: 1.3rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    border-radius: 3px;
  }
  .modal_style section table th ul li:after,
  #modal section table th ul li:after {
    font-size: 1.2rem;
    right: 12px;
    top: 18px;
    content: "\f107";
  }
  .modal_style section table th ul li.select:after,
  #modal section table th ul li.select:after {
    right: 12px;
    top: 21px;
  }
  .modal_style section table td,
  #modal section table td {
    width: 100%;
    padding: 20px 0 40px;
    border-top: 1px dotted #d5d5d5;
    border-left: none;
    display: block;
  }
  .modal_style section table td .modal--section--detail h1,
  #modal section table td .modal--section--detail h1 {
    font-size: 1.8rem;
  }
  .modal_style section table td .modal--section--detail ul li,
  #modal section table td .modal--section--detail ul li {
    margin: 0 1.5% 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex: 0 0 97%;
  }
  .modal_style section table td .modal--section--detail ul li label,
  #modal section table td .modal--section--detail ul li label {
    font-size: 0.9rem;
    line-height: 1.2;
    white-space: normal;
    padding: 8px;
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .modal_style section table td .modal--section--detail ul li label input[type="checkbox"]:before,
  #modal section table td .modal--section--detail ul li label input[type="checkbox"]:before {
    left: -0.5em;
    margin-top: 0;
    font-size: 1.7rem;
    top: 0;
    margin-right: 0em;
    display: inline-block;
    position: static;
  }
  .modal_style section table td .modal--section--detail ul li:first-child label,
  #modal section table td .modal--section--detail ul li:first-child label {
    font-size: 1rem;
  }
  .modal_style section table td .modal--section--detail > div > ul li:first-child label,
  #modal section table td .modal--section--detail > div > ul li:first-child label {
    font-size: 1.5rem;
  }
  .modal_style section table td .modal--section--detail > div > ul li label,
  #modal section table td .modal--section--detail > div > ul li label {
    font-size: 1.3rem;
  }
  .modal_style footer .modal--footer--inner .modal--search--submit,
  #modal footer .modal--footer--inner .modal--search--submit {
    width: 60%;
    padding: 10px;
  }
  .modal_style footer .modal--footer--inner .modal--search--submit button,
  #modal footer .modal--footer--inner .modal--search--submit button {
    font-size: 1.3rem;
    padding: 8px;
  }
  .modal_style footer .modal--footer--inner .modal--search--cancel,
  #modal footer .modal--footer--inner .modal--search--cancel {
    width: 40%;
  }
  .modal_style footer .modal--footer--inner .modal--search--cancel button,
  #modal footer .modal--footer--inner .modal--search--cancel button {
    width: 70%;
    padding: 3px;
    margin: 0 10px;
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .modal_style footer .modal--footer--inner .modal--search--cancel button br,
  #modal footer .modal--footer--inner .modal--search--cancel button br {
    display: inherit;
  }

  .iziModal {
    margin: 0 !important;
  }

  section#oc--section table td .modal--section--detail > div > ul li:first-child label {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .modal_style section table th ul li,
  #modal section table th ul li {
    width: 49%;
    margin: 0 0.5% 1%;
  }
  .modal_style section table td .content_detail h1,
  #modal section table td .content_detail h1 {
    font-size: 1.2rem;
    text-align: center;
    padding: 7px 5px 5px;
  }
  .modal_style section table td .content_detail ul li,
  #modal section table td .content_detail ul li {
    width: 100%;
    margin-right: 0;
  }
  .modal_style footer .container .search_submit,
  #modal footer .container .search_submit {
    width: 65%;
  }
  .modal_style footer .container .search_cancel,
  #modal footer .container .search_cancel {
    width: 35%;
  }
  .modal_style footer .container .search_cancel br,
  #modal footer .container .search_cancel br {
    display: inherit;
  }
}
@media screen and (max-width: 360px) {
  .modal_style section table th .feature_section_nav li,
  #modal section table th .feature_section_nav li {
    width: 100%;
  }
}
.modal_style.pre .modal--header--inner ul li:nth-child(4), .modal_stylestaff .modal--header--inner ul li:nth-child(4),
#modal.pre .modal--header--inner ul li:nth-child(4),
#modalstaff .modal--header--inner ul li:nth-child(4) {
  border-right: none;
}
.modal_style.pre .modal--header--inner ul li:nth-child(2), .modal_style.pre .modal--header--inner ul li:nth-child(3), .modal_stylestaff .modal--header--inner ul li:nth-child(2), .modal_stylestaff .modal--header--inner ul li:nth-child(3),
#modal.pre .modal--header--inner ul li:nth-child(2),
#modal.pre .modal--header--inner ul li:nth-child(3),
#modalstaff .modal--header--inner ul li:nth-child(2),
#modalstaff .modal--header--inner ul li:nth-child(3) {
  display: none;
}
.modal_style.grand .modal--header--inner ul li,
#modal.grand .modal--header--inner ul li {
  flex: 0 0 25%;
}
.modal_style.continue .modal--header--inner ul li,
#modal.continue .modal--header--inner ul li {
  flex: 0 0 33.33%;
}
.modal_style.continue .modal--header--inner ul li:nth-child(3),
#modal.continue .modal--header--inner ul li:nth-child(3) {
  border-right: none;
}
.modal_style.continue .modal--header--inner ul li:nth-child(4),
#modal.continue .modal--header--inner ul li:nth-child(4) {
  display: none;
}

#modal.grand section#oc--section table th,
#modal.staff section#oc--section table th {
  display: none;
}

@media screen and (max-width: 640px) {
  #modal.grand section#oc--section table td,
  #modal.staff section#oc--section table td {
    border-top: none;
  }
}
@media screen and (max-width: 480px) {
  #modal section table th {
    padding: 60px 5px 20px;
  }

  #modal.grand section#oc--section table td,
  #modal.staff section#oc--section table td {
    padding: 60px 5px 20px;
  }

  #modal.grand .modal--header--inner ul li,
  #modal.staff .modal--header--inner ul li {
    flex: 0 0 50%;
  }

  #modal.grand .modal--header--inner ul li:nth-child(2),
  #modal.staff .modal--header--inner ul li:nth-child(2) {
    border-right: none;
  }
}
.modal--section--detail {
  width: 100%;
}
.modal--section--detail h1 {
  font-size: 2rem;
  color: #17629d;
  line-height: 1.2;
  text-align: center;
  background: #eef5ff;
  padding: 10px;
  margin: 0 0 10px;
  font-weight: bold;
}
.modal--section--detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.modal--section--detail ul li {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
}
.modal--section--detail ul li label input[type="checkbox"]:checked {
  color: #17629d;
  background: #eef5ff;
}
.modal--section--detail ul li label input[type="checkbox"]:checked {
  color: #17629d;
  background: #eef5ff;
}
.modal--section--detail ul li label {
  width: 100%;
  position: relative;
  padding: 10px 5px;
  display: flex;
  flex-flow: wrap row;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.modal--section--detail ul li label span {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
}
.modal--section--detail ul li label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 5px;
  padding: 0;
  border: 0;
  font-size: 0;
  position: relative;
  visibility: hidden;
  outline: 0;
}
.modal--section--detail ul li label input[type="checkbox"]:focus {
  outline: 0;
}
.modal--section--detail ul li label input[type="checkbox"]:focus + span {
  outline: 0;
}
.modal--section--detail ul li label input[type="checkbox"] + span:before {
  content: "\f14a";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 1.85rem;
  color: #ddd;
  top: 50%;
  left: -17px;
  margin-right: 10px;
}
.modal--section--detail ul li label input[type="checkbox"]:checked + span::before {
  color: #17629d;
}
.modal--section--detail > div ul li:nth-child(2n+1) {
  margin-right: 0;
}
.modal--section--detail > div ul li:first-child {
  width: 100%;
  margin-right: 0;
  font-size: 1.8rem;
}

#modal.grand section#oc--section table td .modal--section--detail > div ul li,
#modal.staff section#oc--section table td .modal--section--detail > div ul li {
  width: 49.5%;
  margin-right: 1%;
  font-size: 1.4rem;
  font-weight: normal;
}

#modal.grand section#oc--section table td .modal--section--detail > div ul li:nth-child(2n),
#modal.staff section#oc--section table td .modal--section--detail > div ul li:nth-child(2n) {
  margin-right: 0;
}

#modal.grand section#oc--section table td .modal--section--detail > div ul li:first-child,
#modal.staff section#oc--section table td .modal--section--detail > div ul li:first-child {
  width: 49.5%;
  margin-right: 1%;
}

@media screen and (max-width: 640px) {
  #modal.grand section#oc--section table td .modal--section--detail > div > ul li:first-child label,
  #modal.staff section#oc--section table td .modal--section--detail > div > ul li:first-child label {
    font-size: 1.3rem;
  }
}

/*# sourceMappingURL=search_modal23.css.map */