@charset "utf-8";


#contact-bnr_inner{ margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;padding:50px 10px 150px;}
.contact-bnr_item{width: 32%; text-align: center; color: #fff;}
.contact-bnr_item a{position: relative; display: block; letter-spacing: 0.1em; padding: 23px 0; background: rgba(0, 0, 0, 0.5);}
.contact-bnr_item .txt{font-size: 2rem; line-height: 1.5; min-height: 100px; display: flex; align-items: center; justify-content: center}

.contact-bnr_item .btn{border: 1px solid #fff; padding: 15px 0; position: relative; max-width: 340px; width: 74%; margin: 0 auto; background-color: rgba(0,0,0,.1);}
.contact-bnr_item .btn:after{content: ''; border: solid rgba(255,255,255,.6); border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 50%; right: 15px; margin: -4px 0 0 0;}
.contact-bnr_item a:hover {background: rgba(0, 0, 0, 0.2);}
.contact-bnr_item:nth-of-type(1) {background: url(../img/contact/bnr-01.jpg) no-repeat; background-size: cover;}
.contact-bnr_item:nth-of-type(2) {background: url(../img/contact/bnr-02.jpg) no-repeat; background-size: cover;}
.contact-bnr_item:nth-of-type(3) {background: url(../img/contact/bnr-03.jpg) no-repeat; background-size: cover;}

@media only screen and (max-width: 767px){
    #contact-bnr{padding: 30px 15px;}    
    .contact-bnr_item{width: 100%; max-width: 480px; margin: 0 auto 40px;}
    .contact-bnr_item:last-of-type{margin: 0 auto;}
}