@charset "UTF-8";
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.tenbo {
  background: url(../images/mov_bgt.png) no-repeat top left, url(../images/mov_bgb.png) no-repeat right bottom, #9A84D4;
  background-size: auto 55rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.tenbo .tit {
  background: url(../images/tenbo_tit.svg) no-repeat center;
  background-size: contain;
  width: 50rem;
  height: 10.4rem;
}
.tenbo h4 {
  color: #55009C;
  font-weight: 900;
  background: #000;
  clip-path: polygon(1.5rem 0%, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
  position: relative;
  display: inline-block;
  z-index: 2;
  padding: 1.5rem 4.5rem;
  margin-top: 5rem;
  margin-bottom: 2rem;
}
.tenbo h4::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% - 3rem);
  height: calc(100% - 1rem);
  background: #fff;
  z-index: -1;
  top: 0.5rem;
  left: 1.5rem;
  clip-path: polygon(1.5rem 0%, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
}
.tenbo .wrap {
  width: 100%;
}
.tenbo .wrap.mov {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.tenbo .photo {
  background: url(../images/tenbo_p2.png) no-repeat center bottom;
  background-size: contain;
  position: absolute;
}
.tenbo .jimoto .photo {
  background: url(../images/tenbo_p1.png) no-repeat center bottom;
  background-size: contain;
}
.tenbo .jimoto p span {
  background: #B50600 !important;
}
.tenbo .txt {
  background: #fff;
  font-weight: 700;
  text-align: justify;
  position: relative;
  z-index: 1;
}
.tenbo .txt span {
  color: #fff;
  font-weight: 900;
  position: relative;
  margin-bottom: 0.2rem;
}
.tenbo .txt span.tokai {
  background: #719DA9 !important;
}
.tenbo .txt span.kinki {
  background: #000 !important;
}
.tenbo .txt span.chugoku {
  background: #B50600 !important;
}
.tenbo .txt span.shikoku {
  background: #286FCE !important;
}
.tenbo .txt span.kyusyu {
  background: #D58700 !important;
}
.tenbo .txt span.kanto {
  background: #109D56 !important;
}

/***********************************************************************
ミディアムデバイス (スマートフォン) のスタイル
**********************************************************************/
@media (max-width: 750px) {
  .sp_non {
    display: none !important;
  }
  .tenbo {
    background-position: top -8rem left, right bottom;
  }
  .tenbo h4 {
    font-size: 4rem;
    line-height: 5rem;
    padding-right: 7.5rem;
    padding-left: 7.5rem;
    margin-top: 40rem;
  }
  .tenbo .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .tenbo .jimoto {
    margin-bottom: 3rem;
  }
  .tenbo .jimoto h4 {
    clip-path: polygon(2rem 0%, 100% 0%, calc(100% - 2rem) 100%, 0% 100%);
  }
  .tenbo .jimoto h4::before {
    clip-path: polygon(2rem 0%, 100% 0%, calc(100% - 2rem) 100%, 0% 100%);
  }
  .tenbo .jimoto .photo {
    top: -58rem;
  }
  .tenbo .photo {
    width: 70rem;
    height: 52rem;
    top: -54rem;
    left: 1rem;
  }
  .tenbo .txt {
    padding: 3rem;
    font-size: 2.8rem;
    line-height: 4.4rem;
    letter-spacing: -0.01rem;
  }
}
/***********************************************************************
ラージデバイス (デスクトップ) のスタイル
**********************************************************************/
@media (min-width: 751px) {
  .pc_non {
    display: none !important;
  }
  .tenbo {
    padding-top: 6rem;
    margin-top: 4rem;
  }
  .tenbo h4 {
    font-size: 3.6rem;
  }
  .tenbo .photo {
    width: 65rem;
    height: 52rem;
    right: 0;
    bottom: 2rem;
  }
  .tenbo .txt {
    padding: 4rem;
    font-size: 2.4rem;
    line-height: 4rem;
  }
  .tenbo .txt p {
    width: 91.2rem;
  }
  .tenbo .txt span {
    display: inline-block;
  }
}/*# sourceMappingURL=tenbo.css.map */