/*--------------------------------------*/
.mask {
            width:100vw !important;
            height:100vh !important;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 999;
            background-color: rgba(0, 0, 0, 0.1);
            display:none;
        }
        .mask>div{
            width:400px;
            height:300px;
            background:#fff;
            border-radius:50px;
            position:fixed;
            left:50%;
            top:50%;
            transform:translate(-50%, -50%);
            box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
            
        }
        .mask>div>img{
            display:block;
            margin:0px auto;
            margin:0px auto;
            
        }
        .mask>div>p{
            width:100%;
            font-size:18px;
            line-height:30px;
            font-weight:700;
            color:darkcyan;
            text-align: center;
            display:block;
            position:absolute;
            left:0px;
            bottom:30px;
        }
/*--------------------------------------*/
body{position:relative;width:100vw; height:100vh; background:#efefef;}
.fwrap{width:50vw; height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%); background:#fff; padding:50px; box-sizing:border-box; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.2);}
.fwrap>p{font-size:20px; line-height:1.6; text-align:center; font-weight:bold; color:#0078aa;}
.fwrap form>fieldset{border:0px; padding:30px 0px 0px;}
fieldset>.inputLine{display:flex; justify-content:space-around;  margin:0px auto 20px;}
.checkLine{display: flex; justify-content:flex-start; flex-wrap: wrap; width:95%; margin:0px auto 40px;}
.checkLine>p{width:100%;font-size:18px; line-height:1.7; font-weight:bold;}
.checkLine>.checkform{width:50%;display:flex; justify-content:flex-start}
.checkLine>.checkform>input{width:30px; height:30px; margin:0px 10px 10px;}
.checkLine>.checkform>label{text-align: center; font-size:18px; line-height:30px;}

.inputLine>.elem{width:45%;}
.elem>label{width:100%; text-align:left; font-size:18px; line-height:1.7; font-weight:bold;}
.elem>input{width:100%; height:40px; border:1px solid #aaa; text-indent:0.5em;}
.inputLine>.textLine{width:95%;}
.textLine>label{ font-size:18px; line-height:1.7; font-weight:bold;}
.textLine>textarea{ width:100%; height:80px; resize: none; text-indent: 0.5em; border: 1px solid #aaa;}

.notice{font-size:14px; color:#aaa; text-align: center}
.inputLine7 {
    padding: 30px 0px 30px;
}
.inputLine7 > a {width: 200px; height: 50px; margin: 0px auto; border-color: #005faf; color: #fff; background: #005faf; text-align: center; line-height:50px; font-size:16px;
}
.mobile{display:none;}
.logo{width:120px; height:auto; margin:0px auto; display:block;}

@media screen and (max-width:1300px) and (min-width:860px){
.fwrap{width:70vw;}
}
@media screen and (max-width:859px) {
.fwrap{width:100vw;}
}
@media screen and (max-width:630px){
.fwrap{padding:20px;} 
.fwrap>p{font-size:14px;}
.checkLine>.checkform{width:50%;}
.checkLine>.checkform>input{margin-right:5px;}    
.checkLine>.checkform>label,.elem>label,.textLine>label{font-size:16px;} 
.mobile{display:block;}
}


.wrap {
    width: 100vw;
    height: 100vh;
    position: relative;
    background: #efefef;
    text-align:center; 
}

.complete {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 300px;
    background: url(submit_head.png) no-repeat;
    box-shadow: -5px 5px 10px 0px rgba(50, 50, 50, 0.1);
}

.complete > .logo {
    position: absolute;
    left: 50%;
    bottom: -50px;
    width: 97px;
    height: 26px;
    transform: translateX(-50%);
    background: url(./crinity_AWSmail.png) no-repeat;
    background-size:contain
}

.complete > .line1 {
    font-size: 28px;
    font-weight: 700;
    color: #234589;
    margin: 100px 0px 10px;
}

.complete > .line2 {
    font-size: 18px;
    color: #5975b9;
    margin-bottom: 50px;
}

.complete > .line3 {
    font-size: 16px;
    color: #b6ccea;
}