@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.style_box{
  border: solid 2px #5c8ec9;
  margin: 2em 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}


.style_box .style_box_title{
  padding: 8px 0;
  text-align: center;
  background-color: #5c8ec9;
  color: #fff;
  font-weight: 500;
}

.style_box ul, .style_box ol {
  padding: 0 16px;
}

.style_box li {
  font-size: 16px;
}

.text-blue{
  color: #5c8cc9;
  font-weight: 500;
}

.bold{
  font-weight: bold;
}

.single-column-free p:not(:last-child),.single-column-section p:not(:last-child){
  margin-bottom: 16px;
}

.single-column-body-inner p strong{
  background-image: linear-gradient(#f3f3f3 70%,rgba(0,0,0,0) 70%),linear-gradient(90deg, #baffb9 0%,#ffdaa7 33%,#ffc9bb 66%,#e6ddff 100%);
}

.single-column-body-inner h3{
  font-weight: bold;
}

.cp-cta img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* PC/SP 出し分け（全CTA共通） */
.cp-cta img.cta-pc {
    display: block;
}
.cp-cta img.cta-sp {
    display: none;
}

@media (max-width: 767px) {
    .cp-cta img.cta-pc {
        display: none;
    }
    .cp-cta img.cta-sp {
        display: block;
    }
}

.single-column-index ul li a{
  color: #233B6C;
  text-decoration: none;
  padding-bottom: 0.25em;
  background: linear-gradient(#233B6C,#233B6C) 0 100%/0 1px no-repeat;
  transition: background 0.6s;
}

.single-column-index ul li a:hover{
  background-size: 100% 1px;
}