@charset "utf-8";

/* CSS Document */

/* ======================================================
	[object]
	@import"../css/test_line.css";
====================================================== */

/* ============================================================================================================
	font
------------------------------------------------------------------------------------------------------------ */
html
{
	width: 100%;
}
/*
	font-size: 16px;
	font-size: clamp(0.625rem, 0.4rem + 0.75vw, 1rem);
	font-size: 62.5%;
	font-size: calc(62.5% * 1.3);
	font-size: 81.25%;
	font-size: 18px;
	font-size: calc(10px * 1.3);
	font-size: 13px;
*//*
	height:100%;
*/

body
{
	width: 100%;
	height: 100%;
	font-size: var(--font);
	font-weight: normal;
	font-family: var(--font_family);
	text-align: center;
	line-height: var(--line_height);
	letter-spacing: var(--tracking);
}
/*
	font-size: 1.4rem;
	font-size: 1.6rem;
*//*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'Mplus 1p', sans-serif;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "osaka", "Hiragino Kaku Gothic Pro W3", "sans-serif";
[[ナール]]
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
*/



table,
input,
select,
textarea
{
	line-height: inherit;
}

/*
input[type="button"]
{
	line-height: 1.5;
}
*/

/* 非表示 */
.hidden
{
	display: none;
}


/* ============================================================================================================
	text
------------------------------------------------------------------------------------------------------------ */
b
{
}

strong
{
}

em
{
	font-style: normal;
	font-weight: inherit;
}

sup
{
	font-weight: normal;
	line-height: 1.1;
	vertical-align: super;
}

sub
{
	font-weight: normal;
	line-height: 1.1;
	vertical-align: sub;
}

u
{
	white-space: nowrap;
	word-break: break-all;
}

.lighter
{
	font-weight: lighter;
}

.normal
{
	font-style: normal;
	font-weight: normal;
}

.bold
{
	font-weight: bold;
}

.bolder
{
	font-weight: bolder;
}

.italic
{
	font-style: italic;
}

small,
.small
{
	font-size: smaller;
}

/*
	font-weight: normal;
*/
.smaller
{
	font-size: smaller;
}
/*
	font-weight: inherit;
*/

.x_small
{
	font-size: x-small;
}

.xx_small
{
	font-size: xx-small;
}

b.small
{
}

.small2
{
	font-size: 0.6em;
}

.medium
{
	font-size: medium;
}

big,
.big,
.larger
{
	font-size: larger;
}

.large
{
	font-size: large;
}

.x_large
{
	font-size: x-large;
}

.xx_large
{
	font-size: xx-large;
}

.DevicePC .xx_large
{
}

.DeviceSP .xx_large
{
	font-size: x-large;
}

.modoru
{
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------------------------------------------------------
	改行禁止 */
.nowrap,
.keep_all_break_word
{
	word-break: keep-all;
	overflow-wrap: break-word;
}

/*
.nowrap
{
	white-space: nowrap;
	word-break: break-all;
}

a .nowrap
{
	background-image: none;
	padding: 0;
}
*/

/* ------------------------------------------------------------------------------------------------------------
	等幅 */
.monospace
{
	font-family: monospace;
}
/*
	font-size: 101%;
*/


/* ------------------------------------------------------
	※印 */
.kome
{
	--kome_num: 1;
	
	display: inline-block;
	vertical-align: middle;
	text-indent: calc(0em - ((1em + var(--tracking)) *  var(--kome_num)));
	padding-left: calc((1em + var(--tracking)) * var(--kome_num));
	text-align: left;
}

.kome *
{
	padding-left: 0em;
	text-indent: -0em;
}

.kome2
{
	--kome_num: 2;
}

.kome3
{
	--kome_num: 3;
}

.kome4
{
	--kome_num: 4;
}

.kome5
{
	--kome_num: 5;
}

.kome6
{
	--kome_num: 6;
}

.kome7
{
	--kome_num: 7;
}

.kome8
{
	--kome_num: 8;
}

.kome9
{
	--kome_num: 9;
}

.kome10
{
	--kome_num: 10;
}

.kome ol,
.kome ul
{
	padding-left: 0em;
	text-indent: -0em;
}


ol.kome
{
	--kome_num: 1;

	list-style: none;
	margin: 0;

	text-indent: 0;
	padding-left: 0;
}
ol.kome>li
{
	margin-left: 0;

	text-indent: calc(0em - (var(--tracking_em) * var(--kome_num)));
	padding-left: calc(var(--tracking_em) * var(--kome_num));
}

ol.kome2
{
	--kome_num: 2;
}
ol.kome3
{
	--kome_num: 3;
}
ol.kome4
{
	--kome_num: 4;
}
ol.kome5
{
	--kome_num: 5;
}
ol.kome6
{
	--kome_num: 6;
}
ol.kome7
{
	--kome_num: 7;
}
ol.kome8
{
	--kome_num: 8;
}
ol.kome9
{
	--kome_num: 9;
}
ol.kome10
{
	--kome_num: 10;
}


/* ------------------------------------------------------------------------------------------------------------
	段落を付ける */
.IndentP
{
	text-align: justify;
	display: grid;
	gap: var(--gap);
}


.Indent
{
	--indent_num: 1;

	text-align: justify;

	margin-left: 0;
	list-style: none;
}

.Indent p
{
	text-indent: calc((1em + var(--tracking)) * var(--indent_num));
}

.Indent1 p
{
	--indent_num: 1;
}

.Indent2 p
{
	--indent_num: 2;
}

.Indent3 p
{
	--indent_num: 3;
}

.Indent4 p
{
	--indent_num: 4;
}

.Indent5 p
{
	--indent_num: 5;
}

.Indent6 p
{
	--indent_num: 6;
}

.Indent7 p
{
	--indent_num: 7;
}

.Indent8 p
{
	--indent_num: 8;
}

.Indent9 p
{
	--indent_num: 9;
}

.Indent10 p
{
	--indent_num: 10;
}

.no_indent,
.Indent :is(h2, h3, h4, h5, ul, ol),
.Indent>*::before,
.Indent>*::after
{
	text-indent: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	ふりがな */
ruby
{
}

rt
{
}

.ruby
{
}

.ruby_wrap
{
}

.ruby_data
{
	display: block;
	font-size: 0.75em;
	line-height: 1;
}


/* ------------------------------------------------------------------------------------------------------------
	必須項目・<table> */
:is(.Required, .optional)
{
}

:is(.Required, .optional)>*
{
	position: relative;
	display: flex;
	align-items: baseline;
	gap: 0.25em;

	font-weight: inherit;
}

:is(.Required, .optional)>*::before,
:is(.Required, .optional)>*::after
{
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	line-height: 0;
	letter-spacing: 0;
	white-space: nowrap;
	word-break: break-all;
	text-indent: 0;
}
/*
	display: inline-block;
	position: absolute;
	top: 0em;
	left: 0.5em;
	width: 1em;


	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: smaller;
	font-size: 0.8em;
	vertical-align: super;
*/

.Required>*::after
{
	content: "※";
}
.optional>*::after
{
	content: "";
}

.sup_txt
{
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.sup_txt :is(.Required, .optional)
{
}


/* ------------------------------------------------------------------------------------------------------------
	必須項目・<sup><sub> */
sup.Required>*
{
	display: inline;
	vertical-align: middle;
}

sup.Required>*::before,
sup.Required>*::after
{
}


/* ------------------------------------------------------------------------------------------------------------
	error */
.Alert
{
}

.ErrorMessage
{
	display: inline-block;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
}

.ErrorMessage.c
{
	text-align: center;
}

th .ErrorMessage
{
	color: #fff;
}

#Admin .ErrorMessage
{
	margin: 0;
}

/*.ErrorMessage .BtnBack*/
.ErrorMessage input[value*="戻る"]
{
	margin-top: 2em;
	padding: 1em;
}

.ErrorMessage ul
{
	text-align: left;
}

.ErrorMessage ul>li
{
}

/*
.Required::before,
.Required::after
	{
	background-color: #c33;
	color: #fff;
}
*/
/*
.message
{
	text-align: center;
	margin-top: 5em;
	margin-bottom: 5em;
}

.message input
{
	margin-top: 5em;
	margin-bottom: 5em;
}
*/


/* ============================================================================================================
	見出し
------------------------------------------------------------------------------------------------------------ */
h1,
h2,
h3,
h4,
h5
{
	margin-top: 2em;
	margin-bottom: 2em;
	font-weight: inherit;
}

h1,
h2,
h3
{
	font-size: 1em;
}

h4,
h5
{
	font-size: 1em;
}

:is(h1, h2, h3, h4, h5)>b
{
	font-weight: inherit;
}

h1
{
}

h2
{
	margin-top: 0em;
}

h2:before,
h2:after
{
}

h2:not([class])
{
}

h2:not([class]):before
{
}

h2>b
{
	font-size: 2em;
	font-weight: bold;
}

h2>b:before
{
}

h2>b:after
{
}

h2>span
{
}

.Index h2
{
}

.Index h2:before,
.Index h2:after,
.Index h2>b:before,
.Index h2>b:after
{
}
/*
	content: none;
*/

.Index h2>b
{
}


h3
{
}

h3>b
{
	display: inherit;
	font-size: 1.5em;
	font-weight: bold;
}

h3:before,
h3:after
{
}

h3:before
{
}

h3:after
{
}

h3:not([class])
{
}

.memo h3:first-of-type
{
	margin-top: 0;
}

h4,
dt
{
}

h4
{
	margin-top: 2em;
}


:is(h2, h3, h4, h5, h6):is(.plain, .small, .mini)
{
	min-width: initial;
	max-width: initial;
	width: auto;
	min-height: initial;
	max-height: initial;
	height: auto;
}

:is(h2, h3, h4, h5, h6):is(.plain, .small, .mini)>b
{
	color: inherit;

	min-width: initial;
	max-width: initial;
	width: auto;
	min-height: initial;
	max-height: initial;
	height: auto;
}
:is(h2, h3, h4, h5, h6):is(.plain, .small, .mini)>b::before,
:is(h2, h3, h4, h5, h6):is(.plain, .small, .mini)>b::after
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;

}

:is(h2, h3, h4, h5, h6).plain
{
	background: transparent;
	color: inherit;

	text-shadow: none;
	-webkit-text-stroke: initial;
}
:is(h2, h3, h4, h5, h6).plain>b
{
	font-size: 2em;
}

:is(h2, h3, h4, h5, h6).small
{
	font-size: inherit;
}
:is(h2, h3, h4, h5, h6).small>b
{
	font-size: 2em;
}

:is(h2, h3, h4, h5, h6).mini
{
}
:is(h2, h3, h4, h5, h6).mini>b
{
	font-size: 1.5em;
}


/* ============================================================================================================
	underline
------------------------------------------------------------------------------------------------------------ */
.UnderLine,
.UnderLine *
{
	display: inline;
}

.UnderLine
{
}



/* ------------------------------------------------------------------------------------------------------------
	<縦書き>
*/
.text_tate
{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: upright;
}
/*
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl
*/