/* common.css */
#wrap {}
#wrap header {position:absolute; z-index:11; top:52px; right:241px;}
#wrap header ul {position:relative; left:150px; top:80px;}
#wrap header ul li {text-align:right;  margin-bottom:17px;}
#wrap header ul li a {
    font-size:1.375rem; font-family:'Crimson Text', serif; text-shadow:0 0 4px rgba(26,26,26,0.8);
    display:inline-block; position:relative;
}
#wrap header ul li a::after {
    content:''; width:100%; height:20px; background-color:rgba(133,167,106,0.6);display:inline-block;
    transform-origin:left center; position:absolute; top:10px; left:0; z-index:-1;
    transform:scaleX(0);
}
#wrap header ul li a:hover::after {
    transition:all 1s;
    transform:scaleX(1);
}

/* footer */
#wrap footer {background-color:#1a1a1a; padding:30px 236px}
#wrap footer .footer_tom {}
#wrap footer .footer_tom p:first-child {font-size:0.875rem; font-weight:300; line-height:130%;}
#wrap footer .footer_tom p:last-child {font-size:0.938rem; margin:18px 0 50px;}
#wrap footer .footer_bottom {display:flex; justify-content:space-between;}
#wrap footer .footer_bottom .bottom_left {display:flex; flex-flow:column nowrap; gap:10px;}
#wrap footer .footer_bottom .bottom_left a {font-family:'Crimson Text', serif; font-size:0.938rem;}
#wrap footer .footer_bottom > a {width:162px; display:inline-block;}
#wrap footer .footer_bottom a img {width:100%;}