@charset "UTF-8";
/* -----------------------------------------------------
	basic
----------------------------------------------------- */
html, body {
  overflow-x: hidden;
}

section img, section picture {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

section div, section span, section applet, section object, section iframe,
section h1, section h2, section h3, section h4, section h5, section h6, section p, section blockquote, section pre,
section a, section abbr, section acronym, section address, section big, section cite, section code,
section del, section dfn, section em, section img, section ins, section kbd, section q, section s, section samp,
section small, section strike, section strong, section sub, section sup, section tt, section var,
section b, section u, section i, section center,
section dl, section dt, section dd, section ol, section ul, section li,
section fieldset, section form, section label, section legend,
section table, section caption, section tbody, section tfoot, section thead, section tr, section th, section td,
section article, section aside, section canvas, section details, section embed,
section figure, section figcaption, section footer, section header, section hgroup,
section menu, section nav, section output, section ruby, section section, section summary,
section time, section mark, section audio, section video, section *::before, section *::after {
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

section button {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}

section .inner {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
}

section .pc {
  display: block;
}

@media screen and (max-width: 768px) {
  section .pc {
    display: none;
  }
}

section .sp {
  display: none;
}

@media screen and (max-width: 768px) {
  section .sp {
    display: block;
  }
}

.global-contact-btn a {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #f7a42e;
}

.global-contact-btn a:hover {
  background-color: #ffc56f;
}

/* -----------------------------------------------------
	inside
----------------------------------------------------- */
.inside {
  border-bottom: 4px solid #0075c2;
}

.inside .inner {
  font-weight: bold;
  padding: 60px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .inside .inner {
    padding: 10.41667vw 0;
  }
}

.inside .inner .en {
  color: #232323;
  font-size: 1.26rem;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .inside .inner .en {
    font-size: 4.16667vw;
    margin-bottom: 5.20833vw;
  }
}

.inside .inner .ttl {
  color: #0075c2;
  font-size: 2.6rem;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .inside .inner .ttl {
    font-size: 7.55208vw;
    margin-bottom: 9.11458vw;
  }
}

.inside .inner .link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area {
    display: block;
  }
}

.inside .inner .link_area li {
  width: calc(70% / 2);
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li {
    width: 72%;
    margin: 0 auto;
  }
}

.inside .inner .link_area li a {
  display: block;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 12px 0 12px 4em;
  border-radius: 6px;
  background-image: -moz-linear-gradient(0deg, #fdbb12 0%, #fa721e 35%, #f6292a 100%);
  background-image: -webkit-linear-gradient(0deg, #fdbb12 0%, #fa721e 35%, #f6292a 100%);
  background-image: -ms-linear-gradient(0deg, #fdbb12 0%, #fa721e 35%, #f6292a 100%);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inside .inner .link_area li a:hover {
  opacity: 0.75;
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li a {
    max-width: 100%;
    font-size: 2.86458vw;
    padding: 2.34375vw 0 2.34375vw 6.51042vw;
  }
}

.inside .inner .link_area li a::before {
  content: "";
  display: block;
  width: 32px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 2.8em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/service/mikata/images/case-studies/renewal/btn_icon1.png) no-repeat left center/contain;
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li a::before {
    width: 5.85938vw;
    height: 6.38021vw;
    left: 5.20833vw;
  }
}

.inside .inner .link_area li a span {
  display: block;
  color: #fff;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li a span {
    font-size: 3.90625vw;
  }
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li:last-of-type {
    margin-top: 3.90625vw;
  }
}

.inside .inner .link_area li:last-of-type a {
  background-image: -moz-linear-gradient(0deg, #10eff1 0%, #1290ce 35%, #1430ab 100%, white 100%);
  background-image: -webkit-linear-gradient(0deg, #10eff1 0%, #1290ce 35%, #1430ab 100%, white 100%);
  background-image: -ms-linear-gradient(0deg, #10eff1 0%, #1290ce 35%, #1430ab 100%, white 100%);
}

.inside .inner .link_area li:last-of-type a::before {
  width: 46px;
  height: 42px;
  background: url(/service/mikata/images/case-studies/renewal/btn_icon2.png) no-repeat left center/contain;
}

@media screen and (max-width: 768px) {
  .inside .inner .link_area li:last-of-type a::before {
    width: 8.33333vw;
    height: 7.68229vw;
  }
}

.scrolls {
  padding: 60px 0;
}

@media screen and (max-width: 768px) {
  .scrolls {
    padding: 11.71875vw 0;
  }
}

.scrolls .text {
  color: #232323;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .scrolls .text {
    font-size: 4.94792vw;
    margin-bottom: 2.60417vw;
  }
}

.scrolls .text span {
  display: inline-block;
  color: #232323;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .scrolls .text span {
    font-size: 4.94792vw;
  }
}

.scrolls .text span b {
  color: #232323;
  font-size: 2.4rem;
  padding: 0 4px;
}

@media screen and (max-width: 768px) {
  .scrolls .text span b {
    font-size: 6.77083vw;
  }
}

.scroll-background {
  width: 100%;
  height: 180px;
  background-image: url(/service/mikata/images/top/top-new/logo.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  -webkit-animation: scrollBg 40s linear infinite;
  animation: scrollBg 40s linear infinite;
  background-position: 0 0;
}

@media screen and (max-width: 768px) {
  .scroll-background {
    height: 36.45833vw;
  }
}

@-webkit-keyframes scrollBg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3400px 0;
  }
}

@keyframes scrollBg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3400px 0;
  }
}

/* -----------------------------------------------------
	filter-container
----------------------------------------------------- */
.filter-container .bg {
  background: #f1f8fc;
}

.filter-container .filter-inner {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner {
    padding: 11.71875vw 0;
  }
}

.filter-container .filter-inner .no-result-message {
  display: none;
  color: #ff0000;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .no-result-message {
    font-size: 4.42708vw;
  }
}

.filter-container .filter-inner .ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .ttl {
    font-size: 3.90625vw;
    margin-bottom: 3.90625vw;
  }
}

.filter-container .filter-inner .ttl::before {
  content: '●';
  display: inline-block;
  color: #0075c2;
  font-size: 0.84rem;
  vertical-align: bottom;
  margin-right: 8px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .ttl::before {
    font-size: 2.86458vw;
    margin-right: 2.08333vw;
  }
}

.filter-container .filter-inner #open-modal-btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #open-modal-btn {
    display: block;
    width: 76%;
    padding: 4.6875vw 0;
    margin: 0 auto;
    background: #0075c2;
    color: #fff;
    border-radius: 1.5625vw;
    font-size: 4.42708vw;
    font-weight: bold;
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .filter-container .filter-inner #open-modal-btn::before, .filter-container .filter-inner #open-modal-btn::after {
    content: '';
    display: block;
    background: #fff;
    width: 4.16667vw;
    height: 0.52083vw;
    position: absolute;
    top: 50%;
    right: 3.90625vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .filter-container .filter-inner #open-modal-btn::after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg);
  }
}

.filter-container .filter-inner #filter-modal {
  display: block;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    z-index: 100001;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter-container .filter-inner #filter-modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-modal .modal-contents {
    overflow-y: auto;
    max-height: 99%;
    overflow-y: auto;
    position: relative;
    padding-bottom: 5.20833vw;
  }
  .filter-container .filter-inner #filter-modal .modal-contents #close-modal-btn01 {
    color: #232323;
    font-size: 3.64583vw;
    margin-bottom: 1.30208vw;
    padding-left: 6.25vw;
    position: relative;
  }
  .filter-container .filter-inner #filter-modal .modal-contents #close-modal-btn01::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 2.86458vw;
    width: 2.08333vw;
    height: 2.08333vw;
    border: 1px solid #232323;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }
}

.filter-container .filter-inner #filter-modal .modal-contents .close-modal-btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-modal .modal-contents .close-modal-btn {
    display: block;
  }
}

.filter-container .filter-inner #filter-area {
  display: block;
}

@media screen and (min-width: 769px) {
  .filter-container .filter-inner #filter-area {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    overflow: hidden;
  }
}

.filter-container .filter-inner #filter-area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl {
    display: block;
    border-top: 1px solid #d7d7d7;
  }
}

.filter-container .filter-inner #filter-area dl + dl {
  border-top: 1px solid #d7d7d7;
}

.filter-container .filter-inner #filter-area dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%;
  padding: 20px 30px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dt {
    display: block;
    width: 100%;
    padding: 1.5625vw 3.38542vw;
    background: #fff;
  }
}

.filter-container .filter-inner #filter-area dl dt h3 {
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dt h3 {
    font-size: 3.90625vw;
  }
}

.filter-container .filter-inner #filter-area dl dt h3 span {
  display: block;
  padding-top: 4px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dt h3 span {
    display: inline-block;
    padding-top: 0;
    padding-left: 2.08333vw;
    font-size: 3.125vw;
  }
}

.filter-container .filter-inner #filter-area dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  padding: 20px 20px;
  background: #f3f3f3;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dd {
    display: block;
    width: 100%;
    padding: 4.6875vw 3.38542vw 5.20833vw;
  }
}

.filter-container .filter-inner #filter-area dl dd div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dd div {
    gap: 2.86458vw 2.34375vw;
  }
}

.filter-container .filter-inner #filter-area dl dd div .tag {
  display: inline-block;
  font-size: 1rem;
  padding: 5px 16px 5px 30px;
  background: #fff;
  border-radius: 50vh;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dd div .tag {
    font-size: 2.99479vw;
    padding: 0.78125vw 2.86458vw 0.78125vw 5.98958vw;
  }
}

.filter-container .filter-inner #filter-area dl dd div .tag::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url(/service/mikata/images/case-studies/renewal/tag_b.png) no-repeat left center/contain;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #filter-area dl dd div .tag::before {
    width: 2.86458vw;
    height: 2.86458vw;
    left: 2.21354vw;
  }
}

.filter-container .filter-inner #filter-area dl dd div .tag.selected {
  color: #fff;
  background: #0075c2;
}

.filter-container .filter-inner #filter-area dl dd div .tag.selected::before {
  background: url(/service/mikata/images/case-studies/renewal/tag_a.png) no-repeat left center/contain;
}

.filter-container .filter-inner .button-area {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    padding: 6.25vw;
    border-top: 1px solid #d7d7d7;
    background: #fff;
  }
}

.filter-container .filter-inner .button-area button {
  margin: 0 0 0 auto;
  padding: 2px 20px;
  border: 1px solid rgba(35, 35, 35, 0.3);
  border-radius: 50vh;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .button-area button {
    color: #232323;
    width: calc((100% - 4.16667vw) / 2);
    margin: 0;
    padding: 3.125vw 0;
    border-radius: 1.5625vw;
    font-size: 3.90625vw;
  }
  .filter-container .filter-inner .button-area button:last-of-type {
    color: #fff;
    border: 1px solid #0075c2;
    background: #0075c2;
  }
}

.filter-container .filter-inner .button-area button span {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: normal;
  margin-right: 6px;
  vertical-align: text-bottom;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .button-area button span {
    display: none;
  }
}

.filter-container .filter-inner .search-area {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .search-area {
    margin-top: 10.41667vw;
  }
}

.filter-container .filter-inner .search-area input[type="text"] {
  width: calc(100% - min(5vw,50px));
  height: 2.4em;
  font-size: 1.6rem;
  padding: 0 24px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(35, 35, 35, 0.3);
  overflow: hidden;
  background: #fff url(/service/mikata/images/case-studies/renewal/search_pc.png) no-repeat right center/contain;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .search-area input[type="text"] {
    width: calc(100% - 8.85417vw);
    height: 13.02083vw;
    font-size: 4.6875vw;
    padding: 0 3.90625vw;
    border-radius: 1.5625vw;
    background: #fff url(/service/mikata/images/case-studies/renewal/search_sp.png) no-repeat right center/contain;
  }
}

.filter-container .filter-inner .search-area input[type="text"]::-webkit-input-placeholder {
  color: rgba(35, 35, 35, 0.3);
  font-size: 1.6rem;
  font-weight: bold;
}

.filter-container .filter-inner .search-area input[type="text"]:-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.3);
  font-size: 1.6rem;
  font-weight: bold;
}

.filter-container .filter-inner .search-area input[type="text"]::-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.3);
  font-size: 1.6rem;
  font-weight: bold;
}

.filter-container .filter-inner .search-area input[type="text"]::placeholder {
  color: rgba(35, 35, 35, 0.3);
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner .search-area input[type="text"]::-webkit-input-placeholder {
    font-size: 4.6875vw;
  }
  .filter-container .filter-inner .search-area input[type="text"]:-ms-input-placeholder {
    font-size: 4.6875vw;
  }
  .filter-container .filter-inner .search-area input[type="text"]::-ms-input-placeholder {
    font-size: 4.6875vw;
  }
  .filter-container .filter-inner .search-area input[type="text"]::placeholder {
    font-size: 4.6875vw;
  }
}

.filter-container .filter-inner #company-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 6.51042vw;
  }
}

.filter-container .filter-inner #company-list::after {
  content: '';
  display: block;
  width: calc((100% - 40px) / 3);
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list::after {
    content: none;
  }
}

.filter-container .filter-inner #company-list .company-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 40px) / 3);
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
}

.filter-container .filter-inner #company-list .company-card.hidden {
  display: none;
}

.filter-container .filter-inner #company-list .company-card .link {
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.filter-container .filter-inner #company-list .company-card .link:hover {
  opacity: 0.75;
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .thumbnail {
    margin-bottom: 5.20833vw;
    border-radius: 1.5625vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail_images {
  aspect-ratio: 32/17;
  overflow: hidden;
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail_images img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail .name_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  height: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .thumbnail .name_area {
    padding: 4.6875vw 5.20833vw;
    height: auto;
  }
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail .name_area::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.4rem;
  width: 0.66rem;
  height: 0.66rem;
  border: 2px solid rgba(35, 35, 35, 0.4);
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.filter-container .filter-inner #company-list .company-card .link .thumbnail .name_area .name {
  color: #232323;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .thumbnail .name_area .name {
    font-size: 3.90625vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results {
  padding: 12px 16px;
  margin-bottom: 14px;
  background: #f4f4f4;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results {
    padding: 2.60417vw 3.90625vw;
    margin-bottom: 3.90625vw;
    border-radius: 1.5625vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results .sub_ttl {
  display: inline-block;
  color: #0075c2;
  font-weight: bold;
  margin-bottom: 6px;
  padding-left: 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results .sub_ttl {
    margin-bottom: 1.30208vw;
    padding-left: 6.77083vw;
    font-size: 3.90625vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results .sub_ttl::before {
  content: '';
  display: block;
  width: 24px;
  height: 13px;
  background: url(/service/mikata/images/case-studies/renewal/results.png) no-repeat left center/contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results .sub_ttl::before {
    width: 5.59896vw;
    height: 2.99479vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results ul li {
  font-size: 0.928571423rem;
  position: relative;
  padding-left: 16px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results ul li {
    font-size: 3.38542vw;
    padding-left: 3.90625vw;
    line-height: 5.20833vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results ul li::before {
  content: '●';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #919191;
  font-size: 0.8rem;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results ul li::before {
    font-size: 2.34375vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .results ul li span {
  color: #232323;
  font-size: 0.928571423rem;
  font-weight: bold;
}

.filter-container .filter-inner #company-list .company-card .link .results ul li + li {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .results ul li + li {
    margin-top: 1.82292vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .category-list {
    gap: 2.60417vw;
  }
}

.filter-container .filter-inner #company-list .company-card .link .category-list .category-tag {
  display: inline-block;
  font-size: 0.85rem;
  color: #0075c2;
  padding: 2px 14px;
  margin: 0 0;
  border: 1px solid #0075c2;
  border-radius: 50vh;
}

@media screen and (max-width: 768px) {
  .filter-container .filter-inner #company-list .company-card .link .category-list .category-tag {
    padding: 0.52083vw 3.64583vw;
    font-size: 3.125vw;
  }
}

/* -----------------------------------------------------
	contact
----------------------------------------------------- */
.contact .inner {
  padding: 0 0 80px;
}

@media screen and (max-width: 768px) {
  .contact .inner {
    padding: 0 0 11.71875vw;
  }
}

.contact .inner .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 40px 40px 50px;
  border-radius: 20px;
  background: url(/service/mikata/images/case-studies/renewal/contact_bg.png) no-repeat center center/cover;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 {
    display: block;
    padding: 5.20833vw 6.51042vw;
    border-radius: 3.90625vw;
    background: url(/service/mikata/images/case-studies/renewal/contact_bg_sp.png) no-repeat center center/cover;
  }
}

.contact .inner .col2 div {
  width: calc(100% / 2);
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div {
    width: 100%;
  }
}

.contact .inner .col2 div.text_area {
  font-weight: bold;
  line-height: 1.6;
}

.contact .inner .col2 div.text_area h3 {
  color: #fff;
  font-size: 5.8rem;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area h3 {
    text-align: center;
    font-size: 14.84375vw;
  }
}

.contact .inner .col2 div.text_area p {
  color: #fff;
  font-size: 1.36rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area p {
    font-size: 3.77604vw;
    margin-bottom: 7.8125vw;
  }
}

.contact .inner .col2 div.text_area ul li {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area ul li {
    font-size: 3.25521vw;
    margin-bottom: 2.60417vw;
    padding-left: 9.11458vw;
  }
}

.contact .inner .col2 div.text_area ul li + li {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area ul li + li {
    margin-bottom: 4.6875vw;
  }
}

.contact .inner .col2 div.text_area ul li::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: url(/service/mikata/images/case-studies/renewal/contact_icon.png) no-repeat left center/contain;
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area ul li::before {
    width: 5.20833vw;
    height: 5.20833vw;
  }
}

.contact .inner .col2 div.text_area a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 24px 0;
  font-size: 1.4rem;
  background: #f0af14;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.text_area a {
    padding: 3.90625vw 0;
    margin-bottom: 5.20833vw;
    font-size: 3.90625vw;
  }
}

.contact .inner .col2 div.text_area a:hover {
  opacity: 0.75;
}

.contact .inner .col2 div.img_box {
  padding-left: 34px;
}

@media screen and (max-width: 768px) {
  .contact .inner .col2 div.img_box {
    padding-left: 0;
  }
}