@charset "UTF-8";

/* jicoo-thanks page styles */
.jicoo-thanks-page {
  font-family: "Noto Sans JP", Helvetica, Arial, "Hiragino Sans", YuGothic, "Yu Gothic medium", sans-serif;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-size: clamp(14px, 2.4vw, 16px);
  line-height: 1.6;
  color: #3B3B3B;
}
@media screen and (max-width: 768px) {
  .jicoo-thanks-page {
    font-size: 17.5px;
    line-height: 1.6;
  }
}
.jicoo-thanks-page * {
  box-sizing: border-box;
  letter-spacing: 0.1em;
}
.jicoo-thanks-page *::before, .jicoo-thanks-page *::after {
  box-sizing: border-box;
  letter-spacing: 0.1em;
}
.jicoo-thanks-page img, .jicoo-thanks-page video {
  font-size: 0;
  line-height: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.jicoo-thanks-page picture {
  display: block;
}
.jicoo-thanks-page small {
  font-weight: normal;
}
.jicoo-thanks-page strong {
  font-weight: bolder;
}
.jicoo-thanks-page a {
  color: currentColor;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .jicoo-thanks-page a[href^="tel:"] {
    pointer-events: none;
  }
}

.jicoo-thanks-page .kenten2 {
  padding-top: 0.4em;
  background: radial-gradient(0.12em 0.12em at center center, #D9A525 56%, transparent 57%) repeat-x left top/100% 0.64em;
}
@media screen and (min-width: 769px) {
  .jicoo-thanks-page .pc_hide {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .jicoo-thanks-page .sp_hide {
    display: none !important;
  }
}
.jicoo-thanks-page .marker4 {
  color: #17AEE5;
  background: #fff;
}
.jicoo-thanks-page ul,
.jicoo-thanks-page li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Thanks Section */
.thanks-section {
  background: url("../images/jicoo-thanks/img_bg-thanks.jpg") no-repeat center top/cover;
  position: relative;
  overflow: hidden;
  padding: clamp(40px, 10vw, 80px) 0 clamp(32px, 8vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .thanks-section {
    padding: 37.5px 0 31.25px;
  }
}
.thanks-section_title {
  text-align: center;
  font-size: clamp(24px, 5vw, 40px);
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: clamp(20px, 5vw, 40px);
}
@media screen and (max-width: 768px) {
  .thanks-section_title {
    font-size: 26.25px;
    margin: 0 0 18.75px;
  }
}
.thanks-section_title .sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .thanks-section_title .sp_only {
    display: inline;
  }
}
.thanks-section_cta {
  display: block;
  width: min(800px, 94%);
  margin: 0 auto;
  text-decoration: none;
  transition:transform 0.2s;
}
.thanks-section_cta:hover {
  transform: scale(1.01);
}
.thanks-section_cta:hover img {
  opacity: 1;
}
.thanks-section_cta picture {
  display: block;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  overflow: hidden;
}
.thanks-section_cta picture img {
  display: block;
  width: 100%;
  height: auto;
}
.thanks-section_bottom {
  margin-top: clamp(32px, 6vw, 48px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .thanks-section_bottom {
    margin-top: 25px;
  }
}
.thanks-section_bottom img {
  width: min(528px, 90%);
}

/* jicoo-thanks body */
.jicoo-thanks-body {
  margin: 0;
  padding: 0;
  background: #fff;
}

/* jicoo-thanks footer */
.jicoo-thanks-footer {
  background: #4B4B4B;
  width: 100%;
  text-align: center;
}
.jicoo-thanks-footer__copyright {
  color: #fff;
  font-size: clamp(10px, 1.2vw, 12px);
  padding: clamp(10px, 1.2vw, 12px) 0;
}
.jicoo-thanks-footer__copyright p {
  margin: 0;
}

/* analy-sec09 */
.analy-sec09 {
  position: relative;
  overflow: hidden;
  background: url("../images/jicoo-thanks/img_analy-sec09_bg_1.svg") no-repeat center clamp(120px, 22vw, 173px)/100%, linear-gradient(rgba(237, 235, 204, 0) clamp(280px, 48vw, 384px), #EDEBCC clamp(280px, 48vw, 384px));
}
/* スマホ表示用の画像（PC・タブレットでは非表示） */
.analy-sec09_sp_image,
.analy-sec09_sp_image picture,
.analy-sec09_sp_image img {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .analy-sec09 {
    background: none;
  }
  /* スマホ表示時：既存の要素を全て非表示 */
  .analy-sec09_header,
  .analy-sec09_president,
  .analy-sec09_content {
    display: none !important;
  }
  /* スマホ表示時：画像を表示 */
  .analy-sec09_sp_image,
  .analy-sec09_sp_image picture,
  .analy-sec09_sp_image img {
    display: block !important;
    width: 100%;
  }
  .analy-sec09_sp_image img {
    height: auto;
  }
}
.analy-sec09_header {
  background: url("../images/jicoo-thanks/img_analy-sec09_bg_2.webp") no-repeat center clamp(120px, 22vw, 173px)/clamp(400px, 77vw, 619px);
  padding-top: clamp(140px, 28vw, 224px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .analy-sec09_header {
    background: url("../images/jicoo-thanks/img_analy-sec09_bg_sp_2.webp") no-repeat center 80px/clamp(400px, 77vw, 614px);
    padding-top: 135px;
  }
}
.analy-sec09_header h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(20px, 4vw, 32px);
}
@media screen and (max-width: 768px) {
  .analy-sec09_header h2 {
    font-size: 25px;
    line-height: 1.6;
    margin: 0;
  }
}
.analy-sec09_header h2 .span1 {
  color: #D9A525;
  text-shadow: 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff, 0 0 0.24em #fff;
}
.analy-sec09_header h2 .span2 {
  font-size: 128%;
  letter-spacing: .05em;
}
.analy-sec09_header ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(15px, 3vw, 24px);
  width: min(725px, 82%);
  margin: clamp(20px, 4vw, 32px) auto 0;
}
@media screen and (max-width: 768px) {
  .analy-sec09_header ul {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 25px;
    gap: 18.75px;
  }
}
.analy-sec09_header_pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.analy-sec09_header_pic img {
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .analy-sec09_header_pic picture:first-child img {
    object-position: -120px;
    height: 220px;
  }
}
@media screen and (max-width: 768px) {
  .analy-sec09_header_pic picture:last-child img {
    height: 235px;
  }
}
.analy-sec09_president {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: clamp(20px, 4vw, 32px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .analy-sec09_president {
    margin-top: -10px;
  }
}
.analy-sec09_president::before, .analy-sec09_president::after {
  content: "";
  width: 110%;
  position: absolute;
  left: -5%;
  top: clamp(32px, 6.4vw, 51px);
  height: clamp(160px, 29vw, 230px);
  z-index: -2;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .analy-sec09_president::before, .analy-sec09_president::after {
    top: 50px;
    height: 195px;
  }
}
.analy-sec09_president::before {
  background: #4CC0FF;
  transform: skewY(3.2deg);
}
@media screen and (max-width: 768px) {
  .analy-sec09_president::before {
    transform: skewY(6.4deg);
  }
}
.analy-sec09_president::after {
  background: #B1E9E5;
  transform: skewY(-3.2deg);
}
@media screen and (max-width: 768px) {
  .analy-sec09_president::after {
    transform: skewY(-4.8deg);
  }
}
.analy-sec09_president_pic {
  width: clamp(200px, 34vw, 269px);
  margin-left: clamp(50px, 9vw, 70px);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 95%);
}
@media screen and (max-width: 768px) {
  .analy-sec09_president_pic {
    width: 227.5px;
    margin-left: 10px;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
  }
}
.analy-sec09_president p {
  font-weight: bold;
  font-size: clamp(11px, 1.7vw, 14px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0 0 clamp(40px, 8vw, 64px) clamp(-40px, -5vw, -38px);
  position: relative;
  z-index: 1;
  white-space: nowrap;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .analy-sec09_president p {
    font-size: 10.625px;
    gap: 3.125px;
    margin: 0 0 50px 5px;
  }
}
.analy-sec09_president p .span1 {
  color: #fff;
  background: #0E678B;
  padding: 0 4px;
}
.analy-sec09_president p .span2 {
  font-size: 144%;
}
.analy-sec09_president_bg {
  width: clamp(400px, 77vw, 614px);
  height: clamp(220px, 42vw, 334px);
  position: absolute;
  left: clamp(180px, 36vw, 288px);
  top: 0;
  z-index: -1;
  mix-blend-mode: soft-light;
  clip-path: polygon(0 12%, 100% 16%, 100% 86%, 0 82%);
}
@media screen and (max-width: 768px) {
  .analy-sec09_president_bg {
    width: 480px;
    height: 261px;
    left: 0;
    clip-path: polygon(0 10%, 100% 28%, 100% 100%, 0 87%);
  }
}
.analy-sec09_content {
  margin-top: clamp(28px, 5.6vw, 45px);
}
.analy-sec09_content h3 {
  text-align: center;
  font-size: clamp(20px, 4vw, 32px);
}
.analy-sec09_content h3 .span1 {
  font-size: 112%;
}
.analy-sec09_content h3 .kenten2 {
  font-size: 136%;
}
.analy-sec09_content h3 .span2 {
  font-size: 72%;
}
.analy-sec09_content p {
  width: min(725px, 84%);
  margin: 1.6em auto;
}
@media screen and (max-width: 768px) {
  .analy-sec09_content {
    margin-top: 35px;
  }
  .analy-sec09_content h3 {
    font-size: 25px;
    line-height: 1.6;
    margin: 0;
  }
  .analy-sec09_content p {
    font-size: 17.5px;
    line-height: 1.6;
  }
  .analy-sec09_content picture img {
    height: 285px;
    object-fit: cover;
  }
}

/* analy-sec10 */
.analy-sec10 {
  overflow: hidden;
  position: relative;
  padding: clamp(50px, 10vw, 77px) 0 clamp(90px, 17vw, 134px);
}
/* スマホ表示用の画像（PC・タブレットでは非表示） */
.analy-sec10_sp_image,
.analy-sec10_sp_image picture,
.analy-sec10_sp_image img {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .analy-sec10 {
    padding: 0;
  }
  /* スマホ表示時：既存の要素を全て非表示 */
  .analy-sec10_header,
  .analy-sec10_swiper,
  .analy-sec10_footer {
    display: none !important;
  }
  /* スマホ表示時：画像を表示 */
  .analy-sec10_sp_image,
  .analy-sec10_sp_image picture,
  .analy-sec10_sp_image img {
    display: block !important;
    width: 100%;
  }
  .analy-sec10_sp_image img {
    height: auto;
  }
}
.analy-sec10_header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.44;
  letter-spacing: .05em;
}
.analy-sec10_header p {
  background: linear-gradient(344deg, #53E0D7 -48%, #12A9E6 88%);
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  font-size: clamp(16px, 2.6vw, 21px);
  width: min(474px, 62%);
  padding: 0.4em;
}
@media screen and (max-width: 768px) {
  .analy-sec10_header p {
    font-size: 18.75px;
    line-height: 1.44;
  }
}
.analy-sec10_header h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(18px, 3vw, 24px);
  margin-top: clamp(20px, 4vw, 32px);
}
@media screen and (max-width: 768px) {
  .analy-sec10_header h2 {
    font-size: 25px;
    margin-top: 15px;
  }
}
.analy-sec10_header h2 .span1 {
  color: #CCA33E;
}
.analy-sec10_header h2 .span2 {
  font-size: 120%;
  background: url("../images/jicoo-thanks/img_analy-sec10_deco_1.svg") no-repeat center bottom/100%;
  padding-bottom: 1em;
  margin-top: 0.64em;
}
@media screen and (max-width: 768px) {
  .analy-sec10_header h2 .span2 {
    font-size: 104%;
    margin-top: 0.24em;
  }
}
.analy-sec10_header_flag picture {
  position: absolute;
  z-index: -1;
}
.analy-sec10_header_flag picture:first-child {
  width: clamp(150px, 29vw, 231px);
  left: clamp(90px, 18vw, 147px);
  top: -70px;
}
@media screen and (max-width: 768px) {
  .analy-sec10_header_flag picture:first-child {
    width: 198px;
    left: -19px;
    top: -45px;
  }
}
.analy-sec10_header_flag picture:last-child {
  width: clamp(130px, 26vw, 207px);
  right: clamp(80px, 17vw, 134px);
  top: 0;
}
@media screen and (max-width: 768px) {
  .analy-sec10_header_flag picture:last-child {
    right: -45px;
    top: -10px;
  }
}
.analy-sec10_swiper {
  width: min(725px, 100%);
  margin: clamp(24px, 5vw, 38px) auto 0;
}
@media screen and (max-width: 768px) {
  .analy-sec10_swiper {
    transition: 0.8s opacity;
    margin-top: 30px;
  }
  .analy-sec10_swiper.loading {
    opacity: 0;
  }
}
.analy-sec10_swiper img {
  border-radius: 16px;
}
@media screen and (min-width: 769px) {
  .analy-sec10_swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .analy-sec10_swiper .swiper-wrapper {
    transition-timing-function: linear;
  }
}
@media screen and (max-width: 768px) {
  .analy-sec10_swiper .swiper-slide {
    padding: 0 5px;
  }
}
.analy-sec10_footer {
  text-align: center;
  font-weight: bold;
  margin-top: clamp(20px, 4vw, 32px);
}
.analy-sec10_footer p {
  color: #D9A525;
}
.analy-sec10_footer ul {
  width: min(800px, 80%);
  margin: clamp(20px, 4vw, 32px) auto 0;
  background: linear-gradient(#fff, #FFFDEB);
  border: 4px solid #BA9435;
  border-image-source: linear-gradient(#BA9435, #FAEB92, #AE8930, #FAEB92);
  border-image-slice: 1;
  padding: 13px 0;
  font-size: clamp(12px, 2vw, 16px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .analy-sec10_footer ul {
    grid-template-columns: auto;
    font-size: 17.5px;
    padding: 10px 15px;
    margin-top: 25px;
  }
}
.analy-sec10_footer li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 144px;
}
@media screen and (max-width: 768px) {
  .analy-sec10_footer li {
    min-height: 0;
    padding: 1em 0;
  }
}
.analy-sec10_footer li:not(:first-child) {
  border-left: 1px solid;
}
@media screen and (max-width: 768px) {
  .analy-sec10_footer li:not(:first-child) {
    border: none;
    border-top: 1px solid;
  }
}

/* analy-sec11 */
.analy-sec11 {
  background: linear-gradient(344deg, #53E0D7 -48%, #12A9E6 88%);
  padding-bottom: clamp(36px, 7.2vw, 58px);
  margin-bottom: 0;
}
/* スマホ表示用の画像（PC・タブレットでは非表示） */
.analy-sec11_sp_image,
.analy-sec11_sp_image picture,
.analy-sec11_sp_image img {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .analy-sec11 {
    background: none;
    padding: 0;
  }
  /* スマホ表示時：既存の要素を全て非表示 */
  .analy-sec11_header,
  .analy-sec11_content,
  .analy-sec11_footer {
    display: none !important;
  }
  /* スマホ表示時：画像を表示 */
  .analy-sec11_sp_image,
  .analy-sec11_sp_image picture,
  .analy-sec11_sp_image img {
    display: block !important;
    width: 100%;
  }
  .analy-sec11_sp_image img {
    height: auto;
  }
}

/* main要素とフッター間の空白をなくす */
main.jicoo-thanks-page {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* jicoo-thanksページでフッター上の余分な要素を非表示 */
body:has(.jicoo-thanks-page) .block-fixed-cv,
body:has(.jicoo-thanks-page) .block-contact__btnWrap.fixed-sp,
.jicoo-thanks-page ~ .block-fixed-cv,
.jicoo-thanks-page ~ .block-contact__btnWrap.fixed-sp {
  display: none !important;
}

/* A8トラッキング用span要素を非表示 */
body:has(.jicoo-thanks-page) #a8sales,
.jicoo-thanks-page ~ #a8sales {
  display: none !important;
}

/* main後の余分なスペースを完全に除去 */
body.jicoo-thanks-body main.jicoo-thanks-page ~ * {
  margin-top: 0 !important;
}

/* tabiken完全フッター使用時の調整 - jicoo-thanksページのみ適用 */
/* .footer-top の padding-top を 0 にして、.footer__inner に padding-top を追加 */
.jicoo-thanks-page ~ footer.footer .footer-top,
.jicoo-thanks-page ~ .footer .footer-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* コンテンツ部分に元々の padding-top を適用 */
.jicoo-thanks-page ~ footer.footer .footer-top .footer__inner,
.jicoo-thanks-page ~ .footer .footer-top .footer__inner {
  padding-top: 55px !important;
}

/* フッター全体のマージンリセット */
body.jicoo-thanks-body footer.footer,
body.jicoo-thanks-body footer,
body.jicoo-thanks-body .footer {
  margin: 0 !important;
  padding: 0 !important;
}

/* footer-bnr内の最初の子要素のマージンを0に */
body.jicoo-thanks-body .footer-bnr__text {
  margin-top: 0 !important;
}
.analy-sec11_header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.analy-sec11_header picture {
  width: min(560px, 90%);
  margin: clamp(-70px, -13vw, -102px) auto clamp(10px, 1.6vw, 13px);
}
@media screen and (max-width: 768px) {
  .analy-sec11_header picture {
    margin: -80px auto 10px;
  }
}
.analy-sec11_header h2 {
  width: min(582px, 96%);
  margin-bottom: 0.64em;
}
.analy-sec11_header p {
  width: min(586px, 96%);
}
.analy-sec11_content {
  width: min(880px, 90%);
  margin: clamp(20px, 4vw, 32px) auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content {
    grid-template-columns: auto;
    gap: 18.75px;
    margin-top: 25px;
  }
}
.analy-sec11_content_list {
  background: #fff;
  border-radius: 16px;
  padding: clamp(16px, 3.2vw, 26px) clamp(10px, 2vw, 16px);
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: max-content max-content auto;
  grid-template-areas: "h3" "pic" "p";
  gap: 13px;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list {
    grid-template-columns: 150px auto;
    grid-template-rows: auto auto;
    grid-template-areas: "pic h3" "p p";
    padding: 20px;
    gap: 10px;
  }
}
.analy-sec11_content_list h3 {
  grid-area: h3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: clamp(12px, 2vw, 16px);
  white-space: nowrap;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list h3 {
    font-size: 12.5px;
    margin: 0;
  }
}
.analy-sec11_content_list h3 .span1 {
  color: #D9A525;
  background: url("../images/jicoo-thanks/img_analy-sec11_deco_1.svg") no-repeat center bottom/234px;
  min-width: 234px;
  padding-bottom: 19px;
}
.analy-sec11_content_list h3 .span2 {
  font-size: 128%;
  margin-top: 0.32em;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list h3 .span2 {
    font-size: 168%;
  }
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list h3 .span3 {
    font-size: 120%;
  }
}
.analy-sec11_content_list picture {
  grid-area: pic;
}
.analy-sec11_content_list picture img {
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list picture img {
    height: 112.5px;
    object-fit: cover;
  }
}
.analy-sec11_content_list p {
  grid-area: p;
  font-size: clamp(12px, 2vw, 16px);
  padding: 0 3px;
}
@media screen and (max-width: 768px) {
  .analy-sec11_content_list p {
    font-size: 17.5px;
    padding: 0 20px;
  }
}
.analy-sec11_footer {
  width: min(880px, 90%);
  margin: auto;
}
.analy-sec11_footer_header {
  display: flex;
  align-items: center;
}
.analy-sec11_footer_header h3 {
  width: min(754px, 100%);
}
@media screen and (max-width: 768px) {
  .analy-sec11_footer_header h3 {
    width: min(324px, 100%);
    margin-top: 25px;
  }
}
.analy-sec11_footer_header picture {
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.24));
  width: 178px;
  margin: 0 13px 0 -64px;
}
@media screen and (max-width: 768px) {
  .analy-sec11_footer_header picture {
    width: 160px;
    margin: 0 0 -7.5px -55px;
  }
}
.analy-sec11_footer_text {
  background: #fff;
  border-radius: 16px;
  position: relative;
  padding: 32px;
  font-size: clamp(16px, 2.6vw, 21px);
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .analy-sec11_footer_text {
    font-size: 18.75px;
    padding: 25px;
  }
}
.analy-sec11_footer_more {
  position: relative;
}
.analy-sec11_footer_more p {
  width: 148px;
  margin: -32px auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .analy-sec11_footer_more p {
    width: 115.625px;
    margin: -25px auto -35px;
  }
}