@charset "utf-8";
/* ============================================================
 * override.css
 * ai配下ページ専用：既存サイトCSS（../css/import.css 等）の上書き
 * ../css/ 本体は編集せず、このファイルでAI LP向けに調整する
 * 読み込み順: import.css → flexslider.css → 本ファイル（最後）
 * ============================================================ */

/* ------------------------------
 * font-family（既存コムチュアに統一）
 * 個別指定のあるセレクタもここで上書き
 * ------------------------------ */
body,
#g-menu,
.font-NotoSansJP-L,
.fn-Roboto,
.fn-RobotoSlab,
.fn-gothic,
.fn-mincho,
.btn_readmoreInner,
.ind-topicsInner li span,
.service-01Inner .service-01-icnbg {
	font-family: "メイリオ", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Century Gothic", Meiryo, sans-serif;
	color: rgb(51, 51, 51);
}

#header, #gnavi, #footer, #snavi, #footer {
    font-family: "Century Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* ------------------------------
 * 全体レイアウト（PCフィックス）
 * 既存: #wrap 100% / #header・#container 960px
 * AI LP: 1280px 固定幅想定のため、外枠のみ広げる
 * ------------------------------ */
#wrap {
	width: 100%;
	min-width: 1280px;
	border-top: none;
}


/* LP本体（既存は #container だが、AIページは #Container） */
#Container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	float: none;
}

/* ------------------------------
 * 既存パーツ（inquiry / flow / slider）
 * ------------------------------ */
.btn-box.single{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto;
}

.inquiry-box .btn-box li a {
	height: 42px;
}

.inquiry-box .common-box {
	background-image: none!important;
}

#footer{
	margin-top: 0!important;
}

/* 既存フッタの文字が薄く見えるのを防ぐ（body からの継承をリセット） */
#footer,
#footer .footer_wrapper a {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	font-feature-settings: normal;
	letter-spacing: normal;
}

/* ------------------------------
 * パンくず
 * ------------------------------ */
#pan-box {
	margin: 0 auto;
	box-sizing: border-box;
}

/* ------------------------------
 * LPサブナビのリンク色を維持
 * 既存 common.css の a:link（青）より後に読み込むこと
 * header / #header_aim / #g-menu に限定し、既存 #header・#gnavi には効かせない
 * ------------------------------ */
header #header_aim a:link,
header #header_aim a:visited,
header #header_aim a:hover,
header #header_aim a:active,
header #g-menu a:link,
header #g-menu a:visited,
header #g-menu a:hover,
header #g-menu a:active {
	color: #BC1653;
}

/* ------------------------------
 * ソリューション
 * ------------------------------ */
.flow-box .link-box-txt {
	font-family: "メイリオ", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Century Gothic", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	font-feature-settings: normal;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}