/*=============================================
 * HOME
*=============================================*/
body.home section {
   overflow: hidden;
}

.btn-scroll {
   width: 12px;
   cursor: pointer;
   transition: all 0.3s;
   position: relative;
   text-align: center;
}

.btn-scroll dd {
   background-color: #ccc;
   width: 1px;
   height: 180px;
   margin: 10px auto 0;
   position: relative;
   overflow: hidden;
}

.btn-scroll dd:after {
   content: '';
   width: 100%;
   height: 100%;
   background-color: #008570;
   position: absolute;
   top: 0;
   left: 0;
   animation: sdl01 2s infinite;
}

.btn-scroll:hover {
   opacity: 0.7;
}

@keyframes sdl01 {
   0% {
      transform: translateY(-100%);
   }

   100% {
      transform: translateY(100%);
   }
}

/* -- -- */
@-webkit-keyframes showKvImage {
   0% {
      -webkit-transform: scale(1.1, 1.1) rotate(0.001deg);
      transform: scale(1.1, 1.1) rotate(0.001deg);
      outline: 1px solid transparent;
   }

   100% {
      -webkit-transform: scale(1, 1) rotate(0.001deg);
      transform: scale(1, 1) rotate(0.001deg);
   }
}

@keyframes showKvImage {
   0% {
      -webkit-transform: scale(1.1, 1.1) rotate(0.001deg);
      transform: scale(1.1, 1.1) rotate(0.001deg);
      outline: 1px solid transparent;
   }

   100% {
      -webkit-transform: scale(1, 1) rotate(0.001deg);
      transform: scale(1, 1) rotate(0.001deg);
   }
}

#mv {
   display: flex;
   align-items: flex-end;
   width: 100%;
   height: 100vh;
   min-height: 600px;
   position: relative;
}

#mv .mv-slider_pc {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

#mv .mv-slider_pc .swiper-wrapper {
   width: 100%;
   height: 100%;
}

#mv .mv-slider_pc .swiper-slide {
   display: flex;
}

#mv .mv-slider_pc .swiper-slide .ph {
   width: 50%;
   overflow: hidden;
   transition: clip-path 1650ms cubic-bezier(0.77, 0, 0.175, 1), opacity 0ms;
   opacity: 0;
}

#mv .mv-slider_pc .swiper-slide .ph.a {
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

#mv .mv-slider_pc .swiper-slide .ph.b {
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

#mv .mv-slider_pc .swiper-slide img {
   -webkit-animation-duration: 9s;
   animation-duration: 9s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   transform: scale(1, 1);
}

#mv .mv-slider_pc .swiper-slide.first img {
   -webkit-animation-duration: 9s;
   animation-duration: 9s;
}

#mv .mv-slider_pc .swiper-slide-prev {
   z-index: 2;
   opacity: 1;
}

#mv .mv-slider_pc .swiper-slide-prev .ph {
   opacity: 1;
}

#mv .mv-slider_pc .swiper-slide-prev .ph.a {
   clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

#mv .mv-slider_pc .swiper-slide-prev .ph.b {
   clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

#mv .mv-slider_pc .swiper-slide-prev .ph img {
   -webkit-animation-name: showKvImage;
   animation-name: showKvImage;
}

#mv .mv-slider_pc .swiper-slide-active {
   z-index: 1;
   opacity: 1;
}

#mv .mv-slider_pc .swiper-slide-active .ph {
   opacity: 1;
}

#mv .mv-slider_pc .swiper-slide-active img {
   -webkit-animation-name: showKvImage;
   animation-name: showKvImage;
}

#mv .mv-slider_sp {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

#mv .mv-slider_sp .swiper-wrapper,
#mv .mv-slider_sp .swiper-slide {
   width: 100%;
   height: 100%;
}

#mv .mv-slider_sp .swiper-slide img {
   -webkit-animation-duration: 6s;
   animation-duration: 6s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   transform: scale(1, 1);
}

#mv .mv-slider_sp .swiper-slide.first-slide img {
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
}

#mv .mv-slider_sp .swiper-slide.swiper-slide-active img {
   -webkit-animation-name: showKvImage;
   animation-name: showKvImage;
}

#mv .title {
   text-align: center;
   position: absolute;
   right: 0;
   top: 50%;
   left: 0;
   transform: translate(0, -50%);
   z-index: 1;
}

#mv h2 {
   font-weight: 700;
   font-size: 56px;
   line-height: 1.52;
   letter-spacing: 0.16em;
   color: #fff;
}

#mv .deco {
   width: 260px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#mv .deco img {
   animation: rotate360 5s linear infinite;
}

@keyframes rotate360 {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}

@media screen and (max-width: 1023px) {
   #mv {
      min-height: inherit;
   }

   #mv h2 {
      font-size: 48px;
   }
}

@media screen and (max-width: 767px) {
   #mv {
      min-height: inherit;
   }

   #mv h2 {
      text-shadow: 00px 0px 10px rgba(0, 0, 0, 0.6);
      font-size: 25px;
   }

   #mv .deco {
      width: 180px;
   }
}

/* -- --*/
#concept {
   background-color: #F0EEE9;
   position: relative;
   padding: 250px 0 80px;
}

#concept .wrap {
   width: 90%;
   max-width: 1500px;
   z-index: 1;
   padding: 0;
}

#concept h2 .ttl-sub:after {
   content: '';
   display: block;
   width: 0;
   height: 26px;
   border-left: 2px solid #FD7855;
   margin: 35px auto 25px;
}

#concept h2 .h-36 {
   line-height: 1.91;
   letter-spacing: 0.14em;
}

#concept h2 .title-svg .svg-container svg {
   top: 56%;
   left: 22%;
}

#concept .txt {
   font-weight: 500;
   font-size: 19px;
   line-height: 3.15;
   letter-spacing: 0.08em;
   padding-top: 80px;
}

#concept .txt p:not(:last-child) {
   padding-bottom: 80px;
}

#concept .txt span {
   font-weight: 700;
}

#concept .photo-l {
   position: absolute;
   top: 245px;
   left: 0;
}

#concept .photo-l img {
   border-radius: 12px;
}

#concept .photo-l .img-1 {
   width: 234px;
   padding-left: 130px;
}

#concept .photo-l .img-2 {
   width: 415px;
   padding-top: 206px;
}

#concept .photo-l .img-2 img {
   border-radius: 0 12px 12px 0;
}

#concept .photo-l .img-3 {
   width: 297px;
   padding: 160px 0 0 196px;
}

#concept .photo-r {
   position: absolute;
   top: 120px;
   right: 0;
}

#concept .photo-r img {
   border-radius: 12px;
}

#concept .photo-r .img-1 {
   width: 383px;
   margin-left: auto;
}

#concept .photo-r .img-1 img {
   border-radius: 12px 0 0 12px;
}

#concept .photo-r .img-2 {
   width: 257px;
   margin-left: auto;
   padding: 212px 77px 0 0;
}

#concept .photo-r .img-3 {
   width: 306px;
   margin-left: auto;
   padding: 122px 139px 0 0;
}

@media screen and (min-width: 1201px) and (max-width: 1700px) {
   #concept .photo-l {
      width: 25.7vw;
      top: 290px;
   }

   #concept .photo-l .img-1 {
      width: 12.19vw;
      padding-left: 6.77vw;
   }

   #concept .photo-l .img-2 {
      width: 21.61vw;
      padding-top: 10.73vw;
   }

   #concept .photo-l .img-3 {
      width: 15.47vw;
      padding: 8.33vw 0 0 10.21vw;
   }

   #concept .photo-r {
      width: 23.2vw;
   }

   #concept .photo-r .img-1 {
      width: 19.95vw;
      margin-left: auto;
   }

   #concept .photo-r .img-2 {
      width: 13.39vw;
      margin-left: auto;
      padding: 11.04vw 4.01vw 0 0;
   }

   #concept .photo-r .img-3 {
      width: 15.94vw;
      margin-left: auto;
      padding: 6.35vw 7.24vw 0 0;
   }
}

#concept .txt .break {
   display: none;
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {

   #concept h2 .sp,
   #concept .txt .sp {
      display: block;
   }
}

@media screen and (max-width: 1200px) {
   #concept {
      padding: 100px 0 0;
   }

   #concept .photo-l {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      position: static;
   }

   #concept .photo-l .img-1 {
      padding-left: 0;
   }

   #concept .photo-l .img-1 img {
      border-radius: 0 12px 12px 0;
   }

   #concept .photo-l .img-2 img {
      border-radius: 12px;
   }

   #concept .photo-l .img-3 {
      padding-left: 0;
   }

   #concept .photo-l .img-3 img {
      border-radius: 12px 0 0 12px;
   }

   #concept .photo-r {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      position: static;
   }

   #concept .photo-r .img-1 {
      margin-left: 0;
   }

   #concept .photo-r .img-1 img {
      border-radius: 0 12px 12px 0;
   }

   #concept .photo-r .img-2 {
      margin-left: 0;
      padding-right: 0;
   }

   #concept .photo-r .img-3 {
      margin-left: 0;
      padding-right: 0;
   }

   #concept .photo-r .img-3 img {
      border-radius: 12px 0 0 12px;
   }

   #concept .wrap {
      padding: 100px 0;
   }
}

@media screen and (max-width: 1023px) {
   #concept .photo-l .img-1 {
      width: 25%;
   }

   #concept .photo-l .img-2 {
      width: 40%;
      padding-top: 10vw;
   }

   #concept .photo-l .img-3 {
      width: 25%;
      padding-top: 20vw;
   }

   #concept .photo-r .img-1 {
      width: 35%;
   }

   #concept .photo-r .img-2 {
      width: 20%;
      padding-top: 15vw;
   }

   #concept .photo-r .img-3 {
      width: 30%;
      padding-top: 8vw;
   }

   #concept .wrap {
      padding: 100px 0;
   }

   #concept .txt {
      font-size: 18px;
   }
}

@media screen and (max-width: 767px) {
   #concept {
      padding-top: 50px;
   }

   #concept .wrap {
      padding: 50px 0 100px;
   }

   #concept h2 .ttl-sub:after {
      margin: 15px auto;
   }

   #concept h2 .h-36 {
      font-size: 24px;
   }

   #concept .txt {
      font-size: 16px;
      line-height: 1.8;
      padding-top: 40px;
   }

   #concept .txt p:not(:last-child) {
      padding-bottom: 40px;
   }
}

/* -- --*/
.growth-circle .line {
   fill: none;
   stroke-width: 1;
   stroke-dasharray: 1300;
   stroke-dashoffset: 1300;
   opacity: 0;
   animation: drawCircle 3s linear infinite;
}

.growth-circle .line-1 {
   animation-delay: 0s;
}

.growth-circle .line-2 {
   animation-delay: 1s;
}

.growth-circle .line-3 {
   animation-delay: 2s;
}

@keyframes drawCircle {
   0% {
      stroke-dashoffset: 1300;
      opacity: 0;
   }

   10% {
      opacity: 1;
   }

   40% {
      stroke-dashoffset: 0;
      opacity: 1;
   }

   85% {
      stroke-dashoffset: 0;
      opacity: 1;
   }

   100% {
      stroke-dashoffset: 0;
      opacity: 0;
   }
}

#growth {
   background-color: #F0EEE9;
   padding: 185px 0 330px;
}

#growth .wrap {
   width: 90%;
   max-width: 1500px;
   padding: 0 0 225px;
}

#growth .photo {
   max-width: 1385px;
   margin: 0 auto;
   position: relative;
}

#growth .photo .img-2 {
   width: 28.5%;
   position: absolute;
   bottom: 4%;
   left: 50%;
   transform: translateX(-50%);
}

#growth .photo .circle-left {
   width: 30.8%;
   position: absolute;
   top: 0;
   left: 0;
}

#growth .photo .circle-left svg {
   width: 100%;
   height: 100%;
}

#growth .photo .circle-right {
   width: 30.3%;
   position: absolute;
   top: 0;
   right: 0;
}

#growth .photo .circle-right svg {
   width: 100%;
   height: 100%;
}

#growth h2 {
   color: #555;
   font-weight: 500;
   font-size: 24px;
   line-height: 1.8;
   letter-spacing: 0.15em;
   padding-top: 25px;
}

#growth h2 span {
   font-weight: 600;
}

#growth .slider {
   display: grid;
   align-items: center;
}

#growth .slider>div {
   grid-area: 1/1;
}

#growth .slider-1 .slide {
   display: flex !important;
   align-items: flex-start;
   width: 2233px;
   position: relative;
   margin-right: 250px;
}

#growth .slider-1 .slide .img-1 {
   width: 13.26%;
}

#growth .slider-1 .slide .img-2 {
   width: 11.11%;
   margin: 8.9% 0 0 4.48%;
}

#growth .slider-1 .slide .img-3 {
   width: 13.66%;
   margin: 2% 0 0 5.8%;
}

#growth .slider-1 .slide .img-4 {
   width: 11.37%;
   margin-left: 16%;
}

#growth .slider-1 .slide .img-5 {
   width: 9.49%;
   position: absolute;
   bottom: 0;
   right: 26%;
}

#growth .slider-1 .slide .img-6 {
   width: 13.26%;
   margin: 12.99vw 0 4.5% 11.2vw;
}

#growth .slider-2 .slide {
   display: flex !important;
   align-items: flex-start;
   width: 2048px;
   margin-right: 225px;
}

#growth .slider-2 .slide figure {
   border-radius: 12px;
   overflow: hidden;
}

#growth .slider-2 .slide .img-1 {
   width: 18.9%;
}

#growth .slider-2 .slide .img-2 {
   width: 13.3%;
   align-self: flex-end;
   margin-left: 3.9%;
}

#growth .slider-2 .slide .img-3 {
   width: 24.2%;
   margin: 6.3% 0 4.2% 9.5%;
}

#growth .slider-2 .slide .img-4 {
   width: 18.9%;
   margin: 7.8% 0 0 11%;
}

@media screen and (max-width: 767px) {
   #growth {
      padding: 50px 0 100px;
   }

   #growth .wrap {
      padding-bottom: 100px;
   }

   #growth .photo .circle-left,
   #growth .photo .circle-right {
      width: 39%;
   }

   #growth .photo .img-2 {
      width: 55%;
      margin: 0 auto;
      position: static;
      transform: translateX(0);
   }

   #growth h2 {
      font-size: 20px;
   }

   #growth .slider-1 .slide {
      width: 1115px;
      margin-right: 10vw;
   }

   #growth .slider-2 .slide {
      width: 1024px;
      margin-right: 10vw;
   }
}

/* -- --*/
#support {
   background-color: #F0EEE9;
   padding-bottom: 305px;
   position: relative;
}

#support .infiniteslide_wrap {
   position: absolute;
   top: 225px;
   left: 0;
}

#support .infiniteslide_wrap figure {
   width: 2200px;
   margin-right: 50px;
}

#support h2 {
   line-height: 2;
   letter-spacing: 0.08em;
   position: relative;
   z-index: 1;
}

#support .slider {
   width: max-content;
   display: flex;
}

#support .wrap {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   justify-content: flex-end;
   gap: 5%;
   width: 95%;
   max-width: calc(50% + 750px);
   margin-right: 0;
   padding: 0;
}

#support .txt {
   font-size: 19px;
   line-height: 2.2;
   padding-top: 50px;
}

#support .txt p:not(:last-child) {
   padding-bottom: 50px;
}

#support .txt span {
   font-weight: 700;
}

@media screen and (max-width: 1023px) {
   #support {
      padding-bottom: 0;
   }

   #support .wrap {
      grid-template-columns: 100%;
      gap: 50px;
      width: 100%;
   }

   #support .col {
      padding: 0 5%;
   }

   #support h2 {
      margin-right: -5vw;
   }
}

@media screen and (max-width: 767px) {
   #support h2 {
      margin-right: 0;
   }

   #support .txt {
      font-size: 16px;
      padding-top: 30px;
   }

   #support .txt p:not(:last-child) {
      padding-bottom: 30px;
   }
}

/* -- --*/
#story {
   padding: 215px 0 160px;
}

#story .wrap {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 30px;
   width: 90%;
   max-width: 1500px;
   padding: 0 0 115px;
}

#story h2 .h-18 {
   display: inline-block;
   letter-spacing: 0.05em;
}

#story h2 .h-36 {
   display: inline-block;
   line-height: 1.6;
   letter-spacing: 0.14em;
   padding-top: 20px;
}

#story .row {
   position: relative;
   padding-bottom: 85px;
}

#story .row ul {
   display: grid;
   grid-template-columns: repeat(4, 340px);
   justify-content: center;
   gap: 28px;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

#story .row ul li {
   background-color: rgba(240, 238, 233, 0.97);
   border-radius: 12px;
   padding: 15px 15px 30px;
}

#story .row ul li .no {
   font-size: 24px;
   line-height: 1.25;
   letter-spacing: 0.03em;
   text-align: left;
}

#story .row ul li figure {
   width: 110px;
   margin: 0 auto;
}

#story .row ul li h3 {
   line-height: 1.6;
   letter-spacing: 0.04em;
   padding-top: 30px;
}

@media screen and (max-width: 1500px) {
   #story .row ul {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      width: 90%;
   }
}

@media screen and (max-width: 1023px) {
   #story .wrap {
      flex-direction: column;
      align-items: flex-start;
   }

   #story .row {
      padding-bottom: 0;
   }

   #story .row ul {
      grid-template-columns: repeat(2, 1fr);
      position: static;
      transform: translateX(0);
      margin: -100px auto 0;
   }
}

@media screen and (max-width: 767px) {
   #story {
      padding: 100px 0;
   }

   #story .wrap {
      padding-bottom: 50px;
   }

   #story h2 .h-36 {
      font-size: 24px;
      padding-top: 10px;
   }

   #story .row .photo {
      height: 56.25vw;
   }

   #story .row .photo img {
      width: 100%;
      max-width: inherit;
      height: 100%;
      object-fit: cover;
   }

   #story .row ul {
      gap: 10px;
      margin: -50px auto 0;
   }

   #story .row ul li {
      padding: 15px 15px 20px;
   }

   #story .row ul li .no {
      font-size: 18px;
   }

   #story .row ul li figure {
      width: 60%;
   }

   #story .row ul li h3 {
      font-size: 14px;
      padding-top: 15px;
   }
}

/* -- --*/
#joy {
   background-color: #FF6D48;
   position: relative;
   color: #fff;
   padding: 275px 0;
   overflow: hidden;
}

#joy .deco {
   width: 45.1vw;
   position: absolute;
   top: -0.52vw;
   right: -11.2vw;
}

#joy .deco img {
   animation: rotate360 5s linear infinite;
}

#joy .slider {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 2vw;
   width: 38%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 7%;
}

#joy .slider-item {
   will-change: transform;
   backface-visibility: hidden;
   transform: translateZ(0);
}

#joy .slider .marquee_item:not(:last-child) {
   padding-bottom: 2vw;
}

#joy .slider .marquee_item img {
   border-radius: 10px;
}

#joy .wrap {
   width: 90%;
   max-width: 1500px;
   padding: 0;
}

#joy .col {
   width: 660px;
   margin-left: auto;
}

#joy h2 {
   font-weight: 700;
   font-size: 96px;
   line-height: 1.25;
   letter-spacing: 0.03em;
   text-transform: uppercase;
}

#joy h3 {
   letter-spacing: 0.14em;
   padding-top: 40px;
}

#joy .txt {
   letter-spacing: 0.14em;
   line-height: 2;
   padding-top: 100px;
}

#joy .button {
   padding-top: 110px;
}

@media screen and (max-width: 1440px) {
   #joy {
      padding: 14vw 0;
   }

   #joy .col {
      width: 50%;
   }

   #joy h2 {
      font-size: 6vw;
   }

   #joy h3 {
      font-size: 24px;
      padding-top: 20px;
   }

   #joy .txt,
   #joy .button {
      padding-top: 50px;
   }
}

@media screen and (max-width: 1023px) {
   #joy {
      padding: 0;
   }

   #joy .wrap {
      background-color: rgba(255, 109, 72, 0.8);
      width: 100%;
      padding: 15vw 5%;
   }

   #joy .col {
      width: 100%;
   }

   #joy h2 {
      font-size: 96px;
   }

   #joy .slider {
      width: 70%;
      left: 50%;
      transform: translateX(-50%);
   }
}

@media screen and (max-width: 767px) {
   #joy .wrap {
      padding: 100px 5%;
   }

   #joy h2 {
      font-size: 45px;
   }

   #joy h3 {
      font-size: 20px;
      padding-top: 30px;
   }

   #joy .txt {
      padding-top: 30px;
   }

   #joy .button {
      padding-top: 40px;
   }

   #joy .slider {
      width: 80%;
   }
}

/*=============================================
 * Smieeの宣言
*=============================================*/
#declaration .wrap {
   display: grid;
   grid-template-columns: 600px 1fr;
   align-items: flex-start;
   gap: 140px;
}

#declaration .photo {
   display: grid;
   position: sticky;
   top: 50px;   
   padding-bottom: 50px;
	overflow: hidden;
	border-radius: 24px;
}

#declaration .photo figure {
   grid-area: 1/1;
   opacity: 0;
   visibility: hidden;
   scale: 1.05;
   transition: opacity calc(0.25s * 1.75), visibility calc(0.25s * 1.75), scale calc(0.25s * 2.5);
	max-height: calc(100vh - 100px);
}

#declaration .photo figure img {
   width: 100%;
   max-width: inherit;
   height: 100%;
   object-fit: cover;
}

#declaration .photo figure.is-show {
   visibility: visible;
   opacity: 1;
   scale: 1;
}

#declaration .box:not(:last-child) {
   padding-bottom: 300px;
}

#declaration .box figure {
   display: none;
}

#declaration .box figure img {
   border-radius: 24px;
}

#declaration .col {}

#declaration .no {
   color: #9C9C9C;
   font-weight: 700;
   line-height: 1.6;
   letter-spacing: 0.04em;
}

#declaration h3 {
   font-weight: 700;
   font-size: 36px;
   line-height: 1.52;
   letter-spacing: 0;
   color: #555;
   padding-top: 12px;
}

#declaration h3 span {
   display: inline-block;
   border-bottom: 5px solid #FF6D48;
   line-height: 1;
}

#declaration .txt {
   padding-top: 40px;
}

#declaration .txt p:not(:last-child) {
   padding-bottom: 40px;
}

@media screen and (max-width: 1440px) {
   #declaration .wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 70px;
   }
}

@media screen and (max-width: 1200px) {
   #declaration h3 {
      font-size: 32px;
   }
}

@media screen and (max-width: 1023px) {
   #declaration .wrap {
      gap: 30px;
   }

   #declaration h3 {
      font-size: 24px;
   }
}

@media screen and (max-width: 767px) {
   #declaration .wrap {
      grid-template-columns: 1fr;
   }

   #declaration .photo {
      display: none;
   }

   #declaration .box:not(:last-child) {
      padding-bottom: 100px;
   }

   #declaration .box figure {
      display: block;
      padding-bottom: 50px;
   }

   #declaration .txt {
      padding-top: 20px;
   }

   #declaration .txt p:not(:last-child) {
      padding-bottom: 20px;
   }
}