@charset "UTF-8";

/************************************
** 固定ページ共通CSS
************************************/
body{
    background-image: url(../img/common/page-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: scroll;
    font-size:16px;
    background-color: #ffffff;
}
.main{
    background-color: transparent;
}
.page-header{
    height:calc(386 / 1280 * 100vw);
}
.page-header-inner{
    display: block;
    width: 1050px;
    margin: auto;
    padding: 140px 0 0;
}
.page-header p{
    font-size: calc(84 / 1280 * 100vw);
    font-weight: 900;
    background: linear-gradient(to right, #06407B 2%, #0E78E3 41%, #55C7F5 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
}
.page-header h2{
    font-weight: 600;
    color:#333333;
    font-size: calc(24 / 1280 * 100vw);
    line-height: 1.0;
}
.page-contents-inner{
    display: block;
    width: 1050px;
    margin: 0 auto 56px;
}


/*スマホ版表示切り替えは1050px以下*/
@media screen and (max-width: 1050px) {
    body{
        background-image: url(../img/common/page-bg-sp.png);
        font-size:14px;
    }
    .page-header-inner{
        width: auto;
        margin:0 15px;
        padding: 100px 0 0;
    }
    .page-contents-inner{
        width: auto;
        margin:0 15px;
    }
    .page-header{
        height:calc(230 / 375 * 100vw);
    }
    .page-header p{
        font-size: calc(40 / 375 * 100vw);
    }
    .page-header h2{
        font-size: calc(18 / 375 * 100vw);
    }
}