/** **************************************** 
  2026.10.1 追加CSS
  AI電話追加
**************************************** */

/** -----------------------------------
	問い合わせ系ボタン 共通
-----------------------------------*/
.p-btn.p-btn--blue .p-btn__inner {
	background-color: #6eaee3;
	background-image: linear-gradient(162deg, #6eaee3 0%, #6eaee3 50%, #4a9ee3 50%, #4a9ee3 100%);
}

.p-btn.p-btn--blue .p-btn__inner .sp-hidden {
	display: none;
}
@media print, screen and (min-width: 1024px) {
	.p-btn.p-btn--blue .p-btn__inner .sp-hidden {
		display: inline;
	}
}

.p-btn.p-btn--blue .p-btn__inner .secondary {
	line-height: 1.3;
	font-size: 13px;
}

.p-btn.p-btn--blue.p-btn--type_tel .p-btn__innerTxt>.main::before {
	content: url(../image/icon/icon-smartphone.svg);
	width: 14px;
}


/** -----------------------------------
	ヘッダーレイアウト
-----------------------------------*/
/** ラッパー */
@media print, screen and (min-width: 1024px) {
	.l-container.l-container--type_header {
			width: 97%;
	}
}
@media print, screen and (min-width: 1440px) {
	.l-container.l-container--type_header {
			width: 94%;
	}
}

/** ロゴ 画像 */
.p-logo__title>.image {
	@media print, screen and (min-width: 1024px) {
		height: 22px;
	}
	@media print, screen and (min-width: 1280px) {
		height: 29px;
	}
	@media print, screen and (min-width: 1440px) {
		height: 32px;
	}
	@media print, screen and (min-width: 1600px) {
		height: 35px;
	}
}

/** ロゴ テキスト */
.p-logo__title>.txt {
	@media print, screen and (min-width: 1024px) {
		font-size: 17px;
	}
	@media print, screen and (min-width: 1280px) {
		font-size: 21px;
	}
	@media print, screen and (min-width: 1600px) {
		font-size: 28px;
	}
}

/** ロゴ付近注釈 */
.p-logo__lead .u-dn-sp {
	@media print, screen and (min-width: 1024px) {
		display: none;
	}
	@media print, screen and (min-width: 1280px) {
		display: block;
	}
}

.p-logo__lead .u-dn-pc {
	@media print, screen and (min-width: 1024px) {
		display: block;
	}
	@media print, screen and (min-width: 1280px) {
		display: none;
	}
}


/** ボタンのギャップ */
.p-btn.p-btn--type_header-3cols+.p-btn.p-btn--type_header-3cols {
	@media print, screen and (min-width: 1024px) {
		margin-left: 3px;
	}
	@media print, screen and (min-width: 1200px) {
		margin-left: 5px;
	}
	@media print, screen and (min-width: 1440px) {
		margin-left: 10px;
	}
}

/** ボタンのパディング */

	.p-btn.p-btn--type_header-3cols .p-btn__inner {
		@media print, screen and (min-width: 1024px) {
			padding: 0 8px 0;
		}
		@media print, screen and (min-width: 1200px) {
			padding: 0 15px 0;
		}
	}


@media print, screen and (min-width: 1440px) {
	.p-btn.p-btn--type_header-3cols .p-btn__inner {
			padding: 0 20px 0;
	}
}

.p-btn.p-btn--type_header-3cols {
	font-size: 13px;
	@media print, screen and (min-width: 1440px) {
		font-size: 14px;
	}
}

.p-btn.p-btn--type_header-3cols.p-btn--type_tel .p-btn__innerTxt>.main {
	@media print, screen and (min-width: 1024px) {
		font-size: 16px;
	}
	@media print, screen and (min-width: 1200px) {
		font-size: 18px;
	}
}