@charset "UTF-8";

#mainContents {
    background : linear-gradient(0deg, rgba(40, 67, 173, 1) 9.9%, rgba(30, 50, 114, 1) 93.44%);
    padding-top: 50px;
    padding-bottom: 50px;
}
#mainContents h2 {
    font-size: 40px;
    color: #ead228;
    text-align: center;
    font-weight: 500;
}

.contentsWrap {
    max-width: 1090px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 10px 100px;
}

.lpSupportArea + .lpSupportArea {
    margin-top: 60px;
}
.lpSupportArea h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
}
.lpSupportLeadTxt {
    font-size: 16px;
    line-height: 2.25;
}

.lpSupportBox1 {
    border: 2px solid #1350a6;
    padding: 7px;
}
.lpSupportBox1 + .lpSupportBox1 {
    margin-top: 25px;
}
.lpSupportBg {
    background-color: #eef6ff;
    padding: 15px 40px 15px 10px;
}
.lpSupportBg dl {
    display: flex;
    justify-content: space-between;
}
.lpSupportBg dt {
    font-size: 22px;
    font-weight: 400;
}
.lpSupportBg dd p {
    font-size: 21px;
}
.lpSupportBg dd p b {
    font-size: 47px;
    line-height: 1;
    color: #1350a6;
    font-weight: 600;
}
.lpSupportBg dd p small {
    font-size: 18px;
}
.lpSupportBg dd p.__mail {
    font-size: 24px;
}
.lpSupportBg.__bg1 dt {
    padding-top: 10px;
}
.lpSupportBg.__bg2 dl {
    padding-top: 10px;
}
.lpSupportBg.__bg3 dl {
    padding-top: 15px;
    padding-bottom: 15px;
}
.lpSupportNote {
    padding: 10px 0 10px 8px;
}
.lpSupportNote p {
    font-size: 14px;
    line-height: 2;
    padding-left: 1em;
    text-indent: -1em;
}

/*---------------------------------------------------------------------
* 768px以上
* --------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
}
/*---------------------------------------------------------------------
* 641px以上
* --------------------------------------------------------------------*/
@media screen and (min-width: 641px){
}

/*---------------------------------------------------------------------
* 640px未満
* --------------------------------------------------------------------*/
@media screen and (max-width: 640px){
    #mainContents {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #mainContents h2 {
        font-size: 26px;
    }

    .contentsWrap {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .lpSupportArea + .lpSupportArea {
        margin-top: 40px;
    }
    .lpSupportArea h3 {
        font-size: 20px;
    }

    .lpSupportBg {
        padding: 15px 10px;
    }
    .lpSupportBg dl {
        display: block;
    }
    .lpSupportBg dt {
        font-size: 20px;
    }
    .lpSupportBg dd {
        margin-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .lpSupportBg dd p {
        font-size: 18px;
    }
    .lpSupportBg dd p b {
        font-size: 36px;
    }
    .lpSupportBg dd p small {
        font-size: 16px;
    }
    .lpSupportBg dd p.__mail {
        font-size: 20px;
    }
    .lpSupportBg.__bg1 dt {
        padding-top: 0;
    }
    .lpSupportBg.__bg2 dl {
        padding-top: 0;
    }
    .lpSupportBg.__bg3 dl {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}