/* ---------------------------------------------------------------------------------------------------   

　.block_contact

   --------------------------------------------------------------------------------------------------- */

.block_contact { height:100vh; min-height:100%; position: relative; z-index:0; overflow: hidden; }

/* .contact_area */
.block_contact .contact_area { position: absolute; top: 0px; right: 10%; left: 10%; bottom: 0; z-index: 1; }
.block_contact .contact_box { position: absolute; top: 50%; left: 0; right: 0;max-width: 1200px; margin: 0 auto;  z-index: 0;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center;}
.block_contact .contact_area .img_area { position: absolute; top: 50%; left: 0; width: 25%;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.block_contact .contact_area .txt_area { display: inline-block; text-align: left;line-height: 1; }
.block_contact .contact_area .contact_item a { margin: 15px 0 0; font-size: 14px; display: inline-block; font-weight: 500;letter-spacing: 0.015em;font-feature-settings: "calt" 1;line-height: 25px; position: relative; z-index: 0;}
.block_contact .contact_area .contact_item a:after { position: absolute; bottom: 0; right: 2px; left: 0; height: 1px; content: "";background: #111; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
.block_contact .contact_area .contact_item a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 960px) {
.block_contact { height:100vh;}
.block_contact .contact_area { right: 3.5%; left: 3.5%;}
.block_contact .contact_box {padding: 0 5%;}
}
@media only screen and (max-width: 738px) {
footer.fixed_footer {position: fixed; left: 0; bottom: 0; }
}