/* =========================================================
   EAA Campaign
   Saturday School / WISE ACADEMY

   リニューアル・現行サイト共通利用を想定
========================================================= */


/* =========================================================
   01. Base
========================================================= */

.eaa-campaign{
    width:100%;
    padding:42px 0 40px;
    background:#f8fbfc;
    box-sizing:border-box;
}

.eaa-campaign *,
.eaa-campaign *::before,
.eaa-campaign *::after{
    box-sizing:border-box;
}

.eaa-campaign__inner{
    width:calc(100% - 40px);
    max-width:1200px;
    margin:0 auto;
}

.eaa-campaign .eaa-campaign__contact a,
.eaa-campaign .eaa-campaign__contact a:link,
.eaa-campaign .eaa-campaign__contact a:visited,
.eaa-campaign .eaa-campaign__contact a:hover,
.eaa-campaign .eaa-campaign__contact a:active,
.eaa-campaign .eaa-campaign__contact a:focus{
    color:#fff !important;
}


/* =========================================================
   02. Section Header
========================================================= */

.eaa-campaign__head{
    margin:0 0 26px;
    text-align:center;
}

.eaa-campaign__eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:0 0 7px;

    color:#159dd2;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.12em;
}

.eaa-campaign__eyebrow::before,
.eaa-campaign__eyebrow::after{
    content:"";
    display:block;
    width:42px;
    height:1px;
    background:#8fd3ef;
}

.eaa-campaign__eyebrow-separator{
    opacity:.55;
}

.eaa-campaign__title{
    margin:0;
    color:#163e63;
    font-size:27px;
    line-height:1.45;
    font-weight:700;
}

.eaa-campaign__lead{
    margin:5px 0 0;
    color:#536879;
    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   03. Two Column
========================================================= */

.eaa-campaign__grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:22px;
    align-items:stretch;
}


/* =========================================================
   04. Common Card
========================================================= */

.eaa-campaign__card{
    width:100%;
    min-width:0;
    overflow:hidden;

    display:flex;
    flex-direction:column;

    background:#fff;

    border:1px solid #dce8ed;
    border-radius:8px;

    box-shadow:none;
}

.eaa-campaign__card-head{
    position:relative;
    min-height:0;
    padding:20px 26px;

    color:#fff;
}


/* =========================================================
   05. Saturday School Header
========================================================= */

.is-saturday .eaa-campaign__card-head{
    background:#b49152fa;
}

.eaa-campaign__brand-label{
    display:inline-block;

    margin-right:5px;

    color:#ffe45b;
    font-size:21px;
    line-height:1.2;
    font-weight:800;
}

.eaa-campaign__card-title{
    display:inline;

    margin:0;

    color:#fff;
    font-size:24px;
    line-height:1.3;
    font-weight:700;
}

.eaa-campaign__card-catch{
    margin:6px 0 0;

    color:#fff;
    font-size:18px;
    line-height:1.5;
    font-weight:700;
}

.eaa-campaign__english{
    position:absolute;
    right:24px;
    bottom:17px;

    color:rgba(255,255,255,.92);

    font-size:12px;
    line-height:1.4;
    font-style:italic;
    letter-spacing:.04em;
}


/* =========================================================
   06. WISE ACADEMY Header
========================================================= */

/* =========================================================
   06. WISE ACADEMY Header
========================================================= */

.is-wise .eaa-campaign__card-head{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:left;
    gap:22px;

    padding:0px 24px;

    background:#0799c3;
    text-align:left;
}

.eaa-campaign__wise-logo{
    flex:0 0 150px;
    width:150px;
}

.eaa-campaign__wise-logo img{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
}

.eaa-campaign__wise-heading{
    color:#fff;
    line-height:1.5;
}

.eaa-campaign__wise-heading span{
    display:block;
    margin-bottom:2px;
    font-size:13px;
}

.eaa-campaign__wise-heading strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.45;
    font-weight:700;
}

.eaa-campaign__wise-start{
    margin:5px 0 0;

    color:#fff;
    font-size:15px;
    line-height:1.5;
    font-weight:700;
}


/* =========================================================
   07. Card Body
========================================================= */

.eaa-campaign__body{
    flex:1;

    padding:22px 26px 24px;

    color:#000000;

    font-size:14px;
    line-height:1.8;
}

.eaa-campaign__body p{
    margin:0 0 12px;
}

.eaa-campaign__body strong{
    font-weight:700;
}

.eaa-campaign__intro{
    font-size:14px;
}


/* =========================================================
   08. WISE Concept
========================================================= */

.eaa-campaign__wise-concept{
    margin:16px 0;

    padding:10px 0 10px 16px;

    border-left:3px solid #0ca59d;

    background:transparent;
    border-radius:0;
}

.eaa-campaign__wise-concept p{
    margin:0 0 3px;
}

.eaa-campaign__wise-concept strong{
    display:block;

    margin-top:4px;

    color:#087f79;

    font-size:16px;
    line-height:1.6;
}


/* =========================================================
   09. Trial Information
========================================================= */

.eaa-campaign__info{
    margin-top:18px;

    padding:16px 18px;

    background:#fffab0;

    border-radius:4px;
}

.is-wise .eaa-campaign__info{
    background:#efefef;
}


/* 見出し */

.eaa-campaign__info-title{
    display:block;

    margin:0 0 10px;

    padding:0 0 7px;

    background:transparent;

    border:0;
    border-bottom:2px solid #079dd8;
    border-radius:0;

    color:#0791c7;

    font-size:16px;
    line-height:1.5;
    font-weight:700;
}

.is-wise .eaa-campaign__info-title{
    background:transparent;

    color:#087f79;

    border-bottom-color:#0b9e96;
}


/* WISE体験会説明 */

.eaa-campaign__info-lead{
    margin:0 0 10px !important;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   10. Detail Table
========================================================= */

.eaa-campaign__details{
    margin:0;
}

.eaa-campaign__detail{
    display:grid;

    grid-template-columns:48px minmax(0,1fr);

    align-items:start;

    gap:12px;

    padding:6px 0;

    border-bottom:1px dotted #c3d7df;
}

.eaa-campaign__detail:last-child{
    border-bottom:0;
}

.eaa-campaign__detail dt{
    display:block;

    min-height:0;
    margin:0;
    padding:0;

    background:transparent;

    color:#0791c7;

    border-radius:0;

    font-size:13px;
    line-height:1.65;
    font-weight:700;

    text-align:left;
}

.is-wise .eaa-campaign__detail dt{
    background:transparent;
    color:#087f79;
}

.eaa-campaign__detail dd{
    min-width:0;

    margin:0;
    padding:0;

    color:#0e1b26;

    font-size:13px;
    line-height:1.65;
    font-weight:500;
}

.eaa-campaign__detail dd span{
    font-size:12px;
}


/* =========================================================
   11. Saturday School Points
========================================================= */

.eaa-campaign__points{
    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    margin-top:18px;
}

.eaa-campaign__point{
    display:flex;

    align-items:center;
    justify-content:center;

    min-width:0;

    gap:7px;

    padding:3px 9px;

    color:#173b59;

    font-size:12px;
    line-height:1.45;
    font-weight:700;

    text-align:left;

    border-right:1px solid #c8dce5;
}

.eaa-campaign__point:first-child{
    padding-left:0;
}

.eaa-campaign__point:last-child{
    padding-right:0;
    border-right:0;
}

.eaa-campaign__check{
    display:flex;

    align-items:center;
    justify-content:center;

    flex:0 0 25px;

    width:25px;
    height:25px;

    border-radius:50%;

    background:#079dd8;

    color:#fff;

    font-size:14px;
    line-height:1;
    font-weight:700;
}


/* =========================================================
   12. Note
========================================================= */

.eaa-campaign__note{
    margin-top:14px !important;

    color:#ff0000;

    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   13. Contact
========================================================= */

.eaa-campaign__contact{
    margin-top:26px;

    text-align:center;
}

.eaa-campaign__contact p{
    margin:0 0 9px;

    color:#173b59;

    font-size:14px;
    line-height:1.6;
    font-weight:700;
}

.eaa-campaign__contact a{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    min-width:260px;
    min-height:50px;

    padding:9px 28px;

    background:#ff4148;

    color:#fff;

    border-radius:999px;

    font-size:16px;
    line-height:1.4;
    font-weight:700;

    text-decoration:none;

    transition:opacity .2s ease;
}

.eaa-campaign__contact a:hover{
    opacity:.85;
}


/* =========================================================
   14. Tablet
========================================================= */

@media screen and (max-width:900px){

    .eaa-campaign__card-head{
        padding:18px 20px;
    }

    .eaa-campaign__body{
        padding:20px;
    }

    .eaa-campaign__brand-label{
        font-size:19px;
    }

    .eaa-campaign__card-title{
        font-size:21px;
    }

    .eaa-campaign__card-catch{
        font-size:16px;
    }

    .eaa-campaign__english{
        right:20px;
        bottom:15px;
    }

    .eaa-campaign__points{
        grid-template-columns:1fr;

        gap:8px;
    }

    .eaa-campaign__point,
    .eaa-campaign__point:first-child,
    .eaa-campaign__point:last-child{
        justify-content:flex-start;

        padding:0;

        border-right:0;
    }

    .eaa-campaign__point br{
        display:none;
    }

}


/* =========================================================
   15. Mobile
========================================================= */

@media screen and (max-width:767px){

    .eaa-campaign{
        padding:34px 0 36px;
    }

    .eaa-campaign__inner{
        width:calc(100% - 30px);
    }


    /* Header */

    .eaa-campaign__head{
        margin-bottom:20px;
    }

    .eaa-campaign__eyebrow{
        font-size:10px;
    }

    .eaa-campaign__eyebrow::before,
    .eaa-campaign__eyebrow::after{
        width:25px;
    }

    .eaa-campaign__title{
        font-size:21px;
        text-align: left;
    }

    .eaa-campaign__lead{
        font-size:12px;
    }


    /* Cards */

    .eaa-campaign__grid{
        grid-template-columns:1fr;

        gap:18px;
    }

    .eaa-campaign__card{
        border-radius:6px;
    }


    /* Saturday Header */

    .eaa-campaign__card-head{
        padding:18px;
    }

    .eaa-campaign__brand-label{
        font-size:18px;
    }

    .eaa-campaign__card-title{
        font-size:20px;
    }

    .eaa-campaign__card-catch{
        margin-top:5px;

        font-size:16px;
    }

    .eaa-campaign__english{
        position:static;

        display:block;

        margin-top:6px;

        font-size:11px;
    }


    /* WISE Header */

/* WISE Header - Mobile */

.is-wise .eaa-campaign__card-head{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:10px 14px;
}

.eaa-campaign__wise-logo{
    flex:0 0 145px;
    width:145px;
}

.eaa-campaign__wise-logo img{
    display:block;
    width:120px;
    max-width:none;
    height:auto;
    margin:0;
}

.eaa-campaign__wise-heading{
    flex:1;
    min-width:0;
}

.eaa-campaign__wise-heading span{
    margin-bottom:2px;
    font-size:11px;
}

.eaa-campaign__wise-heading strong{
    font-size:16px;
    line-height:1.45;
}


    /* Body */

    .eaa-campaign__body{
        padding:18px;

        font-size:13px;
        line-height:1.75;
    }

    .eaa-campaign__body p{
        margin-bottom:10px;
    }

    .eaa-campaign__intro{
        font-size:13px;
    }


    /* WISE Concept */

    .eaa-campaign__wise-concept{
        margin:14px 0;

        padding:8px 0 8px 12px;
    }

    .eaa-campaign__wise-concept strong{
        font-size:14px;
    }


    /* Information */

    .eaa-campaign__info{
        margin-top:16px;

        padding:14px;
    }

    .eaa-campaign__info-title{
        font-size:14px;
    }

    .eaa-campaign__info-lead{
        font-size:12px;
    }

    .eaa-campaign__detail{
        grid-template-columns:45px minmax(0,1fr);

        gap:8px;

        padding:5px 0;
    }

    .eaa-campaign__detail dt{
        font-size:12px;
    }

    .eaa-campaign__detail dd{
        font-size:12px;
    }


    /* Points */

    .eaa-campaign__points{
        margin-top:16px;
    }

    .eaa-campaign__point{
        font-size:12px;
    }

    .eaa-campaign__check{
        flex-basis:23px;

        width:23px;
        height:23px;

        font-size:13px;
    }


    /* Contact */

    .eaa-campaign__contact{
        margin-top:22px;
    }

    .eaa-campaign__contact p{
        font-size:12px;
    }

    .eaa-campaign__contact a{
        width:100%;
        max-width:280px;

        min-width:0;
        min-height:48px;

        padding:8px 22px;

        font-size:15px;
    }

}