@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社サンロイヤル新潟　カスタム対応
	ver.2025.05.30.Custom-SunroyalNiigata
	スタイルシート
────────────────────────────────────────
FileName:		/resources/css/style.css
Editor:			TRUSTEC
Description:	スタイルシート。
────────────────────────────────────────
2025/05/30:		サンプル開発開始。
────────────────────────────────────────
背景色:					#fbfbfb	rgba(251,251,251,1)
本文文字色:				#323232	rgba(50, 50, 50, 1)
ハイライトカラー:			#5e8c51 rgba(94,140,81,1)
サブカラー：				#529ad9 rgba(82,154,217,1)
ポイントカラー1:			#83a84a rgba(139,191,115,1)
ポイントカラー2:			#6699cc rgba(102,153,204,1)
リンク:					#3B71A0 rgba(59,113,160,1)
背景ポイントカラー1:		#9999991A rgba(153,153,153,0.1)
背景ポイントカラー1:		#5e8c511A rgba(94,140,81,0.15)

フォント
	本文:				noto-sans-cjk-jp, sans-serif
	見出し:				noto-sans-cjk-jp, sans-serif
	標準サイズ:			18px
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ::::: [CUSTOM PROPERTIES] ::::: */
:root {

	/*
	--------- --------- --------- ------- */
	/**	背景色	*/
	--common-background-color: #ffffff;
	/**	本文文字色	*/
	--common-color: #323232;
	--common-subtitle-color: #83a84a;
	--common-accent-color: #83a84a;
	--common-page-title-color: #ffffff;

	/* Fonts
	--------- --------- --------- ------- */
	/**	フォントサイズ（標準）	*/
	--common-font-size: 18px;
	/**	フォントサイズ（小）	*/
	--common-font-size-smaller: 16px;
	/**	フォントサイズ（大）	*/
	--common-font-size-larger: 24px;

	/**	フォントファミリー	*/
	--common-font-family-suns: "noto-sans-cjk-jp", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", sans-serif, system-ui;
	--common-font-family-serif: "noto-serif", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", serif, system-ui;
	--common-font-family-english: "times-new-roman", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", sans-serif, system-ui;



	/**	フォントスタイル	*/
	--common-font-style: normal;
	/**	フォントの重み: 細字	*/
	--common-font-weight-light: 500;
	/**	フォントの重み: 標準	*/
	--common-font-weight: 500;
	/**	フォントの重み: 太字	*/
	--common-font-weight-bold: 700;
	/**	フォントの重み: 極太字	*/
	--common-font-weight-black: 900;

	/*	行間隔	*/
	--common-line-height: 1.5em;
	--common-line-height-wide: 1.9em;
	--common-line-height-title: 1.3em;
	/*	文字間隔	*/
	--common-letter-spacing: 0;
	--common-letter-spacing-title: 0.12em;
	--common-letter-spacing-wide: 0.2em;

	/* Link
	--------- --------- --------- ------- */
	--link-color: #3B71A0;
	--hover-color: iniitial;
	--focus-color: iniitial;
	--active-color: iniitial;

	/* Point Colors
	--------- --------- --------- ------- */

	/* Borders
	--------- --------- --------- ------- */

	/* Transition
	--------- --------- --------- ------- */
	--common-hover-transition: 0.4s;

	/* Opacity
	--------- --------- --------- ------- */
	--common-opacity: 1;
	--common-hover-opacity: 0.5;

	/* Header
	--------- --------- --------- ------- */
	--header-scroll-padding-top: 100px;

	/* Footer
	--------- --------- --------- ------- */

	/* Dialog
	--------- --------- --------- ------- */

	/* CommonMargin
	--------- --------- --------- ------- */
/*	--common-margin: min(2rem, 5vw);*/

	/*
	--------- --------- --------- ------- */
/*	--common-mediaquery-xl: 1399px;
	--common-mediaquery-lg: 1199px;
	--common-mediaquery-md: 991px;
	--common-mediaquery-sm: 767px;
	--common-mediaquery-xs: 575px;
	--common-mediaquery-xxs: 371px;*/
	--COMMON-MEDIAQUERY-XL: 1399px;
	--COMMON-MEDIAQUERY-LG: 1199px;
	--COMMON-MEDIAQUERY-MD: 991px;
	--COMMON-MEDIAQUERY-SM: 767px;
	--COMMON-MEDIAQUERY-XS: 575px;
	--COMMON-MEDIAQUERY-XXS: 371px;
}

/*	DisplayWidth < MD	*/
@media (max-width: 991px) {

	:root {

		/* Header
		--------- --------- --------- ------- */
		--header-scroll-padding-top: 100px;
	}
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	:root {

		/* Fonts
		--------- --------- --------- ------- */
		/**	フォントサイズ	*/
		--common-font-size: 15px;
		/*	行間隔	*/
		--common-line-height: 1.5em;
		/*	文字間隔*/
		--common-letter-spacing: 0;

		/* CommonMargin
		--------- --------- --------- ------- */
/*		--common-margin: 1rem;*/
	}
}





/* ::::: [COMMON SETTINGS] ::::: */

/* Scroll Top Padding
--------- --------- --------- ------- */
html, body {
	-ms-scroll-padding-top: var(--header-scroll-padding-top);
	-webkit-scroll-padding-top: var(--header-scroll-padding-top);
	-moz-scroll-padding-top: var(--header-scroll-padding-top);
	-o-scroll-padding-top: var(--header-scroll-padding-top);
	scroll-padding-top: var(--header-scroll-padding-top);
}

/* Fonts
--------- --------- --------- ------- */
html {
	font-size: var(--common-font-size);
}

/* Common Tags
--------- --------- --------- ------- */
body {
	background-color: var(--common-background-color);
	color: var(--common-color);
	font-family: var(--common-font-family-suns);
	font-weight: var(--common-font-weight);
	font-style: var(--common-font-style);
	line-height: var(--common-line-height);
	letter-spacing: var(--common-letter-spacing);
}

p {
	line-height: var(--common-line-height);
	line-break: strict;
	text-align: justify;
	word-break: break-word;
	font-weight: var(--common-font-weight-light);
}

a {
	text-decoration: none;
	transition: var(--common-hover-transition);
	color: var(--link-color);
	font-weight: var(--common-font-weight-light);
}
a:hover {
	text-decoration: none;
}

b, strong {
	font-weight: var(--common-font-weight-bold);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--common-font-weight-bold);
}

h2 {
	font-family: "futura-pt", "noto-sans-cjk-jp", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", sans-serif, system-ui;
}

svg {
	fill: currentColor;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

hr {
}

address {
	margin: 0;
	padding: 0;
}

/* Sectioning Tags
--------- --------- --------- ------- */
nav{
}

article {
}

aside {
}

section {
}





/* ::::: [HEADER] ::::: */

/* Common
--------- --------- --------- ------- */
header {
}

/*
 * ページヘッダとグローバルメニューの記述は
 * style-header.css へ移行しました。
 */


dt, dd{
	font-weight: 500;
}


/* ::::: [FOOTER] ::::: */

/* Common
--------- --------- --------- ------- */
footer {
}

/*
 * ページフッタの記述は
 * style-foter.css へ移行しました。
 */





/* ::::: [SECTION: COMMON PARTS] ::::: */

/* Font & Text
--------- --------- --------- ------- */
.font-size-smaller {
/*	font-size: smaller;*/
	font-size: var(--common-font-size-smaller);
}
.font-size-larger {
/*	font-size: larger;*/
	font-size: var(--common-font-size-larger);
}

/* Decoration
--------- --------- --------- ------- */

/* Indent
--------- --------- --------- ------- */
.indent {
	text-indent: 1em;
}