main{ padding: 0;}
.case-study{ margin: 0; padding: 0; width: 100%;}
.free{ background: #e6ebee; color: #231815; font-family: "Futo Go B101"; line-height: 1;}

@media screen and (max-width: 1024px){
}

.free .sec1{ display: flex; padding: 5.208333333vw 6.25vw 9.375vw; justify-content: space-between;}
.free .sec1 > .detail{ width: 39.58333333vw;}
.free .sec1 > .detail h3{ font-size: 1.458333333vw; line-height: 1.785714286;}
.free .sec1 > .detail p{ margin: 2em 0 0; font-size: 1.041666667vw; line-height: 2.3;}
.free .sec1 > .detail h4{ margin: 6.770833333vw 0 1em; letter-spacing: .06em; font-size: 1.041666667vw;}
.free .sec1 > .detail .list1 > li{ display: flex; margin: 0 0 3.645833333vw; justify-content: flex-start;}
.free .sec1 > .detail .list1 figure{ width: 7.447916667vw;}
.free .sec1 > .detail .list1 .detail{ padding: 0 0 0 1em; letter-spacing: .06em; font-size: 1.041666667vw; line-height: 2;}
.free .sec1 > .detail .list1 .detail2{ letter-spacing: .06em; font-size: 1.041666667vw; line-height: 2;}
.free .sec1 > figure{ width: 39.0625vw;}
.free .sec1 > figure dl{ letter-spacing: .06em}
.free .sec1 > figure dt{ margin: 1em 0 0; font-size: 1.041666667vw;}
.free .sec1 > figure dd{ margin: .5em 0 0; font-size: 0.9375vw; line-height: 1.777777778;}

@media screen and (max-width: 1024px){
    .free .sec1{ flex-direction: column; padding: 16.66666667vw 10.25641026vw 21.79487179vw; justify-content: flex-start;}
    .free .sec1 > .detail{ padding: 0 0 5.128205128vw; width: 100%; border-bottom: 0.256410256vw solid #4c4948;}
    .free .sec1 > .detail h3{ font-size: 4.102564103vw; line-height: 1.75;}
    .free .sec1 > .detail p{ margin: 3em 0 0; font-size: 3.076923077vw; line-height: 2.166666667;}
    .free .sec1 > .detail h4{ margin: 16.66666667vw 0 1em; font-size: 3.076923077vw;}
    .free .sec1 > .detail .list1 > li{ margin: 0 0 8.974358974vw;}
    .free .sec1 > .detail .list1 figure{ width: 21.02564103vw;}
    .free .sec1 > .detail .list1 .detail{ font-size: 3.076923077vw; line-height: 1.833333333;}
    .free .sec1 > .detail .list1 .detail2{ font-size: 3.076923077vw; line-height: 1.833333333;}
    .free .sec1 > figure{ padding: 6.41025641vw 0 0; width: 100%;}
    .free .sec1 > figure dl{ letter-spacing: .06em}
    .free .sec1 > figure dt{ margin: 0 0 1em; text-align: center; font-size: 3.076923077vw;}
    .free .sec1 > figure dd{ margin: 1em 0 0; letter-spacing: .1em; font-size: 2.564102564vw; line-height: 2;}
}

.free .sec2{ padding: 0 0 11.97916667vw;}
.free .sec2 h3{ text-align: center;}
.free .sec2 h3 img{ width: 18.75vw;}
.free .sec2 .slide-wrap{ margin: 2.083333333vw 0 0;}

@media screen and (max-width: 1024px){
    .free .sec2{ padding: 0 0 19.23076923vw;}
    .free .sec2 h3 img{ width: 37.17948718vw;}
    .free .sec2 .slide-wrap{ margin: 7.692307692vw 0 0;}
}

.free .slide-interview{ font-size: 0; line-height: 1; opacity: 0; transition: opacity .3s linear;}
.free .slide-interview.slick-initialized{ opacity: 1;}
.free .slide-interview .slick-slide{ padding: 0 0.885416667vw; height: 47.559375vw;}
.free .slide-interview .slick-slide img{ width: auto; height: 47.559375vw}
.free .slide-interview .slick-slide video{ height: 47.559375vw; width: auto; aspect-ratio: 16 / 9;}

@media screen and (max-width: 1024px){
    .free .slide-interview{ display: flex; flex-direction: column; opacity: 1; align-items: center;}
    .free .slide-interview > li{ width: 58.20512821vw;}
    .free .slide-interview > li + li{ margin: 1.025641026vw 0 0;}
    .free .slide-interview video{ width: 100%; aspect-ratio: 16 / 9;}
}

.free .slide-interview .slick-prev,
.free .slide-interview .slick-next{ z-index: 99; width: 2.083333333vw; height: 2.083333333vw;}
.free .slide-interview .slick-prev.slick-disabled:before,
.free .slide-interview .slick-next.slick-disabled:before{ opacity: 1;}
.free .slide-interview .slick-prev:before,
.free .slide-interview .slick-next:before{ display: block; width: 100%; height: 100%; background: url("/img/case_study/takanawa-linklifelab/arrow_slide.png") no-repeat center / contain; content: ''; opacity: 1;}
.free .slide-interview .slick-prev:before{ transform: scale(-1,1);}
.free .slide-interview .slick-prev{ left: 8.59375vw;}
.free .slide-interview .slick-next{ right: 8.59375vw;}

@media screen and (max-width: 1024px){
}

.free .slide-interview .slick-dotted.slick-slider{ margin-bottom: 0;}
.free .slide-interview .slick-dots{ bottom: -5.208333333vw;}
.free .slide-interview .slick-dots li{margin: 0 0.260416667vw; width: 0.520833333vw; height: 0.520833333vw;}
.free .slide-interview .slick-dots li button{ padding: 0; width: 100%; height: 100%;}
.free .slide-interview .slick-dots li button:before{display: block;  width: 100%; height: 100%; border-radius: 100%; background: #fff; content: ''; opacity: 1;}
.free .slide-interview .slick-dots li.slick-active button:before{ background: #4c4948; opacity: 1;}

@media screen and (max-width: 1024px){
}

.free .sec3{ padding: 0 6.25vw;}
.free .sec3 h3{ margin: 0 0 5.729166667vw;}
.free .sec3 h3 img{ margin: 0 auto; width: 11.25vw;}
.free .sec3 .flex{ display: flex; padding: 0 0 14.0625vw; justify-content: space-between;}
.free .sec3 .flex.reverse{ flex-direction: row-reverse;}
.free .sec3 .flex3{ padding: 0 0 4.6875vw;}
.free .sec3 .blk1{ position: relative; width: 39.58333333vw;}
.free .sec3 .blk2{ width: 39.84375vw;}
.free .sec3 h4{ letter-spacing: .02em; font-size: 1.458333333vw; line-height: 1.785714286;}
.free .sec3 p{ margin: 2em 0 0; letter-spacing: .06em; font-size: 1.041666667vw; line-height: 2.3;}
.free .sec3 p small{ font-size: 0.9375vw;}
.free .sec3 h5{ border-bottom: 0.026041667vw solid; color: #000;letter-spacing: .02em; font-size: 1.09375vw; line-height: 1.5; }
.free .sec3 h5 em{ font-style: normal;}
.free .sec3 .btn1{ display: flex; margin: 1.041666667vw 0 0; justify-content: flex-end;}
.free .sec3 .btn1 a{ display: flex; width: 12.34375vw; height: 2.083333333vw; background: #4c4948; color: #fff; letter-spacing: .15em; font-size: 1.041666667vw; font-family: "Midashi Go MB31"; justify-content: center; align-items: center;}

@media screen and (max-width: 1024px){
    .free .sec3{ padding: 0 10.25641026vw;}
    .free .sec3 h3{ margin: 0 0 8.974358974vw;}
    .free .sec3 h3 img{ width: 32.05128205vw;}
    .free .sec3 .flex{flex-direction: column; padding: 0 0 16.66666667vw; justify-content: flex-start; }
    .free .sec3 .flex.reverse{ flex-direction: column;}
    .free .sec3 .flex3{ padding: 0;}
    .free .sec3 .blk1{ padding: 0 0 23.07692308vw; width: 100%;}
    .free .sec3 .flex3s .blk1{ padding: 0;}
    .free .sec3 .blk2{ width: 100%;}
    .free .sec3 h4{ letter-spacing: 0; font-size: 3.58974359vw; line-height: 1.785714286;}
    .free .sec3 p{ margin: 2em 0 0; font-size: 3.076923077vw; line-height: 2.166666667;}
    .free .sec3 p small{ font-size: 2.564102564vw;}
    .free .sec3 h5{ border-bottom: 0.128205128vw solid; font-size: 3.076923077vw; line-height: 1.5;}
    .free .sec3 .btn1{ margin: 2.564102564vw 0 0;}
    .free .sec3 .btn1 a{ width: 34.87179487vw; height: 5.641025641vw; font-size: 2.820512821vw;}
}

.free .sec-contact{ padding: 0 6.25vw 7.291666667vw; text-align: center;}
.free .sec-contact h3{ padding: 7.291666667vw 0 0; border-top: 0.052083333vw solid #000; font-size: 1.822916667vw; font-family: "A1 Gothic R";}
.free .sec-contact p{ margin: 2em 0; letter-spacing: .06em; font-size: 1.041666667vw; line-height: 2;}
.free .sec-contact .btn1 a{ display: flex; margin: 0 auto; width: 20vw; height: 5vw; background: #4c4948; color: #fff; letter-spacing: .06em; font-size: 1.25vw; font-family: "A1 Gothic R"; justify-content: center; align-items: center;}
.free .sec-contact .btn1 a:hover{ opacity: .6;}
.free .sec-contact .btn1 i{ margin: 0 .5em 0 0;}

@media screen and (max-width: 1024px){
    .free .sec-contact{ padding: 0 10.25641026vw 21.33333333vw;}
    .free .sec-contact h3{ padding: 21.33333333vw 0 0; border-top: 0.133333333vw solid #000; font-size: 4.266666667vw;}
    .free .sec-contact p{ font-size: 3.076923077vw;}
    .free .sec-contact .btn1 a{ width: 50vw; height: 12vw; font-size: 3.733333333vw;}
    .free .sec-contact .btn1 a:hover{ opacity: .6;}
    .free .sec-contact .btn1 i{ margin: 0 .5em 0 0;}
}

.remodal-overlay { background: rgba(255, 255, 255, 0);}

@media only screen and (min-width: 641px) {
  .remodal { max-width: 68.22916667vw;}
}

@media screen and (max-width: 1024px){
    .remodal { padding: 15.38461538vw 10.25641026vw; max-width: 100%;}
}

.remodal-close, .remodal-close:before{ left: auto; right: 0;}
.remodal .flex-s{ display: flex; padding: 2.34375vw;}
.remodal .flex-s > figure{ width: 25.83333333vw;}
.remodal .flex-s > .detail{ padding: 0 0 0 1.822916667vw; width: calc(100% - 25.83333333vw); color: #4c4948; text-align: left; font-family: "Futo Go B101";}
.remodal .flex-s > .detail h6{ margin: 0; display: flex; flex-direction: column; width: 100%; font-size: 1.041666667vw; font-family: "Futo Go B101"; line-height: 2.3;}
.remodal .flex-s > .detail h6 small{ white-space: nowrap; letter-spacing: normal; font-size: 0.78125vw; line-height: 1.5;}
.remodal .flex-s > .detail figure{}
.remodal .flex-s > .detail p{ margin: 2em 0 0; letter-spacing: .06em; font-size: 0.9375vw; font-family: "Futo Go B101"; line-height: 2.111111111;}

@media screen and (max-width: 1024px){
    .remodal .flex-s{ flex-direction: column; padding: 0;}
    .remodal .flex-s > figure{ display: none;}
    .remodal .flex-s > .detail{ padding: 0; width: 100%;}
    .remodal .flex-s > .detail h6{ font-size: 3.282051282vw;}
    .remodal .flex-s > .detail h6 small{ white-space: normal; font-size: 2.461538462vw; line-height: 1.5;}
    .remodal .flex-s > .detail figure{ width: 100%;}
    .remodal .flex-s > .detail p{ margin: 2em 0 0; letter-spacing: .04em; font-size: 3.076923077vw; line-height: 2.166666667;}
}

.free .sec3 .list2{ margin: 1.302083333vw 0 0; padding: 0 0 4.6875vw;}
.free .sec3 .list2 > li + li{ margin: 0.729166667vw 0 0;}

@media screen and (max-width: 1024px){
    .free .sec3 .list2{ margin: 6.41025641vw calc(50% - 50vw) 0; padding: 0 0 10.25641026vw;}
    .free .sec3 .list2 > li + li{ margin: 1.025641026vw 0 0;}
}

.free .sec3 .list3{ display: flex; margin: 2.083333333vw 0 0; justify-content: space-between; flex-wrap: wrap;}
.free .sec3 .flex2 .blk1 .list3{ position: absolute; bottom: 0; left: 50%; margin: 0; width: 100%; transform: translate(-50%,0);}
.free .sec3 .flex3s .blk2 .list3{ margin: 0; padding: 3.8em 0 0;}
.free .sec3 .list3 > li{ padding: 0 0 1.5625vw; width: 18.48958333vw;}
.free .sec3 .list3 a{ display: flex; flex-direction: column; align-items: center;}
.free .sec3 .list3 figure{ width: 100%;}
.free .sec3 .list3 .name{ margin: 1.302083333vw 0 0; width: 100%; text-align: center; white-space: nowrap; font-size: 1.041666667vw; font-family: "A1 Gothic R";}
.free .sec3 .list3 i{ margin: 1.041666667vw 0 0; width: 1.75vw; height: 1.431770833vw; background: url("/img/case_study/takanawa-linklifelab/ico_cart.png") no-repeat center / contain; transition: all .2s ease;}
.free .sec3 .list3 a:hover i{ opacity: .5;}

@media screen and (max-width: 1024px){
    .free .sec3 .list3{ margin: 0;}
    .free .sec3 .flex3s .blk2 .list3{ display: none;}
    .free .sec3 .list3 > li{ margin: 6.41025641vw 0 0; padding: 0; width: 36.92307692vw;}
    .free .sec3 .list3 .name{ margin: 1em 0 0; font-size: 2.307692308vw;}
    .free .sec3 .list3 i{ margin: 3.58974359vw 0 0; width: 4.512820513vw; height:3.830769231vw; background: url("/img/case_study/takanawa-linklifelab/ico_cart_sp.png") no-repeat center / contain;}
}