html{
    scroll-padding-top: 85px;
}
body{
    font-family: "Zen Kaku Gothic New";
    color:#3E4648;
}
@include tb{
    body{
        background-image:  url(../images/ai-lp2/bg-sp.png);
    }
}

.header-ai{
    width:100%;
}
@media(max-width:768px){
    .header-ai{
        height:64px;
        padding:16px 0;
    }
}
.header-ai__inner{
    max-width: 1440px;
    margin: 0 auto;
    padding:0 36px ;
}
.common__inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
@media(max-width:600px) {
    .common__inner{
        padding:0 24px;
    }
}
.ai-lp{
    max-width:1440px;
    width:100%;
    margin: 0 auto;
}
.ai-lp img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.fv picture{
    max-width:100%;
}
.fv picture img{
    width:100%;
}
.fv{
    position:relative;
}


.fv__book{
    width:24%;
}


.fv__cta__consult__pc__link{
    color: var(--EFE639, #EFE639);
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    padding:12px 20px;
    height: 44px;
    border: 1px solid  #C0371E;
    background:  #C0371E;
    transition: 0.5s ease;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.fv__cta__consult__pc__link:hover{
    color: var(--EFE639, #EFE639);
    border-color: #A8341E;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    background: linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);
}

.fv__cta__consult__pc__link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    background: linear-gradient(90deg,#A8341E 0%,#6F1C0D 100%);
    opacity:0;
    transition: opacity .5s ease;
    pointer-events:none;
    will-change:opacity;
    z-index: -1;
}
.fv__cta__consult__pc__link:hover::before{
    opacity:1;
}

.fv__cta__info__pc__link{
    bottom:15%;
    left:0;  
    color: #C0371E;
    text-align: center;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    transition: 0.5s ease;
    border: 1px solid #C0371E;
    border-radius: 50px;
    padding:12px 20px;
    height:44px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.fv__cta__info__pc__link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    background: linear-gradient(90deg,#A8341E 0%,#6F1C0D 100%);
    opacity:0;
    transition: opacity .5s ease;
    pointer-events:none;
    will-change:opacity;
    z-index: -1;
}
.fv__cta__info__pc__link:hover::before{
    opacity:1;
}
.fv__cta__info__pc__link:hover{
    color: var(--EFE639, #EFE639);
    border-color: #A8341E;
    text-align: center;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    background: linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);
}
.fv__cta__consult__sp{
    display:none;
}

@media(max-width:768px){
    
    .fv__cta__consult__sp{
        display:flex;
        gap:10px;
        width:100%;
        padding:7% 0;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-color: #C0371E;
        border-radius: 10px 10px 0 0;
        
    }
    .fv__cta__consult__sp__arrow{
        width:max(25px,4vw + 10px);
    }
    .fv__cta__consult__sp__arrow img{
        width:100%;
    }

    .fv__cta__consult__pc__link{
        display: none;
    }
    .fv__cta__info__pc__link{
        display:none;
    }

}
.fv__cta__consult__sp__link{
    color: #EFE639;
    text-align: center;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    font-size: calc(3.4vw + 7px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 1px;
}
@media(max-width:375px){
    .fv__cta__consult__link{
        font-size:16px;
    }
}
.ai-merit{
}
.ai-reason{
    margin-top: 100px;
    /* background: linear-gradient(178deg, #FFF 1.49%, rgba(255, 255, 255, 0.70) 47.08%, rgba(255, 255, 255, 0.00) 98.27%); */
}
.ai-voice{
    padding-block:120px;
}
.contact{
    padding-top:120px;
}
.ai-support{
    position:relative;
}
.ai-support__baa{
    position:absolute;
    bottom:12%;
    right:33%;
    background-color:#0A294A;
    font-size: 14px;
    padding:0.8% 3%;
    color:#fff;
    border:1px solid #0A294A;
    border-radius:50px;
    transition: 0.5s ease;
}
.ai-support__baa:hover{
    background-color:#fff;
    color:#0A294A;
    
}
.ai-compare__table{
    display:none;
    margin:0;
}
@media (max-width:768px){
    .ai-compare{
        padding:0 24px;
        max-width:450px;
        width:90%;
        margin:0 auto;
        /* margin-bottom:-100px; */
    }

    .ai-compare__table{
        display:block;
        overflow-x: scroll;
        margin-bottom: 80px;
        padding-inline: 6%;
    }
    .ai-compare__table img{
        max-width:160%;
        width:160%;
    }
    .contact__inner{
        padding-bottom:0;
    }
}
@media(max-width: 1080px) {
    .ai-support__baa{
        font-size:11px;
    }
}
@media(max-width: 768px) {
    .ai-support__baa{
        bottom:3.5%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 20px;
        width:280px;
        padding:20px 24px;
        text-align:center;
    }
}
@media(max-width: 600px) {
    .ai-support__baa{
        font-size:18px;
    }
}
@media(max-width: 600px) {
    .ai-support__baa{
        padding:12px 18px;

    }
}
/* common */
html {
    margin-top: 0!important;
}
body {
    /* font-family: "Noto Sans JP"!important; */
}
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ai-lp/bg-body.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
    pointer-events: none;
}

#wpadminbar {
    /* display: none !important; */
}
.common-wrap01 {
    padding-inline: 56px;
}
@media(max-width: 768px) {
    .common-wrap01 {
        padding-inline: 6%;
    }
}
.side-bnr {
    display: none;
}
.scroll-info {
    display: none;
}

/* header */
#header-ai {
    width: 100%;
    /* height: 110px; */
    height: auto;
    background: #FFF;
    position: fixed;
    /* position: sticky; */
    top: 0;
    z-index: 999;
}
.header-ai__inner {
    padding-block: 24px;
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.header-ai__inner-logo {
    max-width: 257px;
}
/* @media(max-width: 768px) {
    .header-ai__inner-logo {
        max-width: 100px;
    }
} */
.header-ai__inner-logo source {
    width: 100%;
}
.header-ai__inner-logo img {
    width: 70%;
}
.header-ai__inner-btn {
    display: flex;
    align-items: center;
    gap: 32px;
}
@media(max-width: 768px) {
    .header-ai__inner-btn {
        display: none;
    }
}
.header-ai__inner-btn-left-link {
    color: #C0371E;
    display: flex;
    width: 206px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    background: #FFF;
    border: 1px solid #C0371E;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    border-radius: 50px;
    transition: 0.5s;
}
.header-ai__inner-btn-left-link:hover {
    color: var(--EFE639, #EFE639);
    background: linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);
}

.header-ai__inner-btn-right-link {
    color: var(--EFE639, #EFE639);
    display: flex;
    width: 206px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid #E4E4E4;
    border-radius: 50px;
    transition: .5s ease;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    border: 1px solid var(--C0371E, #C0371E);
    background: var(--C0371E, #C0371E);
    transition: 0.5s;
}

.header-ai__inner-btn-right-link:hover {
        border: 1px solid #A8341E;
        background:linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);

}

/* 親にスタッキングコンテキストを作る */
.header-ai__inner-btn-left-link,
.header-ai__inner-btn-right-link{
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* 擬似要素を背面に回す */
.header-ai__inner-btn-left-link::before,
.header-ai__inner-btn-right-link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    background: linear-gradient(90deg,#A8341E 0%,#6F1C0D 100%);
    opacity:0;
    transition: opacity .5s ease;
    pointer-events:none;
    will-change:opacity;
    z-index: -1;
}

/* hover でグラデだけフェードイン */
.header-ai__inner-btn-left-link:hover::before,
.header-ai__inner-btn-right-link:hover::before{
  opacity: 1;
}

/* 文字色・枠色だけ同時に変える（レイアウト不変） */
.header-ai__inner-btn-left-link:hover{
  color: #EFE639;
  border-color: #A8341E;
}
.header-ai__inner-btn-right-link:hover{
  color: #EFE639;
  border-color: #A8341E;
}


.triangle01 {
    position: relative;
    height: 60px; /* 高さはお好みで */
    background-color: #fff;
    z-index: 1;
    clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
    transform: translateY(1px);
}



.triangle02 {
    height: 60px;
    background: white;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transform: translateY(-1px);
}

/* footer */
#footer-ai {
    padding: 0;
    background: none;
    background: url(../images/ai-lp2/footer__bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width:1440px;
    width:100%;
    margin: 0 auto;
}
.footer__inner{
    padding:0 24px;
    margin:0 auto;
    display:flex;
    gap:40px;
    max-width:900px;
    width:100%;
    justify-content: space-between;
    align-items: center;
}
@media(max-width:768px){
    .footer__inner{
        display: flex;
        flex-direction: column;
    }
}
.footer-ai__top {
    padding: 64px 0 77px 0;
}
@media(max-width:768px){
    .header-ai__inner{
        padding:24px;
    }
    .ai-voice{
        margin-top:80px;
    }
    .contact{
        margin-top: 80px;
    }
    .ai-compare{
        margin-top:80px ;
    }
}
@media(max-width: 1024px) {
    .footer-ai__top {
        padding: 6% 0 8% 0;
    }
}
@media(max-width: 768px) {
    .footer-ai__top {
        padding: 8% 0 4% 0;
    }
}

.footer-ai__top-logo {
    max-width: 347px;
}
@media(max-width: 768px) {
    .footer__inner{
        max-width:300px;
        margin:0 auto;
    }
    .footer-ai__top-logo {
        width:100%;
        padding-left:32px;
    }
}
.footer-ai__top-copy {
    display: none;
}
@media(max-width: 768px) {
    .footer-ai__top-copy {
        display: block;
        text-align: center;
        color: #000;
        font-size: 10px;
        margin-top: 5%;
    }
}
.footer-ai__top-logo img {
    width: 100%;
    height:100%;
}
.footer-ai__top-btn {
    /* margin-top: 42px; */
    display: flex;
    justify-content: center;
    gap: 24px;
}
@media(max-width: 768px) {
    .footer-ai__top-btn {
        display: flex;
    }
}
.footer-ai__top-btn-left {
    
}
.footer-ai__top-btn-left-link {
    color: #C0371E;
    background: transparent;
    border: 1px solid #C0371E;
    border-radius: 50px;
    display: flex;
    width: 160px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 700;
    transition: 0.5s;
}
.footer-ai__top-btn-left-link:hover{
    color: var(--EFE639, #EFE639);
    background: linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);
}

.footer-ai__top-btn-right-link {
    color: var(--EFE639, #EFE639);
    display: flex;
    width: 104px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid #C0371E;
    transition: .5s ease;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    border-radius: 50px;
    border: 1px solid var(--C0371E, #C0371E);
    background: var(--C0371E, #C0371E);
    transition: 0.5s;

}
.footer-ai__top-btn-right-link:hover {
        border: 1px solid #A8341E;
        background:linear-gradient(90deg, #A8341E 0%, #6F1C0D 100%);
}


/* 共通：文字まわりは通常状態で固定しておく */
.footer-ai__top-btn-left-link,
.footer-ai__top-btn-right-link{
  position: relative;
  overflow: hidden;
  transition: color .5s ease, border-color .5s ease;
    z-index: 0;
}

/* グラデのオーバーレイ */
.footer-ai__top-btn-left-link::before,
.footer-ai__top-btn-right-link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    background: linear-gradient(90deg,#A8341E 0%,#6F1C0D 100%);
    opacity:0;
    transition: opacity .5s ease;
    pointer-events:none;
    will-change:opacity;
    z-index: -1;
}

/* hover でグラデだけフェードイン */
.footer-ai__top-btn-left-link:hover::before,
.footer-ai__top-btn-right-link:hover::before{
  opacity:1;
}

/* 文字色・枠色だけ同時に変える（レイアウト不変） */
.footer-ai__top-btn-left-link:hover{
    color: #EFE639; border-color:#A8341E;
}

.footer-ai__top-btn-right-link:hover{ 
    color: #EFE639; border-color:#A8341E;
}




.footer-ai__bottom {
    padding-block: 10px 28px;
}
@media(max-width: 768px) {
    .footer-ai__bottom {
        display: none;
    }
}
.footer-ai__bottom-copy {
    color: #000;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:28px;
}

/* FV */
.fv {
}
@media(max-width: 768px) {
    .fv {
        background: url(../images/ai-lp/fv-gradation.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
.fv__inner {
    position: relative;
}
.fv__inner-top {
    /* padding-inline: 76px 24px;
    display: flex;
    align-items: center;
    gap: 69px;
    position: relative;
    z-index: 0; */
}
@media(max-width: 768px) {
    .fv__inner-top {
        text-align: center;
    }
}
.fv__inner-top::after {
    /* content: '';
    background: url(../images/ai-lp/fv-img05.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    z-index: -1; */
}
/* .fv__inner-top-catch {
    max-width: 445px;
}
.fv__inner-top-catch-title-img {
    width: 100%;
} */

.fv__inner-bottom {
    width: 100%;
    padding-block: 36px;
    background: #FFF;
    border-radius: 0 0 40px 40px;
}
@media(max-width: 1024px) {
    .fv__inner-bottom {
        padding-block: 5%;
    }
}
.fv__inner-bottom-btn {
    display: flex;
    justify-content: center;
    gap: 96px;
}
@media(max-width: 1024px) {
    .fv__inner-bottom-btn {
        gap: 24px;
    }
}
@media(max-width: 768px) {
    .fv__inner-bottom-btn {
        /* display: none; */
    }
}
.fv__inner-bottom-btn-left,
.fv__inner-bottom-btn-right {
    max-width: 362px;
    width: 100%;
}
.fv__inner-bottom-btn-left::before {
    content: '';
    display: block;
    background: url(../images/ai-lp/fv-img03.png);
    width: 325px;
    height: 49px;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    margin-bottom: 8px;
}
.fv__inner-bottom-btn-left-link {
    border-radius: 50px;
    background: #28547C;
    display: flex;
    width: 100%;
    height: 72px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 36px */
    letter-spacing: -0.264px;
}
.fv__inner-bottom-btn-right::before {
    content: '';
    display: block;
    background: url(../images/ai-lp/fv-img04.png);
    width: 325px;
    height: 49px;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    margin-bottom: 8px;
}
.fv__inner-bottom-btn-right-link {
    display: flex;
    width: 100%;
    height: 72px;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid #28547C;
    background: #FFF;
    color: #28547C;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 36px */
    letter-spacing: -0.264px;
}
@media(max-width: 1024px) {
    .fv__inner-bottom-btn-left-link,
    .fv__inner-bottom-btn-right-link {
        font-size: 16px;
    }
    .fv__inner-bottom-btn-left,
    .fv__inner-bottom-btn-right {
        max-width: 311px;
    }
    .fv__inner-bottom-btn-left::before,
    .fv__inner-bottom-btn-right::before {
        transform: translateX(-50%) scale(0.8);
        transform-origin: center bottom;
    }
}
@media(max-width: 768px) {
    .fv__inner-bottom {
        padding-block: 4% 2%;
        background: none;
    }
    .fv__inner-bottom-btn {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .fv__inner-bottom-btn-left-link,
    .fv__inner-bottom-btn-right-link {
        width: 100%;
        height: 12vw;
    }
    .fv__inner-bottom-btn-left::before {
        background: url(../images/ai-lp/fv-img03_sp.png);
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
    .fv__inner-bottom-btn-right::before {
        background: url(../images/ai-lp/fv-img04_sp.png);
        height: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
}

/* problem */
.problem {
    padding-top: 120px;
    position: relative;
    z-index: 0;
}
@media(max-width: 768px) {
    .problem {
        padding-top: 14%;
    }
}
.problem::after {
    content: '';
    background: url(../images/ai-lp/problem-vertical-text.png);
    width: 27px;
    height: 397px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4vw;
}
@media(max-width: 768px) {
    .problem::after {
        /* left: 2vw; */
        top: 32%;
    }
}
.problem::before {
    content: '';
    background: url(../images/ai-lp/problem-text.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 5vw;
    position: absolute;
    top: 0;
}
@media(max-width: 768px) {
    .problem::before {
        background-size: contain;
    }
}
.problem__inner {
    padding-block: 0 120px;
}
@media(max-width: 768px) {
    .problem__inner {
        padding-block: 0 10%;
    }
}
.problem__inner-list {
    max-width: 935px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}
@media(max-width: 768px) {
    .problem__inner-list {
        padding-left: 10%;
    }
}
.problem__inner-list::after {
    /* content: '';
    background: url(../images/ai-lp/problem-img05.png);
    width: 27px;
    height: 397px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -10vw; */
}

/* worries */
.worries {
    background: #FFF;
}
.worries__inner {
    padding-block: 60px;
}
@media(max-width: 768px) {
    .worries__inner {
        padding-block: 8%;
    }
}
.worries__inner-title {
    color: #28547C;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
@media(max-width: 768px) {
    .worries__inner-title {
        font-size: 24px;
    }
}
.worries__inner-list {
    padding-block: 100px;
    max-width: 1141px;
    margin: 0 auto;
    display: flex;
    gap: 55px;
}
@media(max-width: 640px) {
    .worries__inner-list {
        padding-block: 7% 9%;
        flex-direction: column;
    }
}
.worries__inner-catch {
    max-width: 741px;
    margin: 0 auto;
}
.worries__inner-catch-img {
    width: 100%;
}

/* example */
.example {
    position: relative;
}
.example::before {
    content: '';
    background: url(../images/ai-lp/example-text.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 5vw;
    position: absolute;
    top: 0;
}
@media(max-width: 768px) {
    .example::before {
        background-size: contain;
    }
}
.example__inner {
    padding-block: 226px 120px;
    position: relative;
}
@media(max-width: 768px) {
    .example__inner {
        padding-block: 24% 14%;
    }
}
.example__inner::after {
    content: '';
    background: url(../images/ai-lp/example-vertical-text.png);
    width: 27px;
    height: 295px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 4vw;
    top: 30%;
    transform: translateY(-50%);
}
@media(max-width: 768px) {
    .example__inner::after {
        top: 16%;
    }
}
.example__inner-video {
    max-width: 973px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 81px;
    justify-content: space-between;
    position: relative;
}
.example__inner-video::after {
    /* content: '';
    background: url(../images/ai-lp/example-img02.png);
    width: 27px;
    height: 295px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -10vw; */
}
.example__inner-video-item {
    width: calc(50% - 40.5px); /* gapの半分 */
}
.example__inner-video-item-text {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 62px;
    border: 2px solid #A4C7E7;
    color: #28547C;
    text-align: center;
    font-family: "Noto Sans JP"!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media(max-width: 1024px) {
    .example__inner-video-item-text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .example__inner-video {
    flex-direction: column;
    gap: 24px;
    padding-left: 10%;
    }
    .example__inner-video-item {
    width: 100%;
    }
}

/* plan */
.plan {
    position: relative;
    z-index: 0;
}
.plan::before {
    content: '';
    width: 100%;
    height: 400px;
    background: url(../images/ai-lp/plan-img03.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: -1;
}
.plan__inner {
    padding-block: 64px;
}
@media(max-width: 768px) {
    .plan__inner {
        padding-block: 8%;
    }
}
.plan__inner-title {
    max-width: 266px;
    margin: 0 auto;
}
@media(max-width: 768px) {
    .plan__inner-title {
        max-width: 111px;
    }
}
.plan__inner-title-img {
    width: 100%;
}
.plan__inner-list {
    max-width: 1200px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin: 0 auto;
}
.plan__inner-list-img {
    width: 100%;
}

/* effect */
.effect {
    position: relative;
}
.effect::before {
    content: '';
    background: url(../images/ai-lp/effect-text.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 5vw;
    position: absolute;
    top: 0;
}
.effect__inner {
    padding-block: 125px 120px;
}
@media(max-width: 768px) {
    .effect__inner {
        padding-block: 20% 14%;
    }
}
.effect__inner-title {
    color: #28547C;
    text-align: center;
    font-family: "Noto Sans JP"!important;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
@media(max-width: 768px) {
    .effect__inner-title {
        font-size: 24px;
    }
}
.effect__inner-list {
    margin: 0 auto;
    padding-top: 56px;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}
@media(max-width: 768px) {
    .effect__inner-list {
        padding-top: 8%;
        align-items: center;
        flex-direction: column;
        gap: 40px;
    }
}

/* step */
.step {
    position: relative;
    z-index: 0;
}
.step::after {
    margin-top: 34px;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: url(../images/ai-lp/bg-step.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: -1;
}
@media(max-width: 768px) {
    .step::after {
        margin-top: 2%;
    }
}
.step__inner {
    padding-block: 0 80px;
    position: relative;
    z-index: 0;
}
.step__inner::before {
    content: '';
    background: url(../images/ai-lp/step-vertical-text.png);
    width: 27px;
    height: 336px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 4vw;
    top: 50%;
    transform: translateY(-50%);
}
@media(max-width: 768px) {
    .step__inner::before {
        top: 28%;
    }
}
.step__inner-title {
    max-width: 266px;
    margin: 0 auto;
}
@media(max-width: 768px) {
    .step__inner-title {
        max-width: 97px;
    }
}
.step__inner-title-img {
    width: 100%;
}
.step__inner-list {
    max-width: 1082px;
    margin: 0 auto;
    padding-top: 56px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    position: relative;
}
@media(max-width: 768px) {
    .step__inner-list {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-inline: 24px;
        padding-left: 48px;
    }
}
.step__inner-list::before {
    /* content: '';
    background: url(../images/ai-lp/step-vertical-text.png);
    width: 27px;
    height: 336px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -10vw; */
}
@media(max-width: 768px) {
    .step__inner-list::before {
        left: 0;
    }
}
.step__inner-list-item {
    max-width: 280px;
    flex-shrink: 0;
}
@media(max-width: 1160px) {
    .step__inner-list-item {
        max-width: 20vw;
    }
}
@media(max-width: 768px) {
    .step__inner-list-item {
        max-width: 100%;
    }
}
.step__inner-list-item.--arrow {
    max-width: 50px;
    display: flex;
    align-items: center;
}
.step__inner-list-item-text {
    margin-top: 24px;
    color: #343434;
    font-family: "Noto Sans JP"!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
}
@media(max-width: 768px) {
    .step__inner-list-item-text {
        margin-top: 4%;
    }
}

/* cta */
.ai-cta {
    position: relative;
    z-index: 0;
}
.ai-cta::after {
    content: '';
    background: url(../images/ai-lp/bg-cta.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.ai-cta__inner {
    padding-block: 155px 120px;
    position: relative;
    z-index: 0;
}
@media(max-width: 768px) {
    .ai-cta__inner {
        padding-block: 18% 14%;
    }
}
.ai-cta__inner-btn {
    max-width: 1161px;
    margin: 0 auto;
}
.ai-cta__inner-btn-img {
    width: 100%;
}

/* contact */
.contact {
    background-color: #f8f8f8;
}
.contact__inner {
    padding-bottom: 64px;
}
.contact__inner-title {
    max-width: 227px;
    width:60%;
    margin: 0 auto;
}
@media(max-width: 768px) {
    .contact__inner-title {
        max-width: 195px;
    }
    .contact__inner{
        padding-bottom: 0;
    }
}
.contact__inner-title-img {
    width: 100%;
}
.contact__inner-tab-wrap {
    max-width: 1116px;
    margin: 0 auto;
    padding-top: 64px;
    font-family: "Zen Kaku Gothic New";


}
@media(max-width: 768px) {
    .contact__inner-tab-wrap {
        padding-top: 6%;
    }
}

/* contact-tab */
.contact__inner-tab {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 100px;
}
@media (max-width:768px) {
    .contact__inner-tab{
        margin-bottom: 60px;
        gap:0;
    }
}
.contact__inner-tab-item {
    display: flex;
    justify-content: flex-start;
    padding-top:24px;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    max-width: 356px;
    width: 100%;
    height: 138px;
    background: #ffffff;
    color: rgba(192, 55, 30, 1);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    border: 1px solid rgba(192, 55, 30, 1);
    border-radius: 10px;
    cursor: pointer;
    position:relative
}
.contact__inner-tab-item::after{
    content: "";
    width:30px;
    height:30px;
    background-image: url(../images/ai-lp2/form__arrow--red.png);
    display:block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom:13%;
    right:50%;
    transform: translateX(50%);
}
.contact__inner-tab-item.is-active {
    background: rgba(192, 55, 30, 1);
    color: #ffffff;
}
.contact__inner-tab-item.is-active::after {
    content: "";
    width:30px;
    height:30px;
    background-image: url(../images/ai-lp2/form__arrow--white.png);
    display:block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom:13%;
    right:50%;
    transform: translateX(50%);
}
.contact input::placeholder,
.contact textarea::placeholder{
    color:#d0d0d0;
}
@media(max-width: 1024px) {
    .contact__inner-tab-item {
        font-size: 24px;
        padding-top:4vw;
        height: 14vw;
    }
    .contact__inner-tab-item::after{
            width:20px;
            height:20px;
    }
    .contact__inner-tab-item.is-active::after{
            width:20px;
            height:20px;
    }

}
@media(max-width: 768px) {
    .contact__inner-tab {
        /* gap: 2%; */
    }
    .contact__inner-tab-item {
        font-size: 3vw;
        height: 14vw;
    }
    .contact__inner-tab-item::after{
            width:13px;
            height:13px;
    }
    .contact__inner-tab-item.is-active::after{
            width:13px;
            height:13px;
    }
}
.js-ai-tab-panel {
    display: none;
}

.js-ai-tab-panel.is-active {
    display: block;
}

.js-ai-tab-btn.is-active {
    font-weight: bold;
    /* タブの見た目が変わるように */
}

/* cta-sp */
.cta-sp {
    width: 100%;
    display: none;
    position: fixed;
    bottom: 20px;
    z-index: 999;
}
@media(max-width: 768px) {
    .cta-sp {
        display: none;
    }
    .cta-sp.is-visible {
        display: block;
    }
}
.cta-sp__btn {
    max-width: 329px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.cta-sp__btn-left-link {
    color: #FFF;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5; /* 18px */
    letter-spacing: 0.05em;
    display: flex;
    width: 154px;
    height: 36px;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 50px;
    background: #28547C;
}
.cta-sp__btn-right-link {
    color: #28547C;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5; /* 18px */
    letter-spacing: 0.05em;
    display: flex;
    width: 154px;
    height: 36px;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid #28547C;
    background: #FFF;   
}

/* form */
div#form {
    max-width: 900px !important;
    margin: 0 auto!important;
    width: 100% !important;
}
.contact__inner-content {
}
.contact__inner-content-item {
    max-width: 1116px;
    width: 100%;
    margin: 0 auto;
    padding:0;
}
.ai-form__title {
    padding-block: 80px 64px;
    color: #323232;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5; /* 48px */
    text-align: center;
    display: none;
}
@media(max-width: 1024px) {
    .ai-form__title {
        padding: 8% 6%;
        font-size: 24px;
    }
}
@media(max-width: 768px) {
    .ai-form__title {
        padding: 10% 8%;
        font-size: 18px;
    }
}
.ai-form__group {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ai-form__group .check_wrap{
    display:flex;
}
.check-options{
    font-weight: 500;
}
@media(max-width: 768px) {
    .ai-form__group:not(:last-of-type) {
        margin-bottom: 16px;
    }
}
.ai-form__group span {
}

.ai-form__label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 253px;
    width: 100%;
    justify-content: space-between;
    flex-shrink: 0;
    color: #3A3A3A;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 228.571% */
    letter-spacing: 0.336px;
}
@media(max-width: 768px) {
    .ai-form__label {
        align-self: flex-start;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}

.ai-form__label span {
    width: 100%;
    font-size: 14px;
    background: #FFF;
    border: 1px solid #727171;
}

.ai-form__label .ai-form__optional {

}

.ai-form input[type="text"],
.ai-form input[type="email"],
.ai-form input[type="tel"],
.ai-form select,
.ai-form textarea {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    background: #FFF;
    max-height: 144px;
}

.ai-form .check_wrap .ai-form__label {
}

.ai-form .check_wrap label {
}

span.ai-form__required {
    width: 84px;
    height: 32px;
    background: rgba(192, 55, 30, 1);
    border-radius: 20px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border:1px solid #C0371E; 
}
span.ai-form__optional {
    width: 84px;
    height: 32px;
    background: #D2D2D2;
    border-radius: 20px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: none;
}
.check_wrap{
    /* flex-wrap: wrap; */
}
.wpcf7-acceptance{
    display: flex;
    justify-content: center;
    margin:40px auto 56px auto;
}
@media(max-width:768px){
    .wpcf7-acceptance{
        margin:32px 0;
    }
}

.section-form-privacy {
    background: #FFF;
    border: 1px solid #707070;
    overflow-y: auto;
    height:200px;
    padding:16px;
    color: #3E4648;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
@media(max-width: 768px) {
    .section-form-privacy {
        height: 152px;
    }
}
.section-form-privacy h3 {
    font-size: 14px;
}
.section-form-privacy p {
    font-size: 14px;
}
.section-form-privacy p:not(:last-of-type) {
    margin-bottom: 16px;
}
.ai-form .wpcf7-list-item {
    margin: 0;
}
.ai-form .check_wrap .wpcf7-list-item label {
    margin: 0;
}
.ai-form__group .wpcf7-form-control-wrap {
    width:100%;
}
/* .ai-form .check_wrap span.wpcf7-form-control-wrap::before {
    display: block;
    width:100%;
    content: '※以下の選択肢の中からお選びください。';
    font-size: 14px;
    margin-bottom: 12px;
} */
.ai-form .check_wrap .wpcf7-checkbox span.wpcf7-form-control-wrap::before {
    display: block;
    width: 100%;
    content: '※以下の選択肢の中からお選びください。';
    font-size: 14px;
    margin-bottom: 12px;
}

#contact .wpcf7-list-item label input[type="checkbox"]{
    margin-right: 8px;
}



.ai-form .check_wrap .wpcf7-form-control-wrap .wpcf7-form-control {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
@media(max-width:768px){
    .ai-form .check_wrap .wpcf7-form-control-wrap .wpcf7-form-control {
        width:80%;
    }
    
}
.ai-form .wpcf7-list-item label {
    display: flex!important;
}
.ai-form .mail-notice {
    margin-bottom: 12px;
    font-size: 14px;
    color: #323232;
    font-family: "Zen Kaku Gothic New";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
@media(max-width: 768px) {
    .ai-form .mail-notice {
        font-size: 10px;
    }
}
.ai-form__group textarea {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    background-color: #fff;
    line-height: 1.5;
    resize: vertical;
    margin-bottom:24px ;
}
@media(max-width: 768px) {
    .ai-form__group textarea {
        height: 152px;
    }
}
.submit{
    max-width:402px;
    margin: 0 auto;
}
#ai-lp [type="submit"] {
    color: #FFF;
    max-width: 402px;
    width: 100%;
    height: 56px;
    flex-shrink: 0;
    background: #28547C;
    border-radius: 0;
    padding: 0;
    color: #FFF;
    text-align: center;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    background: #C0371E;
    border:solid 1px #c0371E;
    margin:0 auto;
    transition: .5s ease;
    margin-bottom:60px;
}
#ai-lp [type="submit"]:hover {
    background:#fff;
    color:  #C0371E;

}
@media(max-width: 768px) {
    .section-form-privacy + div {
        font-size: 12px;
    }
}

.check_wrap .wpcf7-list-item-label {
    font-size: 14px;
}

.date-notice {
    margin-bottom: 40px;
}
@media(max-width: 1024px) {
    .date-notice {
        margin-bottom: 4%;
    }
}

.check-options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* width:100%; */
}

.check-other-text {
    margin-top: 0.5em;
}

#wpc7-f6615-o1 {

}


/* レスポンシブ：768px以上で横並び */
@media (min-width: 768px) {
    .ai-form__group {
    flex-direction: row;
    align-items: center;
    gap: 56px;
    }
    .ai-form__group:not(:last-of-type) {
        margin-bottom: 24px;
    }

    .ai-form__label {
    width: 253px;
    margin-bottom: 0;
    color: #323232;
    /* font-family: "Noto Sans JP"!important; */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25; /* 125% */
    }

    .ai-form__group input,
    .ai-form__group select,
    .ai-form__group textarea {
    flex: 1;
    }
}


/* 250513 */
.js-tab-switcher {
    cursor: pointer!important;
}

.example__inner-video-item {
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.example__inner-video-item-video {
    width: 100%;
    height: auto;
    aspect-ratio: 446 / 236;
    cursor: pointer;
    display: block;
}


/* 251029 add */
.fv__cta__consult {

}
.fv__cta__consult{
    position:absolute;
    display: flex;
    bottom:9%;
    left:7%;
    align-items: center;
}
.fv__book img{
    margin-left:-20px;
}
@media(max-width: 1300px) {
    .fv__cta__consult {
        bottom:6%;
    }
}
@media(max-width:950px){
    .fv__cta__consult {
        bottom:1%;
    }    
    .fv__book{
        /* margin-left:-40px; */
    }
}

.fv__cta__consult__wrap {
    display: flex;
    gap: 16px;
}
@media(max-width: 1300px) {
    .fv__cta__consult__wrap {
        flex-direction: column;
        gap:8px;
    } 
}
.fv__cta__consult__wrap a {
    display: block;
}

@media(max-width:768px){
    .fv__cta__consult__wrap a {
        display: none;
    }
    .fv__book{
        display: none;
    }
}


/* ==========================================
   header-ai ハンバーガー用スタイル
   PCにも影響しない安全な構成
========================================== */

/* ▼ デフォルト（常に非表示） */
.header-ai__overlay {
  display: none;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1024px) {

  /* 既存ボタンを非表示 */
  .header-ai__inner-btn {
    display: none !important;
  }

  /* ハンバーガー本体 */
  .header-ai__menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    cursor: pointer;
    z-index: 1001;
  }

  /* 各バー */
  .header-ai__menu-toggle span {
    display: block;
    height: 3px;
    background-color: #c0371e;
    border-radius: 3px; /* ← 丸みを追加（2〜3pxがベスト） */
    transition: all 0.3s ease;
    transform-origin: center;
  }

  /* 真ん中の線だけ短く＆右寄せ */
  .header-ai__menu-toggle span:nth-child(2) {
    width: 66%;
    align-self: flex-end;
  }

  /* オーバーレイ */
  .header-ai__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, visibility 0.4s;
    z-index: 1000;
  }

  .header-ai__overlay.is-active {
    opacity: 1;
    visibility: visible;
  }

  .header-ai__overlay-inner {
    text-align: center;
  }

  .header-ai__overlay-list {
    list-style: none;
    padding: 0;
  }

  .header-ai__overlay-list li {
    margin: 30px 0;
  }

  .header-ai__overlay-list a {
    color: #C0371E;
    font-size:max(3vw,18px);
    text-decoration: none;
    font-family: "Zen Kaku Gothic New" ,"Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;        
    }
  }

  /* 開閉アニメーション */
  .header-ai__menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translateY(10px); 
  }
  .header-ai__menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .header-ai__menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-10px);
  }
}



#ai-lp {
    background: linear-gradient(178deg, #FFFFFF 1.49%, rgba(255, 255, 255, 0.70) 47.08%, rgba(255, 255, 255, 0.00) 98.27%), #CFCFCF;
}

.ai-voice {
    background: #FFF;
}
.ai-reason__compare__gradation{
    background:linear-gradient(180deg, #FFF 1.49%, rgba(200, 200, 200, 0.1) 71.08%, rgba(150, 150, 150, 0.1) 99%)
}
.ai-compare {
    padding-bottom: 120px;
}
@media(max-width:1024px){
    .ai-compare{
        padding-bottom:0;
    }
}
.ai-example {
    padding-left: 64px;
}
@media(max-width: 768px) {
    .ai-example {
        padding-left: 8%;
    }
}
.ai-merit {
    padding-block: 112px 0;
}
.fv__cta-ai-merit-example{
    background: linear-gradient(52deg, #FFF 58.49%, rgba(200, 200, 200, 0.5) 84.08%, rgba(150, 150, 150, 0.6) 98.27%)
}
@media(max-width:768px){
    .fv__cta-ai-merit-example{
        background:linear-gradient(84deg, #FFF 58.49%, rgba(200, 200, 200, 0.5) 94.08%, rgba(150, 150, 150, 0.6) 99.27%);
    }
}
.fv__cta__consult__sm {
    display: none;
}
@media(max-width: 768px) {
    .fv__cta__consult__sm {
        display: block;
        width: 100%;
        margin-inline: auto;
        position: absolute;
        bottom: 28%;
        left: 50%;
        transform: translateX(-50%);
        padding-inline: 6%;
    }
    .fv__cta__consult__sm a {
        display: block;
    }
    .cta-sp__btn{
        display: none;
    }
    .contact{
        margin-top:0;
        padding-top: 40px;
    }
    .ai-voice{
        padding-bottom:24px ;
    }
    .header-ai__inner {
        padding:8px 24px;
    }
}

/* リキャプチャ */
.grecaptcha-badge{
    visibility: hidden;
}

/* .formErrorContent,
.formErrorArrowBottom{
    display: none;
} */

.wpcf7-not-valid-tip {
    display: none;
}