@media screen and (max-width:1210px){
.container{
    width:320px;
    max-width: 320px;
    padding: 0 10px;
}
    
    body{text-align: center;}

.header{
padding: 30px 0;
}

.header .container{
    background: url(../img/header-cont-bg.png)no-repeat center 285px/200px;
}
    
    .header br{display: none;}

.header-name{
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left;
}

.header-ttl{
    font-size: 35px;
    line-height: 42px;
}

.header-subttl{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.header-time{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 218px;
}

.button{
    width:100%!important;
    height: auto;
}

.header-btn{
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}


.screen-2{
    padding:30px 0;
}
    
    .screen-2 br,
    .screen-3 br,
    .screen-4 br,
    .screen-5 br,
    .screen-6 br,
    .screen-7 br{display: none;}

.title{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
}
    
    .title br{display: none;}

.scr2-txt{
    font-size: 16px;
    line-height: 22px;
}

.screen-3{
    padding: 30px 0;
}

.scr3-item{
    width: 100%;
    height: auto;
    padding:150px 10px 20px;
   background-size: 120px!important;
 font-size: 16px;
    line-height: 22px;
}


.scr3-txt{
     font-size: 18px;
    line-height: 25px;
   }



.screen-4{
    padding:30px 0;
}

.screen-4 .title{margin-bottom: 385px;}

.scr4-list{
    width:100%;
    padding: 20px 20px 20px 30px;
    text-align: left;
    margin-left:0;
}

.scr4-list::before{
    width: 300px;
    height: 337px;
   left:0;
    top:-360px;
}

.scr4-list li{
     font-size: 16px;
}

.screen-5{
    padding: 30px 0;
}

.screen-5 .container{
    background:none;
}

.scr5-flex-wrap{
    width: 100%;
}

.scr5-left-part{
    width:100%;
}

.scr5-item{
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom:20px!important;
}

.scr5-item-txt{
     margin-bottom: 20px;
}

.scr5-item-list{
    list-style-type: circle;
    text-align: left;
    padding-left: 20px;    
}

.scr5-right-part{
    width:100%;
}

.screen-6{
    padding: 30px 0;
}

.scr6-txt{
    width:100%;
    font-size: 22px;
    line-height: 27px;
}

.screen-7{
    padding: 30px 0;
}


.package{
    width: 100%;
    margin-bottom:25px;
}


.package-txt{
    margin-bottom:20px;
}

.package-1 .package-txt{
    margin-bottom:20px;
}

.package .button{
    width: 280px!important;
}


.footer{
    padding: 0 0 30px;
}
    
    .footer br{display: none;}


.footer-txt,
.center,
.right-part{
    width:100%;
}

.footer-txt{
    margin-bottom: 20px;
}

.right-part .footer-mail{
    margin-bottom: 20px;
    padding-left: 20px;
background: url(../img/footer-mail.png)no-repeat 0px center/18px;;
}


.footer-bottom-txt{
    margin-top: 20px;
}
    
}