/*
	* Bootstrap サイト全体に掛かるフォント系カスタムCSS

	@media screen and (max-width: 1199px) {}
	@media screen and (max-width: 991px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xl-1200(max-1199)
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

	01.全体のフォント設定を上書き
	02.常設フォントファミリー
	03.フォントサイズ 通常テキスト
	04.フォントサイズ 見出しテキスト
	05.フォントカラー設定追加
	06.リンク色設定上書き
	07.文字間隔設定追加
	08.行間隔設定追加
	09.縁付フォント
	10.注釈時、2行目以降先頭に1文字余白
	11.先頭の一文字だけフォントカラー変更
	12.リストの装飾リセット

*/

/* 01.全体のフォント設定を上書き */
	html{font-size: 17px;}/* 基準サイズ */
	body{
		font-family: 'Zen Kaku Gothic Antique', 'メイリオ', Meiryo, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 1rem;/* 基準サイズ等倍 */
		font-weight: 700;
		color: #3c2c25;
		letter-spacing: 0.1em;
		line-height: 1.8;
		word-break: normal;
	}
	@media print {
		body{
			font-size: 0.875rem;/* -2px */
			line-height: 1.6;
			letter-spacing: 0em;
		}
	}
	@media screen and (max-width: 991px) {
		body{
			font-size: 0.937rem;/* -1px */
			line-height: 1.6;
		}
	}

/* 02.常設フォントファミリー */
	.cus-ft-sans{font-family: 'Noto Sans JP', sans-serif;}
	.cus-ft-serif{font-family: 'Noto Serif JP', sans-serif;}

/* 03.フォントサイズ 通常テキスト */
	.cus-fs-8{font-size: 0.5rem;}
	.cus-fs-7{font-size: 0.5625rem;}
	.cus-fs-6{font-size: 0.625rem;}
	.cus-fs-5{font-size: 0.687rem;}
	.cus-fs-4{font-size: 0.75rem;}
	.cus-fs-3{font-size: 0.812rem;}
	.cus-fs-2{font-size: 0.875rem;}
	.cus-fs-1{font-size: 0.937rem;}
	.cus-fs0{font-size: 1rem;}
	.cus-fs1{font-size: 1.0625rem;}
	.cus-fs2{font-size: 1.125rem;}
	.cus-fs3{font-size: 1.1875rem;}
	.cus-fs4{font-size: 1.25rem;}
	.cus-fs5{font-size: 1.3125rem;}
	.cus-fs6{font-size: 1.375rem;}
	.cus-fs7{font-size: 1.4375rem;}
	.cus-fs8{font-size: 1.5rem;}
	.cus-fs9{font-size: 1.5625rem;}
	.cus-fs10{font-size: 1.625rem;}
	@media screen and (max-width: 991px) {
		.cus-fs-8{font-size: 0.5rem;}
		.cus-fs-7{font-size: 0.5rem;}
		.cus-fs-6{font-size: 0.5625rem;}
		.cus-fs-5{font-size: 0.625rem;}
		.cus-fs-4{font-size: 0.687rem;}
		.cus-fs-3{font-size: 0.75rem;}
		.cus-fs-2{font-size: 0.812rem;}
		.cus-fs-1{font-size: 0.875rem;}
		.cus-fs0{font-size: 0.937rem;}
		.cus-fs1{font-size: 1rem;}
		.cus-fs2{font-size: 1.0625rem;}
		.cus-fs3{font-size: 1.125rem;}
		.cus-fs4{font-size: 1.1875rem;}
		.cus-fs5{font-size: 1.25rem;}
		.cus-fs6{font-size: 1.3125rem;}
		.cus-fs7{font-size: 1.375rem;}
		.cus-fs8{font-size: 1.375rem;}
		.cus-fs9{font-size: 1.5rem;}
		.cus-fs10{font-size: 1.5rem;}
	}
	@media print {
		.cus-fs-8{font-size: 0.5rem;}
		.cus-fs-7{font-size: 0.5rem;}
		.cus-fs-6{font-size: 0.5625rem;}
		.cus-fs-5{font-size: 0.625rem;}
		.cus-fs-4{font-size: 0.687rem;}
		.cus-fs-3{font-size: 0.75rem;}
		.cus-fs-2{font-size: 0.812rem;}
		.cus-fs-1{font-size: 0.875rem;}
		.cus-fs0{font-size: 0.937rem;}
		.cus-fs1{font-size: 1rem;}
		.cus-fs2{font-size: 1.0625rem;}
		.cus-fs3{font-size: 1.125rem;}
		.cus-fs4{font-size: 1.1875rem;}
		.cus-fs5{font-size: 1.25rem;}
		.cus-fs6{font-size: 1.3125rem;}
		.cus-fs7{font-size: 1.375rem;}
		.cus-fs8{font-size: 1.375rem;}
		.cus-fs9{font-size: 1.5rem;}
		.cus-fs10{font-size: 1.5rem;}
	}
	@media screen and (max-width: 767px) {
		.cus-fs-8{font-size: 0.5rem;}
		.cus-fs-7{font-size: 0.5rem;}
		.cus-fs-6{font-size: 0.5rem;}
		.cus-fs-5{font-size: 0.5rem;}
		.cus-fs-4{font-size: 0.5625rem;}
		.cus-fs-3{font-size: 0.625rem;}
		.cus-fs-2{font-size: 0.687rem;}
		.cus-fs-1{font-size: 0.75rem;}
		.cus-fs0{font-size: 0.812rem;}
		.cus-fs1{font-size: 0.875rem;}
		.cus-fs2{font-size: 0.937rem;}
		.cus-fs3{font-size: 1rem;}
		.cus-fs4{font-size: 1.0625rem;}
		.cus-fs5{font-size: 1.125rem;}
		.cus-fs6{font-size: 1.25rem;}
		.cus-fs7{font-size: 1.25rem;}
		.cus-fs8{font-size: 1.25rem;}
		.cus-fs9{font-size: 1.25rem;}
		.cus-fs10{font-size: 1.25rem;}
	}
	@media screen and (min-width: 1200px) {
		.cus-fs-8-over{font-size: 0.5rem;}
		.cus-fs-7-over{font-size: 0.5625rem;}
		.cus-fs-6-over{font-size: 0.625rem;}
		.cus-fs-5-over{font-size: 0.687rem;}
		.cus-fs-4-over{font-size: 0.75rem;}
		.cus-fs-3-over{font-size: 0.812rem;}
		.cus-fs-2-over{font-size: 0.875rem;}
		.cus-fs-1-over{font-size: 0.937rem;}
		.cus-fs0-over{font-size: 1rem;}
		.cus-fs1-over{font-size: 1.0625rem;}
		.cus-fs2-over{font-size: 1.125rem;}
		.cus-fs3-over{font-size: 1.1875rem;}
		.cus-fs4-over{font-size: 1.25rem;}
		.cus-fs5-over{font-size: 1.3125rem;}
		.cus-fs6-over{font-size: 1.375rem;}
		.cus-fs7-over{font-size: 1.4375rem;}
		.cus-fs8-over{font-size: 1.5rem;}
		.cus-fs9-over{font-size: 1.5625rem;}
		.cus-fs10-over{font-size: 1.625rem;}
	}
	@media screen and (min-width: 992px) and (max-width: 1199px) {/* 特定幅でのサイズ指定 */
		.cus-fs-8-xl{font-size: 0.5rem;}
		.cus-fs-7-xl{font-size: 0.5625rem;}
		.cus-fs-6-xl{font-size: 0.625rem;}
		.cus-fs-5-xl{font-size: 0.687rem;}
		.cus-fs-4-xl{font-size: 0.75rem;}
		.cus-fs-3-xl{font-size: 0.812rem;}
		.cus-fs-2-xl{font-size: 0.875rem;}
		.cus-fs-1-xl{font-size: 0.937rem;}
		.cus-fs0-xl{font-size: 1rem;}
		.cus-fs1-xl{font-size: 1.0625rem;}
		.cus-fs2-xl{font-size: 1.125rem;}
		.cus-fs3-xl{font-size: 1.1875rem;}
		.cus-fs4-xl{font-size: 1.25rem;}
		.cus-fs5-xl{font-size: 1.3125rem;}
		.cus-fs6-xl{font-size: 1.375rem;}
		.cus-fs7-xl{font-size: 1.4375rem;}
		.cus-fs8-xl{font-size: 1.5rem;}
		.cus-fs9-xl{font-size: 1.5625rem;}
		.cus-fs10-xl{font-size: 1.625rem;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {/* 特定幅でのサイズ指定 */
		.cus-fs-8-lg{font-size: 0.5rem;}
		.cus-fs-7-lg{font-size: 0.5625rem;}
		.cus-fs-6-lg{font-size: 0.625rem;}
		.cus-fs-5-lg{font-size: 0.687rem;}
		.cus-fs-4-lg{font-size: 0.75rem;}
		.cus-fs-3-lg{font-size: 0.812rem;}
		.cus-fs-2-lg{font-size: 0.875rem;}
		.cus-fs-1-lg{font-size: 0.937rem;}
		.cus-fs0-lg{font-size: 1rem;}
		.cus-fs1-lg{font-size: 1.0625rem;}
		.cus-fs2-lg{font-size: 1.125rem;}
		.cus-fs3-lg{font-size: 1.1875rem;}
		.cus-fs4-lg{font-size: 1.25rem;}
		.cus-fs5-lg{font-size: 1.3125rem;}
		.cus-fs6-lg{font-size: 1.375rem;}
		.cus-fs7-lg{font-size: 1.4375rem;}
		.cus-fs8-lg{font-size: 1.5rem;}
		.cus-fs9-lg{font-size: 1.5625rem;}
		.cus-fs10-lg{font-size: 1.625rem;}
	}
	@media screen and (min-width: 576px) and (max-width: 767px)  {/* 特定幅でのサイズ指定 */
		.cus-fs-8-md{font-size: 0.5rem;}
		.cus-fs-7-md{font-size: 0.5625rem;}
		.cus-fs-6-md{font-size: 0.625rem;}
		.cus-fs-5-md{font-size: 0.687rem;}
		.cus-fs-4-md{font-size: 0.75rem;}
		.cus-fs-3-md{font-size: 0.812rem;}
		.cus-fs-2-md{font-size: 0.875rem;}
		.cus-fs-1-md{font-size: 0.937rem;}
		.cus-fs0-md{font-size: 1rem;}
		.cus-fs1-md{font-size: 1.0625rem;}
		.cus-fs2-md{font-size: 1.125rem;}
		.cus-fs3-md{font-size: 1.1875rem;}
		.cus-fs4-md{font-size: 1.25rem;}
		.cus-fs5-md{font-size: 1.3125rem;}
		.cus-fs6-md{font-size: 1.375rem;}
		.cus-fs7-md{font-size: 1.4375rem;}
		.cus-fs8-md{font-size: 1.5rem;}
		.cus-fs9-md{font-size: 1.5625rem;}
		.cus-fs10-md{font-size: 1.625rem;}
	}
	@media screen and (max-width: 575px) {/* 特定幅でのサイズ指定 */
		.cus-fs-8-sm{font-size: 0.5rem;}
		.cus-fs-7-sm{font-size: 0.5625rem;}
		.cus-fs-6-sm{font-size: 0.625rem;}
		.cus-fs-5-sm{font-size: 0.687rem;}
		.cus-fs-4-sm{font-size: 0.75rem;}
		.cus-fs-3-sm{font-size: 0.812rem;}
		.cus-fs-2-sm{font-size: 0.875rem;}
		.cus-fs-1-sm{font-size: 0.937rem;}
		.cus-fs0-sm{font-size: 1rem;}
		.cus-fs1-sm{font-size: 1.0625rem;}
		.cus-fs2-sm{font-size: 1.125rem;}
		.cus-fs3-sm{font-size: 1.1875rem;}
		.cus-fs4-sm{font-size: 1.25rem;}
		.cus-fs5-sm{font-size: 1.3125rem;}
		.cus-fs6-sm{font-size: 1.375rem;}
		.cus-fs7-sm{font-size: 1.4375rem;}
		.cus-fs8-sm{font-size: 1.5rem;}
		.cus-fs9-sm{font-size: 1.5625rem;}
		.cus-fs10-sm{font-size: 1.625rem;}
	}

/* 04.フォントサイズ 見出しテキスト */
	.cus-ms-5{font-size: 5rem; line-height: 1.4;}
	.cus-ms-4{font-size: 4.375rem; line-height: 1.4;}
	.cus-ms-3{font-size: 3.75rem; line-height: 1.4;}
	.cus-ms-2{font-size: 3.125rem; line-height: 1.4;}
	.cus-ms-1{font-size: 2.5rem; line-height: 1.5;}
	@media screen and (max-width: 1199px) {
		.cus-ms-5{font-size: 4.5rem; line-height: 1.4}
		.cus-ms-4{font-size: 3.94rem; line-height: 1.4}
		.cus-ms-3{font-size: 3.375rem; line-height: 1.4}
		.cus-ms-2{font-size: 2.81rem; line-height: 1.5}
		.cus-ms-1{font-size: 2.25rem; line-height: 1.5}
	}
	@media screen and (max-width: 991px) {
		.cus-ms-5{font-size: 3.5rem; line-height: 1.4}
		.cus-ms-4{font-size: 3.06rem; line-height: 1.4}
		.cus-ms-3{font-size: 2.63rem; line-height: 1.5}
		.cus-ms-2{font-size: 2.19rem; line-height: 1.5}
		.cus-ms-1{font-size: 1.75rem; line-height: 1.5}
	}
	@media screen and (max-width: 767px) {
		.cus-ms-5{font-size: 3rem; line-height: 1.4}
		.cus-ms-4{font-size: 2.63rem; line-height: 1.5}
		.cus-ms-3{font-size: 2.25rem; line-height: 1.5}
		.cus-ms-2{font-size: 1.88rem; line-height: 1.5}
		.cus-ms-1{font-size: 1.5rem; line-height: 1.5}
	}
	@media print {
		.cus-ms-5{font-size: 3rem; line-height: 1.4}
		.cus-ms-4{font-size: 2.63rem; line-height: 1.5}
		.cus-ms-3{font-size: 2.25rem; line-height: 1.5}
		.cus-ms-2{font-size: 1.88rem; line-height: 1.5}
		.cus-ms-1{font-size: 1.5rem; line-height: 1.5}
	}
	@media screen and (max-width: 575px) {
		.cus-ms-5{font-size: 2rem; line-height: 1.5}
		.cus-ms-4{font-size: 1.81rem; line-height: 1.5}
		.cus-ms-3{font-size: 1.63rem; line-height: 1.5}
		.cus-ms-2{font-size: 1.5rem; line-height: 1.5}
		.cus-ms-1{font-size: 1.38rem; line-height: 1.5}
	}

/* 05.フォントカラー設定追加 */
	.text-original{color: #3c2c25;}
	.cus-text-red{color: #f25b27;}
	.cus-text-orange{color: #fcb13e;}


/* 06.リンク色設定上書き */
	a{color: #71aff7;transition: all 0.4s ease-out;}
	a:hover{color: #0e54a2;transition: all 0.4s ease-out;}

	/* link-opacityをスムーズに */
	.link-opacity-25{transition: all 0.4s ease-out !important;}
	.link-opacity-50{transition: all 0.4s ease-out !important;}
	.link-opacity-75{transition: all 0.4s ease-out !important;}
	.link-opacity-25:hover{opacity: 0.25 !important;transition: all 0.4s ease-out !important;}
	.link-opacity-50:hover{opacity: 0.50 !important;transition: all 0.4s ease-out !important;}
	.link-opacity-75:hover{opacity: 0.75 !important;transition: all 0.4s ease-out !important;}

/* 07.文字間隔設定追加 */
	.cus-text-spacing-2{letter-spacing: 0.01em;}
	.cus-text-spacing-1{letter-spacing: 0.03em;}
	.cus-text-spacing1{letter-spacing: 0.05em;}
	.cus-text-spacing2{letter-spacing: 0.08em;}
	.cus-text-spacing3{letter-spacing: 0.01em;}

/* 08.行間隔設定追加 */
	.cus-text-height-3{line-height: 1.2;}
	.cus-text-height-2{line-height: 1.4;}
	.cus-text-height-1{line-height: 1.6;}
	.cus-text-height1{line-height: 1.8;}
	.cus-text-height2{line-height: 2;}
	.cus-text-height3{line-height: 2.2;}
	.cus-text-height4{line-height: 2.4;}

/* 09.縁付フォント */
	.cus-text-fuchi-wh{
		text-shadow: 
			white 2px 0px,  white -2px 0px,
			white 0px -2px, white 0px 2px,
			white 2px 2px , white -2px 2px,
			white 2px -2px, white -2px -2px,
			white 1px 2px,  white -1px 2px,
			white 1px -2px, white -1px -2px,
			white 2px 1px,  white -2px 1px,
			white 2px -1px, white -2px -1px;
	}
	.cus-text-fuchi-bk{
		text-shadow: 
			#333333 2px 0px,  #333333 -2px 0px,
			#333333 0px -2px, #333333 0px 2px,
			#333333 2px 2px , #333333 -2px 2px,
			#333333 2px -2px, #333333 -2px -2px,
			#333333 1px 2px,  #333333 -1px 2px,
			#333333 1px -2px, #333333 -1px -2px,
			#333333 2px 1px,  #333333 -2px 1px,
			#333333 2px -1px, #333333 -2px -1px;
	}

/* 10.注釈時、2行目以降先頭に1文字余白 */
	.cus-ft-indent{
		padding-left: 1em;
		text-indent: -1em;
	}

/* 11.先頭の一文字だけフォントカラー変更 */
	.cus-text-first-color:first-letter{
		color: #f10000;
	}

/* 12.リストの装飾リセット */
	.cus-list-reset{
		padding: 0;
		list-style: none;
	}