/* トップ ヘッダー用 */
/* .header_logo {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
} */
/* トップ ヘッダー用 */

/* 枠線の調整 */
@media screen and (min-width:751px) {
  .border-mt-pc {
    margin-top: -3px;
  }
  .border-ml-pc {
    margin-left: -3px;
  }
}
@media screen and (max-width:750px) {
  .border-mt-sp {
    margin-top: -2px;
  }
  .border-ml-sp {
    margin-left: -2px;
  }
}
/* 枠線の調整 */

/* マウスオーバー 画像拡大 */
.content-wrap .img-wrap {
  transform: translate3d(0, 0, 0);
}
.content-wrap .img-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-wrap img.hoverExpandImg {
  transition: scale 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: block;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform: translate3d(0, 0, 0);
  /* will-change: scale; */
}
.content-wrap:hover img.hoverExpandImg {
  transform-origin: center;
  scale: 1.075;
}
.content-wrap.soon:hover img.hoverExpandImg {
  scale: 1;
}
/* マウスオーバー 画像拡大 */

/* ブロック */
.blk-wrap-pc,
.blk-wrap-sp {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width:751px) {
  .blk-wrap-sp {
    display: contents;
  }
  .blk-wrap-pc {
    width: clamp(1000px, calc(100% - 66px), 1800px);
    display: flex;
  }
}
@media screen and (max-width:750px) {
  .blk-wrap-pc {
    display: contents;
  }
  .blk-wrap-sp {
    /* width: 95.2%; */
    width: 94.933%;
    display: flex;
  }
}
/* ブロック */

/* 共通 */
.content-wrap {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.content-wrap a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.content-wrap a:hover {
  opacity: 1;
}
.content-wrap .img-wrap {
  position: relative;
  overflow: hidden;
}
.content-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.content-wrap .kininaru_img::before {
  content: "";
  background: url(../img/top/top_kininaru_logo.svg) no-repeat center center/cover;
  position: absolute;
  z-index: 99;
  display: block;
  aspect-ratio: 1 / 1;
  font-size: 0;
}
.content-wrap.soon::before {
  content: "COMMING SOON";
  background-color: #ffffffd9;
  /* mix-blend-mode: multiply; */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: grid;
  place-items: center;
  font-family: var(--fontEnW);
  color: #44aaaf;
}
.content-wrap .txt-wrap .txt-inner {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.content-wrap .arrow {
  display: inline-block;
  /* width: clamp(9px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 12px); */
}
@media screen and (min-width:751px) {
  main {
    padding-top: 63px;
  }
  .content-wrap {
    border: 3px solid #000;
    height: 100%;
  }
  .content-wrap a {
    display: flex;
  }
  .content-wrap .txt-wrap {
    position: relative;
    display: block;
    flex: 1;
    /* display: grid; */
    /* place-items: center; */
  }
  .content-wrap .arrow {
    display: inline-block;
    width: clamp(7.692px, calc((( 10 / var(--media_pc)) * 100) * var(--vw)), 10px);
  }
  .content-wrap.soon::before {
    font-size: clamp(14.640px,calc((( 26.360 / var(--media_pc)) * 100) * var(--vw)),26.360px);
  }
}
@media screen and (min-width:1800px) {
  .content-wrap {
    border: 3px solid #000;
    display: flex;
  }
}
@media screen and (max-width:750px) {
  main {
    padding-top: 20.60vw;
  }
  .content-wrap {
    border: 2px solid #000;
  }
  .content-wrap .txt-wrap {
    position: relative;
  }
  .content-wrap .txt-wrap .txt-inner {
    top: 0;
    translate: 0;
  }
  .content-wrap .arrow {
    display: inline-block;
    width: 3.272vw;
  }
  .content-wrap.soon::before {
    font-size: 4vw;
  }
}

/* font-size */
.kininaru_sub {
  font-family: var(--fontEnW);
  display: flex;
  align-items: center;
}
@media screen and (min-width:751px) {
  .kininaru_ttl {
    font-size: clamp(19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    letter-spacing: 0.015em;
    line-height: 1.307;
  }
  .kininaru_sub {
    margin-top: 1em;
    font-size: clamp( 7.320px, calc((( 10 / var(--media_pc)) * 100) * var(--vw)), 13.180px);
    letter-spacing: 0.03em;
    line-height: 1;
    gap: .5em;
  }
  .kininaru_sub .arrow {
    /* height: clamp( 9.231px, 0.878vw, 12px); */
    vertical-align: bottom;
  }
}
@media screen and (max-width:750px) {
  .kininaru_ttl {
    font-size: 5.33vw;
    line-height: 1.43;
  }
  .kininaru_sub {
    margin-top: .8vw;
    font-size: 2.4vw;
    gap: 1.066vw;
  }
  .kininaru_sub .arrow {
    width: 2.244vw;
    vertical-align: bottom;
  }
}
/* font-size */
/* 共通 */



.content-wrap.concept {
  background-color: #028b3b;
}
.concept.content-wrap .concept_ttl {
  font-family: var(--fontEnW);
}

.kininaru_index-btn {
  width: 100%;
  font-size: 0;
}
.kininaru_index-btn button {
  width: 100%;
}
.kininaru_index-btn span.div {
  display: block;
}

.kininaru02.content-wrap {
  background-color: #7caf32;
}
.kininaru01.content-wrap {
  background-color: #f6b300;
}
.kininaru05.content-wrap {
  background-color: #bf9a50;
}

.sustainability.content-wrap .img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #138b3b;
  mix-blend-mode: multiply;
}
.sustainability.content-wrap .sustainability_num {
  font-family: var(--fontEnW);
}
.sustainability.content-wrap .sustainability_num span.co2 {
  font-family: var(--fontEn);
}
.sustainability.content-wrap .sustainability_num span.ls {
  letter-spacing: -0.1em;
  margin-left: -0.1em;
}

.works.content-wrap .img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #2fbe52;
  mix-blend-mode: multiply;
}
.works.content-wrap.soon::before {
  color: #179a3b;
}

.kininaru06.content-wrap {
  background-color: #e87b4b;
}
.kininaru03.content-wrap {
  background-color: #179a3b;
}
.kininaru04.content-wrap {
  background-color: #3493ce;
}

.about.content-wrap .img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #006c00;
  mix-blend-mode: multiply;
}
.kininaru09.content-wrap {
  background-color: #80b24c;
}
.kininaru07.content-wrap {
  background-color: #754204;
}
.contact.content-wrap .img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #2fbe52;
  mix-blend-mode: multiply;
}
.kininaru11.content-wrap {
  background-color: #44aaaf;
}


@media screen and (min-width:751px) {
  .concept.content-wrap {
    border-radius: 0 100vmax 100vmax 100vmax;
  }
  .concept.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .concept.content-wrap .txt-inner {
    position: absolute;
    top: 27.5%;
    left: 4.8%;
    margin: auto;
  }
  .concept.content-wrap .concept_ttl {
    font-size: clamp( 40.26px, calc((( 55 / var(--media_pc)) * 100) * var(--vw)), 72.49px);
  }
  .concept.content-wrap .concept_ttl span {
    font-size: clamp( 40.26px, calc((( 55 / var(--media_pc)) * 100) * var(--vw)), 72.49px);
  }
  .concept.content-wrap .concept_ttl-jp {
    margin-top: 1%;
    font-size: clamp( 19.764px, calc((( 27 / var(--media_pc)) * 100) * var(--vw)), 35.586px);
    letter-spacing: 0.07em;
    transform-origin: left;
    scale: 1.33 1;
  }
  .concept.content-wrap .concept_sub {
    margin-top: 1.3em;
    font-size: clamp( 8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
    display: flex;
    align-items: center;
    gap: 0.6em;
  }
  .concept.content-wrap .concept_sub .arrow {
    width: clamp(9px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 12px);
  }
  .concept.content-wrap .img-wrap {
    width: 100%;
  }


  .kininaru_index-btn-wrap {
    width: 26.923%;
  }

  .kininaru02.content-wrap {
    border-radius: 100vmax 0 100vmax 100vmax;
    width: calc(73.077% + 3px);
    aspect-ratio: 1 / 0.3661;
  }
  .kininaru02.content-wrap .txt-inner {
    left: 35%;
  }
  .kininaru02.content-wrap .kininaru_ttl {
    font-size: clamp(20.496px, calc((( 28 / var(--media_pc)) * 100) * var(--vw)), 36.904px);
    letter-spacing: 0.05em;
    line-height: 1.454;
  }
  .kininaru02.content-wrap .kininaru_sub {
    font-size: clamp( 7.320px, calc((( 10 / var(--media_pc)) * 100) * var(--vw)), 13.180px);
    line-height: 1.2;
  }
  .kininaru02.content-wrap .img-wrap {
    order: 2;
    width: 59.85%;
    border-radius: 100vmax 0 0 100vmax;
  }
  .kininaru02.content-wrap .kininaru_img::before {
    width: clamp( 35.868px, calc((( 49 / var(--media_pc)) * 100) * var(--vw)), 64.582px);
    top: 16.5%;
    left: 15.3%;
  }

  .kininaru01.content-wrap {
    border-radius: 100vmax 100vmax 100vmax 0;
    width: 100%;
    aspect-ratio: 1 / 0.30963;
  }
  .kininaru01.content-wrap .txt-inner {
    left: 25.9%;
  }
  .kininaru01.content-wrap .kininaru_ttl {
    font-size: clamp( 24.888px, calc((( 34 / var(--media_pc)) * 100) * var(--vw)), 44.812px);
    line-height: 1.377;
  }
  .kininaru01.content-wrap .img-wrap {
    width: 63.2%;
    border-radius: 0  100vmax 100vmax 0;
  }
  .kininaru01.content-wrap .kininaru_img::before {
    width: clamp( 50.508px, calc((( 69 / var(--media_pc)) * 100) * var(--vw)), 90.942px);
    top: 16.5%;
    left: 10.7%;
  }

  .sustainability.content-wrap {
    order: 2;
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 43.077%;
    aspect-ratio: 1 / 0.50692;
  }
  .sustainability.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .sustainability.content-wrap .txt-inner {
    inset: auto;
    translate: 0;
  }
  .sustainability.content-wrap .sustainability_ttl {
    font-size: clamp(19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    line-height: 1.307;
  }
  .sustainability.content-wrap .sustainability_txt {
    font-size: clamp(7.901px, calc((( 10.794 / var(--media_pc)) * 100) * var(--vw)), 14.226px);
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_strong {
    margin-top: 3.5%;
    font-size: clamp(16.896px, calc((( 23.082 / var(--media_pc)) * 100) * var(--vw)), 30.422px);
    line-height: 1;
    scale: 1.234 1;
    transform-origin: left;
    letter-spacing: 0.09em;
  }
  .sustainability.content-wrap .sustainability_num {
    margin-top: 2.8%;
    font-size: clamp(44.091px, calc((( 60.233 / var(--media_pc)) * 100) * var(--vw)), 79.387px);
    line-height: 1;
    letter-spacing: -0.01em;
  }
  .sustainability.content-wrap .sustainability_num span.co2 {
    position: relative;
    top: clamp(-1.464px, calc((( -2 / var(--media_pc)) * 100) * var(--vw)), -2.636px);
    font-size: clamp(17.143px, calc((( 23.417 / var(--media_pc)) * 100) * var(--vw)),23.417px);
    letter-spacing: 0.05em;
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_num span.co2 small {
    font-size: clamp(14.094px, calc((( 19.254 / var(--media_pc)) * 100) * var(--vw)), 25.377px);
  }
  .sustainability.content-wrap .sustainability_num span.co2 small sub {
    font-size: clamp(8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
  }
  .sustainability.content-wrap .sustainability_sub {
    margin-top: 4.2%;
    font-size: clamp(8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
    line-height: 1;
    vertical-align: baseline;
  }
  .sustainability.content-wrap .sustainability_sub .arrow {
    margin-left: 4px;
  }
  .sustainability.content-wrap .img-wrap {
    width: 100%;
  }

  .kininaru05.content-wrap {
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    width: 56.923%;
    aspect-ratio: 1 / 0.38363;
  }
  .kininaru05.content-wrap .txt-inner {
    left: 23%;
  }
  /* .kininaru05.content-wrap .kininaru_ttl {
    font-size: clamp( 20px, 1.903vw, 26px);
    line-height: 1.307;
  }
  .kininaru05.content-wrap .kininaru_sub {
    margin-top: 3.5%;
  } */
  .kininaru05.content-wrap .img-wrap {
    order: 2;
    width: 55%;
    border-radius: 100vmax 0 0 100vmax;
  }
  .kininaru05.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 20.6%;
    right: 14.6%;
  }

  .works.content-wrap {
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .works.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .works.content-wrap .txt-inner {
    left: 50%;
    translate: -50% -50%;
  }
  .works.content-wrap .ttl {
    font-size: clamp( 19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    line-height: 1.308;
  }
  .works.content-wrap .sub {
    margin-top: 9.5%;
    font-size: clamp( 8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
    line-height: 1;
  }
  .works.content-wrap .sub .arrow {
    margin-left: 0.333em;
  }
  .works.content-wrap .img-wrap {
    width: 100%;
  }
  .works.content-wrap.soon::before {
    font-size: clamp( 10.980px, calc((( 15 / var(--media_pc)) * 100) * var(--vw)), 19.770px);
    line-height: 1;
  }

  .kininaru06.content-wrap {
    width: 57.23%;
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    aspect-ratio: 1 / 0.37592;
  }
  .kininaru06.content-wrap .txt-inner {
    left: 18.5%;
  }
  /* .kininaru06.content-wrap .kininaru_ttl {
    font-size: clamp( 20px, 1.903vw, 26px);
    line-height: 1.307;
  }
  .kininaru06.content-wrap .kininaru_sub {
    margin-top: 3.5%;
  } */
  .kininaru06.content-wrap .img-wrap {
    width: 54.3%;
    border-radius: clamp(100.650px, calc((( 137.5 / var(--media_pc)) * 100) * var(--vw)), 181.225px) / 0% 50% 0% 0%;
  }
  .kininaru06.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 16%;
    left: 14.5%;
  }

  .kininaru08.content-wrap {
    display: block;
    border-radius: 0 100vmax 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .kininaru08.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .kininaru08.content-wrap .txt-inner {
    top: 51.5%;
    left: 17%;
  }
  /* .kininaru08.content-wrap .kininaru_ttl {
    font-size: clamp(19.558px,calc((( 25.4 / var(--media_pc)) * 100) * var(--vw)),25.4px);
    line-height: 1.333;
  } */
  .kininaru08.content-wrap .img-wrap {
    width: 100%;
  }
  .kininaru08.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 14%;
    left: 16.5%;
  }
  
  .kininaru03.content-wrap {
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.30963;
  }
  .kininaru03.content-wrap .kininaru_ttl {
    font-size: clamp(24.888px,calc((( 34 / var(--media_pc)) * 100) * var(--vw)), 44.812px);
    line-height: 1.377;
  }
  .kininaru03.content-wrap .img-wrap {
    order: 2;
    width: 63.6%;
    border-radius: clamp(144.936px, calc((( 198 / var(--media_pc)) * 100) * var(--vw)), 260.964px) / 50% 0% 0 0%;
  }
  .kininaru03.content-wrap .txt-inner {
    left: 25%;
  }
  .kininaru03.content-wrap .kininaru_img::before {
    width: clamp( 50.508px, calc((( 69 / var(--media_pc)) * 100) * var(--vw)), 90.942px);
    top: 16.5%;
    left: 15.3%;
  }


  .kininaru04.content-wrap {
    border-radius: 0 100vmax 100vmax 100vmax;
    width: 73.077%;
    /* aspect-ratio: 1 / 0.36725; */
    aspect-ratio: 1 / 0.371;
  }
  .kininaru04.content-wrap .img-wrap {
    width: 57.8%;
    border-radius: 0 100vmax 100vmax 0;
  }
  .kininaru04.content-wrap .txt-inner {
    left: 22.5%;
  }
  .kininaru04.content-wrap .kininaru_ttl {
    font-size: clamp(20.496px, calc((( 28 / var(--media_pc)) * 100) * var(--vw)), 36.904px);
    letter-spacing: 0.05em;
    line-height: 1.454;
  }
  .kininaru04.content-wrap .kininaru_sub {
    font-size: clamp( 7.320px, calc((( 10 / var(--media_pc)) * 100) * var(--vw)), 13.180px);
    line-height: 1.2;
  }
  .kininaru04.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 17.5%;
    right: 15.5%;
  }

  .about.content-wrap {
    border-radius: 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .about.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .about.content-wrap .ttl {
    font-size: clamp( 19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    line-height: 1.308;
  }
  .about.content-wrap .sub {
    margin-top: 8%;
    font-size: clamp( 8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
    line-height: 1;
  }
  .about.content-wrap .sub .arrow {
    margin-left: .333em;
  }
  .about.content-wrap .img-wrap {
    width: 100%;
  }

  .kininaru09.content-wrap {
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    width: 47.3%;
    aspect-ratio: 1 / 0.46379;
  }
  .kininaru09.content-wrap .txt-inner {
    left: 29%;
  }
  /* .kininaru09.content-wrap .kininaru_ttl {
    font-size: clamp( 19.0336px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 26px);
    line-height: 1.308;
  } */
  .kininaru09.content-wrap .img-wrap {
    order: 2;
    width: 54.7%;
    border-radius: clamp(102.480px, calc((( 140 / var(--media_pc)) * 100) * var(--vw)), 184.520px ) / 0% 0% 0% 50%;
  }
  .kininaru09.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 17.5%;
    right: 17.5%;
  }

  .kininaru07.content-wrap {
    border-radius: 100vmax 100vmax 0 100vmax;
    width: 52.7%;
    aspect-ratio: 1 / 0.4188;
  }
  .kininaru07.content-wrap .txt-inner {
    left: 12.5%;
  }
  /* .kininaru07.content-wrap .kininaru_ttl {
    font-size: clamp( 19.0336px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 26px);
    line-height: 1.308;
  } */
  .kininaru07.content-wrap .img-wrap {
    width: 51.7%;
    border-radius: min(50%, 142px) / 0% 50% 50% 0%;
  }
  .kininaru07.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 17.5%;
    left: 15.3%;
  }

  .contact.content-wrap {
    border-radius: 0 100vmax 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .contact.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .contact.content-wrap .contact_ttl {
    font-size: clamp( 18.624px, calc((( 25.443 / var(--media_pc)) * 100) * var(--vw)), 33.534px);
  }
  .contact.content-wrap .img-wrap {
    width: 100%;
  }
  
  .kininaru10.content-wrap {
    border-radius: 100vmax;
    width: 42.669%;
    /* aspect-ratio: 1 / 0.50456; */
    aspect-ratio: 1 / 0.50727;
  }
  .kininaru10.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .kininaru10.content-wrap .txt-inner {
    left: 11.1%;
  }
  /* .kininaru10.content-wrap .kininaru_ttl {
    font-size: clamp( 19.0336px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 26px);
    line-height: 1.308;
  }
  .kininaru10.content-wrap .kininaru_sub {
    margin-top: 3.5%;
  } */
  .kininaru10.content-wrap .img-wrap {
    width: 100%;
  }
  .kininaru10.content-wrap .kininaru_img::before {
    width: clamp( 36.600px, calc((( 50 / var(--media_pc)) * 100) * var(--vw)), 65.900px);
    top: 17.5%;
    right: 12.5%;
  }
  
  .efficacy.content-wrap {
    border-radius: 100vmax;
    width: 36.039%;
    aspect-ratio: 1 / 0.60383;
  }
  .efficacy.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .efficacy.content-wrap .ttl {
    font-size: clamp(19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    letter-spacing: 0.015em;
    line-height: 1.307;
  }
  .efficacy.content-wrap .sub {
    margin-top: 0.5em;
    font-size: clamp( 8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
  }
  .efficacy.content-wrap .sub .arrow {
    margin-left: .333em;
  }
  .efficacy.content-wrap .img-wrap {
    width: 100%;
  }
  
  .performance.content-wrap {
    border-radius: 100vmax;
    width: 46.615%;
    aspect-ratio: 1 / 0.46706;
  }
  .performance.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .performance.content-wrap .ttl {
    font-size: clamp(19.032px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 34.268px);
    letter-spacing: 0.015em;
    line-height: 1.307;
  }
  .performance.content-wrap .sub {
    margin-top: .5em;
    font-size: clamp( 8.784px, calc((( 12 / var(--media_pc)) * 100) * var(--vw)), 15.816px);
  }
  .performance.content-wrap .sub .arrow {
    margin-left: .333em;
  }
  .performance.content-wrap .img-wrap {
    width: 100%;
  }
  
  .kininaru11.content-wrap {
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 53.385%;
  }
  .kininaru11.content-wrap .txt-inner {
    top: 47%;
    left: 25.5%;
  }
  /* .kininaru11.content-wrap .kininaru_ttl {
    font-size: clamp( 19.0336px, calc((( 26 / var(--media_pc)) * 100) * var(--vw)), 26px);
    line-height: 1.308;
  } */
  .kininaru11.content-wrap .img-wrap {
    border-radius: 0 100vmax 100vmax 0;
    width: 62.4%;
  }
  .kininaru11.content-wrap .kininaru_img::before {
    width: clamp( 38.796px, calc((( 53 / var(--media_pc)) * 100) * var(--vw)), 69.854px);
    top: 16.5%;
    left: 15.3%;
  }
}

@media screen and (max-width:750px) {
  .content-wrap.concept {
    width: 100%;
    border-radius: 0 100vmax 100vmax 100vmax;
    aspect-ratio: 1 / 1.45211;
  }
  .concept.content-wrap .txt-wrap {
    width: 100%;
    height: 100%;
  }
  .concept.content-wrap .txt-inner {
    position: absolute;
    top: 12%;
    left: 12.5%;
    margin: auto;
  }
  .concept.content-wrap .concept_ttl {
    font-size: 13.421vw;
    letter-spacing: 0.025em;
    line-height: .7;
  }
  .concept.content-wrap .concept_ttl span {
    font-size: 7.029vw;
    letter-spacing: 0.035em;
    line-height: 1;
  }
  .concept.content-wrap .concept_ttl-jp {
    margin-top: 1.6vw;
    font-size: 4.194vw;
    letter-spacing: 0.085em;
    transform-origin: left;
    scale: 1.28 1;
  }
  .concept.content-wrap .concept_txt {
    font-size: 3.468vw;
  }
  .concept.content-wrap .concept_sub {
    margin-top: 5.733vw;
    font-size: 3.296vw;
    line-height: 1.5;
  }
  .concept.content-wrap .concept_sub .arrow {
    margin-left: 2.058vw;
    vertical-align: text-bottom;
  }
  .concept.content-wrap .img-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 0 100vmax 100vmax 100vmax;
  }

  .kininaru_index-btn-wrap {
    width: 100%;
  }

  .kininaru02.content-wrap {
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.53712;
  }
  .kininaru02.content-wrap a {
    display: flex;
  }
  .kininaru02.content-wrap .txt-wrap {
    position: relative;
    flex: 1;
  }
  .kininaru02.content-wrap .txt-inner {
    top: 27%;
    left: 13.5%;
  }
  .kininaru02.content-wrap .kininaru_sub {
    font-size: 2.4vw;
  }
  .kininaru02.content-wrap .img-wrap {
    width: 54.4%;
    border-radius: min(50%, 175px) / 0% 50% 50% 0%;
  }
  .kininaru02.content-wrap .kininaru_img::before {
    width: 9.066vw;
    top: 16.5%;
    left: 20.7%;
  }

  .kininaru01.content-wrap {
    border-radius: 100vmax 100vmax 100vmax 0;
    width: 100%;
    aspect-ratio: 1 / 1.56763;
  }
  .kininaru01.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 8.266vw;
    margin-left: 10.4vw;
  }
  .kininaru01.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru01.content-wrap .kininaru_ttl {
    font-size: 7.733vw;
    line-height: 1.31;
  }
  .kininaru01.content-wrap .kininaru_sub {
    font-size: 2.666vw;
  }
  .kininaru01.content-wrap .img-wrap {
    width: 100%;
    border-radius: 0 0 100vmax 100vmax;
  }
  .kininaru01.content-wrap .kininaru_img::before {
    width: 11.733vw;
    top: 15.8%;
    left: 19.6%;
  }

  .blk-wrap-grid-contaienr01 {
    /* width: calc(95.2% + 2px); */
    width: calc(94.933% + 2px);
    position: relative;
    right: -2px;;
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .sustainability.content-wrap {
    order: 0;
    grid-column: 1 / 3;
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.4778;
  }
  .sustainability.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .sustainability.content-wrap .txt-inner {
    top: auto;
  }
  .sustainability.content-wrap .sustainability_ttl {
    font-size: 5.067vw;
    line-height: 1.473;
  }
  .sustainability.content-wrap .sustainability_txt {
    font-size: 2.933vw;
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_strong {
    scale: 1.234 1;
    transform-origin: left;
    margin-top: 3%;
    font-size: 5.13vw;
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_num {
    margin-top: 2.8%;
    font-size: 10.693vw;
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_num span.co2 {
    font-size: 5.546vw;
  }
  .sustainability.content-wrap .sustainability_num span.co2 small {
    font-size: 4.56vw;
  }
  .sustainability.content-wrap .sustainability_num span.co2 small sub {
    font-size: 2.826vw;
    vertical-align: baseline;
  }
  .sustainability.content-wrap .sustainability_sub {
    margin-top: 0.533vw;
    font-size: 2.826vw;
    line-height: 1;
  }
  .sustainability.content-wrap .sustainability_sub .arrow {
    margin-left: 2.058vw;
    vertical-align: text-bottom;
  }
  .sustainability.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }

  .kininaru05.content-wrap {
    order: 2;
    grid-row: 2 / 4;
    border-radius: 100vmax 100vmax 0 100vmax;
    width: 100%;
    aspect-ratio: 1 / 1.98915;
  }
  .kininaru05.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 6.8vw;
    margin-left: 8.266vw;
  }
  .kininaru05.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru05.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru05.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru05.content-wrap .img-wrap {
    width: 100%;
    border-radius: 0% 0% 0% 23.6vw;
  }
  .kininaru05.content-wrap .kininaru_img::before {
    width: 9.066vw;
    top: 11.5%;
    left: 22.7%;
  }


  .works.content-wrap {
    order: 4;
    grid-row: 4 / 5;
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .works.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .works.content-wrap .txt-inner {
    top: auto;
  }
  .works.content-wrap .ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .works.content-wrap .sub {
    margin-top: 1.866vw;
    font-size: 2.933vw;
    line-height: 1;
  }
  .works.content-wrap .sub .arrow {
    margin-left: 2.058vw;
    width: 2.666vw;
    vertical-align: text-bottom;
  }
  .works.content-wrap .img-wrap {
    width: 100%;
  }
  .works.content-wrap.soon::before {
    font-size: 2.4vw;
    line-height: 1;
  }

  .kininaru06.content-wrap {
    order: 5;
    grid-row: 3 / 5;
    width: 100%;
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    aspect-ratio: 1 / 1.98915;
  }
  .kininaru06.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 3.866vw;
    margin-left: 10.133vw;
  }
  .kininaru06.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru06.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru06.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru06.content-wrap .img-wrap {
    width: 100%;
    border-radius: 0% 0% 0% 23.6vw;
  }
  .kininaru06.content-wrap .kininaru_img::before {
    width: 9.066vw;
    top: 15%;
    left: 19.7%;
  }


  .kininaru08.content-wrap {
    order: 3;
    grid-row: 2 / 3;
    display: block;
    border-radius: 0 100vmax 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .kininaru08.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .kininaru08.content-wrap .txt-inner {
    top: 38%;
    left: 16%;
  }
  .kininaru08.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru08.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru08.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }
  .kininaru08.content-wrap .kininaru_img::before {
    width: 9.066vw;
    top: 14.5%;
    left: 14.7%;
  }


  .kininaru03.content-wrap {
    order: 2;
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 1.52088;
  }
  .kininaru03.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 7.466vw;
    margin-left: 22.133vw;
  }
  .kininaru03.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru03.content-wrap .kininaru_ttl {
    font-size: 7.733vw;
    line-height: 1.31;
  }
  .kininaru03.content-wrap .kininaru_sub {
    margin-top: 2.133vw;
    font-size: 2.559vw;
    line-height: 1.31;
  }
  .kininaru03.content-wrap .img-wrap {
    width: 100%;
    border-radius: 100vmax 0 100vmax 100vmax;
  }
  .kininaru03.content-wrap .kininaru_img::before {
    width: 12.23vw;
    top: 16%;
    left: 19.3%;
  }


  .blk-wrap-grid-contaienr02 {
    /* width: calc(95.2% + 2px); */
    width: calc(94.933% + 2px);
    position: relative;
    right: -2px;;
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .kininaru04.content-wrap {
    order: 0;
    grid-column: 1 / 3;
    border-radius: 0 100vmax 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.53712;
  }
  .kininaru04.content-wrap a {
    display: flex;
  }
  .kininaru04.content-wrap .txt-wrap {
    flex: 1;
  }
  .kininaru04.content-wrap .txt-inner {
    top: 12vw;
    left: 4.399vw;
  }
  .kininaru04.content-wrap .kininaru_ttl {
    font-size: 5.333vw;
    line-height: 1.43;
  }
  .kininaru04.content-wrap .img-wrap {
    width: 54%;
    border-radius: 0% 50% 50% 0%;
  }
  .kininaru04.content-wrap .kininaru_img::before {
    width: 9.066vw;
    top: 14.5%;
    left: 17.3%;
  }

  .about.content-wrap {
    order: 1;
    grid-row: 2 / 3;
    border-radius: 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .about.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .about.content-wrap .txt-inner {
    top: auto;
  }
  .about.content-wrap .ttl {
    font-size: 5.067vw;
    line-height: 1.473;
  }
  .about.content-wrap .sub {
    margin-top: 1.866vw;
    font-size: 2.933vw;
    line-height: 1;
  }
  .about.content-wrap .sub .arrow {
    margin-left: 2.058vw;
    width: 2.666vw;
    vertical-align: text-bottom;
  }
  .about.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }

  .kininaru09.content-wrap {
    order: 2;
    grid-row: 2 / 4;
    border-radius: 100vmax 100vmax 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 1.98888;
  }
  .kininaru09.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 5.466vw;
    margin-left: 9.466vw;
  }
  .kininaru09.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru09.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru09.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru09.content-wrap .img-wrap {
    width: 100%;
    border-radius: 0% 0% 0% 23.6vw;
  }
  .kininaru09.content-wrap .kininaru_img::before {
    width: 8.851vw;
    top: 16.5%;
    left: 20.7%;
  }
  
  .kininaru07.content-wrap {
    order: 3;
    grid-row: 3 / 5;
    border-radius: 100vmax 100vmax 0 100vmax;
    width: 100%;
    aspect-ratio: 1 / 1.98888;
  }
  .kininaru07.content-wrap .txt-wrap {
    width: 100%;
    margin-top: 6.8vw;
    margin-left: 8.266vw;
  }
  .kininaru07.content-wrap .txt-inner {
    position: relative;
    width: 100%;
  }
  .kininaru07.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru07.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru07.content-wrap .img-wrap {
    width: 100%;
    border-radius: 0% 0% 0% 23.6vw;
  }
  .kininaru07.content-wrap .kininaru_img::before {
    width: 8.851vw;
    top: 15%;
    left: 18.5%;
  }

  .contact.content-wrap {
    order: 4;
    grid-row: 4 / 5;
    border-radius: 100vmax 0 100vmax 100vmax;
    flex: 1;
    aspect-ratio: 1 / 1;
  }
  .contact.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
    display: grid;
    place-items: center;
  }
  .contact.content-wrap .txt-inner {
    top: auto;
  }
  .contact.content-wrap .contact_ttl {
    font-size: 5.066vw;
  }
  .contact.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }
  
  .kininaru10.content-wrap {
    order: 5;
    grid-column:  1 / 3;
    border-radius: 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.53712;
  }
  .kininaru10.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .kininaru10.content-wrap .txt-inner {
    top: 11.466vw;
    left: 11.466vw;
  }
  .kininaru10.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru10.content-wrap .kininaru_sub {
    font-size: 2.133vw;
  }
  .kininaru10.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }
  .kininaru10.content-wrap .kininaru_img::before {
    width: 8.851vw;
    top: 18.5%;
    right: 10.5%;
  }
  
  .efficacy.content-wrap {
    order: 6;
    grid-column: 1 / 2;
    border-radius: 100vmax 100vmax 100vmax 0;
    width: 100%;
    aspect-ratio: 1 / 1.63018;
  }
  .efficacy.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .efficacy.content-wrap .txt-inner {
    top: 18.666vw;
    left: 12.133vw;
  }
  .efficacy.content-wrap .ttl {
    font-size: 5.066vw;
    line-height: 1.473;
  }
  .efficacy.content-wrap .sub {
    margin-top: 0.933vw;
    font-size: 2.933vw;
    line-height: 1;
  }
  .efficacy.content-wrap .sub .arrow {
    margin-left: 2.058vw;
    width: 2.666vw;
    vertical-align: text-bottom;
  }
  .efficacy.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }
  
  .performance.content-wrap {
    order: 7;
    grid-column:  2 / 3;
    border-radius: 100vmax;
    width: 100%;
    aspect-ratio: 1 / 1.63018;
  }
  .performance.content-wrap .txt-wrap {
    position: absolute;
    inset: 0;
    margin: auto;
  }
  .performance.content-wrap .txt-inner {
    top: 25.333vw;
    left: 7.066vw;
  }
  .performance.content-wrap .ttl {
    font-size: 5.066vw;
    line-height: 1.473;
  }
  .performance.content-wrap .sub {
    margin-top: 1.733vw;
    font-size: 2.933vw;
    line-height: 1;
  }
  .performance.content-wrap .sub .arrow {
    margin-left: 2.058vw;
    width: 2.666vw;
    vertical-align: text-bottom;
  }
  .performance.content-wrap .img-wrap {
    width: 100%;
    height: 100%;
  }
  
  .kininaru11.content-wrap {
    order: 8;
    grid-column:  1 / 3;
    border-radius: 100vmax 0 100vmax 100vmax;
    width: 100%;
    aspect-ratio: 1 / 0.51694;
  }
  .kininaru11.content-wrap a {
    display: flex;
  }
  .kininaru11.content-wrap .txt-wrap {
    position: relative;
    flex: 1;
  }
  .kininaru11.content-wrap .txt-inner {
    width: 100%;
    top: 14.133vw;
    left: 5.333vw;
  }
  .kininaru11.content-wrap .kininaru_ttl {
    font-size: 5.066vw;
    line-height: 1.421;
  }
  .kininaru11.content-wrap .kininaru_sub {
    font-size: 1.6vw;
  }
  .kininaru11.content-wrap .img-wrap {
    border-radius: 0 100vmax 100vmax 0;
    width: 62.6%;
  }
  .kininaru11.content-wrap .kininaru_img::before {
    width: 8.851vw;
    top: 16.5%;
    left: 14.7%;
  }
}

/* モーダル */
.kininaru_index {
  position: relative;
  background-color: #fff;
}
.kininaru_index-wrap {
  width: 100%;
  min-height: 100%;
  block-size: 100%;
  display: grid;
  place-items: center;
  background-color: #fff;
  overflow: auto;
  overscroll-behavior: contain;
}
.kininaru_index-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  display: block;
}
.kininaru_index-close-btn .line {
  display: block;
  background-color: #000;
  transform-origin: left center;
  transition: rotate 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  font-size: 0;
  rotate: 15deg;
}
.kininaru_index-close-btn .line + .line {
  display: block;
  background-color: #000;
  rotate: -15deg;
}
.kininaru_index-inner {
  margin: auto;
}
.kininaru_index_topics a {
  cursor: pointer;
}
.kininaru_index_topics .img-wrap {
  overflow: hidden;
  border-radius: 0 100vmax 100vmax 100vmax;
  position: relative;
  aspect-ratio: 1 / 0.57473;
}
.kininaru_index_topics .img-wrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  border-radius: 0 100vmax 100vmax 100vmax;
  user-select: none;
}
.kininaru_index_sub {
  font-family: var(--fontEnW);
  color: #349639;
}
.kininaru_index_sub .arrow {
  position: relative;
}
@media screen and (min-width:751px) {
  .kininaru_index-close-btn {
    top: 30px;
    right: 40px;
    width: 34px;
    height: 16px;
  }
  .kininaru_index-close-btn .line {
    width: 34px;
    height: 1px;
  }
  .kininaru_index-close-btn .line + .line {
    margin-top: 8px;
    display: block;
  }
  .kininaru_index-inner {
    width: 960px;
  }
  .kininaru_index-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px 40px;
  }
  .kininaru_index_topics {
    width: 460px;
    border-bottom: 1px solid #eaeaea;
  }
  .kininaru_index_topics a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
  }
  .kininaru_index_topics .img-wrap {
    width: 105px;
    /* border: 1px solid #000; */
    /* border: .5px solid #000; */
  }
  .kininaru_index_topics .txt-wrap {
    flex: 1;
  }
  .kininaru_index_ttl {
    font-size: 18px;
    line-height: 1;
  }
  .kininaru_index_sub {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1;
  }
  .kininaru_index_sub .arrow {
    top: 1px;
    display: inline-block;
    margin-left: 5px;
    width: 9px;
  }
}
@media screen and (max-width:750px) {
  .kininaru_index-close-btn {
    top: 4.4vw;
    right: 2.533vw;
    width: 6.821vw;
    height: 3.276vw;
  }
  .kininaru_index-close-btn .line {
    width: 6.821vw;
    height: 0.267vw;
  }
  .kininaru_index-close-btn .line + .line {
    margin-top: 1.6vw ;
    display: block;
  }
  .kininaru_index-inner {
    padding-block: 16vw;
    width: 80.267%;
  }
  .kininaru_index_topics {
    margin-top: 5.334vw;
    border-bottom: 1px solid #eaeaea;
  }
  .kininaru_index_topics a {
    display: flex;
    align-items: center;
    gap: 4.533vw;
    padding-bottom: 4.533vw;
  }
  .kininaru_index_topics .img-wrap {
    width: 28vw;
    /* border: 1px solid #000; */
    /* border: .5px solid #000; */
  }

  .kininaru_index_topics .txt-wrap {
    margin-top: -0.8vw;
    flex: 1;
  }
  .kininaru_index_ttl {
    font-size: 4.266vw;
  }
  .kininaru_index_sub {
    margin-top: 0.66vw;
    font-size: 2.667vw;
  }
  .kininaru_index_sub .arrow {
    top: 0.266vw;
    display: inline-block;
    margin-left: 1.333vw;
    width: 2.4vw;
  }
}
/* モーダル */

/* キーワード */
#keyword {
  background-color: #baa67d;
}
.keyword_ttl {
  color: #fcfbf8;
  text-align: center;
  font-family: var(--fontEnW);
}
.keyword_item-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.keyword_item {
  background-color: #f5f9f5;
  color: #baa67d;
  border-radius: 0 100vmax 100vmax 100vmax;
  font-size: 0;
  line-height: 1;
}
@media screen and (min-width:751px) {
  #keyword {
    margin-top: 30px;
    padding-block: 54px 96px;
  }
  .keyword_item-wrap {
    margin-top: 65px;
    margin-inline: auto;
    width: min(85.538%, 1112px);
  }
  .keyword_item-wrap ul {
    gap: 36px 30px;
  }
  .keyword_ttl {
    font-size: 22px;
  }
  .keyword_item {
    padding: 11px 20px;
  }
  .keyword_item a {
    font-size: 18px;
    line-height: 1;
  }
  .keyword_item .hash {
    margin-right: 8px;
  }
}
@media screen and (max-width:750px) {
  #keyword {
    margin-top: 4vw;
    padding-block: 13.6vw 20vw;
  }
  .keyword_item-wrap {
    margin-top: 10.133vw;
    margin-inline: auto;
    width: 88.693%;
  }
  .keyword_item-wrap ul {
    gap: 4.933vw 3.734vw;
  }
  .keyword_ttl {
    font-size: 4.267vw;
    line-height: 1;
  }
  .keyword_item {
    padding: 1.867vw 3.6vw;
  }
  .keyword_item a {
    font-size: 3.2vw;
    line-height: 1;
  }
  .keyword_item .hash {
    margin-right: 1.067vw;
  }
}
/* キーワード */