@charset "UTF-8";

/* 全体的な設定 */
html {
    height: 100%;
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
    visibility: hidden;
  }
  html.wf-active {
    visibility: visible;
  }
body {
    height: 100%;
    height: 100dvh;
    background-color: #fff;
}
body,
input,
select,
textarea {
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 2px;
    color: #000;
    background-color: #fff;
    margin: 0;
    padding: 0;
    }
/* 見出し */
    h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    }
/* リンク */
    a {
    text-decoration: none;
    }
/* 画像 */
    img {
    width: 100%;
    height: auto;
    }
    *,
    *::before,
    *::after {
    box-sizing: border-box;
    }

/* フォント */
.font-c {
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-cb {
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-n7 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 450px) {
  body,
  input,
  select,
  textarea {
    font-size: 14px;
  }
}

/* 問い合わせフォームで削除するclass */
.wpcf7-spinner {
  display: none !important;
}


/*---------------------*/
/* ヘッダー */
.l-header {
  display: block;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #00A2E9;
  color: #fff;
  border-radius: 0 0 50px 50px;
}
.header-title-a {
  display: none;
}
.p-hamburger {
  display: none;
}
.c-hamburger {
  position: relative;
  width: inherit;
  height: inherit;
  margin: 0;
  border: transparent;
  background-color: transparent;
  cursor: pointer;
}
.c-hamburger span {
  display: block;
  position: relative;
  left: 50%;
  width: 24px;
  height: 2px;
  transform: translateX(-50%);
  background: #fff;
  transition: all 0.4s;
}
.c-hamburger span:nth-of-type(1) {
  top: -4px;
}
.c-hamburger span:nth-of-type(2) {
  top: 1px;
  transform: translateX(-0.45deg);
}
.c-hamburger span:nth-of-type(3) {
  top: 6px;
  transform: translateX(-0.45deg);
}
.c-hamburger.is-active span:nth-of-type(1) {
  top: 0;
  transform: translateX(-50%) rotate(225deg);
}
.c-hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}
.c-hamburger.is-active span:nth-of-type(3) {
  top: -4px;
  transform: translateX(-50%) rotate(-225deg);
}
.header-box {
  display: flex;
  z-index: 10;
  position: static;
  top: 0;
  right: auto;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  background: transparent;
  opacity: 1;
  transition: top 0.6s, right 0.6s, opacity 0.6s;
  width: 100%;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.p-hamburger {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
}
.header-box.is-active {
  position: fixed;
  top: 0;
  right: 0;
  opacity: 1;
}
.nav-inner {
  display: flex;
}
.nav-list {
  padding-right: 0;
  padding-left: 0;
  display: flex;
  column-gap: 60px;
  font-size: 18px;
}
.nav-item {
  position: relative;
  width: auto;
}
.nav-item::after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}
.nav-item:last-child::after {
  display: none;
}
.nav-link {
  color: #fff;
  font-weight: bold;
  display: block;
  width: 100%;
  transition: all 0.3s ease-out;
}
.nav-link:hover {
  color: #FFEC00;
}
header .tel-area a {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: flex-end;
}
header .tel-num {
  font-size: 28px;
  color: #FFEC00;
  position: relative;
  padding-left: 40px;
}
header .tel-num::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background-image: url(../images/common/icon_tel.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
}
header .tel-time {
  font-size: 12px;
  font-weight: initial;
  letter-spacing: 1px;
}
  header .tel-time br {
    display: none;
  }
@media screen and (max-width: 1250px) {
  .l-header {
      border-radius: 0 0 30px 30px;
  }
  .nav-list {
    column-gap: 40px;
  }
  .nav-item::after {
    right: -20px;
  }
}
@media screen and (max-width: 1024px) {
  .nav-list {
    font-size: 16px;
  }
  header .tel-area a {
    align-items: center;
  }
}
@media screen and (max-width: 960px) {
  .header-inner {
    padding: 20px 12px;
  }
  .nav-list {
    column-gap: 28px;
  }
  .nav-item::after {
    right: -14px;
  }
  .nav-list {
    font-size: 14px;
  }
  header .tel-time br {
    display: block;
  }
    header .tel-num {
    font-size: 24px;
    padding-left: 30px;
  }
    header .tel-num::before {
    width: 24px;
    height: 24px;
  }
  header .tel-time {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    height: 70px;
    border-radius: 0 0 20px 20px;
  }
  .header-title-a {
    display: block;
    width: 250px;
    position: relative;
    z-index: 100;
  }
  .p-hamburger {
    display: block;
  }
  .nav-inner {
    margin-right: auto;
    margin-left: auto;
    max-width: initial;
    width: 100%;
    justify-content: center;
  }
  .header-box {
    position: absolute;
    opacity: 0; 
    height: 100vh;
    width: 100%;
    right: -100%;
    background-color: rgba(0, 162, 233, 0.85);
    backdrop-filter: blur(3px);
    flex-direction: column;
    justify-content: center;
    row-gap: 30px;
  }
  .nav-list {
    display: flex;
    flex-direction: column;
    row-gap: 0px;
  }
  .nav-item {
    border-bottom: 1px soli;
  }
  .nav-item::before {
    display: none;
  }
  .nav-item::after {
    display: none;
  }
  .nav-link {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 15px 10px;
  }
  .nav-item:last-child .nav-link {
    border-bottom: none;
  }
  header .tel-num {
    font-size: 30px;
    padding-left: 35px;
  }
  header .tel-num::before {
    width: 30px;
    height: 30px;
  }
  header .tel-time {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 450px) {
  .header-title-a {
    width: 200px;
  }
}


/*---------------------*/
/* フッター */
footer {
  text-align: center;
  background-color: #fff;
  padding-top: 40px;
}
footer h3 {
  font-size: 38px;
  margin-bottom: 30px;
}
.certification-area {
  max-width: 800px;
  margin: 0 auto 20px;
}

.certification-area .sp-only {
  display: none;
}
.footer-nav ul {
  display: flex;
  justify-content: center;
  column-gap: 60px;
  margin-bottom: 50px;
}
.footer-nav ul li {
  position: relative;
}
.footer-nav ul li::after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}
.footer-nav ul li:last-child::after {
  display: none;
}
.footer-nav ul li a {
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s ease-out;
  display: block;
}
.footer-nav ul li a:hover {
  color: #00A2E9;
}
footer .logo-area {
  max-width: 500px;
  margin: 0 auto 25px;
}
footer .text-area {
  margin-bottom: 30px;
}
footer small {
  font-size: 12px;
  font-weight: initial;
}
footer h3 br {
  display: none;
}
footer .copy-area {
  background-color: #00A2E9;
  color: #fff;
  padding: 15px;
}
small br {
  display: none;
}
@media screen and (max-width: 1024px) {
  footer h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 850px) {
  .footer-nav ul {
    display: grid;
    grid-template-columns: repeat(3,2fr);
    row-gap: 10px;
    max-width: 600px;
    margin: 0 auto 30px;
  }
  .footer-nav ul .list03::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  footer h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .certification-area .pc-only {
     display: none;
  }
  .certification-area .sp-only {
     display: block;
  }
  .footer-nav ul {
    margin-bottom: 40px;
  }
  footer .text-area {
    margin-bottom: 30px;
  }
  footer small {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  footer {
    padding-top: 30px;
  }
  footer h3 {
    margin-bottom: 20px;
  }
  footer h3 br {
    display: block;
  }
  .footer-nav ul {
    column-gap: 20px;
  }
  .footer-nav ul li::after {
    right: -10px;
  }
  footer .logo-area {
    max-width: 90%;
  }
  footer .text-area {
    text-align: left;
    margin-bottom: 20px;
  }
  small br {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .footer-nav ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 450px) {
  footer h3 {
    font-size: 24px;
  }
  footer .text-area {
    text-align: left;
    font-size: 12px;
  }
  .footer-nav ul {
    grid-template-columns: repeat(2, 3fr);
    margin-bottom: 30px;
  }
  .footer-nav ul .list03::after {
    display: block;
  }
  .footer-nav ul .list02::after,.footer-nav ul .list04::after {
    display: none;
  }
  footer small {
    font-size: 10px;
  }
}
@media screen and (max-width: 390px) {
    footer h3 {
      font-size: 20px;
    }
    footer .logo-area {
      max-width: 100%;
    }
}

/*---------------------*/
/* 全体共通  レイアウト */
.section {
  padding: 60px 0;
}
.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width:1250px) {
  .section-inner {
    padding: 0 30px;
  }
}
@media screen and (max-width:600px) {
  .section {
    padding: 50px 0;
  }
  .section-inner {
    padding: 0 20px;
  }
}

/* 全体共通  タイトル */
.title-area1 {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  width: 650px;
  height: 200px;
  border-radius: 50% / 0 0 100% 100%;
  background: #FFEC00;
  margin: 0 auto 40px;
}
.t-2 {
  font-size: 28px;
  text-align: center;
  color: #00A2E9;
}
.t-2 span{
  font-size: 42px;
}
.t-3 {
  font-size: 32px;
}
@media screen and (max-width: 1024px) {
  .t-2 span{
    font-size: 36px;
  }
  .t-3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  .t-2 span{
    font-size: 30px;
  }
}
@media screen and (max-width: 450px) {
  .t-2 span{
    font-size: 24px;
  }
  .t-3 {
    font-size: 20px;
  }
}

/* 全体共通  ボタン */
.btn-area {
  text-align: center;
}
.btn-area .btn {
  font-size: 20px;
  background-color: #FFEC00;
  color: #00A2E9;
  padding: 10px 40px;
  border-radius: 50px;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  display: inline-block;
}
.btn-area .btn:hover {
    transform: translateY(-5px); 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 450px) {
  .btn-area .btn {
    font-size: 18px;
  }
}


/* features */
#features ul {
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}
#features ul li {
    position: relative;
    background: none;
    padding: 30px 0 100px;
}
#features .img-area {
    width: 60%;
    height: 560px;
    background-image: url(../images/top/fe_bk01.jpg);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    margin-left: 40%;
    z-index: -1;
    position: absolute;
    top: 0;
  }
@keyframes mvImgFadeBlur {
  0% {
    opacity: 0;
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
#features ul .list02 .img-area,#features ul .list04 .img-area {
    margin-left: 0;
    margin-right: 40%;
}
#features .box {
    width: 580px;
    padding: 20px 30px 40px;
    background-color: #fff;
}
#features .list02 .box,#features .list04 .box {
    margin: 0 0 0 auto;
}
#features .sub-title-area {
    display: flex;
    column-gap: 30px;
    margin-bottom: 20px;
}
#features .illust-area {
    width: 150px;
}
#features .sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
}
#features .sub-title h2 {
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
}
#features .sub-title h2 span {
    font-size: 24px;
    text-decoration: underline;
    text-underline-offset: -2px;
    text-decoration-thickness: 10px;
    text-decoration-color: #FFEC00;
}
#features .text-area h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
#features .text-area p {
    line-height: 1.8;
}
#features .btn-area {
    margin-top: 40px;
}
#features .btn-area .btn {
    background-color: #00A2E9;
    color: #FFEC00;
}
@media screen and (max-width: 1250px) {
    #features .section-inner {
        padding: 0;
    }
}
@media screen and (max-width: 1024px) {
    #features .box {
        width: 55%;
    }
    #features .illust-area {
        width: 120px;
    }
    #features .img-area {
        height: 500px;
    }
}
@media screen and (max-width: 960px) {
    #features ul {
        row-gap: 50px;
    }
    #features ul li {
        padding: 30px 0;
    }
    #features .sub-title-area {
        flex-direction: column;
        row-gap: 10px;
        margin-bottom: 15px;
    }
    #features .sub-title h2 {
        line-height: 1.5;
    }
    #features .illust-area {
        margin: 0 auto;
        width: 100px;
    }
    #features .text-area h3 {
        margin-bottom: 15px;
    }
    #features .btn-area {
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #features {
      padding: 30px 0 60px;
    }
    #features ul {
        row-gap: 0px;
    }
    #features ul li {
        padding: 30px 0;
    }
    #features ul li::before {
        display: none;
    }
    #features .img-area {
        position: relative;
        top: -30px;
        width: 90%;
        height: 400px;
        margin-left: 10%;
    }
    #features ul .list02 .img-area,#features ul .list04 .img-area {
        margin-left: 0;
        margin-right: 10%;
    }
    #features .box {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    #features .box {
        width: 100%;
    } 
}
@media screen and (max-width: 450px) {
    #features ul li {
        padding: 0 0 0;
    }
    #features .box {
        padding: 20px 20px 30px;
    }
    #features .sub-title h2 {
        font-size: 16px;
    }
    #features .sub-title h2 span {
        font-size: 22px;
    }
    #features .text-area h3 {
        font-size: 18px;
    }
    #features .img-area {
        height: 330px;
    }
    #features .btn-area {
        margin-top: 20px;
    }
}
@media screen and (max-width: 390px) {
    #features .img-area {
        height: 280px;
    }
}


/* cta */
#cta .content{
  border-radius: 20px;
  border: 5px solid #00A2E9;
  overflow: hidden;
}
#cta .text-area {
  background-color: #00A2E9;
  text-align: center;
  padding: 15px;
}
#cta h2 {
  font-size: 32px;
  color: #fff;
}
#cta .link-area {
  display: grid;
  grid-template-columns: 15% 1fr 1fr 1fr;
  column-gap: 40px;
  background-color: #FFEC00;
  padding: 30px;
}
#cta .link-area li {
  background-color: #fff;
  border-radius: 30px;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}
#cta .link-area li:hover {
    transform: translateY(-5px); 
}
#cta .link-area li:first-child:hover {
  transform: none;
}
#cta .link-area li a {
    padding: 0 10px;
}
#cta .link-area .list01 {
  background-color: #FFEC00;
  position: relative;
}
#cta .link-area .list01 .list01-img {
  position: absolute;
  bottom: -25px;
  left: -38px;
  width: 220px;
}
#cta .link-area .list02 {
  border: 5px solid #EF0100;
}
#cta .link-area .list03 {
  border: 5px solid #00A2E9;
}
#cta .link-area .list04 {
  border: 5px solid #4DC764;
}
#cta .icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
#cta .icon-area img {
  height: 80px;
  width: auto;
}
#cta .link-area li h3 {
  font-size: 18px;
  text-align: center;
}
#cta .link-area .list02 h3 {
  color: #EF0100;
}
#cta .link-area .list03 h3 {
  color: #00A2E9;
}
#cta .link-area .list04 h3 {
  color: #4DC764;
}
#cta .link-area li h3 br {
  display: none;
}
#cta h2 br {
  display: none;
}
@media screen and (max-width: 1250px) {
  #cta .link-area {
    grid-template-columns: 17% 1fr 1fr 1fr;
    column-gap: 30px;
    padding: 20px;
  }
  #cta .icon-area {
    margin-bottom: 10px;
  }
  #cta .icon-area img {
    height: 60px;
  }
}
@media screen and (max-width: 1024px) {
  #cta .link-area .list01 .list01-img {
    width: 21vw;
  }
  #cta .text-area {
    padding: 12px 10px 15px;
  }
  #cta h2 {
    font-size: 26px;
  }
  #cta .link-area li h3 br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
    #cta .link-area {
        column-gap: 3%;
        padding: 10px 20px;
    }
    #cta .icon-area img {
        height: 45px;
    }
    #cta .link-area li h3 {
      font-size: 14px;
    }
}
@media screen and (max-width: 600px) {     
  #cta .section-inner {
    position: relative;
  } 
  #cta .section-inner::before {
    content: "";
    position: absolute;
    top: -83px;
    left: -15px;
    background-image: url(../images/common/cta_illust.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 140px;
    z-index: 3;
  }
  #cta .content {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
  }
  #cta h2 {
    font-size: 20px;
  }
  #cta .link-area {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding: 20px;
  }
  #cta .link-area li {
    width: 230px;
    margin: 0 auto;
    border-radius: 20px;
  }
  #cta .link-area .list01 {
    display: none;
  }
  #cta .link-area li h3 {
    font-size: 16px;
  }
  #cta .link-area li h3 br {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  #cta h2 {
    font-size: 19px;
  }
  #cta .icon-area {
    margin-bottom: 6px;
  }
  #cta .icon-area img {
        height: 30px;
  }
}
@media screen and (max-width: 390px) {
    #cta h2 br {
      display: block;
    }
    #cta .section-inner::before {
      top: -60px;
      left: -10px;
    }
}

/* map */
#map {
  background-color: #00A2E9;
}
#map .content {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 30px;
}
#map .content li {
  border: 5px solid #FFEC00;
  border-radius: 50px;
  background-color: #FFEC00;
  overflow: hidden;
}
#map .map-area {
  margin-bottom: 8px;
}
#map .info-area {
  display: grid;
  grid-template-columns: 25% 75%;
}
#map .info-area .left {
  background-color: #00A2E9;
  display: flex;
  align-items: center;
  justify-content: center;
}
#map .info-area .left h3 {
  color: #FFEC00;
  font-size: 32px;
}
#map .info-area .text-area {
  padding: 10px;
  text-align: center;
}
#map .info-area p {
  font-weight: initial;
}
#map .info-area .address {
  font-size: 18px;
}
#map .info-area .tel-link {
  font-size: 36px;
  color: #00A2E9;
  position: relative;
  padding-left: 40px;
}
#map .info-area .tel-link::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url(../images/common/icon_tel_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;  
}
  #map .info-area .address br {
    display: none;
  }
@media screen and (max-width: 1250px) {
  #map .info-area .address br {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #map .info-area .left h3 {
    font-size: 28px;
  }
  #map .info-area .address {
    font-size: 16px;
  }
  #map .info-area p {
    font-size: 14px;
  }
  #map .info-area .tel-link {
    font-size: 32px;
  }
}
@media screen and (max-width: 960px) {
  #map .content li {
    border-radius: 30px;
  }
  #map .content {
    column-gap: 20px;
  }
  #map .info-area .left h3 {
    font-size: 20px;
  }
  #map .info-area .tel-link {
    font-size: 30px;
  }
}
@media screen and (max-width: 850px) {
  #map .content {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  #map .info-area .address br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #map .map-area iframe {
    height: 300px;
  }
  #map .info-area .address br {
    display: block;
  }
}
@media screen and (max-width: 450px) {
    #map .map-area iframe {
    height: 250px;
  }
  #map .info-area {
    display: flex;
    flex-direction: column;
  }
  #map .info-area .left h3 {
      padding: 6px;
  }
}
@media screen and (max-width: 390px) {
  #map .content {
    row-gap: 20px;
  }
  #map .info-area .tel-link {
      font-size: 28px;
  }
}

/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
    visibility: hidden;
}

/*---------------------*/
/* アニメーション */
/* 下からスライドイン */
.slideInBottom {
  opacity: 0;
  transform: translateY(70px);
  transition: opacity 1.2s, transform 1s;
}
.slideInBottom.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* フェードイン・拡大表示 */
.fadeIn {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 1.2s, transform 1s;
}
.fadeIn.is-show {
  opacity: 1;
  transform: scale(1);
}

/* 画像をぼかして徐々に表示 */
.fadeBlurIn {
    opacity: 0;
    filter: blur(5px);
    transition: 
        opacity 1.5s ease-out,
        filter 1.5s ease-out;
    will-change: opacity, filter; 
}
.fadeBlurIn.is-show {
    opacity: 1;
    filter: blur(0);
}

/* イラストのアニメーション */
.jiggle { 
    animation:
        jiggle-pulse 
        3.5s 
        infinite 
        ease-in-out;
    display: block; 
    transform-origin: bottom center; 
}
.jiggle-d2 { 
    animation-delay: -0.5s; 
}
.jiggle-d3 { 
    animation-delay: -1.2s; 
}
@keyframes jiggle-pulse {
    0% {
        transform: scale(1.0) rotate(-1deg);
    }
    25% {
        transform: scale(1.02) rotate(1.5deg); 
    }
    50% {
        transform: scale(1.0) rotate(-1.5deg);
    }
    75% {
        transform: scale(1.02) rotate(1deg);
    }
    100% {
        transform: scale(1.0) rotate(-1deg);
    }
}