@charset "utf-8";
img {
    max-width: 100%;
}
.masthead {
    background-image: url(../img/bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
.masthead h3 {
    font-size: 28px;
    color: #fff;
    margin: 100px auto 55px;
}
.masthead .btn {
    background-color: #1779ff;
    color: #fff;
}
#concept img {
    width: 650px;
    margin: 90px auto 80px;
}
#portfolio .img-fd1.img-ft-1 {
    padding: 26px 74px 27px;
}
#portfolio .img-fd2 {
    padding: 58px 94px 27px;
    background-color: #bdbdbd;
}
.lead {
    font-size: 40px;
    line-height: 1.6;
}
.callout.creat-03 {
    padding: 2.5rem 0 24.75rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url(../img/creat_3.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}
.callout.creat-03 h2 {
    color: #fff;
}
.callout.creat-03 .container {
    position: relative;
}
.callout.creat-03 .creat-title-right {
    text-align: left;
}
.callout.creat-03 .creat-title-right img {
    width: 100%;
}
.callout.creat-03 .creat-title-right a {
    color: #fff;
}

#creative .mblg svg g g{
    animation-delay: 1s; 
}
@media (max-width: 1200px) {
    #portfolio .img-fd2 {
        padding: 58px 87px 38px;
        background-color: #bdbdbd;
    }
    #portfolio .img-fd1.img-ft-1 {
        padding: 38px 74px;
    }
}
@media (max-width: 1024px) {
    
}
@media (max-width: 768px) {
    .callout.creat-03 .creat-title-right {
        text-align: left;
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 414px) {
    .lead {
        font-size: 23px;
        line-height: 1.5;
    }
    .span {
        font-size: 15px;
        line-height: 2;
    }
    .callout.creat-03 {
        padding: 1.5rem 0 21.2rem;
        background: url(../img/creat_3_sp.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    #concept img {
        display: block;
        margin: 45px auto 30px;
    }
}
@media (max-width: 375px) {
    .callout.creat-03 {
        padding: 1.5rem 0 18.32rem;
    }
}
@media (max-width: 360px) {
    .callout h2 {
        margin-bottom: 10px !important;
    }
}