@charset "UTF-8";
/*******************************

contactCss

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

.page .mainimg {
    padding: 20px 0;
    margin-bottom: 50px;
}

.page .mainimg h2 .inner {
    color: #2f2f2f;
}

/*-----------------------------
dl
-----------------------------*/
dl.info {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 80px;
}

dl.info ul {
    text-align: left;
    max-width: 830px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

dl.info li {
    width: 48%;
    -webkit-box-shadow: 0px 4px 16px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 16px -6px rgba(0, 0, 0, 0.6);
    margin-bottom: 40px;
}

dl.info li a {
    width: 100%;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
}

dl.info li a:hover {
    background-color: rgba(169, 167, 167, 0.20);
}

dl.info li img {
    display: inline-block;
    margin-right: 20px;
}

dl.info span {
    display: block;
}

dl.info span.f-mincho {
    font-size: 120%;
    letter-spacing: .05em;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    .h-bottom{
    letter-spacing: .05em;
    font-size: 150%;
    }
    dl.info li {
        width: 100%;
        margin-bottom: 30px;
    }
    dl.info {
        margin-bottom: 30px;
    }
}

/*-----------------------------
バナー
-----------------------------*/
.repair-contact {
    background: #f1f0ee;
    padding: 60px 0;
}

.repair-contact a {
    display: inline-block;
    background: #313131;
    width: 90%;
    max-width: 988px;
    color: #fff;
    margin: 0 auto;
    font-size: 130%;
    padding: 40px 20px;
    vertical-align: middle;
}

.repair-contact a img {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.repair-contact a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    .repair-contact a {
        padding: 20px 10px;
    }
    .repair-contact a img {
        padding-bottom: 10px;
    }
}