.f-main-text {
    margin-top: 8%;
}
.slick-slider {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 2% 0;
    z-index: 1;
}
    .slick-arrow {
        display: none !important;
    }

    .slick-dots li.slick-active button:before {
        color: #000;
    }

    .nextArea .rotate-right-2 {
        margin-top: 20.3vw;
    }

    .nextArea .rotate-left-2 {
        margin-top: 20.5vw;
    }

.land-step1 {
    padding: 6% 0 0 0;
    text-align: center;
    background: #f3f3f1;
    background: -webkit-linear-gradient(gainsboro, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(gainsboro, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(gainsboro, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(gainsboro, white); /* Standard syntax */
}
    .land-step1 .left {
        float: left;
        width: 50%;
    }
    .land-step1 .right {
        float: right;
        width: 50%;
    }
    .land-step1 .i-other-service {
        width: 52%;
        margin: 0 auto;
    }
    .land-step1 .i-moglid-edge {
        width: 52%;
        margin: 0 auto;
    }
    .land-step1 .t-other-service {
        padding-left: 6%;
        padding-right: 6%;
        font-size: 1.3rem;
        line-height: 22px;
    }
    .land-step1 .t-moglid-edge {
        padding-left: 6%;
        padding-right: 6%;
        font-size: 1.3rem;
        line-height: 22px;
    }

    .land-step1 .other-s {
        font-size: 1.5em;
        width: 52%;
        margin: -28% auto 28%;
        color: black;
        font-weight: bold;
    }
    .land-step1 .moglid-e {
        font-size: 1.5em;
        text-indent: 30px;
        width: 52%;
        margin: -28% auto 28%;
        color: #ED1E79;
        font-weight: bold;
    }

.land-step1 .image-one{
}
.pc-video{
    position: absolute;
    top: 47%;
    width: 75%;
    left: 12%;
    height: 65%;
}
.pc-video iframe{
    width: 100%;
    height: 100%;
}
.video-tilte{
    /*border: 1px solid;*/
    font-size: 1.4em;
    text-align: center;
    margin-top: 12%;
    margin-bottom: 3%;
}

.text-two-l{
    /*border: 1px solid;*/
    padding-left: 5%;
}
.text-two-r{
    /*border: 1px solid;*/
    padding-right: 5%;
}
.text-two{
    background: gainsboro;
    background: -webkit-linear-gradient(gainsboro, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(gainsboro, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(gainsboro, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(gainsboro, white); /* Standard syntax */
    width: 100%;
    padding-bottom: 10%;
}
.img-two{
    margin-top: 10%;
}
.img-three-e{
}
.header-img {
    width: initial;
}

.freeArea .header-img {
    width: 100%;
}

.moglid-edge{
    position: absolute;
    margin-top: -35%;
    color: white;
    font-size: 2.4rem;
    margin-left: 14%;
}
.moglid-edge-content{
    position: absolute;
    margin-top: -30%;
    color: white;
    font-size: 1.5rem;
    margin-left: 14%;
}

.step3-area {
    margin: 5% auto 0;
    background-image: url(../img/pc/landing_page/pc_bg_3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 530px;
    width: 100%;
}

    .step3-area .moglid-edge {
        position: absolute;
        color: white;
        font-size: 2.4rem;
        margin-top: 18%;
        margin-left: 14%;
    }

    .step3-area .moglid-edge-content {
        position: absolute;
        color: white;
        margin-top: 22%;
        margin-left: 14%;
    }

    .step3-item-area {
        width: 91%;
        margin: 0 auto;
    }

    .step3-item {
        width: 32%;
        float: left;
        margin-top: 40%;
        text-align: center;
    }
        .step3-item-center {
            margin: 40% 2% 0;
        }

        .step3-item .image {
        }

        .step3-item .title {
            margin: -50% 0 40% 0;
            color: #ffffff;
            font-size: 150%;
        }

        .step3-item .text {
            background: gainsboro;
            background: -webkit-linear-gradient(gainsboro, white); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(gainsboro, white); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(gainsboro, white); /* For Firefox 3.6 to 15 */
            background: linear-gradient(gainsboro, white); /* Standard syntax */
            text-align: center;
            padding: 15% 20%;
            line-height: 22px;
        }
.slider-entry {
    width: 100vw;
    overflow: hidden;
}
    .slider-entry ul {
    }
    .slider-entry li {
        position: relative;
        height: auto;
    }
    .slider-entry .slider-entry-image {
        position: relative;
        margin: 0vw auto;
        z-index: 5;
        top: 0;
        width: 100vw;
        height: 530px;
        margin: 0 auto;
        overflow: hidden;
    }
		@media (max-width: 768px) {
            .slider-entry .slider-entry-image {
                height: 70vw;
            }
            .slider-entry .slider-entry-image .bgfont {
				width: 70vw;
                height: 70vw;
                margin: 0 auto;
            }
		}
    .slider-entry .slider-entry-image-item {
        z-index: 6;
        width: 100vw;
        height: 530px;
        position: fixed;
        margin: 0 auto;
    }
		@media (max-width: 768px) {
            .slider-entry .slider-entry-image-item > img {
				width: 70vw;
                height: 70vw;
                margin: 0 auto;
            }
		}
    .slider-entry-bg-text {
        position: absolute;
        z-index: 0;
        width: 100vw;
        height: 530px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .slider-entry-bg-text .bgfont {
        width: 100vw;
        height: 530px;
    }
    	@media (max-width: 768px) {
            .slider-entry-bg-text {
                height: 70vw;
            }
            .slider-entry-bg-text > .bofont {
                width: 100vw;
            }
		}
    .slider-entry .slider-entry-text {
        position: relative;
        z-index: 10;
        width: 100vw;
        height: 530px;
        margin: 0 auto;
        top: 0;
    }
        @media (max-width: 768px) {
            .slider-entry .slider-entry-text {
                height: 70vw;
            }
		}
    .slick-dots {
        position: initial;
    }
.step4-area {
    margin: 15% auto 0;
}
    .step4-area .f-main {
        background-image: url(../img/pc/landing_page/pc_bg_4.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        min-height: 530px;
        width: 100%;
    }

.header-content h1{
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-top: 5%;
}
.header-content h2{
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-top: 5%;
}
.header-content h3{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 3%;
}
.header-content p{
    /*border: 1px solid;*/
    text-align: center;
    font-size: 1.2rem;
    padding-left: 14%;
    padding-right: 14%;
    margin-bottom: 5%;
}
.shin-text{
    /*border: 1px solid pink;*/
    margin: auto auto;
    width: 100%;
    height: auto;
    color: #fcfcfc;
    text-align: center;
    font-size: 20em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}
@media (max-width: 1100px) {
    .shin-text{
        font-size: 24vw;
    }
}

.slider-entry-area {
    width: 100%;
    min-height: 530px;
    margin: 14vw auto 0;
    position: relative;
}
.slider-entry-area:before {
    width: 100%;
    height: 22vw;
    margin: 0 auto;
    display: block;
    content: "";
    position: absolute;
    background: url('../img/paint.png') no-repeat top center;
    background-size: auto 100%;
    top: -14vw;
    z-index: 11;
}
    @media (max-width: 768px) {
        .slider-entry-area {
            min-height: inherit;
        }
    }
.shin-text-land {
    color: #000 !important;
    padding: 0 0 0 0 !important;
    letter-spacing: 0px;
    font-size: 14vw !important;
}
.shin-text-land-white {
    color: #fff !important;
    z-index: 20;
    position: relative;
    padding: 0 0 0 0 !important;
    margin: auto auto !important;
    text-align: center;
    width: 100vw;
}
    .shin-text .shadow {
        transition: 1s;
    }
    .entry {
        transition: 1s;
    }
    .shin-text .no-shadow {
        color: #e5e4ea;
    }
.entry{
    font-size: 1.7rem;
	letter-spacing: 2px;
	padding: 1rem 1rem;
    background-color: #0A0035;
    text-align: center;
    color: white;
    width: 14%;
    position: absolute;
    z-index: 999;
    bottom: 35%;
    left: 43%;


    /*    background: #0A0035;
        margin: 5% 37% 5% 37%;
    
        text-align: center;
        font-size: 3em;
        color: white;
    
        padding-top: 1%;
        padding-bottom: 1%;
        font-weight: bold;*/
}
.e2{
    margin-left: 38%;
}
.e3{
    margin-left: 64%;
}

.img-four-e{
    width: 30%;
    background:pink;
}

.img-four-e .m4{
    position: absolute;
    width: 14%;
    margin-top: -12%;
}

.img-four-e1{
    margin-left: 13%;
}
.img-four-e2{
    margin-left: 28%;
}
.img-four-e3{
    margin-left: 43%;
}
.img-four-e4{
    margin-left: 58%;
}
.img-four-e5{
    margin-left: 73%;
}

.img-four-c{
    position: absolute;
    margin-top: -20%;
    background-color: #fff;
    border-radius: 50%;
    z-index: 100;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.circle-1{
    margin-left: 18.5%;
}
.circle-2{
    margin-left: 33.5%;
}
.circle-3{
    margin-left: 48.5%;
}
.circle-4{
    margin-left: 63.5%;
}
.circle-5{
    margin-left: 78.5%;
}

.img-four-ten{

    margin-top: -21%;
    width: 13%;
    position: absolute;
}
.tenten-1{
    margin-left: 21%;
}
.tenten-2{
    margin-left: 36%;
}
.tenten-3{
    margin-left: 51%;
}
.tenten-4{
    margin-left: 66%;
}
.tenten-5{
    margin-left: 81%;
}

.img-four-k{
    width: 1.5%;
    margin-top: -17.4%;
    position: absolute;
    margin-left: 19.2%;
    z-index: 1;
}
.k-1{
    margin-left: 19.2%;
}
.k-2{
    margin-left: 34.2%;
}
.k-3{
    margin-left: 49.2%;
}
.k-4{
    margin-left: 64.2%;
}
.k-5{
    margin-left: 79.2%;
}

.img-four-t2{
    background: gainsboro;
    background: -webkit-linear-gradient(gainsboro, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(gainsboro, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(gainsboro, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(gainsboro, white); /* Standard syntax */

    position: absolute;
    width: 14%;
    margin-top: 10%;
    text-align: center;
    padding: 1% 1% 1% 1%;
    font-size: 0.7em;
}

.four-txt-1{
    margin-left: 13%;
}
.four-txt-2{
    margin-left: 28%;
}
.four-txt-3{
    margin-left: 43%;
}
.four-txt-4{
    margin-left: 58%;
}
.four-txt-5{
    margin-left: 73%;
}

.mob-main{
    position: absolute;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.mob-1{
    margin-top: -21%;
}
.mob-2{
    margin-top: 12%;
}
.mob-3{
    margin-top: 45%;
}
.mob-4{
    margin-top: 78%;
}
.mob-5{
    margin-top: 111%;
}

.mob-circle{
    position: absolute;
    width: 7%;
    margin-left: 47%;
    margin-right: 15%;
    z-index: 1;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    height: 3.1%;
    line-height: 26px;
    font-size: 0.9em;
    padding: 0 0 0 0.5%;
}
.mob-cir-1{
    margin-top: -24.5%;
}
.mob-cir-2{
    margin-top: 8.5%;
}
.mob-cir-3{
    margin-top: 41.5%;
}
.mob-cir-4{
    margin-top: 74.5%;
}
.mob-cir-5{
    margin-top: 107.5%;
}

.mob-text{
    width: 67%;
    color: white;
    margin-left: 16.5%;
    font-size: 1.2em;
    padding: 1% 1.5% 3% 1.5%;
    position: absolute;
    z-index: 2;
}
.mob-txt-1{
    margin-top: -8%;
}
.mob-txt-2{
    margin-top: 25%;
}
.mob-txt-3{
    margin-top: 57%;
}
.mob-txt-4{
    margin-top: 90%;
}
.mob-txt-5{
    margin-top: 123%;
}
.form-control{
    border-radius: 0px;
}

.form-land {
    margin-top: 19%;
    padding-top: 40%;
    background-image: url(../img/pc/landing_page/pc_img_entry.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: 100% auto;
    /*background-color: pink;*/
    background-position-x: center;
}

    .form-land .form-control {
        min-height: 60px;
    }

    .form-land .btn {
        min-height: 60px;
    }

.land-button{
    width: 100%;
    border-radius: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.input-color{
    background: #E6E6E6;
}
.btn-color{
    background: #BAB8C3;
}


.form-group{
}

.interview{
    position: absolute;
    margin-top: 15%;
    color: white;
    font-size: 2.4rem;
    margin-left: 67%;
}
.interview-content{
    position: absolute;
    margin-top: 20%;
    color: white;
    font-size: 1.5rem;
    margin-left: 55%;
}
.entry-bottom{
    background: #0A0035;
    margin: 5% 37% 5% 37%;

    text-align: center;
    font-size: 3em;
    color: white;

    padding-top: 1%;
    padding-bottom: 1%;
    font-weight: bold;
}
.enjoy-design{
    color: grey;
    margin: 5% 20% 10% 20%;
    background: transparent;
	font-size: 1.8rem;
	letter-spacing: 2px;
    color: #b5b5b5;
}
.three-tt{
    margin-top: -6%;
    background: transparent;
    color: white;
}
.four-regist{
    position: absolute;
    margin-top: 15%;
    color: white;
    font-size: 2.4rem;
    text-align: right;
    width: 81%;
    /*background: pink;*/
}

.four-regist-content{
    position: absolute;
    margin-top: 20%;
    color: white;
    font-size: 1.5rem;
    text-align: right;
    width: 81%;
    /*background: pink;*/
}

.four-pc-tt{
    margin-top: -4%;
    background: transparent;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}
.four-mob-tt1{
    margin-top: -15%;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
.four-mob-tt2{
    margin-top: 18%;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
.four-mob-tt3{
    margin-top: 50%;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
.four-mob-tt4{
    margin-top: 83%;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
.four-mob-tt5{
    margin-top: 116%;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
.entry-moglid{
    /*background: pink;*/
    text-align: center;
    margin-bottom: 10%;
    font-size: 3.5em;
    font-weight: bold;
    position: absolute;
    margin-top: 28.5%;
    margin-left: 22%;
    width: 50%;
    /*background: pink;*/
}
.text-footer{
    color: white;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 19%;
    font-size: 1em;
}

.text-footer small{
    opacity: 0.5;
}

.land-mogid-text{
    color: black;
    margin-top: 37.5%;
}

@media (max-width: 1024px) {
    .img-four{
        margin-top: 33%;
    }
    .moglid-edge{
        font-size: 2em;
    }
    .moglid-edge-content{
        font-size: 1.2em
    }
    .interview{
        font-size: 2em;
    }
    .interview-content{
        font-size: 1.2em;
        margin-left: 51%;
    }
    .four-regist-content{
        margin-top: 21%;
    }
}
/*@media (max-width: 992px) {
    .text-two-l, .text-two-r{
        padding-left: 3%;
        padding-right: 3%;
    }
    .form-land{
        margin-top: 120%;
    }
    .entry-bottom{
        font-size: 2em;
    }
}*/
@media (max-width: 992px) {
    .text-two{
        width: 82.6%;
        margin-left: 8.7%;
    }
    .img-three-e1{
        width: 23%;
        margin-left: 14.5%;
    }
    .img-three-e2{
        width: 23%;
        margin-left: 38%;
    }
    .img-three-e3{
        width: 23%;
        margin-left: 61.5%;
    }

    .img-three-t1{
        width: 23%;
        margin-top: 9%;
        margin-left: 14.5%;
        font-size: 1em;
        padding: 1% 1.5% 3% 1.5%;
    }
    .header-content h1{
        font-size: 3em;
    }
    .header-content h3{
        font-size: 1.5em;
    }
    .header-content p{
        font-size: 1.5em;
        padding-left: 4%;
        padding-right: 4%;
    }
    .shin-text{
        font-size: 10em;
    }
    .entry{
        font-size: 1.5em;
        bottom: 28%;
    }
    .e2{
        margin-left: 38%;
    }
    .e3{
        margin-left: 61.5%;
    }
    .t-other-service{
        padding-right: 3%;
    }
    .t-moglid-edge{
        padding-left: 3%;
    }
    .mob-text{
        font-size: 1em;
    }
    .form-land{
        margin-top: 107%;
        padding-top: 50%;
        background-size: 100% auto;
    }
    .moglid-edge{
        margin-top: -52%;
        margin-left: 20%;
    }
    .moglid-edge-content{
        margin-top: -45%;
        margin-left: 20%;
    }

    .other-s{
        margin-left: 18%;
    }
    .moglid-e{
        margin-left: 64%;
    }
    .interview{
        margin-top: 19.5%;
        margin-left: 56%;
    }
    .interview-content{
        margin-top: 27%;
        margin-left: 35%;
    }
    .entry-bottom{
        font-size: 1.5em;
    }
    .three-tt{
        margin-top: -3%;
    }
    .four-regist-content{
        margin-top: 28%;
        font-size: 1.5em;
        width: 71%;
    }
    .four-regist{
        margin-top: 20%;
        font-size: 2.5em;
        width: 71%;
    }
    .four-mob-tt1,.four-mob-tt2, .four-mob-tt3, .four-mob-tt4, .four-mob-tt5{
        font-size: 1.5em;
    }
    .entry-moglid{
        margin-top: 136%;
    }
    .text-two-l, .text-two-r{
        padding-left: 3%;
        padding-right: 3%;
    }
    .land-mogid-text{
        color: black;
        margin-top: 48%;
    }
    .rotate-left-2{
        left: -2%;
    }
    .rotate-right-2{
        right: -2%;
    }

}
@media (max-width: 768px) {

    .nextArea .rotate-right-2 {
        margin-top: 38.2vw;
    }

    .nextArea .rotate-left-2 {
        margin-top: 39vw;
    }
    .shin-text-land {
        color: #000;
        padding: 0 !important;
        letter-spacing: 1vw;
        font-size: 13vw !important;
    }
    .step3-area {
        background-image: url(../img/smart-phone/landing_page/mob_bg_3.png);
        min-height: 350px;
    }

    .step4-area .f-main {
        background-image: url(../img/mob/landing_page/mob_bg_4.png);
        min-height: 260px;
    }
    .entry {
        width: 30%;
        left: 37%;
        font-size: 90%;
        padding: 0.7rem 1rem;
        bottom: 25%;
    }
    .image-one {
        margin-top: 20%;
    }

    .i-other-service {
        width: 36%;
        margin-left: 8%;
    }

    .other-s {
        font-size: 0.9em;
        margin-left: 13%;
        margin-top: 16%;
    }

    .i-moglid-edge {
        width: 36%;
        margin-right: 10%;
    }
    .land-step1 .image-one {
        margin: 0;
    }
    .land-step1 .i-other-service {
        width: 80%;
    }
    .land-step1 .i-moglid-edge {
        width: 80%;
    }
    .land-step1 .right {
        margin-bottom: 20px;
    }
    .land-step1 .t-other-service {
        padding: 0 4%;
        font-size: 1.2rem;
        text-align: left;
        line-height: 20px;
    }
    .land-step1 .t-moglid-edge {
        padding: 0 4%;
        font-size: 1.2rem;
        text-align: left;
        line-height: 20px;
    }
    .land-step1 .other-s {
        font-size: 1.2rem;
        text-indent: 0px;
        width: 100%;
        margin: -43% auto 28%;
        color: #000;
        font-weight: bold;
        text-align: center;
    }
    .land-step1 .moglid-e {
        font-size: 1.2rem;
        text-indent: 20px;
        width: 100%;
        margin: -43% auto 28%;
        color: #ED1E79;
        font-weight: bold;
        text-align: center;
    }
    .moglid-e {
        font-size: 0.9em;
        margin-top: 16%;
        margin-left: 62%;
    }
    .img-two {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
        .img-two .f-main {
            width: 100%;
        }

    .text-two {
        width: 90%;
        margin: 0 auto;
    }
    .img-three-e1{
        width: 26%;
        margin-left: 10%;
    }
    .img-three-e2{
        width: 26%;
        margin-left: 37%;
    }
    .img-three-e3{
        width: 26%;
        margin-left: 64%;
    }
    .video-tilte {
        /* border: 1px solid; */
        font-size: 1em;
        text-align: center;
        margin-top: 15%;
        margin-bottom: 5%;
    }
    .img-three-t1{
        width: 26%;
        margin-top: 9%;
        margin-left: 10%;
        font-size: 0.9em;
        padding: 1% 1.5% 3% 1.5%;
    }
    .step3-area {
        width: 90%;
    }
    .step3-item .title {
        margin: -60% 0 20% 0;
        color: #ffffff;
        font-size: 90%;
    }
    .step3-item .text {
        background: gainsboro;
        background: -webkit-linear-gradient(gainsboro, white);
        background: -o-linear-gradient(gainsboro, white);
        background: -moz-linear-gradient(gainsboro, white);
        background: linear-gradient(gainsboro, white);
        text-align: center;
        padding: 15% 9%;
        line-height: 22px;
        font-size: 90%;
        text-align: left;
    }
    .e2{
        margin-left: 37%;
    }
    .e3{
        margin-left: 64%;
    }
    .header-content h1{
        font-size: 2em;
        margin: 5% 0 7% 0;
    }
    .header-content h3{
        margin: 5% 0;
        font-size: 1.1em;
    }
    .header-content p{
        font-size: 1em;
        padding-left: 4%;
        padding-right: 4%;
        line-height: 26px;
    }
    .shin-text{
        font-size: 24vw;
    }
    .t-other-service{
        padding-right: 3%;
    }
    .t-moglid-edge{
        padding-left: 3%;
    }
    .mob-text{
        font-size: 1em;
    }
    .form-land{
        margin-top: 107%;
        padding-top: 50%;
    }
    .moglid-edge{
        margin-top: -52%;
        margin-left: 20%;
    }
    .moglid-edge-content{
        margin-top: -45%;
        margin-left: 20%;
    }
    .interview{
        margin-top: 19.5%;
        margin-left: 56%;
    }
    .interview-content{
        margin-top: 27%;
        margin-left: 35%;
    }
    .entry-bottom{
        font-size: 0.8em;
        margin: 0 auto 10%;
        color: #b5b5b5;
    }
    .three-tt{
        margin-top: -6%;
    }
    .four-regist-content{
        margin-top: 32%;
        font-size: 1.5em;
        width: 75%;
    }
    .four-regist{
        margin-top: 25%;
        font-size: 2.5em;
        width: 75%;
    }
    .four-mob-tt1,.four-mob-tt2, .four-mob-tt3, .four-mob-tt4, .four-mob-tt5{
        font-size: 1.5em;
    }
    .step3-area .moglid-edge {
        font-size: 1.3em;
        margin-top: 22%;
       margin-left: 22%;
    }
    .step3-area .moglid-edge-content {
        font-size: 0.8em;
        margin-top: 30%;
       margin-left: 22%;
    }
    .step3-item {
        margin-top: 50%;
    }
    .step3-item-center {
        margin: 50% 2% 0;
    }
    .three-mtt{
        font-size: 1.5em;
    }
    .entry-moglid{
        font-size: 2em;
    }
    .text-footer{
        font-size: 0.8em;
    }

    .mob-main {
        width: 76%;
        margin-left: auto;
        margin-right: auto;
        left: 12%;
    }

    .form-land {
        margin-top: 125%;
        padding-top: 60%;
    }

    .form-group {
        padding: 0;
        width: 82%;
        margin: 4% auto;
    }

    .form-land .form-control {
        min-height: 30px;
    }

    .form-land .btn {
        min-height: 30px;
    }

}
.slider-entry .slider-entry-bg-text > div{
	width: 100vw;
}
@media (max-width: 736px) {

}
@media (max-width: 732px) {
    .interview{
        font-size: 1.8em;
        margin-left: 54%;
    }
    .interview-content{
        font-size: 1em;
    }
}
@media (max-width: 600px) {
    .mob-text{
        font-size: 0.8em;
    }
    .form-land{
    }
    .interview-content {
        font-size: 1em;
        margin-left: 29%;
    }
    .interview {
        font-size: 1.8em;
        margin-left: 51%;
    }
    .four-regist-content{
        font-size: 1em;
    }
    .four-regist{
        font-size: 1.5em;
    }
    .four-mob-tt1,.four-mob-tt2, .four-mob-tt3, .four-mob-tt4, .four-mob-tt5{
        font-size: 1.5em;
    }
}
@media (max-width: 420px) {
    .shin-text {
        font-size: 6.5em;
    }
    .img-four {
        margin-top: 39%;
    }
    .mob-text{
        font-size: 0.6em;
    }
    .form-land {
    }
    .moglid-edge{
        font-size: 1.2em;
    }
    .moglid-edge-content{
        font-size: 0.8em;
    }
    .other-s, .moglid-e{
        font-size: 0.9em;
    }
    .f-pc {
        bottom: -14%;
    }
    .interview {
        font-size: 1.4em;
        margin-left: 48%;
    }
    .interview-content {
        font-size: 0.8em;
        margin-left: 22%;
    }
    .four-regist-content{
        font-size: 0.8em;
    }
    .four-regist{
        font-size: 1.3em;
    }
    .four-mob-tt1,.four-mob-tt2, .four-mob-tt3, .four-mob-tt4, .four-mob-tt5{
        font-size: 1em;
    }
    .entry-moglid {
        font-size: 1em;
    }
    .text-footer{
        font-size: 0.6em;
        margin-top: 16%;
    }
    .f-f-icon{
        margin-top: 2%;
    }
}
@media (max-width: 376px) {
    .form-land {
    }
    .other-s, .moglid-e{
        font-size: 0.8em;
    }
    .interview {
        font-size: 1.2em;
        margin-left: 43%;
    }
    .interview-content {
        margin-left: 17%;
    }
    .four-regist-content{
        font-size: 0.7em;
        width: 67%;
    }
    .four-regist{
        font-size: 1.1em;
        width: 67%;
    }

}
@media (max-width: 320px) {
    .entry {
        width: 24%;
        left: 36%;
    }
    .img-four {
        margin-top: 51%;
    }
    .mob-text{
        font-size: 0.6em;
    }
    .moglid-edge{
        font-size: 1em;
    }
    .moglid-edge-content{
        font-size: 0.6em;
    }
    .other-s, .moglid-e{
        font-size: 0.7em;
    }
    .interview-content {
        margin-left: 20%;
        font-size: 0.6em;
    }
    .four-mob-tt1,.four-mob-tt2, .four-mob-tt3, .four-mob-tt4, .four-mob-tt5{
        font-size: 1em;
    }
}