@charset "utf-8";
/* reset
----------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;
/*background:transparent*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}nav ul {list-style:none}blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:700}del {text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table {border-collapse:collapse;border-spacing:0}input,select {vertical-align:middle}img{vertical-align:top;vertical-align:bottom}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul {list-style: none;}li {list-style: none;}img {max-width: 100%;}

/*style css---------------------------------------------------------*/
body {
    font-family: sans-serif;
}
/*SP---------------------------------------------------------------------------*/
.error {
    margin: 0 auto 80px;
}


.error .box30 {
    width: 100%;
    box-shadow: none;
}

.error .box30 .box-title {
    width: 100%;
    max-width: 1920px;
    height: 80px;
    margin: 0 auto;
    font-size: 32px;
    font-weight: normal;
    line-height: 80px;
    padding: 0;
    background-color: #FBD430;
}

.error__image {
    padding: 40px 0;
    margin: 0 auto;
    display: block;
    width: 200px;
}

.error__text {
    display: block;
    margin: 0 auto;
    padding: 0 0 32px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #2D2E2E;
}

.error .button {
    display: block;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    background: #619CD6;
    color: #ffffff;
    line-height: 64px;
    transition: .3s;
    box-shadow: none;
    border: none;
    width: 160px;
    height: 64px;
    margin: 0 auto;
}

.box30 form {
    padding: 0;
    margin: 0;
}



/*PC---------------------------------------------------------------------------*/

@media screen and (min-width: 960px) { 
    .error .box30 {
        box-shadow: none;
        width: 100%;
        background-color: #fff;
    }

    .error__image {
        padding: 80px 0;
        margin: 0 auto;
        display: block;
        width: 240px;
    }

    .error__text {
        display: block;
        margin: 0 auto;
        padding: 0 0 80px;
        box-sizing: border-box;
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        color: #2D2E2E;
    }

    .error .button {
        display: block;
        border-radius: 10px;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        padding: 0;
        background: #619CD6;
        color: #ffffff;
        line-height: 64px;
        transition: .3s;
        box-shadow: none;
        border: none;
        width: 160px;
        height: 64px;
        margin: 0 auto;
    }
}