@charset "utf-8";
/**
 * Top Page
 */
/* Common */
.layout-main{
  background: #003C87;
}
.aside-main{
  background: #FFF;
}
.aside-right .logo{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
.aside-right .logo.is-active{
  opacity: 1;
  visibility:visible;
}
.aside-right .menu .menu_ttl::before{
  background-image: url(../img/menu_title.png);
}
.aside-center .scroll-arrow::after{
  background-image: url(../img/scroll_arrow.png);
}
.btn_round-border{
  padding-block: 6px;
}
/* アニメーション */
@keyframes bounce-backImg {
  0% { background-position: center bottom -200px; }
  75% { background-position: center bottom 10px; }
  100% { background-position: center bottom 0px; } }
@keyframes bounce-decoImg {
  0% { transform: translate(0, 200px); }
  75% { transform: translate(0, -10px); }
  100% { transform: translate(0, 0); } }
@keyframes slidIn {
  0% { transform: translateY(30px);opacity: 0; }
  100% { transform: translateY(0);opacity: 1; } }
.js-scroll.js-scroll-slideIn{
  opacity: 0;
  transform: translateY(30px);
}
.js-scroll.js-scroll-slideIn.js-active{
  animation: slidIn 0.5s .2s forwards;
}


/* Header */
header{
  padding-left: 15px;
}
header .hd_bg path{
  fill: #003C87 !important;
}
header .logo{
  height: 32px;
  width: auto;
}
header .logo img{
  height: 100%;
  max-width: initial;
  width: auto;
}

/* MV */
.topMv {
  background: #FFE5E7;
}
.topMv .mv_ttl{
  background: url(../img/index/mv_title_bg.png) top center / 100% 100% no-repeat;
  padding: 27px 10px 44px;
  position: relative;
}
.topMv .mv_ttl .mv_ttl_img{
  margin-inline: auto;
  width: 81%;
}
.topMv .mv_ttl .mv_ttl_balloon{
  position: absolute;
  bottom: 0;
  left: 78%;
  transform: translateX(-50%);
  max-width: 100px;
  width: 23%;
}
/* .topMv.js-active .mv_ttl .mv_ttl_balloon{
  animation: mv_pickup_animal-cat 0.4s 1.5s forwards;
}
@keyframes mv_pickup_animal-cat {
    0% { transform: translate(-34%, 7%); }
    75% { transform: translate(5%, -3%); }
    100% { transform: translate(0, 0); } } */
.mv_pickup{
  margin-top: 15px;
  position: relative;
}
.mv_pickup .mv_pickup_photo{
  background: #FFF;
  box-shadow: 1px 2px 1px rgba(0,0,0,.16);
  padding: 10px;
  margin-inline: auto;
  max-height: 263px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 61%;
}
.mv_pickup .mv_pickup_balloon1,
.mv_pickup .mv_pickup_balloon2{
  position: absolute;
  z-index: 3;
}
.mv_pickup .mv_pickup_balloon1{
  right: -3.6%;
  top: 6%;
  width: 27.8%;
}
.mv_pickup .mv_pickup_balloon2{
  left: -5.8%;
  bottom: 14%;
  width: 31%;
}
.mv_pickup .mv_pickup_animal{
  position: absolute;
  z-index: 1;
  /* transition: .35s ease; */
  /* animation-delay: 1.5s; */
}
/* .topMv.js-active .mv_pickup .mv_pickup_animal{
  transform: translate(0, 0);
} */
.mv_pickup .mv_pickup_animal.dog{
  top: -13%;
  left: 5.8%;
  width: 41.5%;
  transform: translate(34%, 29%);
}
.topMv.js-active .mv_pickup .mv_pickup_animal.dog{
  animation: mv_pickup_animal-dog 0.55s 1s forwards;
}
/* @-webkit-keyframes bounce-backImg {
    0% { background-position: center bottom -200px; }
    75% { background-position: center bottom 10px; }
    100% { background-position: center bottom 0px; } } */
@keyframes mv_pickup_animal-dog {
    0% { transform: translate(34%, 29%); }
    75% { transform: translate(-2%, -5%); }
    100% { transform: translate(0, 0); } }

.mv_pickup .mv_pickup_animal.cat{
  bottom: 5%;
  right: 4%;
  width: 24.8%;
  transform: translate(-66%, 7%);
}
.topMv.js-active .mv_pickup .mv_pickup_animal.cat{
  animation: mv_pickup_animal-cat 0.55s 1.2s forwards;
}
@keyframes mv_pickup_animal-cat {
    0% { transform: translate(-66%, 7%); }
    75% { transform: translate(5%, -3%); }
    100% { transform: translate(0, 0); } }
.mv_pickup .mv_pickup_animal.hedgehog{
  top: -36px;
  left: 33.5%;
  z-index: 2;
  width: 51px;
}
.mv_pickup .mv_pickup_animal.hamster{
  top: -14px;
  right: 5px;
  width: 49px;
  transform: translate(0, 55%);
}
.topMv.js-active .mv_pickup .mv_pickup_animal.hamster{
  animation: mv_pickup_animal-hamster 0.55s .8s forwards;
}
@keyframes mv_pickup_animal-hamster {
    0% {transform: translate(0, 55%); }
    75% { transform: translate(0, -5%); }
    100% { transform: translate(0, 0); } }
.mv_pickup .mv_pickup_animal.rabbit{
  bottom: 35%;
  left: 3%;
  width: 15.4%;
  transform: translate(0, 40%);
}
.topMv.js-active .mv_pickup .mv_pickup_animal.rabbit{
  animation: mv_pickup_animal-rabbit 0.55s .8s forwards;
}
@keyframes mv_pickup_animal-rabbit {
    0% {transform: translate(0, 40%); }
    75% { transform: translate(0, -10%); }
    100% { transform: translate(0, 0); } }
.mv_sliders{
  display: flex;
  overflow: hidden;
  margin-top: 36px;
}
.mv_slider{
  display: flex;
  gap: 15px;
  list-style: none;
  margin-left: 15px;
  padding: 0;
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.mv_slider .item{
  background: #FFF;
  box-shadow: 1px 2px 1px rgba(0,0,0,.16);
  padding: 7px;
  width: 128px;
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
}

/* Common */
.top-section .container{
  padding-inline: 15px;
  width: 100%;
}

/* About */
.about{
  padding-top: 140px;
  position: relative;
  text-align: center;
}
.about::before{
  content: "";
  display: block;
  background: url(../img/index/img_pad.png) top right / auto 100% no-repeat;
  height: 43px;
  /* width: 243px; */
  position: absolute;
  top: 77px;
  right: -50px;
  width:0px;
}
.about.js-active::before{
  animation: pad-anime 2s forwards;
  animation-timing-function: steps(9, start); 
}
@keyframes pad-anime{
  0%{ width:0px; }
  100%{ width:243px; }
}
.about_ttl{
  margin-inline: auto;
  width: 270px;
  position: relative;
}
.about_ttl::before{
  background: url(../img/index/about_title_cat.png) bottom center / contain no-repeat;
  content: "";
  display: block;
  position: absolute;
  bottom: 24px;
  left: -28px;
  height: 138px;
  width: 120px;
  background-position: center bottom -200px;
}
.about_ttl.js-active::before{
  animation: bounce-backImg 0.55s .7s forwards;
}
.about_ttl img{
  position: relative;
  z-index: 1;
}
.about p{
  text-align: center;
  margin-top: 27px;
}
.about .about_how{
  background: #FFF;
  border-radius: 100vh;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  padding: 9px 26px;
  margin-top: 33px;
}

/* Target */
.target{
  padding-top: 145px;
  position: relative;
}
.target_block{
  background: #FFF;
  border-radius: 8px;
  padding: 43px 16px 60px;
  position: relative;
}
.target_ttl{
  margin-inline: auto;
  width: 175px;
}
.target_block .col2{
  display: flex;
  gap: 38px;
  justify-content: center;
  margin-top: 30px;
}
.target_block .col2 .item{
  font-size: 20px;
  text-align: center;
  max-width: 110px;
  width: 33%;
}
.target_modal{
  font-size: 18px;
}
.target .deco{
  position: absolute;
}
.target .deco1{
  top: -13px;
  right: -85px;
  width: 170px;
  transform: translate(46%, 46%);
}
.target .deco1.js-active{
  animation: mv_target-deco1 0.55s .2s forwards;
}
@keyframes mv_target-deco1 {
    0% { transform: translate(46%, 53%); }
    75% { transform: translate(-2%, -5%); }
    100% { transform: translate(0, 0); } }
.target .deco2{
  top: 70px;
  left: 34.5%;
  width: 118px;
  transform: translate(0,200px);
}
.target .deco2.js-active{
  animation: bounce-decoImg 0.55s .2s forwards;
}
.target .deco3{
  top: 45px;
  left: -4px;
  height: 80px;
  width: 145px;
  overflow: hidden;
  width: 15px;
}
.target .deco3 img{
  height: 100%;
  max-width: initial;
  width: auto;
}
.target .deco3.js-active{
  animation: target-pad 1s forwards;
  animation-timing-function: steps(4, end); 
}
@keyframes target-pad{
  0%{ width:15px; }
  100%{ width:145px; }
}
.target .deco4{
  top: -58px;
  right: 20%;
  width: 36px;
  z-index: 2;
  transform: translate(47%,0);
}
.target .deco4.js-active{
  animation: target-bard .6s .2s forwards;
}
@keyframes target-bard {
    0% {transform: translate(47%, 0%); }
    25% {transform: translate(35%, -8px); }
    49% {transform: translate(23%, 0); }
    50% {transform: translate(23%, 0); }
    75% {transform: translate(12%, -8px); }
    100% { transform: translate(0, 0); } }
.target .deco5{
  bottom: -50px;
  left: 21%;
  width: 101px;
  z-index: 2;
}
.target .deco6{
  bottom: -79px;
  right: -147px;
  height: 45px;
  width: 250px;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.target .deco6::before{
  content: "";
  background: url(../img/index/img_pad.png) top right / auto 100% no-repeat;
  height: 100%;
  /* width: 100%; */
  width: 0;
}
.target .deco6.js-active::before{
  animation: target-pad2 2s forwards;
  animation-timing-function: steps(9, end); 
}
@keyframes target-pad2{
  0%{ width: 0; }
  100%{ width: 100%; }
}

/* TAB */
.tab{
  padding-top: 135px;
}
.tab .nav-tabs{
  display: flex;
  justify-content: center;
  gap: 14px;
  max-width: 378px;
  width: 90%;
  margin: 0 auto -1px;
}
.tab .nav-tabs .nav-link{
  border: none;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  padding: 17px 0 0;
  position: relative;
  margin-bottom: 4px;
  height: 76px;
}
.tab .nav-tabs .nav-link:nth-of-type(1){
  background-color: #4795CC;
}
.tab .nav-tabs .nav-link:nth-of-type(2){
  background-color: #219A74;
}
.tab .nav-tabs .nav-link.active{
  height: 80px;
  margin-bottom: 0;
}
.tab .nav-tabs .nav-link img{
  width: 100%;
}
.tab-content{
  position: relative;
}
.tab-content .tab-pane{
  padding-block: 60px 80px;
}

/* Thema */
.theme_ttl{
  margin-inline: auto;
  max-width: 219px;
  width: 62%;
}
.theme_block{
  margin-top: 55px;
}
.theme_block .item{
  border-radius: 6px;
  box-shadow: 1px 2px 1px rgba(0,0,0,.16);
  padding: 25px 10px 20px;
  position: relative;
  text-align: center;
}
.theme_block .item:not(:first-child){
  margin-top: 30px;
}
.theme_block .item.theme1{
  background-color: #FFEFEF;
}
.theme_block .item.theme2{
  background-color: #DFF2FC;
}
.theme_block .item.theme3{
  background-color: #FCEFE2;
}
.theme_block .item.theme4{
  background-color: #DFF8E5;
}
.theme_block .item .num{
  position: absolute;
  top: -15px;
  left: -20px;
  width: 80px;
}
.theme_block .item .title{
  margin-inline: auto;
  width: 288px;
}
.theme_block .item.theme1 .title{
  margin-left: 51px;
}
.theme_block .item .text{
  background: #FFF;
  border-radius: 2px;
  padding: 13px;
  max-width: 270px;
  margin: 17px auto 0;
  width: 80%;
}
.theme_block .item .text img{
  margin-inline: auto;
}
.theme_block .item .text img{
  width: 237px;
}
.theme_block .item .note{
  opacity: .8;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
  margin-inline: auto;
  max-width: 270px;
  width: 80%;
}
/* present */
.present{
  padding-top: 55px;
}
.present .prs_ttl{
  margin-inline: auto;
  max-width: 272px;
  width: 73%;
}
.prs-box{
  padding: 40px 25px 50px;
  position: relative;
}
.present .prs_special{
  margin-top: 80px;
}
.prs-box .prs_title_label{
  position: absolute;
  top: -31px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 247px;
  width: 68%;
}
.prs-box .prs_photo{
  text-align: center;
  margin-inline: auto;
  position: relative;
  width: 100%;
}
.prs-box .prs_photo .prs_num{
  position: absolute;
  top: -5%;
  right: -3%;
  width: 27%;
  max-width: 77px;
}
#tab2 .prs-box .prs_photo .prs_num{
  width: 24%;
}
.prs_theme .item.item:not(:first-child){
  margin-top: 25px;
}
.prs_theme .item .prs_theme_label{
  margin: 0 auto -7px;
  max-width: 103px;
  width: 34%;
}
.prs_theme .item .box{
  border-radius: 6px;
  overflow: hidden;
}
.prs_theme .item.theme1 .box{
  background: #FFEFEF;
}
.prs_theme .item.theme2 .box{
  background: #DFF2FC;
}
.prs_theme .item.theme3 .box{
  background: #FCEFE2;
}
.prs_theme .item.theme4 .box{
  background: #DFF8E5;
}
.prs_theme .item .box .head{
  padding: 17px 0 19px;
}
.prs_theme .item .box .head img{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  max-width: 256px;
  margin-inline: auto;
  width: 80%;
}
.prs_theme .item.theme1 .box .head{
  background: #FF88A4;
}
.prs_theme .item.theme2 .box .head{
  background: #2CB9E6;
}
.prs_theme .item.theme3 .box .head{
  background: #FDAF31;
}
.prs_theme .item.theme4 .box .head{
  background: #55CE78;
}
.prs_theme .item .box .body{
  padding: 29px 20px 32px;
}
.present .prs_winnner{
  background-color: #FFFFC9;
  margin-top: 80px;
  padding-top: 50px;
}
.prs_winnner p:not(.note):not(.prs_num){
  font-weight: 600;
  font-size: 18px;
}
.prs_winnner .prs_num{
  background: #FFF;
  border: 2px solid #003C87;
  border-radius: 100vw;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 8px 20px;
}
.prs_winnner .prs_winnner_img{
  margin-left: 5px;
  max-width: 327px;
  width: 100%;
}
.prs_winnner .note{
  line-height: 1.5;
}
.commonPre{
  padding-top: 65px;
  position: relative;
}
.commonPre .prs_ttl{
  max-width: 325px;
  margin-inline: auto;
  transform: translateX(6px);
  width: 90%;
}
.commonPre .deco{
  position: absolute;
}
.commonPre .deco1{
  top: -2px;
  right: 28%;
  width: 80px;
  transform: translate(-20px, -30px) rotate(30deg);opacity: 0;
}
.commonPre .deco1.js-active{
  animation: commonPre-momonga 0.7s .2s  forwards;
}
@keyframes commonPre-momonga {
    0% { transform: translate(-20px, -30px) rotate(30deg);opacity: 0; }
    75% { opacity: 1; }
    100% { transform: translate(0, 0) rotate(0);opacity: 1; } }
.commonPre .deco2{
  top: 86px;
  right: -87px;
  max-width: 182px;
  width: 49%;
  transform: translate(59%, 40%);
}
.commonPre .deco2.js-active{
  animation: commonPre-dog 0.5s .6s forwards;
}
@keyframes commonPre-dog {
    0% {transform: translate(59%, 40%); }
    75% { transform: translate(-5%, -5%); }
    100% { transform: translate(0, 0); } }
.commonPre .deco3{
  top: 96px;
  left: -118px;
  max-width: 220px;
  width: 58%;
  transform: translate(-50%, 40%);
}
.commonPre .deco3.js-active{
  animation: commonPre-cat 0.5s .6s forwards;
}
@keyframes commonPre-cat {
    0% {transform: translate(-50%, 40%); }
    75% { transform: translate(5%, -5%); }
    100% { transform: translate(0, 0); } }
.commonPre .happiness{
  padding-top: 53px;
  margin-top: 103px;
}
.commonPre .happiness .prs_title_label{
  max-width: 274px;
  width: 74%;
}
.commonPre .prs_name{
  font-size: 22px;
  font-weight: 600;
}
.commonPre .prs_num{
  font-size: 18px;
  font-weight: 600;
}
.commonPre .prs-box .prs_photo{
  max-width: 320px;
  width: 100%;
}
.commonPre .prs_photo .prs_num{
  left: -14%;
  top: -16%;
  max-width: 97px;
  width: 32%;
}

/* 応募方法 */
.method{
  padding-top: 114px;
  position: relative;
}
.method::before{
  content: "";
  display: block;
  background: url(../img/index/method_deco_cat.png) center center / contain no-repeat;
  height: 185px;
  width: 186px;
  position: absolute;
  top: 20px;
  right: -75px;
  transform: translate(59%, 40%);
}
.method.js-active::before{
  animation: method-cat 0.55s .2s forwards;
}
@keyframes method-cat {
    0% {transform: translate(59%, 40%); }
    75% { transform: translate(-5%, -5%); }
    100% { transform: translate(0, 0); } }
.method .method_ttl{
  margin-inline: auto;
  position: relative;
  max-width: 179px;
  width: 49%;
}
.method .method_ttl .method_ttl_balloon{
  position: absolute;
  top: -51px;
  left: -32%;
  transform: translateX(-50%);
  max-width: 116px;
  width: 65%;
}
.method .method_step{
  max-width: 330px;
  margin-inline: auto;
  width: 90%;
}
.method .method_step .item{
  background-color: #EF4C4C;
  border-radius: 100vh;
  display: flex;
  align-items: center;
  color: #FFF;
  padding: 20px 10px 20px 35px;
  position: relative;
}
.method .method_step .item:not(:first-child){
  margin-top: 30px;
}
.method .method_step .item .num{
  max-width: 34px;
  width: 13%;
}
.method .method_step .item .text{
  border-left: 2px solid #FFF;
  line-height: 1.6;
  padding-left: 18px;
  margin-left: 17px;
}
.method .method_step .item a{
  font-size: 14px;
}
.method .method_step .item:not(:last-child)::after{
  content: "";
  display: block;
  background: url(../img/index/method_step_arrow.png) center center / contain no-repeat;
  margin-block: 10px;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
.method_frame{
  margin: 50px auto 0;
  width: 95%;
}
.method_frame .method_ttl2{
  max-width: 346px;
  margin-inline: auto;
  position: relative;
}
.method_frame .method_ttl2::before{
  content: "";
  display: block;
  background: url(../img/index/method_deco_marmot.png) center center / contain no-repeat;
  height: 62px;
  width: 49px;
  position: absolute;
  bottom: 38%;
  right: 2%;
  transform: translate(-31%, 72%) rotate(30deg);
}
.method_frame .method_ttl2.js-active::before{
  animation: method-hum 0.5s .6s forwards;
}
@keyframes method-hum {
    0% {transform: translate(-31%, 72%) rotate(30deg); }
    75% { transform: translate(5%, -5%) rotate(30deg); }
    100% { transform: translate(0, 0) rotate(30deg); } }
.method_frame .method_ttl2 img{
  position: relative;
}
.method_frame p{
  max-width: 330px;
  margin-inline: auto;
}
.method_frame .method_disneyFrame{
  max-width: 330px;
  margin: 30px auto 0;
  width: 95%;
}
.method_foot{
  position: relative;
  max-width: 294px;
  margin: 90px auto -10px;
  z-index: 1;
}
.method_foot .heart{
  position: absolute;
  top: -16px;
  width: 19px;
  transform: translate(0, 0);
  opacity: 0;
}
.method_foot.js-active .heart{
  animation: method-heart 0.5s ease-in-out forwards;
}
@keyframes method-heart {
    0% {transform: translate(0, 0);opacity: 0; }
    30% { transform: translate(0, -20px); }
    100% { transform: translate(0, 0);opacity: 1; } }
.method_foot .heart:nth-of-type(2){
  left: 38px;
}
.method_foot .heart:nth-of-type(3){
  left: 142px;
  top: -25px;
  animation-delay: .2s;
}
.method_foot .heart:nth-of-type(4){
  right: 22px;
  animation-delay: .4s;
}

/* 投稿一覧 */
.topGallery{
  border: 2px solid #FFE5E7;
  border-top: none;
  border-bottom: none;
  padding-block: 65px 90px;
  position: relative;
}
.gallery{
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
}
.gallery .item{
  width: calc(100% / 3);
}
.gallery .item img{
  background: #FFF;
  padding: 1px;
}
@media screen and (max-width: 430px){
  .topGallery{
    border: none;
  }
}

/* キャンペーン概要とスポンサー */
.outline{
  padding-top: 100px;
  position: relative;
}
.outline::before,
.outline::after{
  content: "";
  display: block;
  position: absolute;
}
.outline::before{
  background: url(../img/index/gallery_deco_ferret.png) bottom center / contain no-repeat;
  top: -38px;
  right: 33px;
  height: 43px;
  width: 67px;
  transform: translate(47%,0);
}
.outline.js-active::before{
  animation: outline-ferret .8s .2s forwards;
}
@keyframes outline-ferret {
    0% {transform: translate(47%, 0%); }
    25% {transform: translate(35%, -8px); }
    49% {transform: translate(23%, 0); }
    50% {transform: translate(23%, 0); }
    75% {transform: translate(12%, -8px); }
    100% { transform: translate(0, 0); } }
.outline::after{
  background: url(../img/index/outline_deco_dog.png) bottom center / contain no-repeat;
  top: -33px;
  left: -63px;
  height: 171px;
  width: 176px;
  transform: translate(-65%, 40%);
}
.outline.js-active::after{
  animation: outline-dog 0.5s 1s forwards;
}
@keyframes outline-dog {
    0% {transform: translate(-65%, 40%); }
    75% { transform: translate(3%, -3%); }
    100% { transform: translate(0, 0); } }
.outline_ttl{
  margin-inline: auto;
  position: relative;
  width: 158px;
}
.outline_ttl::before{
  content: "";
  background: url(../img/index/img_pad.png) center right / auto 100% no-repeat;
  display: block;
  height: 44px;
  /* width: 244px; */
  position: absolute;
  top: -56px;
  right: -227px;
  width: 0;
}
.outline_ttl.js-active::before{
  animation: outline-pad 2s forwards;
  animation-timing-function: steps(9, end); 
}
@keyframes outline-pad{
  0%{ width: 0; }
  100%{ width: 244px; }
}
.sponsor{
  padding-block: 55px 120px;
  position: relative;
}
.sponsor::before,
.sponsor::after{
  content: "";
  display: block;
  position: absolute;
}
.sponsor::before{
  background: url(../img/index/img_pad.png) center right / auto 100% no-repeat;
  height: 44px;
  /* width: 244px; */
  transform: scale(-1,1);
  top: 30px;
  left: -117px;
  width: 0;
}
.sponsor.js-active::before{
  animation: outline-pad 2s forwards;
  animation-timing-function: steps(9, end); 
}
.sponsor::after{
  background: url(../img/index/foot_deco.png) center center / contain no-repeat;
  height: 60px;
  max-width: 385px;
  bottom: -8px;
  left: 23px;
  width: 90%;
}
.sponsor_ttl{
  margin-inline: auto;
  width: 43px;
}
.sponsor .logos{
  background: #FFF;
  border-radius: 6px;
  padding: 25px 10px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 13px 0;
}
.sponsor .logos a{
  display: block;
  height: 52px;
  width: 50%;
}
.sponsor .logos a img{
  margin-inline: auto;
  max-width: initial;
  height: 100%;
  width: auto;
}
.sponsor .logos a.sponsor_compet{
  height: 37px;
}
.sponsor .logos a.sponsor_necocia{
  height: 106px;
}
.sponsor .logos a.sponsor_retona{
  height: 60px;
  margin-bottom: 18px;
}
.sponsor .logos a.sponsor_little{
  height: 30px;
}
@media screen and (max-width: 400px){
  .target_block .col2 .item{
    font-size: 18px;
  }
  .target_modal{
    font-size: 16px;
  }
  .tab .nav-tabs{
    gap: 10px;
  }
  .tab .nav-tabs .nav-link{
    height: 71px;
  }
  .tab .nav-tabs .nav-link.active{
    height: 75px;
  }
  .theme_block .item .num{
    top: -13px;
    left: -17px;
    width: 68px;
  }
  .theme_block .item .title{
    width: 250px;
  }
  .theme_block .item.theme1 .title{
    margin-left: 38px;
  }
  .present .prs_winnner{
    padding-top: 40px;
  }
  .prs_winnner p:not(.note):not(.prs_num){
    font-size: 16px;
  }
  .prs_winnner .prs_num{
    font-size: 12px;
  }
  .commonPre .happiness{
    margin-top: 86px;
  }
  .commonPre .prs_name{
    font-size: 20px;
  }
  .commonPre .prs_num{
    font-size: 16px;
  }
}