@charset "utf-8";

.mission{
    width: 100%;
    background: #442DC3;
    padding-top: 335px;
    padding-left: 190px;
    padding-bottom: 120px;
    position: relative;
}
.mission::before{
    position: absolute;
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/frame1-left.png) 50%/cover;
    top: 0;
    left: 0;
}
.mission::after{
    position: absolute;
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../images/frame1-right.png) 50%/cover;
    bottom: 0;
    right: 0;
}
.mission-con{
    width: 82%/* 1420 */;
    padding-top: 305px;
    background: url(../images/ourmission.png) 0 0 no-repeat;
}
.mission-txt{
    width: 48%;
    margin-left: auto;
}
.mission-txt strong{
    font-family: 'Cafe24 Ohsquare';
    font-size: 2.5rem/* 40 */;
    color: #27B2F3;
    display: block;
    padding-right: 30px;
    line-height: 1.2;
}
.mission-txt p{margin-top: 20px;font-size: 1.125rem/* 18 */;}
.mission-txt p:first-of-type{margin-top: 25px;}

.spot{
    background: #442DC3 url(../images/spot-bg.png) 100% 100% no-repeat;
    padding-top: 167px;
    padding-bottom: 313px;
}
.spot-txt{width: 1320px;margin: 0 auto;}
.spot-txt strong{
    font-family: 'Cafe24 Ohsquare';
    font-size: 2.5rem/* 40 */;
    color: #27B2F3;
}
.spot-txt p{
    margin-top: 20px;
    font-size: 1.125rem/* 18 */;
    width: 44%;
}
.spot-txt p:first-of-type{margin-top: 25px;}

.create{
    background: #000;
    padding-top: 152px;
    padding-bottom: 100px;
}
.create-top{position: relative;}
.create-txt{position: absolute;bottom: -8%;left: 50%;transform: translateX(-50%);text-align: center;width: 620px;}
.create-top strong{
    font-family: 'Cafe24 Ohsquare';
    font-size: 1.75rem/* 28 */;
}
.create-txt i{
    display: block;
    font-family: 'Cafe24 Ohsquare';
    font-size: 2.125rem/* 34 */;
}
.create-top p{font-size: 1rem;margin-top: 20px;}
.create-top p:nth-of-type(1){margin-top: 55px;font-size: 1.375rem/* 22 */;color: #442DC3;}
.create-top p b{font-size: 1.75rem/* 28 */;font-weight: 500;}
.create-bottom{
    font-family: 'Raleway', sans-serif;
    font-size: 2.875rem/* 46 */;
    margin-top: 120px;
}
.create-bottom > ul > li{padding: 0 100px;width: 100%;margin-top: 96px;}
.create-bottom ul li ul{
    width: 100%;
    border-top: 1px solid #fff;
    font-size: 1.125rem/* 18 */;
    display: flex;
    justify-content: space-between;
    padding: 50px 70px 0;
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
}
.create-bottom ul li ul li div p:nth-child(2){margin-top: 26px;}

.newp-video{
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 56.25%; /* 560:315 */
    margin-top: 100px;
}
.newp-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.brand{
    background: #442DC3;
    padding-top: 90px;
}
.brand-head{padding: 31px 180px;background: url(../images/brand-bg1.png) 50%/cover no-repeat;}
.brand-head h3{
    font-family: 'Raleway', sans-serif;
    font-size: 5.125rem/* 82 */;
    line-height: 1.2;
}
.brand-con{padding: 45px 0 32px 184px;}
.brand-con > p{font-size: 1.125rem/* 18 */;width: 730px;}
.brand-flex-box{display: flex;justify-content: space-between;align-items: center;}
.brand-icon{
    padding: 0 26px;
    width: 57.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 32px;
}
.brand-icon p{font-size: 1.125rem/* 18 */;}
.brand-icon div{width: 120px;height: 100px;margin: 68px 4%;}
.brand-icon p::before{
    content: "";
    display: block;
    width: 84px;
    height: 64px;
    background: url() 50%/contain no-repeat;
    margin: 0 auto;
    margin-bottom: 10px;
}
.brand-icon p:nth-child(1),
.brand-icon p:nth-child(5),
.brand-icon p:nth-child(9){margin-left: 0;}
.brand-icon p:nth-child(4),
.brand-icon p:nth-child(8),
.brand-icon p:nth-child(12){margin-right: 0;}

.brand-icon div:nth-child(1) p::before{
    background-image: url(../images/brand-icon1.png);
}
.brand-icon div:nth-child(2) p::before{
    background-image: url(../images/brand-icon2.png);
}
.brand-icon div:nth-child(3) p::before{
    background-image: url(../images/brand-icon3.png);
}
.brand-icon div:nth-child(4) p::before{
    background-image: url(../images/brand-icon4.png);
}
.brand-icon div:nth-child(5) p::before{
    background-image: url(../images/brand-icon5.png);
}
.brand-icon div:nth-child(6) p::before{
    background-image: url(../images/brand-icon6.png);
}
.brand-icon div:nth-child(7) p::before{
    background-image: url(../images/brand-icon7.png);
}
.brand-icon div:nth-child(8) p::before{
    background-image: url(../images/brand-icon8.png);
}
.brand-icon div:nth-child(9) p::before{
    background-image: url(../images/brand-icon9.png);
}
.brand-icon div:nth-child(10) p::before{
    background-image: url(../images/brand-icon10.png);
}
.brand-icon div:nth-child(11) p::before{
    background-image: url(../images/brand-icon11.png);
}
.brand-icon div:nth-child(12) p::before{
    background-image: url(../images/brand-icon12.png);
}
.brand-con span{
    width: 32.5%;
    display: block;
    margin-top: 136px;
    background: url(../images/brand-bg2.png) 0 0/cover no-repeat;
}
.brand-con span::before{
    content: "";
    display: block;
    padding-top: 118%;
}

/* contact */
.project{
    padding: 260px 0 100px;
    background: #442DC3;
}
.project h1{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 2rem/* 32 */;
    text-align: center;
}
.project h1 b{
    color: #27B2F3;
}
.project .bar-bg{
    width: 80%;
    height: 10px;
    background: rgba(255,255,255,0.5);
    margin: 30px auto;
    border-radius: 20px;
}
.project .bar-bg .bar-ing{
    width: 30%;
    height: 10px;
    background: #fff;
    border-radius: 20px;
}
.project .pro_list{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    margin: 0 auto;
    color: #bbb;
    font-size: 1rem/* 16 */;
    line-height: 26px;
}
.project .pro_list > div > ul > li:first-child{
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem/* 20 */;
    line-height: 36px;
}

.contact{
    padding-top: 200px;
    padding-bottom: 160px;
    background: #000;
}
.contact h3{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 4.75rem/* 76 */;
    text-align: center;
}
.contact h3 b{color: #27B2F3;}
.contact-wrap > p{
    font-size: 1.375rem/* 22 */;
    color: #8A94AD;
    text-align: center;
    margin-top: 30px;
}
.form-wrap{
    text-align: center;
    margin-top: 20px;
    padding: 0 70px;
}
fieldset{display: inline-block;min-width: 0;width: 100%;max-width: 100%;margin: 0 auto;}
fieldset .form-con{text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;}
fieldset .form-con > div{text-align: left;}
.form-wrap form fieldset .form-con > div p{
    color: #fff;
    font-size: 1.375rem/* 22 */;
    margin-left: 16px;
}
.form-wrap form fieldset .form-con > div{margin-top: 60px;width: 45.63106796116505%;/* 470 */}
.form-wrap form fieldset .form-con > div input{
    background: none;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #442DC3;
    outline: none;
    color: #8A94AD;
    font-size: 1.25rem/* 20 */;
    margin-top: 4px;
}
.form-wrap form fieldset .form-con > .ad-wrap{width: 100%;border-bottom: 1px solid #442DC3;}
.form-wrap form fieldset .form-con > .ad-wrap input{width: 60%;border: none;}
.form-wrap form fieldset .form-con > .ad-wrap label{color: #8A94AD;width: 25%;}
.ad-con{padding-top: 20px;padding-left: 40px;padding-right: 14.5631067961165%/* 150 */;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ad-type7{display: flex;justify-content: space-between;align-items: center;width: 50%;}
#ad-etc{padding-left: 40px;}
.form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{width: 40%;}
.form-wrap form fieldset .form-con > .textarea-wrap{width: 100%;}
.ta-con{width: 100%;margin-top: 20px;}
.ta-con textarea{
    width: 100%;
    height: 12vw;
    overflow-y: auto;
    background: none;
    outline: none;
    border: 1px solid #442DC3;
    color: #8A94AD;
    padding: 20px;
    font-size: 1.125rem/* 18 */;
}
.form-wrap form .ta-con textarea::-webkit-scrollbar {
    width: 10px;
}
.form-wrap form .ta-con textarea::-webkit-scrollbar-thumb{
    background: #6880BF;
    border-radius: 100px;
}
.form-wrap form .ta-con textarea::-webkit-scrollbar-track{
    background: #442DC3;
}
.form-wrap form fieldset .form-con > .privacy-wrap{width: 100%;}
.form-wrap form fieldset .form-con > .privacy-wrap p{
    display: block;
    padding-bottom: 20px;
    padding-left: 20px;
    border-bottom: 1px solid #442DC3;
    margin-left: 0;
}
.privacy-con{
    width: 100%;
    border-bottom: 1px solid #442DC3;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.privacy-con label{color: #fff;}
.privacy-con a{
    text-indent: -999px;
    overflow: hidden;
    display: block;
    width: 24px;
    height: 12px;
    background: url(../images/form-arrow.png) 50%/cover no-repeat;
    transition: 0.4s;
}
.privacy-con a.on{transform: rotate(180deg);}
.form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{
    padding: 30px 100px;
    height: 11.45833333333333vw;
    overflow-y: auto;
    border-bottom: 1px solid #442DC3;
    display: none;
}
.form-wrap form fieldset .form-con > .privacy-wrap .privacy-text p{
    padding-left: 0;
    font-size: 1.125rem;/* 18 */
    border-bottom: none;
}
.form-wrap form .privacy-text::-webkit-scrollbar {
    width: 10px;
}
.form-wrap form .privacy-text::-webkit-scrollbar-thumb{
    background: #6880BF;
    border-radius: 100px;
}
.form-wrap form .privacy-text::-webkit-scrollbar-track{
    background: #442DC3;
}

.btn-wrap{margin-top: 60px;}
.btn-request{
    width: 280px;
    height: 74px;
    border: 1px solid #442DC3;
    background: none;
    outline: none;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 1.75rem/* 28 */;
    font-weight: 500;
    transition: 0.4s;
}
.btn-request:hover{
    background: #442DC3;
}


/* partners */


.partners{background: #000; padding: 100px 0;}
.partners-title{padding-left: 300px;}
.partners-title h3{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 4.75rem/* 76 */;
}
.partners-title h3 b{color: #27B2F3;}
.partners-title p{color: #8A94AD;font-size: 1.5rem;}
.plogo-wrap{margin-top: 55px;text-align: center;width: 100%;}
.plogo-list{display: flex;flex-wrap: wrap;width: 82.5%/* 1584 */;margin: 0 auto;justify-content: space-between;align-items: center;}
.plogo-list li{
    width: 9.34%/* 148 */;
    background: url() 50%/cover no-repeat;
    margin-top: 10px;
}
.plogo-list li::before{
    content: "";
    display: block;
    padding-top: 54%/* 80 */;
}

.plogo-list li:nth-child(1){background-image: url(../images/plogo_1.png);}
.plogo-list li:nth-child(2){background-image: url(../images/plogo_2.png);}
.plogo-list li:nth-child(3){background-image: url(../images/plogo_3.png);}
.plogo-list li:nth-child(4){background-image: url(../images/plogo_4.png);}
.plogo-list li:nth-child(5){background-image: url(../images/plogo_5.png);}
.plogo-list li:nth-child(6){background-image: url(../images/plogo_6.png);}
.plogo-list li:nth-child(7){background-image: url(../images/plogo_7.png);}
.plogo-list li:nth-child(8){background-image: url(../images/plogo_8.png);}
.plogo-list li:nth-child(9){background-image: url(../images/plogo_9.png);}
.plogo-list li:nth-child(10){background-image: url(../images/plogo_10.png);}
.plogo-list li:nth-child(11){background-image: url(../images/plogo_11.png);}
.plogo-list li:nth-child(12){background-image: url(../images/plogo_12.png);}
.plogo-list li:nth-child(13){background-image: url(../images/plogo_13.png);}
.plogo-list li:nth-child(14){background-image: url(../images/plogo_14.png);}
.plogo-list li:nth-child(15){background-image: url(../images/plogo_15.png);}
.plogo-list li:nth-child(16){background-image: url(../images/plogo_16.png);}
.plogo-list li:nth-child(17){background-image: url(../images/plogo_17.png);}
.plogo-list li:nth-child(18){background-image: url(../images/plogo_18.png);}
.plogo-list li:nth-child(19){background-image: url(../images/plogo_19.png);}
.plogo-list li:nth-child(20){background-image: url(../images/plogo_20.png);}
.plogo-list li:nth-child(21){background-image: url(../images/plogo_21.png);}
.plogo-list li:nth-child(22){background-image: url(../images/plogo_22.png);}
.plogo-list li:nth-child(23){background-image: url(../images/plogo_23.png);}
.plogo-list li:nth-child(24){background-image: url(../images/plogo_24.png);}
.plogo-list li:nth-child(25){background-image: url(../images/plogo_25.png);}
.plogo-list li:nth-child(26){background-image: url(../images/plogo_26.png);}
.plogo-list li:nth-child(27){background-image: url(../images/plogo_27.png);}
.plogo-list li:nth-child(28){background-image: url(../images/plogo_28.png);}
.plogo-list li:nth-child(29){background-image: url(../images/plogo_29.png);}
.plogo-list li:nth-child(30){background-image: url(../images/plogo_30.png);}
.plogo-list li:nth-child(31){background-image: url(../images/plogo_31.png);}
.plogo-list li:nth-child(32){background-image: url(../images/plogo_32.png);}
.plogo-list li:nth-child(33){background-image: url(../images/plogo_33.png);}
.plogo-list li:nth-child(34){background-image: url(../images/plogo_34.png);}
.plogo-list li:nth-child(35){background-image: url(../images/plogo_35.png);}
.plogo-list li:nth-child(36){background-image: url(../images/plogo_36.png);}
.plogo-list li:nth-child(37){background-image: url(../images/plogo_37.png);}
.plogo-list li:nth-child(38){background-image: url(../images/plogo_38.png);}
.plogo-list li:nth-child(39){background-image: url(../images/plogo_39.png);}
.plogo-list li:nth-child(40){background-image: url(../images/plogo_40.png);}


/* 최적화 */


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

    /* mission */
    .mission{padding-left: 100px;}
    .mission-con{width: 90%;}

    /* spot */
    .spot{background-image: url(../images/spot-bg-1680.png);}
    .spot-txt{width: 78.5%;}

    /* create */
    .create-txt{bottom: -10%;}
    .create-top p:nth-of-type(1){margin-top: 40px;}

    /* brand */
    .brand-head{padding: 20px 100px;}
    .brand-con{padding-left: 104px;}

    /* partners */
    .partners-title{padding-left: 9.375vw;}
    .plogo-list li{width: 12%;}

}

@media screen and (max-width:1500px) {
    /* create */
    .create-txt{bottom: -14%;}
    .create-top p:nth-of-type(1){margin-top: 30px;}
}

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

    /* mission */
    .mission-txt strong{font-size: 2.15rem;}
    .mission-txt p{font-size: 1.125rem;}
    .spot-txt strong{font-size: 2.15rem;}
    .spot-txt p{font-size: 1.125rem;}

    

    /* create */
    .create-top p:nth-of-type(1){margin-top: 40px;}

    /* brand */

    .brand-head h3{font-size: 4.5rem;}
    .brand-icon{padding: 0 10px;margin-top: 50px;}
    .brand-icon div{margin: 58px 4%;}
    .brand-con span{margin-top: 56px;}

    /* partners */
    .plogo-wrap{margin-top: 40px;}

}

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

    /* create */
    .create-txt{bottom: -18%;}
    .create-top strong{font-size: 1.5rem;}
    .create-top i{font-size: 1.9rem;}
    .create-top p{font-size: 1rem;}
    .create-top p:nth-of-type(1){margin-top: 30px;font-size: 1.4rem;}
    .create-top p b{font-size: 1.7rem;}

}

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

    /* mission */
    .mission{padding-left: 60px;}
    .mission-con{width: 100%;}
    
    /* create */
    .create{padding-top: 120px;}
    .create-top strong{font-size: 1.375rem;}
    .create-top i{font-size: 1.75rem;}
    .create-top p{font-size: 1rem;}
    .create-top p:nth-of-type(1){margin-top: 30px;font-size: 1.25rem;}

    /* brand */
    .brand-head h3{font-size: 4rem;}

    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 60%;}

    /* partners */
    .partners-title p{font-size: 1.25rem;}
    .plogo-list li{width: 12.4%;}

}


/* tablet */

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

    .mission{
        padding-top: 125px;
        padding-left: 3.90625%/* 40 */;
        padding-bottom: 100px;
    }
    .mission::before, .mission::after{
        width: 136px;
        height: 136px;
    }
    .mission-con{
        width: 89.5%/* 880 */;
        padding-top: 220px;
        background-image: url(../images/ourmission-tablet.png);
    }
    .mission-txt{width: 43%;}
    .mission-txt strong{font-size: 1.5rem/* 24 */;padding: 0;}
    .mission-txt p{font-size: 1rem;margin-top: 15px;}
    .mission-txt p:first-of-type{margin-top: 20px;}

    .spot{background-image: url(../images/spot-bg-tablet.png);padding-top: 130px;padding-left: 5.859375%/* 60 */;padding-bottom: 190px;}
    .spot-txt{width: 45.6%;margin-left: 0;}
    .spot-txt strong{font-size: 1.5rem/* 24 */;}
    .spot-txt p{font-size: 1rem;margin-top: 15px;width: 100%;}
    .spot-txt p:first-of-type{margin-top: 30px;}

    .create{padding-top: 110px;}
    .create-txt{bottom: -7%;width: 560px;}
    .create-top p{font-size: 1rem;}
    .create-top p:nth-of-type(1){margin-top: 50px;font-size: 1.25rem/* 20 */;}
    .create-top p b{font-size: 1.5625rem/* 25 */;}

    .create-bottom{font-size: 3.25rem/* 52 */;padding-top: 36px;}
    .create-bottom > ul{background: url(../images/create-bg-tablet.png) 50% no-repeat;}
    .create-bottom > ul > li{padding: 0;margin-top: 100px;}
    .create-bottom ul li ul{padding: 40px 10px 0;}

    .brand{padding-top: 80px;}
    .brand-head{
        background-image: url(../images/brand-bg1-tablet.png);
        padding: 4px 0;
    }
    .brand-head h3{font-size: 4.125rem/* 66 */;line-height: 1.1;}
    .brand-con{padding: 26px 0 32px 3.90625%/* 40 */;}
    .brand-con > p{font-size: 1.125rem/* 18 */;width: 64.45vw/* 640 */;}
    .brand-icon{
        width: 50.8%/* 480 */;
        padding: 0 7px;
    }
    .brand-icon div{width: 104px;height: 93px;}
    .brand-con span{
        width: 39.6%;
        margin-top: 0;
    }
    .brand-con span::before{
        padding-top: 136%;
    }

    /* contact */

    .contact{padding: 80px 0 120px;}
    .contact h3{font-size: 4.5rem;}
    .contact-wrap > p{font-size: 1.25rem;}
    .form-wrap{margin-top: 10px;padding: 0 50px;}
    .ad-con{padding-right: 20px;padding-left: 20px;}
    .ad-type3 label{width: 40%;}
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 60%;}
    .ta-con textarea{height: 22.4609vw;}
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{height: 21.4844vw;}
    .btn-request{width: 258px;height: 66px;font-size: 1.25rem;background: #442DC3;color: #fff;}
    .info-text-wrap{margin-top: 80px;}
    .info-text-wrap div p{font-size: 1.5rem/* 24 */;}

    /* partners */
    .partners{padding-bottom: 80px;}
    .partners-title h3{font-size: 4.5rem;}
    .plogo-list li{width: 20%;}

}

/* 최적화 */

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

    /* mission */
    .mission-con{width: 95%;background-image: url(../images/ourmission-900.png);}
    .mission-txt{width: 53%;}

    /* spot */
    .spot{background-image: url(../images/spot-bg-900.png);}
    .spot-txt{width: 50%;}

    /* create */
    .create-txt{bottom: -11%;}

    /* brand */
    .brand-head h3{font-size: 3.9rem;}
    .brand-icon{margin-top: 20px;width: 60%;}

}

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

    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{width: 50%;}
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 50%;}
    #ad-etc{padding-left: 0px;}

}

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

    /* create */
    .create-bottom{font-size: 2.8rem;}
    .create-top p:nth-of-type(1){margin-top: 40px;}
    .create-txt{bottom: -18%;}

    /* brand */
    .brand-head h3{font-size: 3.6rem;line-height: 1;}
    .brand-con > p{font-size: 1rem;}

    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 30%;margin-top: 14px;}
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{margin-top: 0;}
    #ad-etc{padding-left: 60px; width: 60%;}

}

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

    /* mission */
    .mission{padding-left: 2.5%;}
    .mission-con{width: 97.5%;}
    .mission-txt{width: 52%;}

    /* brand */
    .brand-head h3{font-size: 3.2rem;}
    .brand-icon{width: 55%;}
    
    /* contact */
    #ad-etc{padding-left: 30px; width: 50%;}
}

@media screen and (max-width:700px) {
    /* create */
    .create-txt{bottom: -22%;}

    /* contact */
    #ad-etc{padding-left: 60px; width: 50%;}
}

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

    /* contact */
    .ad-con{flex-wrap: wrap;padding: 0 5%;;margin-top: 20px;}
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 36%;}
    .ad-type7{width: 100%;}
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{width: 35%;}
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 65%;}
}

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

    /* mission */
    .mission-con{background-size: contain;}
    .mission-txt{width: 60%;}

    /* spot */
    .spot{background-image: url(../images/spot-bg-660.png);}

    /* create */
    .create{padding-top: 90px;}
    .create-txt{width: 92%;bottom: -28%;}
    .create-top p:nth-of-type(1){margin-top: 30px;}
    .create-top p:nth-of-type(1){font-size: 1.2rem;}
    .create-top p b{font-size: 1.4rem;}
    .create-bottom{margin-top: 30px;}
    .create-bottom ul li ul{font-size: 1rem;}

    /* brand */
    .brand-head{background-size: contain;}
    .brand-head h3{font-size: 4rem;}
    .brand-icon p::before{width: 76px;height: 55px;}
    .brand-icon div{margin: 30px 4%;}

    /* partners */
    .plogo-list li{width: 25%;}

}

@media screen and (max-width:600px){
    /* create */
    .create-txt{bottom: -36%;}

    /* contact */
    .project .pro_list{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 8%;
        align-items: start;
        justify-items: center;
    }
}

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

    /* spot */
    .spot{padding-top: 80px;padding-bottom: 150px;}
    .spot-txt{width: 70%;}
    .spot{background-image: url(../images/spot-bg-580.png);}
    .spot-txt p:last-of-type::after{
        content: "";
        display: block;
        width: 136px;
        height: 57px;
        background: url(../images/spot-bg-txt-mobile.png) 50%/cover no-repeat;
        margin-top: 40px;
    }

    /* create */
    .create-txt{bottom: -40%;}
    .create-bottom{margin-top: 60px;font-size: 2.4rem;}
    .create-bottom ul li ul{flex-wrap: wrap;padding-top: 0;}
    .create-bottom ul li ul li{width: 50%;text-align: center;margin-top: 30px;}

    .pc-tablet-con{display: none;}
    .respon-580{display: block;}

    /* brand */
    .brand-head h3{font-size: 3.8rem;}
    .create-top p b{display: block;}
    .brand-con{padding: 26px 3.90625% 32px 3.90625%;}
    .brand-con span{display: none;}
    .brand-icon{width: 100%;}

    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 40%;}
    #ad-etc{padding-left: 40px; width: 50%;}
}

@media screen and (max-width:530px) {
    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 45%;}
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{width: 40%;}
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 60%;}
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{padding: 30px 50px;}

    /* contact */
    #ad-etc{padding-left: 20px; width: 50%;}
}

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

    /* create */
    .create-txt{width: 90%;}
    .create-top strong{font-size: 1.5rem;}
    .create-top p{margin-top: 16px;}
    .create-top p:nth-of-type(1){font-size: 1.1rem;margin-top: 20px;}
    .create-top p b{font-size: 1.3rem;}
}

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

    /* create */
    .create-txt{bottom: -48%;}
    .create-top strong{font-size: 1.25rem;}
    .create-top i{font-size: 1.5rem;}

    /* contact */
    .contact{padding: 70px 0 100px;}
    .contact h3{font-size: 4.2rem;}
    .contact-wrap > p{font-size: 1.125rem/* 18 */;}
    .form-wrap{padding: 0;margin-top: 20px;}
    .form-wrap form fieldset .form-con > div{width: 100%;margin-top: 40px;}
    .form-wrap form fieldset .form-con > div p{font-size: 1.25rem/* 20 */;}
    .form-wrap form fieldset .form-con > div input{font-size: 1.125rem/* 18 */;}
    .ad-con{padding: 0 50px;flex-wrap: wrap;margin-top: 20px;}
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con > label:nth-of-type(1){margin-right: 0;}
    .ta-con textarea{height: 40vw;}
    .privacy-con{padding: 28px 17px;}
    .privacy-con label{font-size: 1.125rem;}
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{padding: 30px 66px;height: 40vw;}
    .info-text-wrap{margin-top: 60px;}
    .info-text-wrap div:nth-child(1){margin-right: 0;}
    .info-text-wrap div:nth-of-type(3){align-items: start;justify-content: left;}
    .info-text-wrap div strong{width: 118px;height: 48px;font-size: 1.25rem/* 20 */;margin-right: 22px;}
    .info-text-wrap div p{font-size: 1.25rem/* 20 */;}
    .info-text-wrap div:nth-of-type(3) p{width: 60%;}

    /* partners */
    .partners-title h3{font-size: 4.2rem;}
    .partners-title p{font-size: 1.125rem;}
}

@media screen and (max-width:490px) {
    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 50%;}
    .form-wrap form fieldset .form-con > .ad-wrap .ad-con .ad-type7 label{width: 50%;}
    .form-wrap form fieldset .form-con > .ad-wrap input{width: 50%;}

    /* contact */
    #ad-etc{padding-left: 0px; width: 50%;}
}

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

    /* contact */
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{padding: 30px 20px;}
    .project .pro_list{
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 6%;
        align-items: start;
        justify-items: center;
    }
}

/* mobile */

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

    .mission{
        padding-top: 163px;
        padding-left: 0;
        padding-bottom: 70px;
    }
    .mission::before, .mission::after{width: 80px;height: 80px;}
    .mission-con{
        width: 90.5882%;
        padding-top: 95px;
        background: url(../images/ourmission-mobile.png) 0 0/contain no-repeat;
        margin: 0 auto;
    }
    .mission-txt{width: 68%;}
    .mission-txt strong{font-size: 1.125rem/* 18 */;}
    .mission-txt p{font-size: 0.875rem/* 14 */;margin-top: 20px;}

    .spot{background: #442DC3 url(../images/spot-bg-ntxt-mobile.png) 50% 100%/contain no-repeat;padding-top: 84px;padding-left: 20px;padding-bottom: 110px;}
    .spot-txt{width: 65%;}
    .spot-txt strong{font-size: 1.125rem/* 18 */;line-height: 1.2;display: block;}
    .spot-txt p{font-size: 0.875rem/* 14 */;margin-top: 15px;}
    .spot-txt p:first-of-type{margin-top: 20px;}
    .spot-txt p:last-of-type::after{
        content: "";
        display: block;
        width: 126px;
        height: 53px;
        background: url(../images/spot-bg-txt-mobile.png) 50%/cover no-repeat;
        margin-top: 40px;
    }

    .create{padding-top: 80px;padding-bottom: 70px;}
    .create-txt{bottom: -200px;width: 360px;}
    .create-top strong{font-size: 1.375rem/* 22 */;}
    .create-top p{font-size: 0.875rem/* 14 */;}
    .create-top p:nth-of-type(1){margin-top: 40px;font-size: 1.125rem/* 18 */;}
    .create-top p b{font-size: 1.375rem/* 22 */;}
    .create-bottom{margin-top: 225px;padding-top: 0;font-size: 2.5rem/* 40 */;}
    .create-bottom > ul{background: url(../images/create-bg-mobile.png) 50%/contain no-repeat;}
    .create-bottom > ul > li{margin-top: 50px;}
    .create-bottom ul li ul{font-size: 0.875rem/* 14 */;flex-wrap: wrap;padding-top: 0;}
    .create-bottom ul li ul li{width: 50%;margin-top: 26px;}

    .brand{padding-top: 30px;}
    .brand-head{
        background: url(../images/brand-bg1-mobile.png) 50%/contain no-repeat;
        padding: 0;
    }
    .brand-head h3{font-size: 2.8125rem/* 45 */;}
    .brand-con{padding: 24px 20px 70px 20px;}
    .brand-con > p{font-size: 1rem;width: 85vw/* 370 */;}
    .brand-icon{width: 92.3%/* 358 */;margin: 0 auto;padding: 0;}
    .brand-icon p{font-size: 1rem;}
    .brand-icon p::before{width: 70px;height: 52px;}
    .brand-icon div{width: 92px;height: 82px;margin: 60px 0;}
    .brand-con span{display: none;}

    /* contact */
    .contact h3{font-size: 3.8rem;}
    .ad-con{padding: 0 30px;}

    /* partners */
    .partners-title h3{font-size: 3.8rem;}
    .plogo-list li{width: 40%;}

}

@media screen and (max-width:400px) {
    /* contact */
    .privacy-con label{font-size: 1rem;}
}

@media screen and (max-width:390px) {
    .ad-con{padding: 0 20px;}
    .privacy-con{padding: 28px 17px;}
    .info-text-wrap div:nth-of-type(3) p{width: 55%;}
}

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

    /* create */
    .create-txt{width: 300px;}
    .create-top strong{font-size: 1.125rem;}
    .create-top i{font-size: 1.25rem;}
    .create-top p:nth-of-type(1){margin-top: 30px;}
    .create-top p b{font-size: 1.25rem;}
    .create-bottom{font-size: 2.2rem;}

    /* contact */
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text{height: 48vw;}
    .form-wrap form fieldset .form-con > .privacy-wrap .privacy-text p{font-size: 1rem;}

}

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

    /* contact */
    .form-wrap form fieldset .form-con > .ad-wrap label{width: 100%;}
}

@media screen and (max-width:350px) {
    /* create */
    .create-bottom ul li:nth-child(3) ul li:nth-child(1) div p:nth-child(2){margin-top: 45px;}
}