/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2024 | 08:28:40 */
.header-contact-info {
    display: flex;
    align-items: center;
}

.header__tellink,
.header__contactlink {
    display: block;
    margin:0 20px; /* ボタン間の余白を設定 */
    text-decoration: none;
    color: inherit; /* リンクの色を継承 */
}

.header__tellink .num__contents {
    display: flex;
    align-items: center;
}

.header__tellink .icon__container img,
.header__contactlink .icon__container img {
    width: 24px; /* アイコンのサイズ */
    height: auto;
    margin-right: 10px; /* アイコンとテキスト間の余白を設定 */
}

.opentime01 {
    font-size: 0.9em; /* 受付時間のフォントサイズ */
    color: #666; /* 受付時間の文字色 */
}

.num01 {
    font-weight: bold; /* 電話番号のフォントウェイト */
	font-size: 1.6em;
}

.link__txt01 {
    font-weight: bold; /* お問い合わせリンクのテキストウェイト */
	font-size: 1.8em;
}

/* ボタンスタイルの追加 */
.header__contactlink.button-style {
    background-color: #FB8B39; /* ボタンの背景色 */
    color: white; /* ボタンのテキスト色 */
    padding: 15px 25px; /* ボタン内の余白 */
    border-radius: 3px; /* ボタンの角丸 */
    transition: background-color 0.3s; /* ホバー時の背景色の変化をなめらかに */
}

.header__contactlink.button-style:hover {
    background-color: #005177; /* ホバー時のボタンの背景色 */
}