@charset "UTF-8";


/*************************
***   ボタン各種
***************************/

button, a {
    cursor: pointer;
}

a:link {
    color: #fff;
}

a:visited {
    color: #fff;
}

a:hover {
    color: #fff;
}

a:active {
    color: #fff;
}

#scrollTop a {
    background-color: green;
    border-radius: 20px;
    color: #fff;
    font-size: 1.5rem;
    bottom: 20px;
    padding: 1em;
    position: fixed;
    right: 20px;
    z-index: 100;
    text-decoration: none;
}

#scrollTop a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f30c';
    position: absolute;
    left: 0.85em;
    top: 3vh;
    color: #fff;
    font-size: 2rem;
}

/*************************
***   画像設定
***************************/

img {
    max-width: 100%;
    height: auto;
}

/*************************
***   入力フォーム
***************************/

input:focus, input:hover, input.blink {
    border: 3px solid #ff9c00;
    animation: blink 0.75s linear infinite alternate;
    border-width: 1px;
}

@keyframes blink {
    0% {
        border: 3px solid #ff9c00;
    }

    100% {
        border: 3px solid #efefef;
    }
    
}

button.blink, button.form_btn.blink {
    border: 3px solid #ff9c00;
    animation: blink .75s linear infinite alternate;
}
button.blink, button.form_btn2.blink {
    border: 3px solid #ff9c00;
    animation: blink .75s linear infinite alternate;
}

/*************************
***   
***************************/

span.marker {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

span.marker2 {
    background: repeating-linear-gradient(-45deg,#ffff66,#ffff66 2px,transparent 2px,transparent 4px) no-repeat 0 0.75em;
    font-weight: bold;
}

span.marker3 {
    background-color: #fec;
}

span.txt-bold {
    font-weight: bold;
}

i:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
}