@charset "UTF-8";

img {
    max-width: 100%;
    height: auto;
    /*高さ自動*/
    /* vertical-align: bottom; */
    display: block;
}

a {
    display: block;
    text-decoration-line: none;
}

a:hover {
    /* opacity: 80%; */
}


/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
}

body {
    color: #000;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    /* line-height: 1.6; */
    margin: 0;
    padding: 0;
}

.wrap {
    overflow: hidden;
}

/*-- PC版表示CSS  --*/
.pc {
    display: block;
}

.sp {
    display: none;
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 520px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}



/* pc版の時はクリックで電話がかからないように */
@media(min-width: 520px) {
    a[href^="tel:"] {
        pointer-events: none;
        color: #fff;
    }
}

/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    margin: 0 auto;
    max-width: 750px;
    width: 100%;
    position: relative;

}

.pc-yohaku {
    margin-top: -2px;
}

/* お問い合わせボタン */
.contact-area {
    position: relative;
}

.contact-btn-3 {
    position: absolute;
    top: 72%;
    left: 5.5%;
    width: 90%;
    animation: anime1 0.8s ease 0s infinite alternate;
    transform-origin: center;
}


@keyframes anime1 {
    from {
        transform: scale(0.9, 0.9);
    }

    to {
        transform: scale(1, 1);
    }


}

/* 途中から出現するフローティングボタン */
.floating {
    position: fixed;
    left: 50%;
    bottom: 30px;
    display: none;
    transform: translateX(-50%);
    max-width: 650px;
}

.floating a {
    display: block;
    text-decoration: none;
    transition-duration: .8s;
}

.floating a:hover {
    transform: scale(1.1);
}



/* 520px以下の表示 */
@media (max-width : 520px) {
    .floating {
        position: fixed;
        left: 30px;
        bottom: 20px;
        display: none;
        transform: translateX(-12px);
    }
}