@font-face {
    font-family: 'KronaOne';
    src: url('font/KronaOne.ttf');
}
*{
	padding: 0;
	margin: 0;
}
html{
	font-family: PingFangSC-Semibold, PingFang SC;
  font-size: calc(100vw / 190);
}
header{
 background-color: #4071FF ;
	display: flex;
	justify-content: space-between;
    align-items: center;
    height: 10rem;
	padding: 0 10%;
}
header a{
    
    text-decoration: none;
}
.radius{
    top: 1156px;
    left: 265px;
    position: absolute;
}
.main{
	overflow: hidden;
  
    background-size: 100% 100%;
}
.logo-box{
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 2rem;
	font-weight: 600;
	color: #000000;
}
.agreement-btn+.agreement-btn{
	margin-left: 2.8125rem;
}
.agreement-btn{
	display: inline-block;
	font-size: 2rem;
	font-family: PingFangSC-Semibold, PingFang SC;
	color: #000000;
	line-height: 3.125rem;
	padding: 0 3rem;
}
.logo-box img{
height:8rem
}
.top{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.top img{
    width: 100%;
}
.top .button{
    margin-left: 20%;
    width: 50%;
}
.top-l{
    display: flex;
    flex-direction: column;
}
.middle{
    margin-top: 10rem;
}
.middle img{
    width: 100%;
}
.middle .middle-title{
    margin-left: 20%;
    color: #29387D;
    font-size: 9rem;
}
.middle .middle-detail{
    margin:0.5% 0 0 20%;
    color: #29387D;
    font-size: 4rem;
}
.bottom{
    background-color: #4071FF;
}
.bottom .bottom-t{
    text-align: center;
}
.bottom-d{
    padding: 3rem;
    margin: 0 auto;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
}
.bottom-t img{
    width: 100%;
}
.bottom-d .d-img{
    margin-right: 2rem;
}
.bottom-list{
    margin-top: -10%;
    display: flex;
    flex-direction: column;
}
.bottom-list div{
    margin: 2rem auto;
}
.d-remake{
    padding: 0 3rem;
    color: #29387D;
    font-size: 3rem;
}
.last{
    padding: 2rem 0;
}
.last-w{
    margin-left: 70%;
    font-size: 2rem;
    color: #29387D;
}
.last-w a{
    font-size: 2rem;
    color: #29387D;
    text-decoration: none;
}
@media screen and (max-width: 600px){
    .bottom-d{
        width: 70%;
    }
    header{
       
        height: 12rem;
    }
}