@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 .inner {
  max-width: 1000px;
  width: 92%;
  margin: 0 auto;
  line-height: 1.6;
}

section .inner h2, section .inner h3, section .inner p, section .inner li, section .inner span, section .inner dt, section .inner dd {
  color: #232323;
}

section .inner .text {
  font-size: 1.142857136rem;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  section .inner .text {
    font-size: 3.64583vw;
  }
}

section .pc_show {
  display: block;
}

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

section .sp_show {
  display: none;
}

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

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

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

/* -----------------------------------------------------
	case_sec1
----------------------------------------------------- */
.case_sec1 .inner {
  padding: 60px 0 0;
}

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

.case_sec1 .inner .img_box {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 25 / 12;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .img_box {
    margin-bottom: 5.20833vw;
    border-radius: 1.82292vw;
  }
}

.case_sec1 .inner .img_box.border {
  border: 1px solid #B3B3B3;
}

.case_sec1 .inner .img_box img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.case_sec1 .inner .ttl {
  color: #0075C2;
  font-size: 2.14285713rem;
  margin-bottom: 6px;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .ttl {
    font-size: 4.16667vw;
    margin-bottom: 1.30208vw;
  }
}

.case_sec1 .inner .department {
  font-size: 1.071428565rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 8em;
  text-indent: -8em;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .department {
    font-size: 3.125vw;
    margin-bottom: 2.86458vw;
  }
}

.case_sec1 .inner .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) {
  .case_sec1 .inner .category-list {
    gap: 2.60417vw;
  }
}

.case_sec1 .inner .category-list .category-tag {
  display: inline-block;
  font-size: 1rem;
  color: #0075c2;
  padding: 4px 14px;
  margin: 0 0;
  border: 1px solid #0075c2;
  border-radius: 50vh;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .category-list .category-tag {
    padding: 0.52083vw 2.60417vw;
    font-size: 3.125vw;
  }
}

.case_sec1 .inner .results {
  padding: 24px 36px;
  margin-top: 44px;
  background: #f4f4f4;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results {
    padding: 4.94792vw 3.90625vw;
    margin-top: 5.20833vw;
    border-radius: 1.5625vw;
  }
}

.case_sec1 .inner .results + .results {
  margin-top: 20px;
  background: #F1F8FC;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results + .results {
    margin-top: 3.90625vw;
  }
}

.case_sec1 .inner .results + .results .sub_ttl::before {
  width: 24px;
  height: 13px;
  background: url(/service/mikata/images/case-studies/renewal/results.png) no-repeat left center/contain;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results + .results .sub_ttl::before {
    width: 5.59896vw;
    height: 2.99479vw;
  }
}

.case_sec1 .inner .results .sub_ttl {
  display: inline-block;
  color: #0075c2;
  font-size: 1.42857142rem;
  font-weight: bold;
  margin-bottom: 16px;
  padding-left: 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results .sub_ttl {
    margin-bottom: 1.82292vw;
    padding-left: 6.77083vw;
    font-size: 3.90625vw;
  }
}

.case_sec1 .inner .results .sub_ttl::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/service/mikata/images/case-studies/renewal/assignment.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) {
  .case_sec1 .inner .results .sub_ttl::before {
    width: 5.46875vw;
    height: 5.46875vw;
  }
}

.case_sec1 .inner .results ul li {
  font-size: 1.285714278rem;
  position: relative;
  padding-left: 16px;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results ul li {
    font-size: 3.64583vw;
    padding-left: 3.90625vw;
    line-height: 6.51042vw;
  }
}

.case_sec1 .inner .results ul li::before {
  content: '●';
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  color: #919191;
  font-size: 0.7rem;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results ul li::before {
    top: 0;
    font-size: 2.60417vw;
  }
}

.case_sec1 .inner .results ul li + li {
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .results ul li + li {
    margin-top: 1.95313vw;
  }
}

.case_sec1 .inner .youtube_movie {
  width: 72%;
  margin: 24px auto 0;
}

@media screen and (max-width: 768px) {
  .case_sec1 .inner .youtube_movie {
    width: 100%;
    margin: 5.20833vw auto 0;
  }
}

.case_sec1 .inner .youtube_movie_wrap {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}

.case_sec1 .inner .youtube_movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* -----------------------------------------------------
	case_sec2
----------------------------------------------------- */
.case_sec2 .inner {
  padding: 90px 0 60px;
}

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

.case_sec2 .inner .details .ttl {
  color: #fff;
  background: #0075C2;
  padding: 10px 30px;
  font-size: 1.571428562rem;
  border-radius: 6px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .ttl {
    padding: 3.125vw 0 2.60417vw 5.46875vw;
    font-size: 4.16667vw;
    border-radius: 1.30208vw;
    margin-bottom: 6.51042vw;
  }
}

.case_sec2 .inner .details .ttl_sub {
  color: #0075c2;
  font-size: 1.285714278rem;
  padding-left: 26px;
  margin-bottom: 16px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .ttl_sub {
    font-size: 3.90625vw;
    padding-left: 5.98958vw;
    margin-bottom: 2.60417vw;
  }
}

.case_sec2 .inner .details .ttl_sub::before {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background: #0075C2;
  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) {
  .case_sec2 .inner .details .ttl_sub::before {
    width: 3.90625vw;
    height: 0.52083vw;
    top: 2.60417vw;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.case_sec2 .inner .details .img_box {
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .img_box {
    width: 100%;
  }
}

.case_sec2 .inner .details .step_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.case_sec2 .inner .details .step_ttl span {
  display: inline-block;
}

.case_sec2 .inner .details .step_ttl span.txt {
  color: rgba(179, 179, 179, 0.6);
  width: 15%;
  font-size: 2.499999985rem;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_ttl span.txt {
    width: 31.25vw;
    font-size: 7.29167vw;
  }
}

.case_sec2 .inner .details .step_ttl span.label {
  width: 85%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_ttl span.label {
    width: 59.375vw;
  }
}

.case_sec2 .inner .details .step_ttl span.label::before {
  content: '●';
  display: block;
  color: #0075C2;
  font-size: 0.8rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_ttl span.label::before {
    font-size: 2.86458vw;
  }
}

.case_sec2 .inner .details .step_ttl span.label::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  position: absolute;
  top: 50%;
  left: 1px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_ttl span.label::after {
    height: 0.26042vw;
  }
}

.case_sec2 .inner .details .step_content {
  width: 80%;
  margin-left: auto;
  padding: 24px 0 30px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_content {
    width: 100%;
    padding: 3.90625vw 0 8.85417vw;
  }
}

.case_sec2 .inner .details .step_content_heading {
  font-size: 1.285714278rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_content_heading {
    font-size: 3.90625vw;
  }
}

.case_sec2 .inner .details .step_content_heading + p {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .step_content_heading + p {
    margin-top: 3.90625vw;
  }
}

.case_sec2 .inner .details .mb30 {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .mb30 {
    margin-bottom: 5.20833vw;
  }
}

.case_sec2 .inner .details .mb {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .details .mb {
    margin-bottom: 8.33333vw;
  }
}

.case_sec2 .inner .services_used {
  padding: 24px 36px;
  margin: 30px 0 0;
  border: 1px solid #B3B3B3;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .services_used {
    padding: 5.20833vw;
    margin: 2.60417vw 0 0;
    border-radius: 1.5625vw;
  }
}

.case_sec2 .inner .services_used p {
  font-size: 1.285714278rem;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .services_used p {
    font-size: 3.90625vw;
  }
}

.case_sec2 .inner .services_used p:first-child {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 0 18px 12px;
  border-bottom: 1px solid #B3B3B3;
}

@media screen and (max-width: 768px) {
  .case_sec2 .inner .services_used p:first-child {
    margin-bottom: 3.90625vw;
    padding: 0 0 2.86458vw 1.30208vw;
  }
}

.case_sec2 .inner .services_used p a {
  color: #232323;
  position: relative;
}

.case_sec2 .inner .services_used p a::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -1em;
  width: 8px;
  height: 8px;
  border: 1px solid #535353;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: translate(-25%, -50%) rotate(45deg);
  -ms-transform: translate(-25%, -50%) rotate(45deg);
  transform: translate(-25%, -50%) rotate(45deg);
}

/* -----------------------------------------------------
	case_sec3
----------------------------------------------------- */
.case_sec3 .inner .contact_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 40px 40px 50px;
  margin-bottom: 80px;
  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) {
  .case_sec3 .inner .contact_in {
    display: block;
    padding: 5.20833vw 6.51042vw;
    margin-bottom: 13.02083vw;
    border-radius: 3.90625vw;
    background: url(/service/mikata/images/case-studies/renewal/contact_bg_sp.png) no-repeat center center/cover;
  }
}

.case_sec3 .inner .contact_in div {
  width: calc(100% / 2);
}

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

.case_sec3 .inner .contact_in div.text_area {
  font-weight: bold;
  line-height: 1.6;
}

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

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

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

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

.case_sec3 .inner .contact_in 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) {
  .case_sec3 .inner .contact_in div.text_area ul li {
    font-size: 3.25521vw;
    margin-bottom: 2.60417vw;
    padding-left: 9.11458vw;
  }
}

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

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

.case_sec3 .inner .contact_in 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) {
  .case_sec3 .inner .contact_in div.text_area ul li::before {
    width: 5.20833vw;
    height: 5.20833vw;
  }
}

.case_sec3 .inner .contact_in 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) {
  .case_sec3 .inner .contact_in div.text_area a {
    padding: 3.90625vw 0;
    margin-bottom: 5.20833vw;
    font-size: 3.90625vw;
  }
}

.case_sec3 .inner .contact_in div.text_area a:hover {
  opacity: 0.75;
}

.case_sec3 .inner .contact_in div.img_box {
  padding-left: 34px;
}

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

.case_sec3 .inner .ttl {
  font-size: 1.571428562rem;
  padding-left: 20px;
  margin-bottom: 24px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .ttl {
    font-size: 4.16667vw;
    padding-left: 3.90625vw;
    margin-bottom: 4.42708vw;
  }
}

.case_sec3 .inner .ttl::before {
  content: '';
  display: block;
  width: 6px;
  height: 28px;
  background: #0075C2;
  border-radius: 3px;
  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) {
  .case_sec3 .inner .ttl::before {
    width: 1.17188vw;
    height: 5.98958vw;
  }
}

.case_sec3 .inner .company_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 30px;
  margin: 0 0 68px;
  border: 1px solid #B3B3B3;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in {
    display: block;
    padding: 5.20833vw;
    margin: 0 0 13.02083vw;
    border-radius: 1.5625vw;
  }
}

.case_sec3 .inner .company_in_logo {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_logo {
    width: 100%;
  }
}

.case_sec3 .inner .company_in_txt {
  width: 70%;
  padding: 16px 0 16px 4.4%;
  margin: 0 0 0 3%;
  border-left: 1px solid #B3B3B3;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_txt {
    width: 100%;
    padding: 6.51042vw 0 0;
    margin: 5.20833vw 0 0 0;
    border-left: 0;
    border-top: 1px solid #B3B3B3;
  }
}

.case_sec3 .inner .company_in_txt.none_type {
  border: 0;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_txt.none_type {
    padding: 0;
    margin: 0;
  }
}

.case_sec3 .inner .company_in_txt .name {
  font-size: 1.285714278rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_txt .name {
    font-size: 3.90625vw;
  }
}

.case_sec3 .inner .company_in_txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.case_sec3 .inner .company_in_txt dl + dl {
  margin-top: 10px;
}

.case_sec3 .inner .company_in_txt dl dt {
  width: 20%;
  font-size: 1.071428565rem;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_txt dl dt {
    width: 30%;
    font-size: 3.38542vw;
  }
}

.case_sec3 .inner .company_in_txt dl dd {
  width: 80%;
  font-size: 1.071428565rem;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .company_in_txt dl dd {
    width: 70%;
    font-size: 3.38542vw;
  }
}

.case_sec3 .inner .company_in_txt dl dd a {
  color: #232323;
}

.case_sec3 .inner .voice_in {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in {
    margin-bottom: 11.71875vw;
  }
}

.case_sec3 .inner .voice_in .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 68px;
  padding: 0 30px;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col {
    gap: 11.71875vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0;
    margin-bottom: 11.71875vw;
  }
}

.case_sec3 .inner .voice_in .col_item {
  width: calc(100% / 2);
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item {
    width: 100%;
  }
}

.case_sec3 .inner .voice_in .col_item.f_img {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item.f_img {
    text-align: center;
  }
}

.case_sec3 .inner .voice_in .col_item.f_img img {
  width: 92%;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item.f_img img {
    width: 90%;
  }
}

.case_sec3 .inner .voice_in .col_item_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 44px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item_ttl {
    margin-bottom: 5.20833vw;
  }
}

.case_sec3 .inner .voice_in .col_item_ttl .ttl_img {
  width: 130px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item_ttl .ttl_img {
    width: 28.64583vw;
  }
}

.case_sec3 .inner .voice_in .col_item_ttl .ttl_sub {
  font-size: 1.42857142rem;
  margin-left: 20px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in .col_item_ttl .ttl_sub {
    font-size: 3.90625vw;
    margin-left: 5.20833vw;
    line-height: 1.6;
  }
}

.case_sec3 .inner .voice_in_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;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list {
    gap: 5.20833vw;
  }
}

.case_sec3 .inner .voice_in_list .items {
  width: calc(97.6% / 2);
  padding: 30px 30px;
  border: 1px solid #B3B3B3;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items {
    width: 100%;
    padding: 9.11458vw 5.20833vw 5.20833vw;
    border-radius: 1.5625vw;
  }
}

.case_sec3 .inner .voice_in_list .items .ttl_v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 1.42857142rem;
  padding-bottom: 16px;
  margin-bottom: 30px;
  border-bottom: 1px solid #B3B3B3;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .ttl_v {
    font-size: 3.90625vw;
    padding-bottom: 5.20833vw;
    margin-bottom: 5.46875vw;
  }
}

.case_sec3 .inner .voice_in_list .items .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 34px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .detail {
    margin-bottom: 5.72917vw;
  }
}

.case_sec3 .inner .voice_in_list .items .detail_img {
  width: 96px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .detail_img {
    width: 20.83333vw;
  }
}

.case_sec3 .inner .voice_in_list .items .detail_list {
  margin-left: 16px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .detail_list {
    margin-left: 2.60417vw;
  }
}

.case_sec3 .inner .voice_in_list .items .detail_list li {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .detail_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.60417vw;
    font-size: 3.38542vw;
  }
}

.case_sec3 .inner .voice_in_list .items .detail_list li span {
  display: inline-block;
  width: 96px;
  color: #fff;
  padding: 2px 0 0;
  margin: 0 10px 0 0;
  background: #0075C2;
  text-align: center;
  border-radius: 50vh;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner .voice_in_list .items .detail_list li span {
    width: 20.83333vw;
    padding: 0.26042vw 0 0;
    margin: 0 2.60417vw 0 0;
    font-size: 3.125vw;
  }
}

.case_sec3 .inner .voice_in_list .items p span {
  color: #0075C2;
  font-weight: bold;
}

.case_sec3 .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;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner #company-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 11.71875vw;
  }
}

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

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

.case_sec3 .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);
}

@media screen and (max-width: 768px) {
  .case_sec3 .inner #company-list .company-card {
    width: 100%;
  }
  .case_sec3 .inner #company-list .company-card + .company-card {
    margin-top: 11.71875vw;
  }
}

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

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

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

.case_sec3 .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) {
  .case_sec3 .inner #company-list .company-card .link .thumbnail {
    margin-bottom: 5.20833vw;
    border-radius: 1.5625vw;
  }
}

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

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

.case_sec3 .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) {
  .case_sec3 .inner #company-list .company-card .link .thumbnail .name_area {
    padding: 4.6875vw 5.20833vw;
    height: auto;
  }
}

.case_sec3 .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);
}

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

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

.case_sec3 .inner #company-list .company-card .link .results {
  padding: 12px 16px;
  background: #f4f4f4;
  border-radius: 10px;
}

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

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

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

.case_sec3 .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) {
  .case_sec3 .inner #company-list .company-card .link .results .sub_ttl::before {
    width: 5.59896vw;
    height: 2.99479vw;
  }
}

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

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

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

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

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

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

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

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

/* -----------------------------------------------------
	case_sec4
----------------------------------------------------- */
.case_sec4 .inner {
  padding: 0 0 140px;
}

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

.case_sec4 .inner .ttl {
  font-size: 1.714285704rem;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 4px dotted #232323;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .ttl {
    font-size: 4.16667vw;
    padding-bottom: 2.60417vw;
    margin-bottom: 7.8125vw;
  }
}

.case_sec4 .inner .accordion .item {
  border: 1px solid #B3B3B3;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item {
    border-radius: 1.5625vw;
  }
}

.case_sec4 .inner .accordion .item .q,
.case_sec4 .inner .accordion .item .a {
  line-height: 1.8;
  padding: 28px 0 28px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item .q,
  .case_sec4 .inner .accordion .item .a {
    padding: 5.20833vw 0 5.20833vw 13.02083vw;
  }
}

.case_sec4 .inner .accordion .item .q::before,
.case_sec4 .inner .accordion .item .a::before {
  color: #0075C2;
  position: absolute;
  top: 0;
  left: 32px;
  -webkit-transform: translateY(26px);
  -ms-transform: translateY(26px);
  transform: translateY(26px);
  display: inline-block;
  font-size: 2.285714272rem;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item .q::before,
  .case_sec4 .inner .accordion .item .a::before {
    left: 5.20833vw;
    -webkit-transform: translateY(5.46875vw);
    -ms-transform: translateY(5.46875vw);
    transform: translateY(5.46875vw);
    font-size: 5.72917vw;
  }
}

.case_sec4 .inner .accordion .item .q span {
  padding-right: 80px;
  display: block;
  font-size: 1.285714278rem;
  position: relative;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item .q span {
    padding-right: 13.02083vw;
    font-size: 3.90625vw;
  }
}

.case_sec4 .inner .accordion .item .q span::before, .case_sec4 .inner .accordion .item .q span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 24px;
  width: 22px;
  margin-top: -2px;
  border-top: 4px solid #0075C2;
  border-radius: 3px;
  -webkit-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item .q span::before, .case_sec4 .inner .accordion .item .q span::after {
    right: 3.125vw;
    width: 4.16667vw;
    margin-top: -0.52083vw;
  }
}

.case_sec4 .inner .accordion .item .q span::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.case_sec4 .inner .accordion .item .q::before {
  content: 'Q';
}

.case_sec4 .inner .accordion .item .q:hover {
  cursor: pointer;
}

.case_sec4 .inner .accordion .item .q.open span::after {
  opacity: 0;
}

.case_sec4 .inner .accordion .item .a {
  display: none;
  border-top: 2px dotted #B2B2B2;
  padding-right: 80px;
  font-size: 1.142857136rem;
  background: #F8F8F8;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item .a {
    font-size: 3.64583vw;
    padding-right: 5.20833vw;
  }
}

.case_sec4 .inner .accordion .item .a::before {
  content: 'A';
}

.case_sec4 .inner .accordion .item + .item {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .case_sec4 .inner .accordion .item + .item {
    margin-top: 5.98958vw;
  }
}