/* base.css - サイト骨格・共通ユーティリティ */

@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap";

.tmpl_inner {
    padding: 0 2rem;
    max-width: 1240px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    .tmpl_inner {
            width: auto;
            min-width: inherit
        }
}

.is-sp {
    display: none
}

@media only screen and (min-width: 769px) {
    .tel-btn {
            cursor: default
        }
}

@media only screen and (max-width: 768px) {
    .is-sp {
            display: inherit
        }
    .is-pc {
            display: none
        }
}

.tel-btn,
.tel-btn:hover {
    text-decoration: none;
    cursor: default;
    opacity: 1
}

@media only screen and (max-width: 768px) {
    .tel-btn {
            text-decoration: underline;
            cursor: pointer
        }
}

.site_wrapper {
    width: 100svw;
    overflow: hidden
}

.main_content {
    display: block;
    margin-top: 60px;
    padding: 0
}

@media only screen and (max-width: 768px) {
    .main_content {
            margin-top: 50px
        }
}

.main_content a {
    color: var(--c-brand-800)
}


/* Form controls (共通属性) */
input,
label,
select,
textarea {
    vertical-align: middle
}