@charset "utf-8";
/* ==========================================================================
   ai.html 専用の最小限スタイル
   ・レイアウトはサイト共通の style.css（subtitle / threeDetailCol /
     twoSideCol / bunn / imgL / imgR / btnClickHere… ）をそのまま使用
   ・ここでは「本ページだけ文字を大きくする」ための上書きのみを行う
   ・ai.css を読み込むのは ai.html だけなので、他ページには影響しません
   ========================================================================== */

/* 本文 */
.bunn { font-size: 17px; line-height: 2.0; }
.bunn strong { color: #b80000; font-weight: bold; }

/* ページ内見出し */
#contentsBody h3.subtitle { font-size: 26px; line-height: 1.5; margin: 24px 0 18px; }
.subtitle .title { font-size: 34px; }

/* 3カラムカード（お困りごと・対応領域・STEP・実績） */
.threeDetailCol .inner span { font-size: 19px; line-height: 1.55; padding: 6px 24px 14px; box-sizing: border-box; }
.threeDetailCol .inner .text { font-size: 15.5px; line-height: 1.9; width: auto; margin: 0 24px; }
.threeDetailCol .inner .li { font-size: 15px; line-height: 1.9; width: auto; margin: 0 24px 0 30px; }

/* アイコン中心のカード（お困りごと・選ぶ理由）はPCでアイコンを大きく */
.threeDetailCol.iconCol .inner .image img,
.threeDetailCol.strengthCol .inner .image img { width: 96px; }

/* 図版：PC／スマホ出し分け、そのほかの図はスマホで横スクロール */
/* 図版 */
#contentsBody > img[src$=".svg"] { display: block; width: 100%; height: auto; }
#contentsBody > img.figSp { display: none; }

/* ボタン（共通ボタンの幅だけ広げる） */
#contentsBody .btnClickHereForContactUs,
#contentsBody .btnClickHereWhite { width: 300px; padding: 0.9em 0.5em; font-size: 16px; }

/* ヒーロー内の赤い三角（他ページと同じあしらい） */
.aitop-red {
	top: 43%; left: 48%; content: ''; position: absolute;
	width: 0; height: 0; border-style: solid;
	border-width: 2.5vw 2.5vw 0 0;
	border-color: #cc0000 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
	.bunn { font-size: 15px; line-height: 1.95; }
	#contentsBody h3.subtitle { font-size: 18px; }
	.threeDetailCol .inner span { font-size: 16px; padding: 6px 16px 12px; }
	.threeDetailCol .inner .text { font-size: 14px; margin: 0 16px; }
	.threeDetailCol .inner .li { font-size: 13.5px; margin: 0 16px 0 22px; }
	.threeDetailCol.iconCol .inner .image img,
	.threeDetailCol.strengthCol .inner .image img { width: 64px; }
	#contentsBody > img.figPc { display: none; }
	#contentsBody > img.figSp { display: block; }
	#contentsBody .bunn img { float: none !important; display: block; width: 100%; height: auto; margin: 0 0 16px !important; }
	#contentsBody .btnClickHereForContactUs,
	#contentsBody .btnClickHereWhite { width: 84%; }
}