.frl-dtl {
  overflow: hidden;
  padding: 8.78477306vw 0 0;
}
@media (max-width: 768px) {
  .frl-dtl {
    padding: 17.6vw 0 0;
  }
}
.frl-dtl-in {
  position: relative;
  width: 86.6764275256vw;
  margin-left: 6.6617862372vw;
}
@media (max-width: 768px) {
  .frl-dtl-in {
    width: auto;
    margin-left: 0;
  }
}
.frl-dtl .c-breadcrumbs {
  margin: 0 1.9765739385vw;
}
.frl-dtl-post {
  margin: 3.4407027818vw 0 0;
}
@media (max-width: 768px) {
  .frl-dtl-post {
    margin: 8vw 0 0;
  }
}
.frl-dtl-post__hd {
  width: 65.0073206442vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .frl-dtl-post__hd {
    width: auto;
    margin: 0 7.2vw;
  }
}
.frl-dtl-post__hd__date {
  font-family: "Oswald", sans-serif;
  font-size: 1.317715959vw;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .frl-dtl-post__hd__date {
    font-size: 4.2666666667vw;
  }
}
.frl-dtl-post__hd__title {
  margin-top: 0.3660322108vw;
  font-size: 2.4890190337vw;
  font-weight: 700;
  line-height: 2.1176470588;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .frl-dtl-post__hd__title {
    margin-top: 1.3333333333vw;
    font-size: 5.8666666667vw;
    line-height: 2.0909090909;
  }
}
.frl-dtl-post__hd__title .in {
  border-bottom: 2px solid #000;
}
.frl-dtl-post__picture {
  position: relative;
  margin: 3.6603221083vw 0 0;
  text-align: center;
}
@media (max-width: 768px) {
  .frl-dtl-post__picture {
    margin: 6.6666666667vw 0 0;
  }
}
.frl-dtl-post__picture .pic-in {
  position: relative;
  max-width: 65.0073206442vw;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .frl-dtl-post__picture .pic-in {
    max-width: initial;
    width: 85.6vw;
  }
}
.frl-dtl-post__picture .pic-in img {
  width: 100%;
  height: 100%;
  transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.frl-dtl-post__picture .pic-bg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 86.4864864865%;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 768px) {
  .frl-dtl-post__picture .pic-bg {
    height: 75.7009345794%;
  }
}
.frl-dtl-post__picture .pic-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.frl-dtl-post__tags {
  width: 65.0073206442vw;
  margin: 1.4641288433vw auto 0;
  color: #ff7171;
  font-size: 1.0248901903vw;
}
@media (max-width: 768px) {
  .frl-dtl-post__tags {
    width: auto;
    margin: 4.8vw 7.2vw 0;
    font-size: 3.2vw;
  }
}
.frl-dtl-post__tags a {
  margin: 0.3660322108vw 0.878477306vw 0 0.3660322108vw;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .frl-dtl-post__tags a {
    margin: 1.3333333333vw 3.2vw 0 1.3333333333vw;
  }
}
.frl-dtl-post__lead {
  width: 65.0073206442vw;
  margin: 2.196193265vw auto 0;
  font-size: 1.317715959vw;
  font-weight: 500;
}
@media (max-width: 768px) {
  .frl-dtl-post__lead {
    width: auto;
    margin: 8vw 7.2vw 0;
    font-size: 4.2666666667vw;
  }
}
.frl-dtl-post__body {
  width: 65.0073206442vw;
  margin: 5.8565153734vw auto 0;
  font-size: 1.1713030747vw;
  line-height: 2.125;
}
@media (max-width: 768px) {
  .frl-dtl-post__body {
    width: auto;
    margin: 10.6666666667vw 7.2vw 0;
    font-size: 3.7333333333vw;
    line-height: 2;
  }
}
.frl-dtl-post__body a {
  color: #fd6565;
  text-decoration: underline;
}
.frl-dtl-post__info {
  width: 65.0073206442vw;
  margin: 5.8565153734vw auto 0;
}
@media (max-width: 768px) {
  .frl-dtl-post__info {
    width: auto;
    margin: 10.6666666667vw 7.2vw 0;
  }
}
.frl-dtl-post__info__hd {
  position: relative;
}
.frl-dtl-post__info__hd::after {
  content: "";
  display: block;
  width: 66.2518301611vw;
  height: 2px;
  position: absolute;
  left: 16.2518301611vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #F1F1F1;
}
@media (max-width: 768px) {
  .frl-dtl-post__info__hd::after {
    width: auto;
    left: 40vw;
    width: 50.1333333333vw;
  }
}
.frl-dtl-post__info__hd__title {
  font-family: "Oswald", sans-serif;
  font-size: 2.196193265vw;
}
@media (max-width: 768px) {
  .frl-dtl-post__info__hd__title {
    font-size: 6.9333333333vw;
  }
}
.frl-dtl-post__info__list {
  margin-top: 2.5622254758vw;
}
@media (max-width: 768px) {
  .frl-dtl-post__info__list {
    margin-top: 5.8666666667vw;
  }
}
.frl-dtl-post__prof {
  margin: 5.1244509517vw auto 0;
  padding-bottom: 5.8565153734vw;
  background: #F8F6EC;
}
@media (max-width: 768px) {
  .frl-dtl-post__prof {
    width: auto;
    margin: 10.6666666667vw 0 0;
    padding-bottom: 13.3333333333vw;
  }
}
.frl-dtl-post__prof-in {
  position: relative;
  width: 65.0073206442vw;
  margin-left: 10.8345534407vw;
  padding-top: 4.2459736457vw;
}
@media (max-width: 768px) {
  .frl-dtl-post__prof-in {
    width: auto;
    margin: 0 7.2vw;
    padding-top: 9.8666666667vw;
  }
}
.frl-dtl-post__prof__hd {
  position: absolute;
  top: -1.756954612vw;
  left: 0;
}
@media (max-width: 768px) {
  .frl-dtl-post__prof__hd {
    top: -5.8666666667vw;
  }
}
.frl-dtl-post__prof__hd__title {
  font-family: "Oswald", sans-serif;
  font-size: 2.196193265vw;
}
@media (max-width: 768px) {
  .frl-dtl-post__prof__hd__title {
    font-size: 6.9333333333vw;
  }
}
.frl-dtl-post__prof__list .card:nth-child(n+2) {
  border-top-color: #fff !important;
}
.frl-dtl .card {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .frl-dtl .card {
    flex-direction: column;
  }
}
.frl-dtl .card:nth-child(n+2) {
  margin-top: 2.9282576867vw;
  padding-top: 2.9282576867vw;
  border-top: 2px solid #F1F1F1;
}
@media (max-width: 768px) {
  .frl-dtl .card:nth-child(n+2) {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}
.frl-dtl .card__pic {
  width: 10.8345534407vw;
  height: 10.8345534407vw;
}
@media (max-width: 768px) {
  .frl-dtl .card__pic {
    width: 39.4666666667vw;
    height: 39.4666666667vw;
    margin: 0 auto;
  }
}
.frl-dtl .card__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 999px;
}
.frl-dtl .card__txt {
  width: 48.7554904832vw;
}
@media (max-width: 768px) {
  .frl-dtl .card__txt {
    width: auto;
    margin: 5.3333333333vw auto 0;
  }
}
.frl-dtl .card__txt__title {
  font-size: 1.4641288433vw;
  font-weight: 500;
}
@media (max-width: 768px) {
  .frl-dtl .card__txt__title {
    font-size: 4.2666666667vw;
  }
}
.frl-dtl .card__txt__body {
  margin-top: 1.4641288433vw;
  font-size: 1.0248901903vw;
  line-height: 2;
}
@media (max-width: 768px) {
  .frl-dtl .card__txt__body {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.frl-dtl .card__txt__body a {
  color: #fd6565;
  text-decoration: underline;
}
.frl-dtl-share--bottom {
  margin: 5.8565153734vw 0 0 6.6617862372vw;
  padding-bottom: 5.8565153734vw;
  border-bottom: 2px solid #F1F1F1;
}
@media (max-width: 768px) {
  .frl-dtl-share--bottom {
    margin: 13.3333333333vw 0 0;
    padding-bottom: 13.3333333333vw;
  }
}
.frl-dtl-share--bottom .frl-dtl-share-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 23.8653001464vw;
  margin: 0 auto;
  line-height: 1;
}
@media (max-width: 768px) {
  .frl-dtl-share--bottom .frl-dtl-share-in {
    width: 63.4666666667vw;
  }
}
.frl-dtl-share--bottom .frl-dtl-share__title {
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  font-size: 1.4641288433vw;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .frl-dtl-share--bottom .frl-dtl-share__title {
    font-size: 5.3333333333vw;
  }
}
.frl-dtl-share--bottom .frl-dtl-share__link {
  width: 4.0995607613vw;
}
@media (max-width: 768px) {
  .frl-dtl-share--bottom .frl-dtl-share__link {
    width: 8.5333333333vw;
  }
}
.frl-dtl-share--bottom .frl-dtl-share__link svg {
  width: 100%;
  aspect-ratio: 1/1;
}
.frl-dtl-share--top {
  position: absolute;
  right: 2.3426061493vw;
  top: 2.3426061493vw;
  width: 1.8301610542vw;
}
@media (max-width: 768px) {
  .frl-dtl-share--top {
    display: none;
  }
}
.frl-dtl-share--top .frl-dtl-share__title {
  display: none;
}
.frl-dtl-share--top .frl-dtl-share__link {
  display: block;
  line-height: 0;
}
.frl-dtl-share--top .frl-dtl-share__link:nth-child(n+3) {
  margin-top: 1.0980966325vw;
}
.frl-dtl-share--top .frl-dtl-share__link svg {
  width: 100%;
  aspect-ratio: 1/1;
}
.frl-dtl-newarticle {
  padding: 2.9282576867vw 0 7.3206442167vw;
  background: url(../images/frontline/bg-newarticle-pc.svg) no-repeat 0 100%/contain;
}
@media (max-width: 768px) {
  .frl-dtl-newarticle {
    padding: 10.6666666667vw 0 13.3333333333vw;
    background: url(../images/frontline/bg-newarticle-sp.svg) no-repeat 100% 7.4666666667vw/cover;
  }
}
.frl-dtl-newarticle-in {
  position: relative;
  width: 81.2591508053vw;
  margin-left: 12.0790629575vw;
}
@media (max-width: 768px) {
  .frl-dtl-newarticle-in {
    width: auto;
    margin-left: 0;
  }
}
.frl-dtl-newarticle__hd__title {
  font-size: 4.39238653vw;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .frl-dtl-newarticle__hd__title {
    font-size: 10.6666666667vw;
    text-align: center;
  }
}
/*# sourceMappingURL=map/frontline_detail.css.map */