/* 共通 */
.js-leaves svg,
.js-leaves img {
  position: absolute;
  top: 0;
  left: 0;
}
.js-leaves svg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.js-leaves svg path{
  fill: none;
}
.js-leaves img{
  offset-rotate: 0deg;
}
.js-leaves img.blur{
  width: 2%;
  filter: blur(3px);
  animation-duration: 12s;
  z-index: -1;
}
/* ファーストビュー */
.js-leaves-1{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.js-leaves-1 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 169.88dvh;
  min-height: 58.86vw;
  transform: translateX(-50%);
  /* aspect-ratio: 2601/1531; */
}
.js-leaves-1 img{
  opacity: 0;
  animation: leaves_1_1 10s linear infinite;
}
.js-leaves-1 img:nth-child(6n-5) {
  width: 2.30%;
  aspect-ratio: 30/50;
  animation-name: leaves_1_1;
}
.js-leaves-1 img:nth-child(6n-4) {
  width: .84%;
  aspect-ratio: 11/28;
  animation-name: leaves_1_2;
}
.js-leaves-1 img:nth-child(6n-3) {
  width: 1.84%;
  aspect-ratio: 24/45;
  animation-name: leaves_1_3;
}
.js-leaves-1 img:nth-child(6n-2) {
  width: 3.30%;
  aspect-ratio: 43/20;
  animation-name: leaves_1_4;
}
.js-leaves-1 img:nth-child(6n-1) {
  width: 1.15%;
  aspect-ratio: 15/19;
  animation-name: leaves_1_5;
}
.js-leaves-1 img:nth-child(6n) {
  width: 3.62%;
  aspect-ratio: 47/17;
  animation-name: leaves_1_6;
}
@keyframes leaves_1_1 {
  0%{
    opacity: 0;
    transform: rotate(0) scale(1);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(50deg) scale(1);
  }
  20% {
    opacity: 1;
    transform: rotate(75deg) scale(1.1);
  }
  40% {
    transform: rotate(100deg) scale(1.2);
  }
  60% {
    transform: rotate(130deg) scale(1.4);
  }
  80% {
    opacity: 1;
    transform: rotate(180deg) scale(1.7);
  }
  100% {
    opacity: 0;
    transform: rotate(240deg) scale(2);
    offset-distance: 100%;
  }
}
@keyframes leaves_1_2 {
  0%{
    opacity: 0;
    transform: rotate(0);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(150deg);
  }
  20% {
    opacity: 1;
    transform: rotate(180deg);
  }
  40% {
    transform: rotate(190deg);
  }
  60% {
    transform: rotate(210deg);
  }
  80% {
    opacity: 1;
    transform: rotate(160deg);
  }
  100% {
    opacity: 0;
    transform: rotate(120deg);
    /* offset-distance: 66%; */
    offset-distance: 100%;
  }
}
@keyframes leaves_1_3 {
  0%{
    opacity: 0;
    transform: rotate(0) scale(1);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(30deg) scale(1);
  }
  20% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
  40% {
    transform: rotate(-30deg) scale(1);
  }
  60% {
    transform: rotate(60deg) scale(0.9);
  }
  80% {
    opacity: 1;
    transform: rotate(170deg) scale(0.9);
  }
  100% {
    opacity: 0;
    transform: rotate(280deg) scale(0.9);
    offset-distance: 96%;
  }
}
@keyframes leaves_1_4 {
  0%{
    opacity: 0;
    transform: rotate(0) scale(1);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(-10deg) scale(1);
  }
  20% {
    opacity: 1;
    transform: rotate(10deg) scale(1.1);
  }
  40% {
    transform: rotate(30deg) scale(1.2);
  }
  60% {
    transform: rotate(60deg) scale(1.4);
  }
  80% {
    opacity: 1;
    transform: rotate(80deg) scale(1.6);
  }
  100% {
    opacity: 0;
    transform: rotate(100deg) scale(1.9);
    offset-distance: 100%;
  }
}
@keyframes leaves_1_5 {
  0%{
    opacity: 0;
    transform: rotate(0) scale(1);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(-130deg) scale(1);
  }
  20% {
    opacity: 1;
    transform: rotate(-120deg) scale(1);
  }
  40% {
    transform: rotate(-80deg) scale(1.1);
  }
  60% {
    transform: rotate(-40deg) scale(1.2);
  }
  80% {
    opacity: 1;
    transform: rotate(-20deg) scale(1.6);
  }
  100% {
    opacity: 0;
    transform: rotate(10deg) scale(2);
    offset-distance: 98%;
  }
}
@keyframes leaves_1_6 {
  0%{
    opacity: 0;
    transform: rotate(0) scale(1);
    offset-distance: 0%;
  }
  1%{
    transform: rotate(-110deg) scale(1);
  }
  20% {
    opacity: 1;
    transform: rotate(-90deg) scale(1);
  }
  40% {
    transform: rotate(-40deg) scale(1.1);
  }
  60% {
    transform: rotate(30deg) scale(1.2);
  }
  80% {
    opacity: 1;
    transform: rotate(80deg) scale(2);
  }
  100% {
    opacity: 0;
    transform: rotate(130deg) scale(3.2);
    offset-distance: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .js-leaves-1 .js-leaves-inner{
    /* min-width: 58.86dvh;
    min-height: 187.43vw; */
    right: 12%;
    left: auto;
    transform: translateX(12%);
  }
}

/*  */
.js-leaves-2{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 500px;
  overflow: hidden;
  z-index: -1;
}
.js-leaves-2 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 130vw;
  min-width: 1300px;
  max-width: 1687px;
  /* height: 25vw; */
  height: 100%;
  /* max-height: 420px; */
}
.js-leaves-2 img{
  opacity: 0;
  animation: leaves_2_1 10s linear infinite;
}
.js-leaves-2 img.reverse{
  animation-name: leaves_2_2;
  animation-duration: 11s;
}
@keyframes leaves_2_1 {
  0%{
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 180deg;
  }
}
@keyframes leaves_2_2 {
  0%{
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: -180deg;
  }
}
@media screen and (max-width: 1024px) {
  .js-leaves-2 .js-leaves-inner{
    left: auto;
    right: -40px;
    bottom: -100px;
    transform: none;
  }
}

/*  */
.js-leaves-3{
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.js-leaves-3 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  right: -100px;
  width: 750px;
  height: 500px;
}
.js-leaves-3 img{
  opacity: 0;
  animation: leaves_3_1 10s linear infinite;
}
.js-leaves-3 img.reverse{
  animation-name: leaves_3_2;
  animation-duration: 11s;
}
@keyframes leaves_3_1 {
  0%{
    width: 3%;
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    width: 10%;
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 180deg;
  }
}
@keyframes leaves_3_2 {
  0%{
    width: 3%;
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    width: 10%;
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: -180deg;
  }
}
@media screen and (max-width: 1024px) {
  .js-leaves-3 .js-leaves-inner{
    left: auto;
    right: 0;
    bottom: 0;
    transform: none;
  }
}


.js-leaves-4{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.js-leaves-4 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.js-leaves-4 img{
  opacity: 0;
  width: 10%;
  min-width: 28px;
  animation: leaves_4_1 10s linear infinite;
}
.js-leaves-4 img.reverse{
  animation-name: leaves_4_2;
  animation-duration: 9s;
}
@keyframes leaves_4_1 {
  0%{
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 180deg;
  }
}
@keyframes leaves_4_2 {
  0%{
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: -180deg;
  }
}

.js-leaves-5{
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  /* overflow: hidden; */
}
.js-leaves-5.reverse{
  transform: rotate(180deg);
}
.js-leaves-5 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 20%;
  height: 90%;
}
.js-leaves-5.reverse .js-leaves-inner{
  bottom: 10%;
  width: 20%;
  height: 100%;
}
.js-leaves-5 img{
  opacity: 0;
  width: 50px;
  max-width: 6vw;
  animation: leaves_5_1 10s linear infinite;
}
.js-leaves-5.reverse img{
  animation-name: leaves_5_3;
}
.js-leaves-5 img.reverse{
  animation-name: leaves_5_2;
  animation-duration: 9s;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .js-leaves-5{
    aspect-ratio: auto;
    padding-top: 100%;
  }
  .js-leaves-5.reverse .js-leaves-inner{
    height: 80%;
  }
}
@keyframes leaves_5_1 {
  0%{
    opacity: 0;
    offset-distance: 30%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 90%;
    offset-rotate: 360deg;
  }
}
@keyframes leaves_5_2 {
  0%{
    opacity: 0;
    offset-distance: 30%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 90%;
    offset-rotate: -360deg;
  }
}
@keyframes leaves_5_3 {
  0%{
    opacity: 0;
    offset-distance: 10%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 90%;
    offset-rotate: -360deg;
  }
}

.js-leaves-6{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.js-leaves-6 .js-leaves-inner{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80%;
}
.js-leaves-6 img{
  opacity: 0;
  width: 50px;
  animation: leaves_4_1 10s linear infinite;
}
.js-leaves-6 img.reverse{
  animation-name: leaves_4_2;
  animation-duration: 9s;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .js-leaves-6 img{
    width: 30px;
  }
}
@keyframes leaves_6_1 {
  0%{
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: 180deg;
  }
}
@keyframes leaves_6_2 {
  0%{
    opacity: 0;
    offset-distance: 0%;
    offset-rotate: 0deg;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    offset-distance: 100%;
    offset-rotate: -180deg;
  }
}

/* ナビメニュー */
.l-header .c-modal__cont{
  overflow: hidden;
  overflow-y: scroll;
}
.l-header .c-modal__cont .js-leaves{
  top: -100px;
  left: 0;
  height: calc(100% + 100px);
  z-index: -1;
}
.l-header .c-modal__cont .js-leaves-inner{
  left: 5%;
  width: 100%;
  min-width: 600px;
  transform: none;
}
.l-header .c-modal__cont .js-leaves img{
  min-width: 25px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .l-header .c-modal__cont .js-leaves-inner{
    width: 130%;
    right: -5%;
    left: auto;
  }
}


/* トップページ */
body.home .p-fv__cont .js-leaves{
  z-index: 2;
}

body.home .p-service__cont{
  position: relative;
  /* overflow: hidden; */
}
body.home .p-service__cont  .js-leaves{
  bottom: -50px;
  width: 200%;
  height: 550px;
  min-height: 18vw;
  z-index: 1;
}
body.home .p-service__cont .container{
  z-index: 2;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body.home .p-service__cont .texts-container > div{
    background: transparent !important;
  }
  body.home .p-service__cont .js-leaves{
    width: 100%;
    height: 500px;
    min-height: 0;
    bottom: calc(100% - 340px);
  }
  body.home .p-service__cont .js-inner{
    /* right: 0; */
  }
}
body.home .p-mvv__cont{
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body.home .p-mvv__cont .js-leaves-inner{
    left: auto;
    right: -150px;
  }
}
body.home .p-member__cont{
  position: relative;
}
body.home .p-member__cont .texts-container{
  z-index: -1;
}
body.home .p-member__cont .container{
  z-index: 2;
}
body.home .p-member__cont .js-leaves{
  bottom: -120px;
  width: 200%;
  min-height: 50%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  body.home .p-member__cont-blc{
    z-index: 2 !important;
  }
  body.home .p-member__cont .js-leaves{
    bottom: 0;
    width: 100%;
    height: 500px;
    min-height: 0;
  }
  body.home .p-member__cont .js-leaves-inner{
    bottom: -150px;
  }
}

/* about/message */
body:not(.home) .p-message__cont{
  overflow: hidden;
  z-index: 2;
}
body:not(.home) .p-message__cont .js-leaves-3{
  top: 0;
  bottom: auto;
  right: auto;
  left: 53%;
  width: 100%;
  max-width: 1500px;
  height: 500px;
  transform: translateX(-50%);
}
body:not(.home) .p-message__cont .js-leaves-3 .js-leaves-inner{
  right: 0;
  width: 500px;
  height: 100%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-message__cont .js-leaves-3{
    top: -50px;
    right: -50px;
    left: auto;
    height: 50vw;
    min-height: 200px;
    transform: none;
  }
  body:not(.home) .p-message__cont .js-leaves-3 .js-leaves-inner{
    width: 50vw;
    min-width: 200px;
  }
  
}

/* about/ourstory */
body:not(.home) .p-story__cont{
  overflow: hidden;
  z-index: 2;
}
body:not(.home) .p-story__cont .js-leaves{
  top: 0;
  bottom: auto;
  right: auto;
  left: 53%;
  width: 100%;
  max-width: 1500px;
  height: 500px;
  transform: translateX(-50%);
}
body:not(.home) .p-story__cont .js-leaves-inner{
  right: 0;
  width: 500px;
  height: 100%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-story__cont .js-leaves{
    top: -50px;
    right: -50px;
    left: auto;
    height: 50vw;
    min-height: 200px;
    transform: none;
  }
  body:not(.home) .p-story__cont .js-leaves-inner{
    width: 50vw;
    min-width: 200px;
  }
}

/* about/member */
body:not(.home) .p-member__cont-box > div:last-child{
  position: relative;
}
body:not(.home) .p-member__cont .js-leaves{
  position: absolute;
  top: 0;
  left: 0;
}
body:not(.home) .p-member__cont .js-leaves-inner{
  height: 130%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-member__cont .js-leaves-inner{
    width: 50%;
  }
}

/* about/profile */
body:not(.home) .p-profile__cont .js-leaves{
  height: 38vw;
  max-height: 800px;
  bottom: 1rem;
}
body:not(.home) .p-profile__cont .js-leaves-inner{
  bottom: 50px;
  /* max-width: 100%; */
  min-width: 0;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-profile__cont .js-leaves{
  }
  body:not(.home) .p-profile__cont .js-leaves-inner{
  }
}

/* about/member */
body:not(.home) .p-service__cont-intro > div:last-child{
  position: relative;
}
body:not(.home) .p-service__cont-intro .js-leaves{
  position: absolute;
  top: 0;
  left: 0;
}
body:not(.home) .p-service__cont-intro .js-leaves-inner{
  height: 130%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-service__cont-intro .js-leaves-inner{
    width: 50%;
  }
}

/* service */
.p-service__cont-desc{
  position: relative;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-service__cont-fig .js-leaves{
    height: auto;
    height: calc(100vw - 50px);
    max-height: 650px;
  }
  .p-service__cont-fig .js-leaves:not(.reverse){
    height: calc(163vw - 50px);
    max-height: 1145px;
    padding: 0;
  }
  .p-service__cont-fig .js-leaves-inner{
    right: 0;
    width: 30%;
    height: calc(100vw - 50px);
    max-height: 650px;
  }
}

/* recruit/message */
.p-message__cont .js-leaves-6{
  height: 1000px;
  bottom: -100px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-message__cont .js-leaves-6{
    height: 500px;
    bottom: -50px;
  }
  .p-voice__cont{
    overflow: hidden;
  }
}

/* recruit/charm */
.p-charm__cont{
  z-index: 2;
}
.p-charm__cont .js-leaves-inner{
  bottom: -50px;
  min-width: 0;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-charm__cont .js-leaves{
    bottom: 30px;
  }
  .p-charm__cont .js-leaves-inner{
    height: 40vw;
    max-height: 300px;
  }
}

/* recruit/career */
.p-career__cont .js-leaves{
  height: 700px;
}
.p-career__cont .js-leaves img{
  max-width: 80px;
  min-width: 10px;
}
.p-career__cont .js-leaves-inner{
  bottom: 20%;
  max-width: 130%;
  height: 90%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-career__cont .js-leaves{
    bottom: 30px;
  }
  .p-career__cont .js-leaves-inner{
    bottom: 20px;
    max-height: 300px;
  }
}

/* csr/esg */
.p-main__cont{
  overflow: hidden;
  z-index: 2;
}
.p-main__cont .js-leaves-3{
  top: 0;
  bottom: auto;
  right: auto;
  left: 53%;
  width: 100%;
  max-width: 1500px;
  height: 500px;
  transform: translateX(-50%);
}
.p-main__cont .js-leaves-3 img{
  min-width: 20px;
}
.p-main__cont .js-leaves-3 .js-leaves-inner{
  right: 0;
  width: 500px;
  height: 100%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-main__cont .js-leaves-3{
    top: -50px;
    right: -50px;
    left: auto;
    height: 50vw;
    min-height: 200px;
    transform: none;
  }
  .p-main__cont .js-leaves-3 .js-leaves-inner{
    width: 50vw;
    min-width: 200px;
  }
}

/* mvv/mission */
.p-main__cont#cont02 .js-leaves{
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  transform: none;
}
.p-main__cont#cont02 .js-leaves-inner{
  bottom: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.p-main__cont#cont02 .js-leaves img{
  max-width: 50px;
  min-width: 18px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-main__cont#cont02 .js-leaves{
    height: 30vw;
  }
  .p-main__cont#cont02 .js-leaves-inner{
    top: -20px;
    right: 0;
  }
}

/* mvv/vision */
.p-main__cont02#cont03 .js-leaves{
  top: 0;
  right: 0;
  /* height: 800px; */
}
.p-main__cont02#cont03 .js-leaves-inner{
  top: -150px;
  bottom: auto;
  width: 450px;
  max-width: 20vw;
  height: 800px;
  max-height: 60vw;
}
.p-main__cont02#cont03 .js-leaves img{
  min-width: 55px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-main__cont02#cont03 .js-leaves-inner{
    width: 450px;
    max-width: 25vw;
    height: 500px;
    max-height: 70vw;
  }
  .p-main__cont02#cont03 .js-leaves img{
    min-width: 30px;
  }
}

/* mvv/value */
.p-main__cont03#cont04 .js-leaves{
  top: 0;
  bottom: auto;
  display: block !important;
  height: 900px;
}
.p-main__cont03#cont04 .js-leaves-inner{
  bottom: 0;
  left: auto;
  right: 0;
  max-width: 200%;
  transform: none;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-main__cont03#cont04 .js-leaves{
    height: 70vw;
  }
  .p-main__cont03#cont04 .js-leaves-inner{
    min-width: 0;
    width: 120%;
  }
  .p-main__cont03#cont04 .js-leaves img{
    min-width: 25px;
  }
}

/* group/hoso holdings */
body:not(.home) .p-intro__cont .js-leaves{
  position: absolute;
  top: 0;
  left: 0;
}
body:not(.home) .p-intro__cont .js-leaves-inner{
  right: 50px;
  width: 35%;
  max-width: 600px;
  /* height: 130%; */
}
body:not(.home) .p-intro__cont .js-leaves-inner img {
  min-width: 50px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body:not(.home) .p-intro__cont .js-leaves-inner{
    width: 100px;
  }
  body:not(.home) .p-intro__cont .js-leaves-inner img {
    min-width: 30px;
  }
}

/* news */
body.post-type-archive-post .c-sub__head{
  overflow: hidden;
  /* z-index: 2; */
}
body.post-type-archive-post .c-sub__head .js-leaves{
  top: 120px;
  bottom: auto;
  right: auto;
  left: 53%;
  width: 100%;
  max-width: 1500px;
  height: 400px;
  transform: translateX(-50%);
}
body.post-type-archive-post .c-sub__head .js-leaves-inner{
  right: 0;
  width: 45%;
  height: 100%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  body.post-type-archive-post .c-sub__head .js-leaves{
    top: 50px;
    right: -50px;
    left: auto;
    height: 200px;
    transform: none;
  }
  body.post-type-archive-post .c-sub__head .js-leaves-inner{
    width: 60vw;
    min-width: 200px;
  }
}

/* contact */
.p-contact-head{
  overflow: hidden;
  /* z-index: 2; */
}
.p-contact-head .js-leaves{
  top: 120px;
  bottom: auto;
  right: auto;
  left: 53%;
  width: 100%;
  max-width: 1500px;
  height: 400px;
  transform: translateX(-50%);
}
.p-contact-head .js-leaves-inner{
  right: 0;
  width: 45%;
  height: 100%;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .p-contact-head .js-leaves{
    top: 50px;
    right: -50px;
    left: auto;
    height: 200px;
    transform: none;
  }
  .p-contact-head .js-leaves-inner{
    width: 60vw;
    min-width: 200px;
  }
}