@charset "UTF-8";
:root {
  --color-black: #222222;
  --color-white: #ffffff;
  --color-gray: #595757;
  --color-lightgray: #E6F0F0;
  --color-primary: #004F99;
  --color-secondary: #008A3B;
  --color-blue: #178FD9;
  --color-lightblue: #EBF2F4;
  --color-lightblue2: #D9E8EC;
  --color-navy: #2F2A7F;
  --color-lightnavy: #EBEBF4;
  --color-green: #258346;
  --color-yellowgreen: #579900;
  --color-lightyellowgreen: #EAF0E2;
  --color-orange: #E97406;
  --color-purple: #774B91;
  --color-enji: #842640;
  --color-lightenji: #F2ECEC;
  --color-pink: #AC4683;
  --color-lightpink: #F2ECF0;
  --color-gold: #A99500;
  --color-border: #DFEAED;
  --color-bg: #F4F4F4;
}

/*----------------------------------------

	case CSS

-----------------------------------------*/
/*----------------------------------------
	common
-----------------------------------------*/
.wrapper {
  overflow: hidden;
}

.content > .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20rem 120rem 40rem;
}
@media screen and (max-width: 959px ) {
  .content > .breadcrumb {
    padding: 15rem 20rem 30rem;
  }
}

span.cat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 25rem;
  padding: 8rem 14rem;
  border-radius: 60rem;
  color: var(--color-white);
  font-size: 11rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 959px ) {
  span.cat {
    min-height: 22rem;
    padding: 8rem 12rem 7rem;
    font-size: 10rem;
  }
}
span.cat--buy {
  background: var(--color-navy);
}
span.cat--cre {
  background: var(--color-pink);
}
span.cat--rent {
  background: var(--color-blue);
}
span.cat--management {
  background: var(--color-enji);
}
span.cat--asset {
  background: var(--color-yellowgreen);
}
span.cat--maintenance {
  background: #60708A;
}

/*----------------------------------------
	case TOPページ
-----------------------------------------*/
/*----------------------------------------
	sec-tag-navigation
-----------------------------------------*/
.sec-tag-navigation {
  padding: 0 140rem 40rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation {
    padding: 0 20rem 30rem;
  }
}
.sec-tag-navigation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sec-tag-navigation__inner::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  content: "";
  width: 3rem;
  height: 44rem;
  margin-top: 4rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-primary)), color-stop(3rem, transparent));
  background-image: linear-gradient(to bottom, var(--color-primary) 0 3rem, transparent 3rem 3rem);
  background-size: 3rem 6rem;
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation__inner::before {
    width: 44rem;
    height: 3rem;
    margin-top: 0;
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-primary)), color-stop(3rem, transparent));
    background-image: linear-gradient(to right, var(--color-primary) 0 3rem, transparent 3rem 3rem);
    background-size: 6rem 3rem;
  }
}
.sec-tag-navigation h2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 4rem 0;
  color: var(--color-primary);
  font-size: 16rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.75;
  white-space: nowrap;
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation h2 {
    padding: 0;
    font-size: 16rem;
  }
}
.sec-tag-navigation__list {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5rem;
  min-width: 0;
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8rem;
  }
}
.sec-tag-navigation .case-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 42rem;
  padding: 8rem 22rem 8rem 20rem;
  border-radius: 40rem;
  background: var(--color-bg);
  color: var(--color-black);
  font-size: 14rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (max-width: 959px ) {
  .sec-tag-navigation .case-filter {
    min-height: 36rem;
    padding: 7rem 16rem;
    font-size: 12rem;
  }
}
.sec-tag-navigation .case-filter span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8rem;
          flex: 0 0 8rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: var(--color-primary);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.sec-tag-navigation .case-filter:hover, .sec-tag-navigation .case-filter.is-current {
  background: var(--color-primary);
  color: var(--color-white);
}
.sec-tag-navigation .case-filter:hover span, .sec-tag-navigation .case-filter.is-current span {
  background: var(--color-white);
}
.sec-tag-navigation .case-filter--buy span {
  background: var(--color-navy);
}
.sec-tag-navigation .case-filter--buy:hover, .sec-tag-navigation .case-filter--buy.is-current {
  background: var(--color-navy);
}
.sec-tag-navigation .case-filter--cre span {
  background: var(--color-pink);
}
.sec-tag-navigation .case-filter--cre:hover, .sec-tag-navigation .case-filter--cre.is-current {
  background: var(--color-pink);
}
.sec-tag-navigation .case-filter--rent span {
  background: var(--color-blue);
}
.sec-tag-navigation .case-filter--rent:hover, .sec-tag-navigation .case-filter--rent.is-current {
  background: var(--color-blue);
}
.sec-tag-navigation .case-filter--management span {
  background: var(--color-enji);
}
.sec-tag-navigation .case-filter--management:hover, .sec-tag-navigation .case-filter--management.is-current {
  background: var(--color-enji);
}
.sec-tag-navigation .case-filter--asset span {
  background: var(--color-yellowgreen);
}
.sec-tag-navigation .case-filter--asset:hover, .sec-tag-navigation .case-filter--asset.is-current {
  background: var(--color-yellowgreen);
}

/*----------------------------------------
	case-archive
-----------------------------------------*/
.case-archive {
  padding: 40rem 140rem 100rem;
  background: var(--color-bg);
}
@media screen and (max-width: 959px ) {
  .case-archive {
    padding: 30rem 20rem 70rem;
  }
}
.case-archive__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20rem 1fr 20rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 20rem;
}
@media screen and (max-width: 959px ) {
  .case-archive__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15rem;
  }
}
.case-archive__loader {
  width: 32rem;
  height: 32rem;
  margin: 60rem auto 0;
  border: 6rem solid rgba(0, 79, 153, 0.18);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  -webkit-animation: caseLoader 1s linear infinite;
          animation: caseLoader 1s linear infinite;
}
@media screen and (max-width: 959px ) {
  .case-archive__loader {
    width: 26rem;
    height: 26rem;
    border-width: 5rem;
    margin-top: 40rem;
  }
}
.case-archive__loader.is-hide {
  display: none;
}

.case-card {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(24rem);
          transform: translateY(24rem);
  background: var(--color-white);
  border-radius: 2rem;
  overflow: hidden;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.6s, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.6s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.6s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.case-card.is-show {
  display: block;
}
.case-card.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.case-card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
  height: 100%;
  padding: 30rem;
}
@media screen and (max-width: 959px ) {
  .case-card a {
    gap: 15rem;
    padding: 20rem;
  }
}
.case-card figure {
  aspect-ratio: 446.66/280;
  overflow: hidden;
  border-radius: 2rem;
}
.case-card figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.case-card h2 {
  color: var(--color-black);
  font-size: 18rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.75;
  -webkit-transition: color 0.3s, text-decoration-color 0.3s;
  transition: color 0.3s, text-decoration-color 0.3s;
}
@media screen and (max-width: 959px ) {
  .case-card h2 {
    font-size: 16rem;
  }
}
.case-card p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8rem;
  margin-top: auto;
}
.case-card a:hover figure img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.case-card a:hover h2 {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 4rem;
}

@-webkit-keyframes caseLoader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes caseLoader {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*----------------------------------------
	case 詳細ページ
-----------------------------------------*/
@media screen and (max-width: 959px ) {
  .breadcrumb li:last-child {
    text-align: right;
  }
}
/*----------------------------------------
	case__detail-hd
-----------------------------------------*/
.case__detail > .breadcrumb {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20rem 140rem 0;
}
@media screen and (max-width: 959px ) {
  .case__detail > .breadcrumb {
    padding: 15rem 20rem 0;
  }
}
.case__detail-hd {
  position: relative;
  z-index: 10;
  padding: 60rem 140rem 20rem;
}
@media screen and (max-width: 959px ) {
  .case__detail-hd {
    padding: 40rem 20rem 10rem;
  }
}
.case__detail-hd h1 {
  margin-top: 10rem;
  font-size: 40rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-wrap: balance;
}
@media screen and (max-width: 959px ) {
  .case__detail-hd h1 {
    margin-top: 12rem;
    font-size: 26rem;
  }
}
.case__detail .pic-main {
  padding: 60rem 60rem 0;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .case__detail .pic-main {
    padding: 20rem 20rem 0;
  }
}
.case__detail .pic-main img {
  border-radius: 2rem;
}
.case__detail-en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-primary);
  font-family: "Heebo", sans-serif;
  font-size: 20rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 959px ) {
  .case__detail-en {
    font-size: 15rem;
  }
}
.case__detail-en::before {
  content: "";
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: currentColor;
}
@media screen and (max-width: 959px ) {
  .case__detail-en::before {
    width: 7rem;
    height: 7rem;
  }
}
.case__detail-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8rem;
  margin-top: 10rem;
}

/*----------------------------------------
	case__detail-body
-----------------------------------------*/
.case__detail-body {
  position: relative;
  margin-top: 20rem;
  padding: 40rem 140rem 100rem;
  background: var(--color-bg);
}
@media screen and (max-width: 959px ) {
  .case__detail-body {
    padding: 30rem 20rem 70rem;
  }
}

.case-problem {
  padding: 40rem 60rem 60rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .case-problem {
    padding: 20rem;
  }
}
.case-problem h2 {
  padding: 12rem;
  background: var(--color-lightblue2);
  font-size: 24rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 959px ) {
  .case-problem h2 {
    font-size: 16rem;
  }
}
.case-problem > p {
  margin-top: 25rem;
  font-size: 16rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-problem > p {
    font-size: 13rem;
    text-align: justify;
  }
}
.case-problem__box {
  position: relative;
  margin-top: 20rem;
  padding: 40rem 180rem;
  background: var(--color-bg);
}
@media screen and (max-width: 959px ) {
  .case-problem__box {
    display: block;
    padding: 25rem 20rem 50rem;
  }
}
.case-problem__box figure {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 959px ) {
  .case-problem__box figure {
    width: 80rem;
  }
}
.case-problem__box ul {
  position: relative;
  z-index: 10;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-problem__box ul {
    font-size: 14rem;
  }
}
.case-problem__box li {
  padding-left: 1.2em;
  text-indent: -1.4em;
}
.case-problem__box li::before {
  padding-right: 0.2em;
  content: "・";
}
.case-problem__point {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40rem;
  margin-top: 30rem;
}
@media screen and (max-width: 959px ) {
  .case-problem__point {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20rem;
  }
}
.case-problem__point section {
  padding-left: 20rem;
  border-left: 10rem solid #60708A;
}
@media screen and (max-width: 959px ) {
  .case-problem__point section {
    padding-left: 15rem;
    border-left-width: 6rem;
  }
}
.case-problem__point section.cat--buy {
  border-color: var(--color-navy);
}
.case-problem__point section.cat--buy h3 {
  color: var(--color-navy);
}
.case-problem__point section.cat--buy h3 span {
  background: #60708A;
}
.case-problem__point section.cat--cre {
  border-color: var(--color-pink);
}
.case-problem__point section.cat--cre h3 {
  color: var(--color-pink);
}
.case-problem__point section.cat--cre h3 span {
  background: var(--color-pink);
}
.case-problem__point section.cat--rent {
  border-color: var(--color-blue);
}
.case-problem__point section.cat--rent h3 {
  color: var(--color-blue);
}
.case-problem__point section.cat--rent h3 span {
  background: var(--color-blue);
}
.case-problem__point section.cat--management {
  border-color: var(--color-enji);
}
.case-problem__point section.cat--management h3 {
  color: var(--color-enji);
}
.case-problem__point section.cat--management h3 span {
  background: var(--color-enji);
}
.case-problem__point section.cat--asset {
  border-color: var(--color-yellowgreen);
}
.case-problem__point section.cat--asset h3 {
  color: var(--color-yellowgreen);
}
.case-problem__point section.cat--asset h3 span {
  background: var(--color-yellowgreen);
}
.case-problem__point section.cat--maintenance {
  border-color: #60708A;
}
.case-problem__point section.cat--maintenance h3 {
  color: #60708A;
}
.case-problem__point section.cat--maintenance h3 span {
  background: #60708A;
}
.case-problem__point h3 {
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 959px ) {
  .case-problem__point h3 {
    font-size: 18rem;
  }
}
.case-problem__point h3 span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 8rem;
  padding: 5rem 14rem;
  border-radius: 30rem;
  color: var(--color-white);
  font-size: 11rem;
  line-height: 1.6;
}
.case-problem__point h3 strong {
  display: block;
  margin-top: 10rem;
}
@media screen and (max-width: 959px ) {
  .case-problem__point h3 strong {
    margin-top: 5rem;
  }
}
.case-problem__point ul {
  margin-top: 12rem;
  font-size: 16rem;
  letter-spacing: 0.05em;
  line-height: 1.9;
}
@media screen and (max-width: 959px ) {
  .case-problem__point ul {
    margin-top: 10rem;
    font-size: 13rem;
  }
}
.case-problem__point li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.case-problem__point li::before {
  padding-right: 0.2em;
  content: "・";
}

.case-arrow {
  width: 52rem;
  margin: 20rem auto;
}
@media screen and (max-width: 959px ) {
  .case-arrow {
    width: 40rem;
  }
}

.case-solution {
  padding: 60rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .case-solution {
    padding: 20rem;
  }
}
.case-solution h2 {
  padding: 12rem;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: 24rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 959px ) {
  .case-solution h2 {
    font-size: 16rem;
  }
}
.case-solution__lead {
  position: relative;
  margin-top: 25rem;
  padding: 40rem 260rem 40rem 80rem;
  overflow: hidden;
  background: var(--color-lightblue2);
}
@media screen and (max-width: 959px ) {
  .case-solution__lead {
    padding: 22rem 20rem;
  }
}
.case-solution__lead p {
  position: relative;
  z-index: 1;
  font-size: 25rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-solution__lead p {
    font-size: 16rem;
  }
}
.case-solution__lead figure {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 220rem;
}
@media screen and (max-width: 959px ) {
  .case-solution__lead figure {
    width: 110rem;
  }
}
.case-solution__article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 730rem 60rem 1fr;
  grid-template-columns: 730rem 1fr;
  gap: 60rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50rem;
}
@media screen and (max-width: 959px ) {
  .case-solution__article {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20rem;
    margin-top: 35rem;
  }
}
.case-solution__article.is-no-image {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.case-solution__article figure {
  display: -ms-grid;
  display: grid;
  gap: 10rem;
}
.case-solution__article > div {
  padding-top: 20rem;
}
@media screen and (max-width: 959px ) {
  .case-solution__article > div {
    padding-top: 0;
  }
}
.case-solution__article h3 {
  font-size: 22rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-wrap: balance;
}
@media screen and (max-width: 959px ) {
  .case-solution__article h3 {
    font-size: 17rem;
  }
}
.case-solution__article h3::after {
  content: "";
  display: block;
  width: 40rem;
  height: 4rem;
  margin-top: 10rem;
  background: url(../img/common/ico_ttl_tip.svg) no-repeat center;
  background-size: 100% auto;
}
.case-solution__article p {
  margin-top: 20rem;
  font-size: 16rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-solution__article p {
    font-size: 13rem;
    text-align: justify;
  }
}
.case-solution__article--gallery figure {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.case-solution__article--gallery figure img:first-child {
  grid-column: 1/-1;
}
.case-solution--overview {
  margin-top: 100rem;
}
@media screen and (max-width: 959px ) {
  .case-solution--overview {
    margin-top: 50rem;
  }
}
.case-solution--overview .case-solution__article > div > p:first-child {
  margin-top: 0;
}

.case-comment {
  position: relative;
  padding: 70rem 50rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .case-comment {
    padding: 50rem 20rem 25rem;
  }
}
.case-comment h2 {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-20rem, -15rem);
          transform: translate(-20rem, -15rem);
  padding: 12rem 24rem;
  background: var(--color-primary);
  border-left: 4px solid var(--color-secondary);
  color: var(--color-white);
  font-size: 18rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 959px ) {
  .case-comment h2 {
    -webkit-transform: translate(-10rem, -10rem);
            transform: translate(-10rem, -10rem);
    display: inline-block;
    margin-bottom: 20rem;
    font-size: 13rem;
  }
}
.case-comment p {
  font-size: 16rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-comment p {
    font-size: 13rem;
    text-align: justify;
  }
}
.case-comment--owner {
  z-index: 10;
  margin: 100rem 100rem 0 20rem;
}
@media screen and (max-width: 959px ) {
  .case-comment--owner {
    margin: 50rem 10rem 0 10rem;
  }
}
.case-comment--seiwa {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40rem 380rem;
  grid-template-columns: 1fr 380rem;
  gap: 40rem;
  margin-top: -40rem;
  margin-left: 120rem;
  padding-top: 145rem;
  background: var(--color-lightblue2);
}
@media screen and (max-width: 959px ) {
  .case-comment--seiwa {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20rem;
    padding-top: 130rem;
    margin: -50rem -5rem 0 20rem;
  }
}
.case-comment--seiwa h2 {
  top: 85rem;
  background: var(--color-white);
  border-left-color: var(--color-primary);
  color: var(--color-primary);
}
.case-comment--seiwa div p:first-child {
  position: relative;
  margin-bottom: 20rem;
  font-size: 20rem;
  line-height: 1.6;
  font-weight: 700;
}
.case-comment--seiwa div p:first-child::after {
  content: "";
  display: block;
  width: 40rem;
  height: 4rem;
  margin-top: 10rem;
  background: url(../img/common/ico_ttl_tip.svg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 959px ) {
  .case-comment--seiwa div p:first-child {
    font-size: 16rem;
  }
}
.case-comment--seiwa div.is-no-lead p:first-child {
  margin-bottom: 0;
  font-size: 16rem;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .case-comment--seiwa div.is-no-lead p:first-child {
    font-size: 13rem;
    text-align: justify;
  }
}
.case-comment--seiwa div.is-no-lead p:first-child::after {
  content: none;
}
.case-comment--seiwa.is-no-image {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.case-comment--seiwa.is-multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50rem;
}
@media screen and (max-width: 959px ) {
  .case-comment--seiwa.is-multi {
    gap: 30rem;
  }
}
.case-comment--seiwa.is-multi .case-comment__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40rem 380rem;
  grid-template-columns: 1fr 380rem;
  gap: 40rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 959px ) {
  .case-comment--seiwa.is-multi .case-comment__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20rem;
  }
}
.case-comment--seiwa.is-multi .case-comment__item.is-no-image {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.case-comment--seiwa > div:not(.case-comment__item) p:has(img),
.case-comment--seiwa .case-comment__item > div p:has(img) {
  margin-top: 30rem;
  text-align: left;
}
.case-comment--seiwa > div:not(.case-comment__item) img,
.case-comment--seiwa .case-comment__item > div img {
  max-width: 200rem;
  height: auto;
}
@media print, screen and (min-width: 960px ) {
  .case-comment--seiwa > div:not(.case-comment__item) a img,
  .case-comment--seiwa .case-comment__item > div a img {
    transition: opacity 0.3s;
  }
}
@media print, screen and (min-width: 960px ) {
  .case-comment--seiwa > div:not(.case-comment__item) a:hover img,
  .case-comment--seiwa .case-comment__item > div a:hover img {
    opacity: 0.7;
  }
}

.case__detail-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50rem;
}
@media screen and (max-width: 959px ) {
  .case__detail-back {
    margin-top: 40rem;
  }
}
.case__detail-back a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 254rem;
  height: 55rem;
  padding: 8rem 30rem 8rem 28rem;
  border-radius: 100vmax;
  background: var(--color-white);
  color: var(--color-primary);
  font-size: 16rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.case__detail-back a::before {
  content: "";
  width: 9rem;
  height: 12rem;
  margin-right: 12rem;
  background: url("../img/common/arw_btn.svg") no-repeat center/contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*# sourceMappingURL=case.css.map */