/* urikomi_cta.css */
/* 命名を pushule 系から urikomi 系へ統一 */
/* デザインは既存方針を維持 */

.urikomi-cta{
  margin:1.6rem 0;
}

.urikomi-cta__frame{
  border:3px solid #0175d8;
  background:#eaf4ff;
  border-radius:16px;
  overflow:hidden;
}

.urikomi-cta__inner{
  padding:1rem 1.1rem;
}

.urikomi-title-svg{
  width:100%;
  max-width:700px;
  margin:0 auto .5rem;
  display:block;
}

.urikomi-service-title-text{
  font-size:clamp(3rem, 5vw, 3rem);
  font-weight:700;
}

.urikomi-subtitle{
  font-size:1.5rem;
  color:#666;
  margin-top:-1rem;
  margin-bottom:1.5rem;
  text-align:center;
  font-weight:300;
}

.urikomi-cta__text{
  margin:0;
  font-size:1.25rem;
  line-height:1.75;
}

.urikomi-cta__text b{
  font-weight:700;
  color:#0175d8;
  background:linear-gradient(to bottom, transparent 65%, yellow 50%);
  padding:0 .15em;
}

.urikomi-cta__actions{
  display:flex;
  justify-content:center;
  gap:.7rem;
  flex-wrap:wrap;
  margin-top:1rem;
}

.urikomi-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
  border-radius:999px;
  padding:.75rem 1.2rem;
  font-size:1rem;
  border:2px solid transparent;
  transition:filter .2s ease;
}

.urikomi-cta__btn--primary{
  background:#0175d8;
  color:#fff;
}

.urikomi-cta__btn--primary:hover{
  filter:brightness(.95);
}

.urikomi-main-image-wrapper{
  display:flex;
  width:100%;
  margin:0;
  padding:0 1.1rem 1.1rem;
  gap:0;
  align-items:flex-start;
  box-sizing:border-box;
}

.urikomi-main-image{
  flex:0 0 70%;
  line-height:0;
}

.urikomi-main-image img{
  width:100%;
  height:auto;
  display:block;
}

.urikomi-main-copy{
  flex:0 0 30%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:0;
}

.urikomi-main-copy svg{
  width:100%;
  height:auto;
  display:block;
}

.urikomi-main-copy text{
  font-size:clamp(2.4rem, 3.5vw, 3.6rem);
  font-weight:700;
}

@media (max-width:768px){
  .urikomi-cta__inner{
    padding:.9rem;
  }

  .urikomi-cta__btn{
    width:100%;
  }

  .urikomi-main-image-wrapper{
    flex-direction:row;
    align-items:center;
    padding:0 .6rem .9rem;
    gap:.4rem;
  }

  .urikomi-main-image{
    flex:0 0 72%;
    width:72%;
  }

  .urikomi-main-copy{
    flex:0 0 28%;
    width:28%;
    margin-top:0;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .urikomi-main-copy svg{
    max-width:100%;
    width:100%;
    height:auto;
    margin:0;
  }

  .urikomi-main-copy text{
    font-size:clamp(3rem, 6vw, 2.4rem);
  }
}