@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}
.box .csstext{
    font-family: 'Overpass', sans-serif;
    font-weight: 800;
}
@media screen and (max-width:600px) {
    .box.box1{
        height:133.3333vw;
        margin-top: 16vw;
        margin-bottom:10vw;
        width:100%;
    }

    .box1 video{
        height:133.3333vw;
        width:100%;
        object-fit: cover;
    }
    .box1 div{
        position:absolute;
        top:0;
        left:0;
        width:100%;
    }
    .box.box1 h2,
    .box.box1 h2 + p{
        color:#fff;
        text-align:center;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    }
    .box.box1 h2{
        font-size:10.13vw;
        font-family: 'Overpass', sans-serif;
        letter-spacing: -0.02em;
        line-height:1em;
        margin-bottom:2.666vw;
        padding-top:56vw;
    }
    .box.box1 h2 + p{
        font-size:3.7333vw;
    }
    .box {
        position:relative;
        overflow: hidden;
        width:100%;
    }
    .box .csstext{
        font-size:21.333vw;
        letter-spacing: -0.05em;
    }
    .box2 h2,
    .box3 h2{
        font-size:5.3333vw;
        font-weight:normal;
        position: relative;
        z-index: 2;
    }
    .box2 h2{
        margin:12.4vw 0 6.6666vw 8vw;
    }
    .box3 h2{
        margin:0 0 5.667vw 8vw;
    }
    .box4 h2{
        font-weight:normal;
        margin:11.4vw 0 7.667vw 8vw;
        position:relative;
        z-index: 2;
    }
    .box2 h2 + p,
    .box3 h2 + p{
        font-size:8vw;
        font-weight:500;
        line-height:11.7333vw;
        margin:0 0 6vw 8vw;
    }
    .box4 h2 + p{
        font-size:4.533vw;
        margin:0 0 7vw 8vw;
    }
    .box2 h2 + p + p,
    .box3 h2 + p + p,
    .box4 h2 + p + p{
        line-height:8vw;
        font-size:3.7333vw;
        font-weight:500;
        margin:0 0 8vw 8vw;
    }
    .box2 .leftphoto{
        position:relative;
        z-index: 2;
    }
    .box2 .leftphoto img{
          height:auto;
          vertical-align: bottom;
          width:78.333vw;
    }
    .box2 .csstext{
        color:#F7F7F7;
        position:absolute;
        top:56.533vw;
        left: 23.4666vw;
        z-index: 1;
    }
    .box3{
        background:#F5F7EC;
        padding:13.933vw 0 6.666vw;
    }
    .box3 .csstext{
        color:#fff;
        position:absolute;
        top:-6.8vw;
        left: -3.2vw
    }
    .box3 .imgbox{
        margin:0 0 6.333vw 21.933vw;
        z-index: 2;
        position: relative;
        text-align: right;
    }
    .box3 .imgbox img{
        height:auto;
        width:72vw;
    }
    .box4 {
        padding:16vw 0 0;
    }
    .box4 .leftphoto{
        position: relative;
        z-index: 2;
    }
    .box4 .leftphoto img{
        height:auto;
        width:78.333vw;
    }
    .box4 .csstext{
        color:#F7F7F7;
        position:absolute;
        top:60.933vw;
        left: 23.2vw;
        z-index: 1;
    }
    .box4 .officeimg{
        margin:0 auto 10.666vw;
        width: 62.4vw;
    }
    .box4 .officeimg img{
        height: auto;
        width: 62.4vw;
    }





    .box5{
        background:url(/index/images/spphoto4.png) no-repeat center center ;
        background-size:cover;
        padding:16vw 0 ;
    }
    .box5 .inner{
        background:rgba(255,255,255,0.85) ;
        margin:0 auto;
        padding:8vw 0;
        width:84vw;
        text-align:center;
    }
    .box5 .leftcont h2{
        font-size:6.4vw;
        font-weight:normal;
    }
    .box5 .leftcont .csstext{
        color:#E0E0E0;
        font-size:18.13vw;
        margin-bottom:0;
    }
    .box5 .leftcont .csstext + p{
        font-size:3.7333vw;
        line-height:8vw;
        font-weight:500;
        letter-spacing: 0.05em;
    }
    .box5 .rightcont {
        border-top:1px solid #E0E0E0;
        margin-top:8vw;
        padding-top:8.53333vw;
    }
    .box5 .rightcont .tel{
        line-height:8vw;
        margin-bottom:3vw;
        text-align:center;
    }
    .box5 .rightcont .tel span,
    .box5 .rightcont .tel a{
        background:url(/index/images/bg_tel.png) no-repeat center left;
        background-size:6.1vw auto;
        font-size:9.333vw;
        font-weight:bold;
        font-family: 'Oswald', sans-serif;
        text-decoration:none;
        color:#454545;
        padding-left:6.6vw;
        text-align:center;
    }
    .box5 .rightcont .tel + p{
        font-size: 3.7333vw;
        font-weight:500;
        letter-spacing: 0.05em;
        line-height:8vw;
        margin-bottom:8vw;
    }
    .box5 .rightcont div a{
        background:#A9C326;
        border-radius:5px;
        display:block;
        color:#fff;
        font-size:4.266vw;
        font-weight:bold;
        line-height:21.333vw;
        margin:0 auto;
        text-align:center;
        text-decoration: none;;
        width:73.33vw;
    }


    .box .btn a{
        background:#A9C326;
        border-radius:5px;
        color:#fff;
        display:block;
        font-size:4.2666vw;
        font-family: 'Overpass', sans-serif;
        font-weight:bold;

        text-align:center;
        line-height:16vw;
        margin:0 auto 16vw;
        text-decoration: none;;
        width:53.33vw;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .box .btn a:hover{
        background:#7E931A
    }
    .box3 .btn a{
        margin:0 auto 0;
    }




}
















@media screen and (min-width:600px) {

    .box.box1{
        display:block;
        height:695px;
        margin-bottom:140px;
        width:100%;
    }
    .box.box1 h2,
    .box.box1 h2 + p{
        color:#fff;
        text-align:center;
    }

    .box.box1 h2{
        font-size:90px;
        font-family: 'Overpass', sans-serif;
        letter-spacing: -0.02em;
        line-height:1em;
        margin-bottom:24px;
        padding-top:230px;
    }
    .box.box1 h2 + p{
        font-size:31px;
    }
    .box1{
        position:relative;
    }
    .box1 video{
        height:695px;
        width:100%;
        object-fit: cover;
    }
    .box1 div{
        position:absolute;
        top:0;
        left:0;
        width:100%;
    }


    .box2,
    .box3,
    .box4,
    .box5{
        display: table;
        width: 100%;
      }
      .box3{
          background:#F5F7EC;
      }
    .box2 .inner,
    .box3 .inner,
    .box4 .inner ,
    .box5 .inner {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }
    .box2 .centerdiv,
    .box3 .centerdiv,
    .box4 .centerdiv{
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 1200px;
    }

    .box2 .centerdiv{
        min-height:460px;
        margin: 0 auto 245px;;
    }

    .box3{
        min-height:580px;
        margin-bottom:140px;
    }
    .box3 .centerdiv{
        min-height:460px;
    }

    .box4 .centerdiv{
        min-height:460px;
        margin-bottom:140px;
    }
    .box5 .centerdiv{
        background:rgba(255,255,255,0.85);
        min-height:265px;
        position: relative;
        margin: 0 auto;
        padding:0 0 0;
        text-align: center;
        width: 920px;
    }
    .box2 .leftphoto,
    .box4 .leftphoto{
        position:absolute;
        left:-100px;
        top:0;
        z-index: 2;
    }
    .box3 .leftcont{
        position: relative;
        padding: 45px 0 0 45px;
        text-align:left;
        z-index: 1;
    }



    .box2 .rightcont,
    .box4 .rightcont{
        position: relative;
        padding: 60px 0 0 710px;
        text-align:left;
        z-index: 1;
    }
    .box3 .rightcont{
        position:absolute;
        right:-5px;;
        top:0;
        z-index: 2;
    }
    .box2 .csstext,
    .box4 .csstext{
        color:#F7F7F7;
        font-size:210px;
        letter-spacing: -0.05em;
        position:absolute;
        top:-164px;
        left: 551px;
    }
    .box3 .csstext{
        color:#fff;
        font-size:210px;
        letter-spacing: -0.05em;
        position:absolute;
        top:-156px;
        left: -125px;
    }

    .box4 .officeimg{
        position:absolute;
        right:0;
        top:124px;
    }

    .box5{
        background:url(/index/images/photo4.png) no-repeat center center ;
        background-size:cover;
        min-height:510px;
    }
    .box5 .leftcont{
        border-right:1px solid #E0E0E0;
        float:left;
        padding-top:45px;
        width:410px;
    }
    .box5 .rightcont{
        float:left;
        padding-top:58px;
    }
    .box5 .leftcont h2{
        font-size:24px;
        margin-bottom:20px;
    }
    .box5 .leftcont .csstext{
        color:#E0E0E0;
        font-size:68px;
        letter-spacing: -0.03em;
        margin-bottom:38px;
    }
    .box5 .leftcont .csstext + p{
        font-size:14px;
        font-weight:500;
        line-height:31px;
        letter-spacing: 0.05em;
    }
    .box5 .rightcont {
        padding-left:58px;
        width:390px;
    }
    .box5 .rightcont .tel{
        margin-bottom:10px;
        text-align:center;
    }
    .box5 .rightcont .tel span,
    .box5 .rightcont .tel a{
        background:url(/index/images/bg_tel.png) no-repeat center left;
        background-size:30px auto;
        font-family: 'Oswald', sans-serif;
        font-size:45px;
        font-weight:bold;
        letter-spacing: 0.05em;
        text-decoration:none;
        color:#454545;

        padding-left:46px;
        text-align:center;
    }
    .box5 .rightcont .tel + p{
        font-size:13px;
        font-weight:500;
        margin-bottom:27px;
    }
    .box5 .rightcont div a{
        background:#A9C326;
        border-radius:5px;
        display:block;
        color:#fff;
        font-size:16px;
        font-weight:bold;
        line-height:80px;
        text-align:center;

        -webkit-transition: all .3s;
        transition: all .3s;
        }

        .box5 .rightcont div a:hover{
            background:#7E931A
        }


    .box h2{
        font-size:20px;
        margin-bottom:30px;
        position: relative;
        z-index: 2;
    }
    .box.box4 h2{
        margin-bottom:15px;
        position:relative;
        z-index: 2;
    }

    .box h2 + p{
        font-size:36px;
        font-weight:500;
        line-height:50px;
        margin-bottom:22px;
    }

    .box.box4 h2 + p{
        font-size:17px;
        line-height:50px;
        margin-bottom:18px;
    }




    .box h2 + p + p{
        line-height:30px;
        font-size:14px;
        font-weight:500;
        margin-bottom:30px;
    }
    .box .btn a{
        background:#A9C326;
        border-radius:5px;
        color:#fff;
        display:block;
        font-family: 'Overpass', sans-serif;
        font-weight:bold;
        text-align:center;
        line-height:60px;
        width:200px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .box .btn a:hover{
        background:#7E931A;
        border-radius:5px;

    }
}