/* 共通CSS */

/* ページ全体 */
body {
    font-feature-settings: "palt";
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    /* letter-spacing: .1em; */
    background-color: #F5F5F0;
    min-height: 100vh;
    /* color:#676662; */
    color:#000000;
}

/* 各コンテンツの間隔 */
.row{
    margin-top: 1rem;
}

/* フッター設定 */
footer {
    position: sticky;
    top: 100vh;
    width: 100%;
}
footer a{
    color: var(--clinic-Theme-color);
}

.alert p{
    margin-bottom: 5px;
}

.bg-clinic{
    background-color: var(--clinic-Theme-back-color);
    color: var(--clinic-Theme-color);
}

/* 矢印設定 */
.arrow {
    position: relative;
    display: inline-block;
    padding-right: 15px;
}
.arrow:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}
.arrow.arrow-color-clinic:after{
    border-color: var(--clinic-Theme-back-color);
}
.arrow.arrow-color-white:after{
    border-color: white;
}

.error{
    color:#AC2B2B;
}

/* 流入時画面設定 */
body.inflow{
    && .main{
        width: 100%;
        height: calc(100vh - 60px);
        position: relative;
    }
    && .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}