@charset "UTF-8";

/* 全体設定 */
body {
    font-size: 18px;
}

/* 見出し */
.h2-top,
.ugb-block-title {
    text-align: center;
    font-size: 1.8rem !important;
    margin-bottom: 3rem;
}

.h2-top:before,
.ugb-block-title:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(https://lp.shimihokuro.com/wp-content/uploads/icon.png) !important;
    background-size: contain;
    vertical-align: top;
    margin-right: 15px;
}

.h3-top {
    text-align: center;
    padding: 1rem 2rem;
    color: #fff;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ee9ca7), to(#f5576c));
    background-image: -webkit-linear-gradient(left, #ee9ca7 0%, #f5576c 100%);
    background-image: linear-gradient(to right, #fad0c4 0%, #c57d86 100%);
    background-color: #c57d86;
}

/* フッター */
.l-footer {
    background-color: #fcecee;
}

/* キャッチコピー */
.ugb-h2-catch {
    font-size: 2rem !important;
    text-shadow: 1.5px 1.5px #ccc;
}

/* テキストモバイル時左寄せ */
@media (max-width:768px) {
    .ubg-text-mobile_left {
        text-align: left;
    }
}

/* 当院の特徴 */
.ugb-box-feature h3 {
    text-align: center;
    font-size: 1.25rem !important;
    border-bottom: 2px solid #fcc;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* ポイント */
.ugb-step-point .ark-block-step__item:before {
    display: none !important;
}

/* コンテナ枠 */
.ark-block-container.ark-keep-mt.ugb-container_block-shadow {
    padding: 2rem;
    box-shadow: 0 0 4px 1px #0000000d, 0 1px 24px -8px #00000026;
}

/* 予約フォーム */
.ubg-form {
    background-color: #fff;
    padding: 1rem;
}

.contact-table .ugb-form-textarea {
    width: 100%;
}

.contact-table input {
    width: 100%;
}

@media (max-width:1024px) {

    .contact-table,
    .contact-table tbody,
    .contact-table tr,
    .contact-table th,
    .contact-table td {
        display: block;
        width: 100%;
    }
}

.contact-table__btns {
    text-align: center;
}

input[type=submit] {
    color: #fff;
    padding: 0.75em 1.75em;
    background: linear-gradient(135deg, rgb(157, 43, 72) 0%, rgb(122, 29, 93) 100%);
    border: none;
    border-radius: 4px;
    width: 100%;
}

/* フローティングバナー */
.floating-banner-box {
    position: fixed;
    max-width: 50px !important;
    height: 185px;
    z-index: 99;
    bottom: 120px;
    right: 0px;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    background-color: rgba(255, 255, 255, 0.6)
}

.floating-banner-facebook, .floating-banner-instagram {
    border-bottom: solid 0.5px #ccc;
    height: 60px;
}

.floating-banner-map {
    height: 60px;
}

.floating-banner-facebook img, .floating-banner-instagram img, .floating-banner-map img {
    width: 100%;
    margin: 5px 0 5px 0;
}

.floating-banner-facebook:hover, .floating-banner-instagram:hover, .floating-banner-map:hover {
    opacity: .8;
}

@media (min-width: 641px) {
    .floating-banner-box {
        position: fixed;
        max-width: 60px !important;
        height: 185px;
        z-index: 1;
        top: 60vh;
        right: 0px;
        padding: 5px;
        border-radius: 10px 0 0 10px;
        background-color: rgba(255, 255, 255, 0.6)
    }
}