.start-screen{
  position:Relative;
    width:100%;
    height:calc(100vh - 80px);
    background:url(/images/60011ebc79fef.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .start-screen .ogl{
  position:absolute;
    top:20px;
    right:60px;
    z-index:2;
  }
  .start-screen .ogl h2{
  font-weight: 700;
    font-style: italic;
    font-size:60px;
    color:White;
  }
  .start-screen .ogl h3{
      font-weight: 700;
    font-style: italic;
    font-size:36px;
    text-align:right;
    margin:20px 0 0 0;
    color:#2d4895;
  }
  .start-screen .cent{
  position:absolute;
    width:50%;
    left:25%;
    bottom:20px;
    background:rgba(44,71,148,0.55);
    height:570px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;
    color:white;
    padding:50px 0 30px 0;
  }
  .start-screen .cent .name{
  font-weight: 700;
    font-style: italic;
    font-size:36px;
    width:100%;
    text-align:center;
  }
  .start-screen .cent .per{
  position:relative;
    font-size:30px;
  }
  .start-screen .cent .per .line{
  margin:10px 0;
    display:flex;
    align-items:center;
  }
  .start-screen .cent .per .line:before{
  content:url(/images/60011ebc79a86.png);
    margin:0 20px 0 0;
    top:5px;
    position:relative;
    display:block;
  }
  .start-screen .cent .per .line span{
  margin:0 0 0 10px;
    font-weight:700;
  }
  .start-screen .cent .button{
  font-weight: 700;
    font-style: italic;
    color: #fff;
    background-color: #f07d19;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:400px;
    height:77px;
    transition:0.2s;
    font-size:25px;
  }
  .start-screen .cent .button:hover{
  background:black;
  }
 .for{
  position:relative;
    width:100%;
    background:url(/images/60012c419fdbc.png);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    padding:100px 0;
  }
  .for .title{
  font-weight: 700;
    font-style: italic;
    font-size:36px;
    color:white;
    width:100%;
    text-align:center;
    margin:0 0 80px 0;
  }
  .for .greed{
  position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    flex-wraP:Wrap;
  }
  .for .greed .item{
  position:relative;
    margin:20px auto;
    max-width:95%
  }
  .for .greed .item .start{
  max-width:100%;
  }
  .for .greed .item .button{
  position:relative;
    background:rgba(39,65,146,0.55);
    width:100%;
    text-align:center;
    cursor:pointer;
    font-style: italic;
    font-size:20px;
    padding:5px 0;
    color:white;
    font-weight:500;
  }
  .for .greed .item .all{
  position:relative;
    background:rgba(39,65,146,0.55);
      border-top:1px solid white;
    padding:15px 20px;
    font-weight: 700;
    font-style: italic;
    font-size:15px;
    color:White;
  }
  .for .greed .item .all .line{
  margin:10px 0;
  }
  .for .greed .item .all .line img{
  margin:0 10px 0 0;
    width:50px;
  }
 .from{
  position:relative;
    width:100%;
    padding:50px 0;
  }
  .from .title{
  font-weight: 700;
    font-style: italic;
    color: #f07d19;
    font-size: 36px;
    margin:0 0 40px 0;
    width:100%;
    text-align:center;
  }
  .from .greed{
  position:relative;
    width:100%;
    display:flex;
    flex-wrap:Wrap;
  }
  .from .greed .item{
  position:relative;
    width:25%;
    padding:10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
  }
  .from .greed .item img{
  max-width:100%;
    max-height:225px;
  }
  .from .greed .item .name{
  font-weight:500;
    font-size:24px;
    text-align:center;
    width:100%;
    margin:20px 0 0 0;
  }
  .work{
  position:relative;
    width:100%;
    padding:50px 0;
  }
  .work .title{
  font-weight: 700;
    font-style: italic;
    color: #f07d19;
    font-size: 36px;
    margin:0 0 40px 0;
    width:100%;
    text-align:center;
  }
  .work .title-text{
  width:100%;
    padding:20px;
    font-size: 18px;
    line-height: 1.6;
  }
  .work .greed{
  position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
  }
  .work .greed .item{
  position:relative;
    width:50%;
    padding:20px;
    display:flex;
    align-items:center;
  }
  
  .work .greed .item img{
  width:110px;
    margin:0 30px 0 0;
  }
  .work .greed .item .content{
  }
  .work .greed .item .content .name{
  font-weight: 700;
    font-style: italic;
    color: #2d4895;
    font-size: 24px;
    line-height: 1.6;
  }
  .work .greed .item .content .text{
      font-weight: 300;
    color: #0e0e0e;
    font-size: 18px;
    line-height: 1.6;
  }
 .bot-button{
  position:relative;
    width:100%;
    height:127px;
    background:url(/images/600151964e85e.png);
    background-size:cover;
    background-position:center center;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .bot-button .button{
  font-weight: 700;
    font-style: italic;
    color: #fff;
    background-color: #f07d19;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:400px;
    height:77px;
    transition:0.2s;
    font-size:25px;
    max-width:100%;
  }
  .bot-button .button:hover{
  background:black;
  }


@media(max-width:800px){
  .start-screen{
    height: 600px;
    background:url(/images/60100fc42d250.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .start-screen .ogl{
    right: 30px;
  }
  .start-screen .ogl h2{
    font-size: 24px;
    line-height: 1.5;
    text-align: right;
  }
  .start-screen .ogl h3{
    font-size: 20px;
    line-height: 1.5;
    margin-top: 0px;
  }
  .start-screen .cent{
    width: calc(100% - 30px);
    left: 15px;
    top: 190px;
    padding: 25px 0;
    height: auto;
    bottom: auto;
  }
  .start-screen .cent .name{
    font-size: 24px;
    line-height: 1.5;
  }
  .start-screen .cent .per{
    margin: 25px 0;
  }
  .start-screen .cent .per .line{
    font-size: 16px;
    line-height: 16px;
    margin: 0;
  }
  .start-screen .cent .button{
    height: 40px;
    width: 250px;
    font-size: 16px;
    line-height: 0px;
  }
  .for{
    padding: 60px 0;
  }
  .for .title{
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 40px;
  }
  .for .greed{
    
  }
  .for .greed .item{
    
  }
  .for .greed .item .start{
    
  }
  .for .greed .item .button{
    
  }
  .for .greed .item .all{
    
  }
  .for .greed .item .all .line{
    display: flex;
    align-items: center;
    line-height: 20px;
  }
  .from{
    padding: 40px 0;
  }
  .from .title{
    font-size: 20px;
    line-height: 1.5;
  }
  .from .greed{
    
  }
  .from .greed .item{
    width: 100%;
  }
  .from .greed .item img{
    
  }
  .from .greed .item .name{
    font-weight: bold;
  }
  .work{
    padding: 40px 0;
  }
  .work .title{
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .work .title-text{
    font-size: 12px;
    line-height: 1.5;
  }
  .work .greed{
    
  }
  .work .greed .item{
    width: 100%;
    padding: 15px;
  }
  .work .greed .item img{
    width:50px;
  }
  .work .greed .item .content{
    
  }
  .work .greed .item .content .name{
    font-size: 13px;
    line-height: 1.5;
  }
  .work .greed .item .content .text{
    font-size: 12px;
    line-height: 1.5;
  }
  .bot-button{
    height: auto;
    padding: 25px 0;
  }
  .bot-button .button{
    height: 40px;
    width: 250px;
    font-size: 16px;
    line-height: 0px;
  }
  
}