@charset "UTF-8";

html{
    font-size: 62.5%;
    /*基本のブラウザの文字サイズは16px、その62.5%は10px*/
    box-sizing:border-box;
    }
    *,*::before,*::after{box-sizing:inherit;}


body{
    font-family: 'Noto Sans JP', sans-serif;
    /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", 'Noto Serif JP', "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
}
.hide{
    overflow: hidden;
}
img{
    width: 100%;
    vertical-align: bottom;
}
a{
    transition: 0.7s;
    text-decoration: none;
}
a:hover{
    opacity: 0.6;
}
.flex{
    display: flex;
}
.flex_pc{
    display: flex;
}
.pc_none{
    display: none;
}
.inner{
    width: 80vw;
    margin: 0 auto;
    max-width: 900px;
}
.row-r{
    flex-direction: row-reverse;
}


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

    .row-r{
        flex-direction: row;
    }
    .flex_pc{
        display: block;
    }
    .inner{
        width: 90%;
        margin: 0 auto;
    }
    .pc_none{
        display: initial;
    }
}

@media screen and (max-width:769px){
    .sp_none{
        display: none!important;
    }
}

/* mv */
.mv{
    background: url(../images/mv_bg_2.jpg?v=2) no-repeat;
    background-size: 100%;
    padding-top: 4%;
    height: 84.3vw;
    position: relative;
}
.mv .img{
    width: 86.2%;
    margin-left: 3.6%;
}
.mv .mv_link{
    width: 53.1vw;
    margin: 12.5vw auto 0;
}
.mv .mv_link1{
    width: 21.78vw;
    position: absolute;
    bottom: 14vw;
    left: 24vw;
    line-height: 5.73vw;
    background-color: #000000;
    border-radius: 10vw;
    text-align: center;
}
.mv a{
    color: #FFFFFF;
    font-size: 1.83vw;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.mv .mv_link2{
    width: 21.78vw;
    position: absolute;
    bottom: 14vw;
    right: 24vw;
    line-height: 5.73vw;
    background-color: #000000;
    border-radius: 10vw;
    text-align: center;
}
@media screen and (max-width:768px){

    .mv{
        background: url(../images/mv_bg_2_sp.png?v=2) no-repeat;
        background-size: 100%;
        padding-top: 5.6%;
        height: 191.2vw;
        position: relative;
    }
    .mv .img{
        width: 96.79%;
        margin-left: 2.5vw;
    }
    .mv .mv_link{
        width: 91.47vw;
        margin: 152vw auto 0;
    }
    .mv .mv_link1{
        width: 36vw;
        position: absolute;
        bottom: 47.5vw;
        left: 9.8vw;
        line-height: 9.37vw;
        background-color: #000000;
        border-radius: 10vw;
        text-align: center;
    }
    .mv a{
        color: #FFFFFF;
        font-size: 3.205vw;
        font-weight: 500;
        letter-spacing: 0.1em;
    }
    .mv .mv_link2{
        width: 36vw;
        position: absolute;
        bottom: 67.5vw;
        right: 5.1vw;
        line-height: 9.37vw;
        background-color: #000000;
        border-radius: 10vw;
        text-align: center;
    }
}

/* sec1 */
.sec1{
    background: url(../images/sec1_bg.png);
    background-size: 100%;
}
.sec1 .wrap1{
    background: url(../images/sec1_bg1.png) no-repeat;
    background-size: 100%;
    padding-top: 2.5vw;
    height: 114.9vw;
}
.sec1 .wrap1 .title{
    width: 82.3vw;
    margin-left: 8vw;
    position: relative;
}
.sec1 .wrap1 .title p{
    position: absolute;
    font-size: 2.247vw;
    line-height: 2.388vw;
    letter-spacing: 0;
    top: 11.5vw;
    left: 7vw;
    color: #FFFFFF;
    font-weight: 500;
}
.sec1 .wrap1 .title div{
    position: absolute;
    font-size: 4.9vw;
    line-height: 3.407vw;
    letter-spacing: 0.02em;
    top: 15.5vw;
    left: 7vw;
    color: #FFF100;
    font-weight: bold;
}
.sec1 .wrap1 .title div span{
    color: #FFFFFF;
}
.sec1 .wrap1 .flex{
    margin: -4vw 6vw 0;
    position: relative;
}
.sec1 .wrap1 .flex .txt1{
    position: absolute;
    font-size: 1.4vw;
    line-height: 1.68vw;
    letter-spacing: 0;
    bottom: 3.3vw;
    left: 7.7vw;
    color: #FFFFFF;
    font-weight: 500;
}
.sec1 .wrap1 .flex .txt2{
    position: absolute;
    font-size: 1.4vw;
    line-height: 1.68vw;
    letter-spacing: 0;
    bottom: 3.3vw;
    left: 26.5vw;
    color: #FFFFFF;
    font-weight: 500;
}
.sec1 .wrap1 .flex .txt3{
    position: absolute;
    font-size: 3.2vw;
    line-height: 3.7vw;
    letter-spacing: 0.05em;
    bottom: 34.7vw;
    left: 39.5vw;
    color: #FFF100;
    font-weight: bold;
}
.sec1 .wrap1 .flex .txt3 span{
    font-size: 2.1vw;
    line-height: 3.7vw;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: bold;
}
.sec1 .wrap1 .flex .txt4{
    position: absolute;
    font-size: 3.1vw;
    line-height: 2.78vw;
    letter-spacing: 0;
    bottom: 27vw;
    left: 41vw;
    color: #FFFFFF;
    font-weight: bold;
}
.sec1 .wrap1 .flex .txt5{
    position: absolute;
    font-size: 2.4vw;
    line-height: 2.1vw;
    letter-spacing: 0;
    bottom: 23vw;
    left: 16vw;
    transform: scale(0.5,0.5) translateX(16vw);
    -webkit-transform: scale(0.5,0.5) translateX(16vw);
}
.sec1 .wrap1 .flex .txt6{
    position: absolute;
    font-size: 3.1vw;
    line-height: 2.78vw;
    letter-spacing: 0;
    bottom: 15.5vw;
    left: 51vw;
    color: #FFFFFF;
    font-weight: bold;
}
.sec1 .wrap1 .flex .txt7{
    position: absolute;
    font-size: 2.4vw;
    line-height: 2.1vw;
    letter-spacing: 0;
    bottom: 11.5vw;
    left: 22vw;
    transform: scale(0.5,0.5) translateX(16vw);
    -webkit-transform: scale(0.5,0.5) translateX(16vw);
}
.sec1 .wrap1 .flex .txt8{
    position: absolute;
    text-align: justify;
    width: 65.2vw;
    font-size: 2.2vw;
    line-height: 2.5vw;
    letter-spacing: 0;
    bottom: 1.5vw;
    left: 13.5vw;
    transform: scale(0.5,0.5) translateX(16vw);
    -webkit-transform: scale(0.5,0.5) translateX(16vw);
}


@media screen and (max-width:768px){
    .sec1{
        background: url(../images/sec1_bg_sp.png);
        background-size: 100%;
        padding-top: 49.1vw;
    }
    .sec1 .wrap1{
        background: url(../images/sec1_bg1_sp.png);
        background-size: 100%;
        padding-top: 2.5vw;
        height: 267.56vw;
    }
    .sec1 .wrap1 .title{
        width: 91.02vw;
        margin-left: 4.49vw;
        margin-top: -46.1vw;
        position: relative;
    }
    .sec1 .wrap1 .title p{
        line-height: 4.388vw;
        top: 20.5vw;
        left: 16vw;
        text-align: center;
        font-size: 3.58vw;
    }
    .sec1 .wrap1 .title div{
        font-size: 8.97vw;
        line-height: 10.25vw;
        letter-spacing: 0;
        top: 31vw;
        left: 9vw;
        text-align: center;
    }
    .sec1 .wrap1 .title div span{
        color: #FFFFFF;
    }
    .sec1 .wrap1 .flex{
        margin: 9vw 6.71vw 0;
        width: 88.58vw;
        display: block;
    }
    .sec1 .wrap1 .flex .add{
        margin-top: -20vw;
        width: 74.61vw;
        margin-left: 5vw;
        padding-bottom: 6.571vw;
    }
    .sec1 .wrap1 .flex .add1{
        width: 90.51vw;
        margin-left: -1.965vw;
    }
    .sec1 .wrap1 .flex .add2{
        width: 92.82vw;
        margin-left: -1.965vw;
    }
    .sec1 .wrap1 .flex .txt1{
        bottom: 81vw;
        left: 12.5vw;
        font-size: 6.15vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
    }
    .sec1 .wrap1 .flex .txt2{
        bottom: 81vw;
        left: 52.3vw;
        font-size: 6.15vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
    }
    .sec1 .wrap1 .flex .txt3{
        font-size: 6.54vw;
        bottom: 65vw;
        left: 11vw;
    }
    .sec1 .wrap1 .flex .txt3 span{
        font-size: 4.29vw;
    }
    .sec1 .wrap1 .flex .txt4{
        font-size: 6.34vw;
        bottom: 49vw;
        left: 2.5vw;
    }
    .sec1 .wrap1 .flex .txt5{
        font-size: 5.12vw;
        line-height: 2.1vw;
        letter-spacing: -1px;
        bottom: 40.5vw;
        left: -37vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        width: 200%;
    }
    .sec1 .wrap1 .flex .txt6{
        font-size: 6.34vw;
        bottom: 25vw;
        left: 23.5vw;
    }
    .sec1 .wrap1 .flex .txt7{
        font-size: 5.12vw;
        line-height: 2.1vw;
        bottom: 16.5vw;
        left: -43vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        width: 200%;
    }
    .sec1 .wrap1 .flex .txt8{
        position: absolute;
        text-align: left;
        width: 200%;
        font-size: 5.6vw;
        line-height: 7vw;
        letter-spacing: 0;
        bottom: initial;
        left: -47vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        top: 199vw;
    }
      
}

.sec1 .wrap2{
    position: relative;
}
.sec1 .wrap2 .img{
    display: block;
    width: 78.15vw;
    margin: -4vw auto 0;
}
.sec1 .wrap2 h2{
    position: absolute;
    font-size: 2.8vw;
    line-height: 3.5vw;
    font-weight: bold;
    letter-spacing: 0;
    color: #FFF100;
    top: 13.7vw;
    left: 14vw;
    transform: rotateZ(-5.7deg);
    -webkit-transform: rotateZ(-5.7deg);
}
.sec1 .wrap2 h2 span{
    color: #FFFFFF;
}
.sec1 .wrap2 p{
    position: absolute;
    width: 30.56vw;
    font-size: 1.4vw;
    line-height: 2.2vw;
    letter-spacing: 0;
    top: 26.7vw;
    left: 14vw;
    text-align: justify;
}


@media screen and (max-width:768px){
    .sec1 .wrap2{
        position: relative;
    }
    .sec1 .wrap2 .img{
        display: block;
        width: 91.15vw;
        margin: 0 2.5vw 0;
    }
    .sec1 .wrap2 h2{
        font-size: 6.92vw;
        top: 27vw;
        left: 14vw;
        transform: none;
        -webkit-transform: none;
    }
    .sec1 .wrap2 h2 span{
        color: #FFFFFF;
    }
    .sec1 .wrap2 p{
        width: 83.27vw;
        font-size: 3.58vw;
        line-height: 5.2vw;
        top: 127.7vw;
        left: 8.365vw;
    }
}


.sec1 .wrap3{
    height: 215.1vw;
    background: url(../images/sec1_bg2.png) no-repeat;
    background-size: 100%;
    padding-top: 6vw;
}
.sec1 .wrap3 .title1{
    width: 75vw;
    margin: 0 auto;
    position: relative;
}
.sec1 .wrap3 .title1 p{
    position: absolute;
    font-size: 1.99vw;
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #FFF100;
    top: 6.2vw;
    left: 4vw;
}
.sec1 .wrap3 .title1 p span{
    font-size: 1.67vw;
    color: #FFFFFF;
}
.sec1 .wrap3 .title1 div{
    position: absolute;
    font-size: 4.3vw;
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #FFF100;
    top: 9vw;
    left: 4vw;
}
.sec1 .wrap3 .title1 div span{
    font-size: 3.2vw;
    color: #FFFFFF;
}
.sec1 .wrap3 .title2{
    width: 77.7vw;
    margin: 1vw 12.5vw 0 9.8vw;
    position: relative
}
.sec1 .wrap3 .title2 p{
    position: absolute;
    font-size: 2.1vw;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    top: 1.7vw;
    left: 14vw;
}
.sec1 .wrap3 .title2 p span{
    font-size: 3.2vw;
    color: #FFF100;
}
.sec1 .wrap3 .title2 div{
    position: absolute;
    font-size: 1.6vw;
    font-weight: 500;
    letter-spacing: 0;
    color: #004598;
    top: 18.2vw;
    left: 1.5vw;
}
.sec1 .wrap3 > p{
    width: 150vw;
    margin: 0vw auto 0;
    font-size: 2.2vw;
    line-height: 3vw;
    letter-spacing: 0;
    transform: scale(0.5,0.5) translateX(-50vw);
    -webkit-transform: scale(0.5,0.5) translateX(-50vw);
}
.sec1 .wrap3 .btn{
    width: 53.1vw;
    margin: 1.5vw auto 25.5vw;
}
.sec1 .wrap3 .flex{
    width: 75vw;
    margin: 0 auto;
    flex-wrap: wrap;
}
.sec1 .wrap3 .flex .scene{
    width: 22.5vw;
    margin: 1.5vw auto 1vw;
    position: relative;
}
.sec1 .wrap3 .flex .scene div{
    position: absolute;
    font-size: 2.1vw;
    font-weight: bold;
    letter-spacing: 0;
    color: #004598;
    top: 6.3vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.sec1 .wrap3 .flex .scene p{
    position: absolute;
    font-size: 2.544vw;
    line-height: 3.392vw;
    letter-spacing: 0;
    top: 8vw;
    left: -11.3vw;
    /* right: 0; */
    /* margin: auto; */
    text-align: center;
    transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    width: 200%;
}

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

.sec1 .wrap3{
    height: 474.74vw;
    background: url(../images/sec1_bg2_sp.png);
    background-size: 100%;
    padding-top: 16vw;
    margin-top: 30vw;
}
.sec1 .wrap3 .title1{
    width: 92.56vw;
    margin: 0 2.95vw 0 4.49vw;
}
.sec1 .wrap3 .title1 p{
    top: 9.5vw;
    left: 5vw;
    font-size: 3.84vw;
}
.sec1 .wrap3 .title1 p span{
    font-size: 3.333vw;
}
.sec1 .wrap3 .title1 div{
    font-size: 5.89vw;
    top: 17vw;
    left: 5vw;
}
.sec1 .wrap3 .title1 div span{
    font-size: 5.89vw;
    color: #FFF100;
}
.sec1 .wrap3 .title2{
    width: 93.97vw;
    margin: 1vw 4.49vw 0 1.7vw;
}
.sec1 .wrap3 .title2 p{
    font-size: 3.33vw;
    top: 3vw;
    left: 6vw;
}
.sec1 .wrap3 .title2 p span{
    font-size: 5.76vw;
}
.sec1 .wrap3 .title2 div{
    font-size: 3.2vw;
    top: 34.2vw;
    left: 3.5vw;
}
.sec1 .wrap3 > p{
    width: 182.04vw;
    margin: -3vw 0 0 -40vw;
    font-size: 5.12vw;
    line-height: 7.5vw;
    letter-spacing: 0;
    transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
}
.sec1 .wrap3 .btn{
    width: 91.47vw;
    margin: 0.5vw auto 25.5vw;
}
.sec1 .wrap3 .flex{
    width: 90.06vw;
    margin: 0 auto;
    padding-top: 18vw;
}
.sec1 .wrap3 .flex .scene{
    width: 43.03vw;
    margin: 3.5vw auto 1vw;
    position: relative;
}
.sec1 .wrap3 .flex .scene div{
    font-size: 4.23vw;
    top: 12vw;
}
.sec1 .wrap3 .flex .scene p{
    font-size: 2.948vw;
    line-height: 3.974vw;
    top: 18.5vw;
    transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    left: -21vw;
}
}
@media screen and (max-width:768px){}



.sec1 .wrap4 .title{
    width: 81.5vw;
    margin: 1vw 6vw 0 12.5vw;
    position: relative
}
.sec1 .wrap4 .title p span{
    font-size: 3.524vw;
    color: #FFF100;
}
.sec1 .wrap4 .title p{
    font-size: 2.702vw;
    line-height: 3.6vw;
    letter-spacing: 0.02em;
    top: 5vw;
    left: 10vw;
    font-weight: bold;
    position: absolute;
    color: #FFFFFF;
    text-align: center;
}
.sec1 .wrap4 .content .flex{
    width: 69.2vw;
    margin: 2vw auto 0;
    justify-content: space-between;
}
.sec1 .wrap4 .content .flex .left{
    width: 35.3vw;
}
.sec1 .wrap4 .content .flex .center{
    position: relative;
    width: 2.5vw;
    margin-left: 1vw;
}
.sec1 .wrap4 .content .flex .right{
    width: 26.12vw;
    position: relative;
}
.sec1 .wrap4 .content .flex .left div{
    font-size: 2.1vw;
    line-height: 3.029vw;
    letter-spacing: 0;
    font-weight: 500;
    color: #004598;
}
.sec1 .wrap4 .content .flex .left p{
    font-size: 1.5vw;
    line-height: 2.1vw;
    letter-spacing: 0.015em;
    font-weight: 500;
    text-align: justify;
    padding-top: 1vw;
}
.sec1 .wrap4 .content .flex .center p{
    font-size: 1.465vw;
    line-height: 1.779vw;
    letter-spacing: -0.1em;
    font-weight: 500;
    color: #FFFFFF;
    writing-mode: vertical-rl;
    position: absolute;
    top: 0.6vw;
    left: 0.4vw;
}
.sec1 .wrap4 .content .flex .right .txt1{
    font-size: 1.673vw;
    line-height: 1;
    letter-spacing: 0;
    font-weight: bold;
    position: absolute;
    top: -0.3vw;
    left: 0;
}
.sec1 .wrap4 .content .flex .right .txt1 span{
    font-size: 1.141vw;
    font-weight: 400;
}
.sec1 .wrap4 .content .flex .right .txt2{
    font-size: 1.332vw;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: bold;
    position: absolute;
    top: 4vw;
    left: 0;
}
.sec1 .wrap4 .content .flex .right .txt2 span{
    font-size: 1.141vw;
    line-height: 1.522vw;
    font-weight: 400;
}
.sec1 .wrap4 .content .flex .right .txt3{
    font-size: 1.332vw;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: bold;
    position: absolute;
    color: #E10012;
    top: 8.4vw;
    left: 0;
}
.sec1 .wrap4 .content .flex .right .txt3 span{
    font-size: 1.141vw;
    line-height: 1.522vw;
    font-weight: 400;
}
.sec1 .wrap4 .content .flex .right .txt4{
    font-size: 1.141vw;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 500;
    position: absolute;
    top: 13vw;
    left: 12vw;
}
.sec1 .wrap4 .content2{
    position: relative;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
}
.sec1 .wrap4 .content2 > p{
    font-size: 1.822vw;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: bold;
    color: #E10012;
    text-align: center;
    margin: 1.5vw 0 1vw;
}
.sec1 .wrap4 .content2 .txt1{
    font-size: 1.43vw;
    letter-spacing: 0;
    font-weight: 500;
    position: absolute;
    top: 5.2vw;
    left: -1vw;
    color: #004598;
    right: 0;
    margin: auto;
    text-align: center;
}
.sec1 .wrap4 .content2 .txt1 span{
    font-size: 1.917vw;
    letter-spacing: 0;
}
.sec1 .wrap4 .content2 .txt2{
    font-size: 1.822vw;
    line-height: 2.1vw;
    font-weight: 500;
    position: absolute;
    top: 10vw;
    left: 3.5vw;
    color: #FFFFFF;
}
.sec1 .wrap4 .content2 .txt2 span{
    font-size: 1.5vw;
    line-height: 3.5vw;
    letter-spacing: 0;
}
.sec1 .wrap4 .content2 .txt3{
    font-size: 1.822vw;
    line-height: 2.1vw;
    font-weight: 500;
    position: absolute;
    top: 18.35vw;
    left: 3.5vw;
    color: #FFFFFF;
}
.sec1 .wrap4 .content2 .txt4{
    font-size: 2.2vw;
    line-height: 2.953vw;
    font-weight: bold;
    position: absolute;
    top: 21.5vw;
    left: 3.5vw;
    color: #FFF100;
}
.sec1 .wrap4 .content2 .txt5{
    font-size: 1.5vw;
    line-height: 2.037vw;
    font-weight: 500;
    position: absolute;
    top: 9.5vw;
    left: 43.5vw;
    color: #FFFFFF;
}

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

.sec1 .wrap4 .title{
    width: 91.08vw;
    margin: 5.7vw auto 0;
    position: relative;
}
.sec1 .wrap4 .title p span{
    font-size: 4.61vw;
    color: #FFF100;
}
.sec1 .wrap4 .title p span.sp{
    font-size: 5.64vw;
    color: #FFFFFF;
}
.sec1 .wrap4 .title p{
    font-size: 4.61vw;
    line-height: 6.79vw;
    letter-spacing: 0.02em;
    top: 4.5vw;
    left: 3vw;
    font-weight: bold;
    position: absolute;
    color: #FFFFFF;
    text-align: center;
}
.sec1 .wrap4 .content {
    position: relative;
}
.sec1 .wrap4 .content .flex{
    width: 69.2vw;
    margin: 2vw auto 0;
    justify-content: space-between;
}
.sec1 .wrap4 .content .flex .left{
    width: 35.3vw;
}
.sec1 .wrap4 .content .flex .center{
    position: relative;
    width: 2.5vw;
    margin-left: 1vw;
}
.sec1 .wrap4 .content .flex .right{
    width: 26.12vw;
    position: relative;
}
.sec1 .wrap4 .content .flex .left div{
    top: -200vw;
    position: absolute;
    font-size: 4.35vw;
    left: 9vw;
}
.sec1 .wrap4 .content .flex .left p{
    position: absolute;
    left: 9vw;
    font-size: 3.58vw;
    line-height: 5.89vw;
    top: -195vw;
    width: 82.7vw;
}
.sec1 .wrap4 .content .flex .center p{
    top: -163.5vw;
    left: -42vw;
    letter-spacing: 0;
    font-size: 3.89vw;
}
.sec1 .wrap4 .content .flex .right .txt1{
    top: -165.8vw;
    left: -37vw;
    font-size: 4.35vw;
}
.sec1 .wrap4 .content .flex .right .txt1 span{
    font-size: 3.03vw;
}
.sec1 .wrap4 .content .flex .right .txt2{
    top: -154.8vw;
    left: -37vw;
    font-size: 4.35vw;
    line-height: 1;
}
.sec1 .wrap4 .content .flex .right .txt2 span{
    font-size: 3.03vw;
}
.sec1 .wrap4 .content .flex .right .txt3{
    top: -143vw;
    left: -37vw;
    font-size: 4.35vw;
    line-height: 1;
}
.sec1 .wrap4 .content .flex .right .txt3 span{
    font-size: 3.03vw;
}
.sec1 .wrap4 .content .flex .right .txt4{
    font-size: 3.03vw;
    top: -130.5vw;
    left: -5.5vw;
}
.sec1 .wrap4 .content2{
    position: relative;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
}
.sec1 .wrap4 .content2 > p{
    font-size: 4.35vw;
    line-height: 6.2vw;
    position: absolute;
    top: -115.5vw;
    left: 0;
    right: 0;
    margin: auto;
}
.sec1 .wrap4 .content2 .txt1{
    font-size: 3.33vw;
    top: -88.5vw;
    left: 0;
    line-height: 1.2;
    right: 0;
    margin: auto;
    text-align: center;
}
.sec1 .wrap4 .content2 .txt1 span{
    font-size:4.35vw;
    letter-spacing: 0;
}
.sec1 .wrap4 .content2 .txt2{
    font-size: 4.1vw;
    line-height: 4.5vw;
    top: -72.5vw;
    left: 8.5vw;
    text-align: center;
}
.sec1 .wrap4 .content2 .txt2 span{
    font-size: 3.07vw
}
.sec1 .wrap4 .content2 .txt3{
    font-size: 4.1vw;
    top: -37vw;
    left: -3vw;
}
.sec1 .wrap4 .content2 .txt4{
    font-size: 4.1vw;
    line-height: 5.89vw;
    top: -31vw;
    left: 0;
    right: 0;
    text-align: center;
}
.sec1 .wrap4 .content2 .txt5{
    font-size: 3.36vw;
    top: -60vw;
    left: 23vw;
    line-height: 4.48vw;
    transform: scale(0.99,0.99);
    -webkit-transform: scale(0.99,0.99);
    width: 101%;
}

}




.sec1 .wrap5{
    background: url(../images/sec1_bg3.png) no-repeat;
    background-size: 100%;
    margin-top: 9vw;
    height: 42.3vw;
}
.sec1 .wrap5 .title{
    width: 79.8vw;
    margin: 0 auto;
    transform: translateY(-2.5vw);
    -webkit-transform: translateY(-2.5vw);
}
.sec1 .wrap5 .flex{
    width: 84.05vw;
    margin-left: 7.2vw;
    margin-right: 10vw;
    margin-top: -1.3vw;
}
.sec1 .wrap5 a{
    display: block;
    margin: 0 auto;
    width: 53.1vw;
}

@media screen and (max-width:768px){
    .sec1 .wrap5{
        background: url(../images/sec1_bg3_sp.png) no-repeat;
        background-size: 100%;
        margin-top: 17.69vw;
        height: 123.97vw;
    }
    .sec1 .wrap5 .title{
        width: 91.4vw;
        margin: 0 auto;
        transform: translateY(-8.5vw);
        -webkit-transform: translateY(-8.5vw);
    }
    .sec1 .wrap5 .flex{
        width: 90.05vw;
        margin-left: 4.2vw;
        margin-top: -10.3vw;
    }
    .sec1 .wrap5 a{
        margin: 4.8vw auto 0;
        width: 91.41vw;
    }
}


/* sec2 */
.sec2{
    padding-top: 8.5vw;
}
.sec2 .wrap1{
    width: 75vw;
    margin: 0 auto;
    padding-bottom: 10vw;
    position: relative;
}
.sec2 .wrap1 .title1 span{
    font-size: 3.524vw;
    color: #FFF100;
}
.sec2 .wrap1 .title1{
    font-size: 2.3vw;
    line-height: 3.6vw;
    font-weight: 500;
    letter-spacing: 0.02em;
    position: absolute;
    top: 1.2vw;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFFFFF;
    text-align: center;
}
.sec2 .wrap1 .title2{
    font-size: 1.1vw;
    line-height: 1.5vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 9vw;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFFFFF;
    text-align: center;
}
.sec2 .wrap1 .txt1{
    font-size: 2.1vw;
    line-height: 1.5vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 14.9vw;
    left: 18.7vw;
}
.sec2 .wrap1 .txt2{
    font-size: 1.3vw;
    line-height: 1.696vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 19vw;
    left: 42vw;
}
.sec2 .wrap1 .txt3{
    font-size: 2.1vw;
    line-height: 1.5vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 32.5vw;
    left: 18.7vw;
}
.sec2 .wrap1 .txt4{
    font-size: 1.3vw;
    line-height: 1.696vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 36.6vw;
    left: 42vw;
}
.sec2 .wrap1 .txt5{
    font-size: 2.1vw;
    line-height: 1.5vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 50vw;
    left: 18.7vw;
}
.sec2 .wrap1 .txt6{
    font-size: 1.3vw;
    line-height: 1.696vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 54vw;
    left: 42vw;
}


@media screen and (max-width:768px){
    .sec2{
        padding-top: 0;
    }
    .sec2 .wrap1{
        width: 93.86vw;
        margin: 0 auto;
        padding-top: 13.97vw;
        padding-bottom: 29.61vw;
    }
    .sec2 .wrap1 .title1 span{
        font-size: 5.64vw;
    }
    .sec2 .wrap1 .title1{
        font-size: 4.61vw;
        top: 17vw;
        line-height: 1.3;
    }
    .sec2 .wrap1 .title2{
        line-height: 7.52vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        top: 165vw;
        left: -46vw;
        color: #000000;
        text-align: left;
        width: 200%;
        font-size: 5vw;
        letter-spacing: -0.05em;
    }
    .sec2 .wrap1 .txt1{
        font-size: 4.23vw;
        top: 38.9vw;
        left: 35.1vw;
    }
    .sec2 .wrap1 .txt2{
        font-size: 5vw;
        line-height: 7vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        top: 58vw;
        left: -41vw;
        width: 200%;
        letter-spacing: -0.05em;
    }
    .sec2 .wrap1 .txt3{
        font-size: 4.23vw;
        top: 82.7vw;
        left: 35.1vw;
    }
    .sec2 .wrap1 .txt4{
        font-size: 5vw;
        line-height: 7vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        top: 101vw;
        left: -41vw;
        width: 200%;
        letter-spacing: -0.05em;
    }
    .sec2 .wrap1 .txt5{
        font-size: 4.23vw;
        top: 126.9vw;
        left: 35.1vw;
    }
    .sec2 .wrap1 .txt6{
        font-size: 5vw;
        line-height: 7vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        top: 145.5vw;
        left: -41vw;
        width: 200%;
        letter-spacing: -0.05em;
    }
    
}


.sec2 .wrap2{
    background: url(../images/sec2_bg.png);
    background-size: 100%;
}
.sec2 .wrap2 .hyou{
    width: 79.2vw;
    margin-left: 12.5vw;
    margin-right: 8.3vw;
    transform: translateY(-5.5vw);
    -webkit-transform: translateY(-5.5vw);
    position: relative;
}
.sec2 .wrap2 .hyou .txt1{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 29.7vw;
    left: 16.8vw;
}
.sec2 .wrap2 .hyou .txt2{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 29.7vw;
    left: 28vw;
}
.sec2 .wrap2 .hyou .txt3{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 29.7vw;
    left: 39.7vw;
}
.sec2 .wrap2 .hyou .txt4{
    font-size: 1.889vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 29.7vw;
    left: 51vw;
}
.sec2 .wrap2 .hyou .txt5{
    font-size: 1.463vw;
    line-height: 1.77vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 28.7vw;
    left: 63.2vw;
    text-align: center;
}
.sec2 .wrap2 .hyou .txt6{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 35.7vw;
    left: 16.8vw;
}
.sec2 .wrap2 .hyou .txt7{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 35.7vw;
    left: 30.5vw;
}
.sec2 .wrap2 .hyou .txt8{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 35.7vw;
    left: 39.7vw;
}
.sec2 .wrap2 .hyou .txt9{
    font-size: 1.889vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 35.7vw;
    left: 53.4vw;
}
.sec2 .wrap2 .hyou .txt10{
    font-size: 1.463vw;
    line-height: 1.77vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 35.7vw;
    left: 63.2vw;
    text-align: center;
}
.sec2 .wrap2 .hyou .txt11{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 41vw;
    left: 16.8vw;
}
.sec2 .wrap2 .hyou .txt12{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 41vw;
    left: 30.5vw;
}
.sec2 .wrap2 .hyou .txt13{
    font-size: 2.09vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 41vw;
    left: 39.7vw;
}
.sec2 .wrap2 .hyou .txt14{
    font-size: 1.889vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 41vw;
    left: 53.4vw;
}
.sec2 .wrap2 .hyou .txt15{
    font-size: 1.463vw;
    line-height: 1.77vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 41vw;
    left: 63.2vw;
    text-align: center;
}
.sec2 .wrap2 > p{
    font-size: 1.1vw;
    line-height: 1.5vw;
    font-weight: 400;
    letter-spacing: 0;
    width: 75vw;
    margin: -4vw auto 4vw;
}
.sec2 .wrap2 > div a{
    padding-bottom: 15vw;
    width: 53.1vw;
    margin: auto;
    display: block;
}

@media screen and (max-width:768px){
    .sec2 .wrap2{
        background: url(../images/sec2_bg_sp.png);
        background-size: 100%;
    }
    .sec2 .wrap2 .hyou{
        width: 92.56vw;
        margin-left: auto;
        margin-right: auto;
        transform: translateY(-10.5vw);
        -webkit-transform: translateY(-10.5vw);
        position: relative;
    }
    .sec2 .wrap2 .hyou .txt1{
        top: 54.7vw;
        left: 49.7vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt2{
        top: 66vw;
        left: 49.7vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt3{
        top: 77.7vw;
        left: 49.7vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt4{
        left: 48.2vw;
        top: 89vw;
        transform: scale(0.9,0.9);
        -webkit-transform: scale(0.9,0.9);
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt5{
        top: 97.5vw;
        left: 49.7vw;
        transform: scale(0.9,0.9);
        -webkit-transform: scale(0.9,0.9);
        line-height: 1.2;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt6{
        top: 54.7vw;
        left: 64.2vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt7{
        top: 66vw;
        left: 68vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt8{
        top: 77.7vw;
        left: 64.2vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt9{
        top: 89vw;
        left: 67vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt10{
        top: 102vw;
        left: 63.5vw;
        transform: scale(0.9,0.9);
        -webkit-transform: scale(0.9,0.9);
        line-height: 1.2;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt11{
        top: 54.7vw;
        left: 79vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt12{
        top: 66vw;
        left: 82.2vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt13{
        top: 77.7vw;
        left: 79vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt14{
        top: 89vw;
        left: 81.5vw;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 .hyou .txt15{
        top: 102vw;
        left: 78.6vw;
        transform: scale(0.9,0.9);
        -webkit-transform: scale(0.9,0.9);
        line-height: 1.2;
        font-size: 3.5vw;
    }
    .sec2 .wrap2 > p{
        font-size: 5.128vw;
        line-height: 6.5vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        width: 200%;
        margin: -12vw 0 4vw -45vw;
        letter-spacing: -0.01em;
    }    
    .sec2 .wrap2 > div a{
        padding-bottom: 19.5vw;
        width: 91.47vw;
    }
    
}


/* sec3 */
.sec3{
    background: url(../images/sec34_bg.png) no-repeat;
    background-size: 100%;
    margin-top: -13.5vw;
}
.sec3 .wrap1{
    width: 81.2vw;
    padding-top: 7.5vw;
    margin-left: 11.4vw;
    position: relative;
}
.sec3 .wrap1 > p{
    font-size: 1.1vw;
    line-height: 1.5vw;
    letter-spacing: 0;
    margin-left: 24vw;
    margin-top: -1.2vw;
}
.sec3 .wrap1 > div{
    font-size: 1.4vw;
    line-height: 1.8vw;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -1.5vw;
}
.sec3 .wrap2{
    width: 79.4vw;
    margin: 0 auto -19vw;
    padding-top: 19vw;
    position: relative;
}
.sec3 .wrap2 > div{
    font-size: 3.17vw;
    font-weight: bold;
    letter-spacing: 0;
    position: absolute;
    top: 29.6vw;
    left: 2.5vw;
    transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
    color: #FFF100;
}
.sec3 .wrap2 > div span{
    font-size: 2.8vw;
    color: #FFFFFF;
}
.sec3 .wrap2 p{
    font-size: 1.4vw;
    line-height: 2.2vw;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    top: 44.6vw;
    left: 2.5vw;
    text-align: justify;
    width: 31.6vw;
}
.sec3 .wrap2 a{
    display: block;
    width: 53.1vw;
    margin: 3.9vw auto 25.5vw;
}



.sec3 .wrap3{
    background: #e8f5d2;
    padding: 3vw 12.5vw 6vw;
    justify-content: space-between;
}
.sec3 .wrap3 .content{
    width: 23vw;
    position: relative;
}
.sec3 .wrap3 .content .title{
    font-size: 2.4vw;
    line-height: 3.416vw;
    font-weight: bold;
    letter-spacing: 0.01em;
    position: absolute;
    top: 7vw;
    left: 0;
    right: 0;
    margin: auto;
    color: #00A73C;
    text-align: center;
}
.sec3 .wrap3 .content .title span{
    font-size: 1.908vw;
}
.sec3 .wrap3 .content .txt{
    font-size: 1.272vw;
    line-height: 1.696vw;
    letter-spacing: 0;
    position: absolute;
    top: 15vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

@media screen and (max-width:768px){
    .sec3{
        background: url(../images/sec34_bg_sp.png) no-repeat;
        margin-top: -13.5vw;
        background-size: 100%;
        height: 552.43vw;
    }
    .sec3 .wrap1{
        width: 97.9vw;
        padding-top: 13.9vw;
        margin-left: 1.4vw;
        position: relative;
    }
    .sec3 .wrap1 > p{
        font-size: 5.12vw;
        line-height: 6.5vw;
        transform: scale(0.5,0.5);
        -webkit-transform: scale(0.5,0.5);
        width: 130%;
        position: absolute;
        bottom: -8vw;
        left: -19vw;
    }
    .sec3 .wrap1 > div{
        line-height: 3.8vw;
        bottom: -8vw;
        left: 2.5vw;
        font-size: 3.076vw;
        font-weight: 500;
    }
    .sec3 .wrap2{
        width: 92.69vw;
        margin: 0 auto;
        padding-top: 23vw;
    }
    .sec3 .wrap2 > div{
        top: 40.6vw;
        left: 6.5vw;
        transform: none;
        -webkit-transform: none;
        font-size: 6.92vw;
        letter-spacing: -0.05em;
    }
    .sec3 .wrap2 > div span{
        font-size: 6.15vw;
    }
    .sec3 .wrap2 p{
        font-size: 3.589vw;
        line-height: 5.89vw;
        top: 143.6vw;
        left: 5vw;
        width: 83.26vw;
    }
    .sec3 .wrap2 a{
        width: 91.47vw;
        margin: 50.9vw auto 25.5vw;
    }
    
    
    
    .sec3 .wrap3{
        background: none;
        padding: 0 12.5vw;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sec3 .wrap3 .content{
        width: 60.83vw;
        margin: 0 auto 7.69vw;
    }
    .sec3 .wrap3 .content .title{
        font-size: 6.52vw;
        line-height: 1.2;
        top: 19vw;
    }
    .sec3 .wrap3 .content .title span{
        font-size: 5.038vw;
    }
    .sec3 .wrap3 .content .txt{
        font-size: 3.364vw;
        line-height: 4.487vw;
        top: 38vw;
    }
}


/* sec5 */
.sec5{
    background: url(../images/sec5_bg11.png) no-repeat;
    background-size: 100%;
    height: 88.8vw;
    position: relative;
}
.sec5 a{
    width: 53.1vw;
    position: absolute;
    top: 78.7vw;
    left: 0;
    right: 0;
    margin: auto;
}

.sec5 .title1{
    font-size: 2.536vw;
    line-height: 2.6vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 23.9vw;
    left: 21vw;
    font-weight: bold;
}
.sec5 .title2{
    font-size: 2.536vw;
    line-height: 2.6vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 39vw;
    left: 21vw;
    font-weight: bold;
}
.sec5 .title3{
    font-size: 2.536vw;
    line-height: 2.6vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 24.4vw;
    left: 58vw;
    font-weight: bold;
}
.sec5 .title4{
    font-size: 2.536vw;
    line-height: 2.6vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 40.4vw;
    left: 58vw;
    font-weight: bold;
}
.sec5 .txt1{
    font-size: 1.6vw;
    line-height: 2.286vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 30.4vw;
    left: 16vw;
    width: 31.15vw;
}
.sec5 .txt2{
    font-size: 1.6vw;
    line-height: 2.286vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 45vw;
    left: 16vw;
    width: 31.15vw;
}
.sec5 .txt3{
    font-size: 1.6vw;
    line-height: 2.286vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 29.4vw;
    left: 53.3vw;
    width: 31.15vw;
}
.sec5 .txt4{
    font-size: 1.6vw;
    line-height: 2.286vw;
    letter-spacing: 0.01em;
    position: absolute;
    top: 46.5vw;
    left: 53.3vw;
    width: 31.15vw;
}

@media screen and (max-width:768px){
    .sec5{
        background: url(../images/sec5_bg11_sp.png) no-repeat;
        background-size: 100%;
        height: 286.79vw;
    }
    .sec5 a{
        width: 91.47vw;
        position: absolute;
        top: 263.7vw;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .sec5 .title1{
        font-size: 4.807vw;
        top: 47.9vw;
        left: 19vw;
    }
    .sec5 .title2{
        font-size: 4.807vw;
        top: 78.9vw;
        left: 19vw;
    }
    .sec5 .title3{
        font-size: 4.807vw;
        top: 108vw;
        left: 19vw;
    }
    .sec5 .title4{
        font-size: 4.807vw;
        top: 143.5vw;
        left: 19vw;
    }
    .sec5 .txt1{
        font-size: 3.589vw;
        line-height: 5.38vw;
        top: 56.4vw;
        left: 11.5vw;
        width: 77.94vw;
    }
    .sec5 .txt2{
        font-size: 3.589vw;
        line-height: 5.38vw;
        top: 86.4vw;
        left: 11.5vw;
        width: 77.94vw;
    }
    .sec5 .txt3{
        font-size: 3.589vw;
        line-height: 5.38vw;
        top: 116.4vw;
        left: 11.5vw;
        width: 77.94vw;
    }
    .sec5 .txt4{
        font-size: 3.589vw;
        line-height: 5.38vw;
        top: 151.4vw;
        left: 11.5vw;
        width: 77.94vw;
    }
    
}

/* footer */

footer{
    height: 6.9vw;
}
footer div{
    padding-top: 2.4vw;
    margin: 0 auto;
    width: 20.8vw;
}
@media screen and (max-width:768px){

}


/*==================
要素がフワッとする設定
====================*/

/*このクラスは必須なので全部入れる*/
.huwa {
    opacity: 0;
    transition: all .7s ease;
  }
  
  /*Javascriptでスライドした時にこのクラスが入り、アニメーションが発生*/
  .huwa.show {
    opacity: 1;
    -webkit-transform: none;
  }
  
  /*左から右に出てくる*/
  .huwa--lr {
    -webkit-transform: translate(-100px, 0);
  }
  
  /*右から左に出てくる*/ 
  .huwa--rl {
    -webkit-transform: translate(100px, 0);
  }
  
  /*下から上に出てくる*/ 
  .huwa--up {
    -webkit-transform: translate(0, 100px);
  }
   
   /*上から下に出てくる*/ 
  .huwa--down {
    -webkit-transform: translate(0, -100px);
  }
   
   /*縮小状態から出てくる*/ 
  .huwa--scaleUp {
    -webkit-transform: scale(.5);
  }
   
   /*拡大状態から出てくる*/ 
  .huwa--scaleDown {
    -webkit-transform: scale(1.5);
  }
   
  /*回りながら出てくる（右）*/ 
  .huwa--rotateL {
    -webkit-transform: rotate(180deg);
  }
   
  /*回りながら出てくる（左）*/
  .huwa--rotateR {
    -webkit-transform: rotate(-180deg);
  }
  

  
  @media screen and (min-width:769px){
    .huwa--scaleUp1 {
      -webkit-transform: scale(.5) translate(0, 61vw);
    }
    .huwa--scaleUp0 {
      -webkit-transform: scale(.5);
    }
  }

  
  @media screen and (min-width:769px){
    .huwa--scaleUp1 {
      -webkit-transform: scale(.5) translate(20vw, 61vw);
    }
    .huwa--scaleUp2 {
      -webkit-transform: scale(.5) translate(0, 61vw);
    }
    .huwa--scaleUp3 {
      -webkit-transform: scale(.5) translate(-20vw, 61vw);
    }
    .huwa--scaleUp0 {
      -webkit-transform: scale(.5);
    }
    .huwa--scaleUp4 {
      -webkit-transform: scale(.5) translate(20vw, 0);
    }
    .huwa--scaleUp5 {
      -webkit-transform: scale(.5) translate(-20vw, 0);
    }
  }