main{
    width:100%;
    margin:99px 0 0;
}

article{
    width:100%;
    /* height:100vh; */
    background:linear-gradient(90deg,#fbcb0c 50%,#f73d31 50%);
}

/* TITLE AREA */
.main-title{
    position:relative;
    padding:0 calc((100vw - 1024px) / 2);
    width:100%;
    background:#c03634;
}

.main-title .greeting{
    position:absolute;
    bottom:80px;
    width:1024px;
    z-index:2;
}

.main-title .greeting p{
    font-weight:bold;
    color:var(--back);
    text-align:center;
}

.main-title .greeting p:nth-child(1){
    line-height:1.7;
    font-size:24px;
}

.main-title .greeting p:nth-child(2){
    margin:32px auto;
    padding:16px;
    width:760px;
    font-size:35px;
    border:2px solid var(--back);
}

.main-title .greeting p:nth-child(3){
    font-size:37px;
}

.main-title .greeting p:nth-child(3) b{
    display:block;
    margin-bottom:16px;
    font-size:51px;
    color:var(--back);
}

.main-title::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:50%;
    height:300px;
    background:linear-gradient(0,#fbcb0c,#c03634);
}

.main-title::after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    display:block;
    width:50%;
    height:300px;
    background:linear-gradient(0,#f73d31 50%,#c03634 100%);
}

/* MAIN AREA */
.main-area{
    display:flex;
    margin:0 auto;
    padding-bottom:32px;
    width:896px;
    justify-content:space-between;
}

.main-area .normal,
.main-area .premium{
    width:436px;
}

.main-area .normal .body,
.main-area .premium .body{
    padding:0 16px;
    background:#fff;
}

.main-area .normal .body .catch,
.main-area .premium .body .catch{
    font-size:22px;
    font-weight:bold;
    text-align:center;
}

.main-area .normal .body .terms,
.main-area .premium .body .terms{
    margin:16px 0;
    padding:8px;
    font-size:30px;
    font-weight:bold;
    color:#000;
    border-radius:8px;
    text-align:center;
}

.main-area .normal .body .terms{
    background:#fbcb0c;
}

.main-area .premium .body .terms{
    background:#f73d31;
}
 
.main-area .normal .body .terms span,
.main-area .premium .body .terms span{
    display:block;
    margin:0 auto 8px;
    padding:4px 8px;
    width:100px;
    font-size:16px;
    font-weight:bold;
    color:#000;
    border-radius:4px;
}

.main-area .normal .body .terms span{
    background:#f73d31;
}

.main-area .premium .body .terms span{
    background:#fbcb0c;
}

.main-area .normal .body .attention,
.main-area .premium .body .attention{
    padding:8px;
    line-height:1.5;
    font-size:12px;
    color:#000;
    border-radius:8px;
    background:#ddd;
}

.main-area .body .result{
    margin-top:16px;
}

.main-area .body .bomb{
    margin:16px 0 0 -28px;
    width:460px;
}