@charset "UTF-8";

/* CTAグループの全体設定 */
.backtop-cta-group{
    /* リンクを横並びにし、中央揃えにする */
    text-align: center; 
    margin : 15px auto;
    padding : 6px 0px;
    /* 区切り線を入れて背景と分離させる（任意） */
    border-top : 1px solid #dddddd;
    border-bottom : 1px solid #dddddd;
}

/* 個別のリンク（Small CTA）の基本設定 */
.small-cta{
    /* インラインブロックで、文字以外の領域もタップ可能にする */
    display: inline-block; 
    text-decoration: none;
    font-size: 0.95em;
    font-weight: bold;
    margin: 5px 8px; /* リンク同士の間隔を確保 */
    padding: 8px 12px; /* タップ領域を広げる */
    border-radius: 4px; /* 小さな角丸でボタン感を出す */
    transition: background-color 0.2s;
}

/* メインCTA（メールフォーム） - 目立たせる色 */
.primary-link{
    color : blue;
    background-color : #ffe1f0; /* オレンジ系 */
    border : 1px solid #004000;
}

.primary-link:hover{
    background-color : #ffcce6;
}

/* サブCTA（電話） - 安心感のある色 */
.secondary-link{
    color: #4CAF50; /* 緑系 */
    background-color: #e8f5e9;
    border: 1px solid #4CAF50;
}

.secondary-link:hover{
    background-color : #c8e3ff;
}

/* 「トップへ戻る」リンク - 控えめなデザイン */
.back-to-top{
    color : #666666;
    background-color : #f1f1f1;
    border: 1px solid #ccc;
}

.back-to-top:hover{
    background-color : #dfdfdf;
}