*{
    margin: 0;
    padding: 0;
}
body{
    background:#007EEE;
    /* background-image: radial-gradient(50% 0%, #007EEE 50%, #0048BF 100%); */
    background: -moz-linear-gradient(top,   #007EEE 0%,#0048BF 100%);
    background: -webkit-linear-gradient(top,   #007EEE 0%,#0048BF 100%);
    background: -o-linear-gradient(top,   #007EEE 0%,#0048BF 100%);
    background: -ms-linear-gradient(top,   #007EEE 0%,#0048BF 100%);
    background: linear-gradient(to bottom,  #007EEE 0%,#0048BF 100%);
}
header .logo{
    display: flex;
    padding: 6.933vw 6.4vw 0;
    align-items: center;
}
header .logo img:first-child{
    height: 3.733vw;
    margin-right: 3.387vw;
}
header .logo img:last-child{
    height: 4.8vw;
}
.main{
    background-image: url(../img/main.png);
    height: 95.667vw;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.main p{
    font-size: 4.8vw;
    color: #FFF383;
    letter-spacing: 0.267vw;
    text-align: center;
    line-height: 6.933vw;
}
.main .icon{
    display: inline-block;
    border-width: 2.533vw;
    border-style: solid;
    border-color: #FFF383 transparent transparent transparent;
    margin-top: 2.667vw;
}
.content{
    background: #FFFFFF;
    border: 4px solid #007DED;
    border-radius: 24px;
    border-radius: 24px;
    margin: 0 6.4vw;
    padding: 0 6.4vw;
}
.content h3{
    font-size: 3.733vw;
    color: #1149A6;
    letter-spacing: 0;
    line-height: 5.867vw;
    padding: 4.8vw 0 4.267vw 0;
}
.content h2{
    font-size: 4vw;
    color: #1149A6;
    text-align: center;
    letter-spacing: 0;
    line-height: 5.867vw;
    padding: 10vw 0;
}
.content li{
    background: #2185F0;
    border-radius: 3.2vw;
    border-radius: 3.2vw;
    font-size: 3.2vw;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 5.867vw;
    display: inline-flex;
    padding: 0.533vw 2.133vw;
    align-items: center;
}
.content li span{
    width: 2.667vw;
    height: 2.667vw;
    border-radius: 50%;
    border: 0.5vw solid #FFFFFF;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0.533vw;
}
.content p{
    font-size: 3.2vw;
    color: #1149A6;
    letter-spacing: 0;
    line-height: 5.333vw;
    padding: 2.133vw 0 4.267vw 0;
}
.from{
    font-size: 3.2vw;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0;
    line-height: 5.867vw;
    text-align: center;
    margin: 3.733vw 0 64.999px 0;
}
.btn-area{
    background: #FFFFFF;
    box-shadow: 0 -8px 16px 0 rgba(0,0,0,0.15);
    text-align: center;position: fixed;
    bottom: 0;
}
.btn-area button{
    background: #2082EC;
    border-radius: 1.067vw;
    font-size: 4.267vw;
    color: #FFFFFF;
    border: 0.267vw solid #ffffff;
    width: 89.333vw;
    height: 10.667vw;
    margin: 2.133vw 5.333vw;
}
.btn-area-bottom button{
    border-radius: 11.733vw;
}