@charset "utf-8";











.novelty_head {

    background: url("../images/home/feature_bg.png") no-repeat left top / 100% 100%;

}

.novelty_head > div {

    display: table;

    max-width: 1030px;

    margin: 0 auto;

}

.novelty_head_l,

.novelty_head_r {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    box-sizing: border-box;

    padding: 0 15px;

}



.novelty_head_l {

    width: 66.66%;

    text-align: left;

}

.novelty_head_r {

    width: 33.33%;

}



.novelty_head_l h1 {

    font-size: 250%;/*40*/

}

.novelty_head_l h1 span {

    display: inline-block;

    background: linear-gradient(90deg, rgba(47,84,229,1) 0%, rgba(79,145,255,1) 25%, rgba(143,111,231,1) 50%, rgba(214,108,209,1) 75%, rgba(255,115,70,1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.novelty_head_l h2 {

    font-size: 150%;/*24*/

    margin-top: 1.5em;

}

.novelty_head_l p {

    margin-top: 0.5em;

}



.novelty_head_r img {

    width: 100%;

}



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

    .novelty_head_l {

        width: 55%;

    }

    .novelty_head_r {

        width: 45%;

    }

}

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

    .novelty_head_l,

    .novelty_head_r {

        display: block;

        width: 100%;

    }

    .novelty_head_l {

        padding-top: 50px;

        padding-bottom: 25px;

    }

    .novelty_head_r img {

        width: 75%;

    }

}



















.novelty_body {

    padding: 60px 0;

}

.novelty_body_row {

    max-width: 1030px;

    margin: 0 auto;

    letter-spacing: -.4em;

}

.novelty_body_col {

    letter-spacing: normal;

    display: inline-block;

    vertical-align: top;

    box-sizing: border-box;

    padding: 15px;

}

.w100 { width: 100%; }

.w33 { width: 33.33%; }

.w66 { width: 66.66%; }





.novelty_body h2 {

    font-size: 150%;/*24*/

}

.novelty_body p {

    margin-top: 1em;

}



.novelty_img {

    text-align: center;

}

.novelty_img img {

    width: 100%;

}



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

    .w33, .w66 {

        width: 100%;

    }

    .novelty_img img {

        width: 75%;

    }

}