.article-cta{
 place-content: center;
  place-items: center;
display: grid;
grid-template-columns: 1fr 2fr;
  grid-template-areas:
"b a" 
"b c";
  background: #14375b;
  border-radius: 4px;
  overflow: hidden;
  margin:40px 0;
box-shadow:0 4px 14px rgba(0,0,0,.15);
  color: #fff;
}
.b-area{
grid-area: b;
  display: flex;
  flex-direction: column;
  align-items: center;
width: 70%;
  margin: 15px 15px 15px 6vw;
}
.a-area{
grid-area: a;
  display: flex;
  flex-direction: column;
  align-items: center;
margin: 2vw auto 0;
}
.c-area{
grid-area: c;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2vw;
}
.article-cta_body{
padding: 28px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  align-items: center;
}
.article-cta_title{
font-size:22px;
font-weight:700;
line-height:1.4;
margin:0 0 8px;
color: #fff;
}
.article-cta_title span{
color: #fcd452;
}
.article-cta_text{
font-size:14px;
line-height:1.7;
margin:0 0 20px;
opacity:.9;
color: #fff;
}
 .article-cta .p-module__button {
margin: 10px auto 0;
  }

 .article-cta .c-btn:hover {
  border: 1px solid #fff;

}
.article-cta_note{
font-size:12px;
margin:16px 0 0;
opacity:.85;
display:flex;
align-items:center;
gap:6px;
color: #fff;
}
.article-cta_note::before{
content:"✓";
font-weight:700;
}
.sp680{
display:none;
}
@media (max-width: 680px) {
.sp680{
display:block;
}
.article-cta{
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b" "c";
text-align: center;
}
.article-cta_image{
width: 90%;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
.article-cta_body{
padding:24px 20px;
text-align: center;
}
.article-cta_title{
font-size: 26px;
}
.article-cta_btn{
max-width:100%;
}
.b-area {
  width: 50%;
 margin: -15px auto;
}
.a-area {
  margin: 30px auto 0;
}
.c-area {
  margin: 20px auto 30px;
}
}
.sp500{
display:none;
}
@media (max-width: 500px) {
.article-cta_title span{
display:block;
}
.sp500{
display:block;
}
.b-area {
  width: 66%;
}
}

.article-cta2{
background: #14375b url(/guide/img/article-cta-img02-pc.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
padding: 30px 10px 30px 13vw;
}
.article-cta2 .a-area {
margin:0 auto;
text-align: center;
}
.article-cta2 .c-area {
margin:0 auto;
}
.article-cta2 .p-module__button {
    margin: 15px auto 0;
  }
 .article-cta2 .c-btn:hover {
  border: 1px solid #fff;

}
@media (max-width: 1300px) {
.article-cta2 {
padding: 30px 10px 30px 26vw;
}

}
@media (max-width: 680px) {
.article-cta2 {
  background: #14375b;
padding: 30px 0;
justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
}