main {
  display: flex;
  flex-direction: column;
  font-family: "BIZ UDGothic";
}
main a {
  color: inherit;
  text-decoration: none;
}
main ul {
  all: unset;
}
main li {
  list-style: none;
}
main button {
  cursor: pointer;
  background: inherit;
  text-align: center;
}
@media (min-width: 1025px) {
  main button {
    transition: all 0.2s;
  }
  main button:hover {
    opacity: 0.5;
  }
}
main .content-container {
  width: 80%;
  display: grid;
  align-self: center;
  grid-template-columns: 1fr 25%;
  -moz-column-gap: min(5%, 70px);
       column-gap: min(5%, 70px);
}
main .content-container h2 {
  font-family: "Zen Maru Gothic";
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1em;
}
main .content-container input:focus {
  outline: none;
}
main .content-container input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  background-color: #d3d3d3;
  cursor: pointer;
  accent-color: #006fc1;
}
main .content-container .syllabary-search-container ul {
  display: grid;
  gap: 10px 14px;
  margin-top: 40px;
  grid-template-columns: repeat(5, 1fr);
}
main .content-container .syllabary-search-container ul li {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #006fc1;
  border-radius: 14px;
  font-weight: 700;
  color: #006fc1;
}
@media (min-width: 1025px) {
  main .content-container .syllabary-search-container ul li {
    transition: all 0.2s;
    cursor: pointer;
  }
  main .content-container .syllabary-search-container ul li:hover {
    opacity: 0.5;
  }
}
main .content-container .div__container-grid-col-2 {
  display: grid;
  margin-top: 80px;
  grid-template-columns: 1fr 60%;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
main .content-container .div__container-grid-col-2 .div__container-flex-col {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
main .industry-search-container h2 span {
  font-family: "BIZ UDGothic";
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
}
main .industry-search-container ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
main .industry-search-container li {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 1025px) {
  main .industry-search-container li {
    transition: all 0.2s;
  }
  main .industry-search-container li:hover {
    opacity: 0.5;
  }
}
main .industry-search-container label {
  cursor: pointer;
  font-size: 0.875em;
}
main .industry-search-container button {
  width: 47%;
  height: 60px;
  background-color: inherit;
  border-radius: 100px;
  font-weight: 700;
}
main .industry-search-container .div__container-btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
main .industry-search-container .div__container-btn-group #industry-search-clear {
  border: 3px solid #888;
  color: #888;
}
main .industry-search-container .div__container-btn-group #industry-search-button {
  border: 3px solid #006fc1;
  color: #006fc1;
}
main .freeword-search-container div {
  height: 60px;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
main .freeword-search-container input {
  padding-left: 1em;
  width: 65%;
  border: 3px solid #888;
  border-radius: 100px;
}
main .freeword-search-container button {
  width: 30%;
  border: 3px solid #006fc1;
  border-radius: 100px;
  font-weight: 700;
  color: #006fc1;
}
main .area-search-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
main .area-search-container #map-container {
  position: relative;
  margin-top: 40px;
  flex: 1;
}
main .area-search-container #map-container #scroll-area {
  fill: #fff;
  cursor: pointer !important;
  z-index: 9999;
}
main .company-list-container {
  margin-top: 100px;
}
main .company-list-container ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
main .company-list-container li {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  border-bottom: 3px solid #d3d3d3;
}
main .company-list-container li h3 {
  font-size: 1.5em;
  font-weight: 700;
}
main .company-list-container li p {
  margin-top: 25px;
  font-weight: 700;
}
@media (max-width: 768px) {
  main .company-list-container li p {
    margin-top: 1em;
  }
}
main .company-list-container li div {
  display: flex;
  align-items: center;
  font-size: 0.875em;
}
main .company-list-container li div img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
main .company-list-container li .company-list-address-container {
  margin-top: 20px;
}
main .company-list-container li .company-list-desc-container {
  gap: 20px;
  margin-top: 10px;
}
main .company-list-container li .company-list-address-container div,
main .company-list-container li .company-list-desc-container div {
  gap: 1em;
}
main .company-list-container li a[role=button] {
  height: 60px;
  border: inherit;
  margin-top: 20px;
  font-weight: 700;
  display: flex;
  height: 65px;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  background-color: #006fc1;
  border-radius: 40px;
  height: 65px;
  text-align: center;
  color: white;
  font-weight: 700;
  cursor: pointer;
  border-color: #006fc1;
  transition: all 0.2s;
}
main .company-list-container li a[role=button] p {
  margin-top: 0;
}
main .company-list-container li a[role=button] p {
  margin-left: 8%;
  text-align: center;
  flex: 1;
}
main .company-list-container li a[role=button] img {
  width: 10px;
  height: 16px;
  margin-left: auto;
  margin-right: 8%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  main .company-list-container li a[role=button] img {
    height: 1em;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1025px) {
  main .company-list-container li a[role=button] {
    width: 368px;
  }
}
@media (max-width: 1024px) {
  main .company-list-container li a[role=button] {
    width: 50%;
    max-width: 368px;
  }
}
@media (max-width: 768px) {
  main .company-list-container li a[role=button] {
    font-size: 1em;
    width: 70%;
    height: 60px;
    min-width: 210px;
  }
}
main .company-list-container li a[role=button]:hover {
  opacity: 0.5;
}
main .company-list-container #show-more-button {
  margin-top: 80px;
  display: flex;
  height: 65px;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  font-weight: 700;
  color: #006fc1;
  margin-inline: auto;
  border: 3px solid #006fc1;
  border-radius: 40px;
}
@media (min-width: 1025px) {
  main .company-list-container #show-more-button {
    transition: all 0.2s;
  }
  main .company-list-container #show-more-button:hover {
    opacity: 0.5;
  }
}
main .company-list-container #show-more-button p {
  margin-left: 8%;
  text-align: center;
  flex: 1;
}
main .company-list-container #show-more-button img {
  width: 10px;
  height: 16px;
  margin-left: auto;
  margin-right: 8%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  main .company-list-container #show-more-button img {
    height: 1em;
  }
}
@media (min-width: 1025px) {
  main .company-list-container #show-more-button {
    width: 368px;
  }
}
@media (max-width: 1024px) {
  main .company-list-container #show-more-button {
    width: 50%;
    max-width: 368px;
  }
}
@media (max-width: 768px) {
  main .company-list-container #show-more-button {
    font-size: 1em;
    width: 70%;
    height: 60px;
    max-width: 368px;
  }
}
@media (max-width: 1024px) {
  main .content-container {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
}
@media (max-width: 768px) {
  main {
    font-size: 14px;
  }
  main .content-container {
    width: 90%;
  }
  main .content-container .syllabary-search-container ul {
    margin-top: 15px;
  }
  main .content-container .syllabary-search-container ul li {
    height: 45px;
  }
  main .content-container .company-list-container li .company-list-address-container,
main .content-container .company-list-container li .company-list-address-container div,
main .content-container .company-list-desc-container,
main .content-container .company-list-desc-container div {
    line-height: 1.4;
  }
  main .content-container .company-list-container li .company-list-address-container img,
main .content-container .company-list-desc-container img {
    width: 1.2em;
    height: 1.2em;
    align-self: flex-start;
  }
  main .content-container,
main .content-container .div__container-grid-col-2 {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  main .content-container .div__container-btn-group,
main .content-container .div__container-grid-col-2 .div__container-btn-group {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  main .content-container .div__container-btn-group button,
main .content-container .div__container-grid-col-2 .div__container-btn-group button {
    width: 100%;
  }
  main .content-container .freeword-search-container div,
main .content-container .div__container-grid-col-2 .freeword-search-container div {
    margin-top: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  main .content-container .freeword-search-container div > *,
main .content-container .div__container-grid-col-2 .freeword-search-container div > * {
    width: auto;
    height: 60px;
  }
  main .content-container .industry-search-container ul,
main .content-container .div__container-grid-col-2 .industry-search-container ul {
    margin-top: 15px;
    gap: 15px;
  }
  main .content-container .industry-search-container ul label,
main .content-container .div__container-grid-col-2 .industry-search-container ul label {
    font-size: 15px;
  }
  main .content-container #map-container,
main .content-container .div__container-grid-col-2 #map-container {
    margin-top: 15px;
  }
  main .content-container .div__container-flex-col,
main .content-container .div__container-grid-col-2 .div__container-flex-col {
    gap: 40px;
  }
  main .content-container .company-list-container,
main .content-container .div__container-grid-col-2 .company-list-container {
    margin-top: 80px;
  }
  main .content-container .company-list-container .company-list-desc-container,
main .content-container .div__container-grid-col-2 .company-list-container .company-list-desc-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  main .content-container .demo-sp-hide {
    display: initial;
  }
}/*# sourceMappingURL=member-companylist.css.map */