/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffbecd !important;
}

.validation-summary-errors {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.soryoTrue {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #FFF;
    height: 100px;
    border-radius: 10px;
    font-size: 23px;
    text-align:center;
    background-color: #FF3333;
    border-color: #FF3333;
}

.validation-summary-valid {
    display: none;
}


/* 各要素reset */
html { font-size: 10px; box-sizing:border-box; scroll-behavior: smooth;}
html,body,p,h1,h2,h3,h4,h5,h6,table,th,td,ul,ol,li,dl,dt,dd,img,a { margin:0; padding:0; }
:focus { outline: none; }
html { background:#FFF; }
table { border-collapse:collapse; }
td,th { line-height:1.5; vertical-align:top; text-align:left; }
strong { font-weight:bold; }
img { border:none; vertical-align:bottom; max-width: 100%; }
img[src*=".svg"] { width:100%;}
embed,iframe,object { max-width: 100%;}
br { line-height: 0; }
hr { display:none; }
fieldset { border:none; }
blockquote { padding:0; border:none; }
address { font-style:normal; }
button { cursor: pointer;}
ul { list-style:none; }
em { font-style: normal; font-weight: bold; }
label { cursor: pointer; }