@charset "UTF-8";

/* element */

/***************************************
    common
****************************************/
.el_lv1Heading {
    font-size: 8rem;
    font-family: baskerville-urw, serif;
    font-weight: 400;
}
.el_lv2Heading {
    font-size: 4rem;
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
}
.el_lv3Heading {
    font-size: 2rem;
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
}
.el_heading__jp {
    font-family: 'Noto Serif JP', serif;
}
.el_btn {
    display: inline-block;
    width: 30rem;
    padding: 2.8rem 1rem;
    border-radius: 50vh;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 200% auto;
    background-image: linear-gradient(to right,#000 0%,#000 50%,#fff 50%,#fff 100%);
    box-shadow: 0 3px 10px rgb(0 0 0 / 16%);
    transition: background-position ease 0.3s;
    text-align: center;
    text-decoration: none;
}
.el_btn:hover {
    background-position: 0 0;
    color: #fff;
}

/***************************************
    hamburger
****************************************/
.el_hamburger_line {
    transition: all .3s ease;
    width: 2.6rem;
    border-top: .2rem solid;
    position: absolute;
    right: 0;
}
.el_line_top {
    top: 3.5rem;
    left: 2.7rem;

}
.el_line_btm {
    top: 4.5rem;
    left: 2.7rem;
}
.js_menu.on .el_line_top {
    margin: .5rem 0 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.js_menu.on .el_line_btm {
    margin: -.5rem 0 0;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}


/***************************************
    information
****************************************/
.el_newsList_date {
    color: #bababa;
    font-size: 1.4rem;
    flex: 1;
}



/***************************************
    contact
****************************************/
.el_form_require {
    color: red;
}
.el_form_input {
    display: block;
    width: 100%;
    background-color: #f6f6fa;
    padding: 1rem;
}
.el_form_error {
    color: red;
    margin-top: .5em;
    font-size: 1.2rem;
}
.el_form_textarea {
    display: block;
    width: 100%;
    background-color: #f6f6fa;
    padding: 1em;
    height: 15em;
}


/* 768px以下
============================================================================= */
@media screen and (max-width:768px) {
    /***************************************
        common
    ****************************************/
    .el_lv1Heading {
        font-size: 3.2rem;
    }
    .el_lv2Heading {
        font-size: 2.4rem;
    }
    .el_btn {
        max-width: 80%;
        padding: 1rem;
    }

    /***************************************
        hamburger
    ****************************************/
    .el_hamburger_line {
        border-top: .1rem solid;
    }
    .el_line_top {
        top: 1.5rem;
        left: 0.7rem;
    }
    .el_line_btm {
        top: 2.5rem;
        left: 0.7rem;
    }

    /***************************************
        information
    ****************************************/
/*    .el_newsList_date {
        width: 100%;
    }*/
}