@charset "utf-8";

/* CSS Document */

/* ======================================================
	[object]
	@import"../css/test_line.css";
	------------------------------------------------------
	○px以上 + 印刷モード	@media print, screen and (min-width : ○px) {}
	○px以上				@media (min-width : ○px) {}
	○px以下				@media (max-width : ○px) {}
	------------------------------------------------------
	 [sp]		     ～  479	
	([tablet]	 480 ～     )
	 [pc]		1025 ～
====================================================== */
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.ModeSP 
{
}
}

/* [print] */
@media print {
}


/* ============================================================================================================
	font
------------------------------------------------------------------------------------------------------------ */
/* [160910] PC以外で余白にゴーストが出るのを防ぐ ※fixed非対応 */
/* [ - sp] */
@media (max-width : calc(480px - 1px)) {}
/*.ModeSP */body
{
	background-attachment: scroll;
}


html
{
	width: 100%;
}
/*
	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: 16px;
	font-weight: normal;
	font-family: Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.15em;
}
/*
	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";
*/

/* [ - sp] */
@media screen and (max-width : calc(480px - 1px)) {
	/*.ModeSP */body
	{
		font-size: 3.5vw;
	}
}

/* [ - 本文] */
@media screen and (max-width : calc(16px * 80)) {
	body
	{
		font-size: 1.2vw;
	}
}

/* [horizontally] */
@media screen and (max-height : 1023px) {
	body
	{
	}
/*
		font-size: 1.5vh;
*/
}

/* [horizontally / mini] */
@media screen and (max-width : calc(480px - 1px)) and (max-height : 1023px) {
	body
	{
	}
	/*
		font-size: 1.5vh;
	*/
}


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

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

/* ------------------------------------------------------------------------------------------------------------
	web font
	------------------------------------------------------
	日本語Webフォント( M PLUS 1p)がつぶれる＆ジャギる問題を解決する
	https://irokoto.co.jp/blog/20200911/post-16
------------------------------------------------------------------------------------------------------------ */





/* ============================================================================================================
	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;
}

.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;
}


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

/* ------------------------------------------------------------------------------------------------------------
	改行禁止 */
.nowrap
{
	white-space: nowrap;
}

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

.Thnowrap tbody th
{
	white-space: nowrap;
}

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

/* ------------------------------------------------------------------------------------------------------------
	段落を付ける */
.Indent
{
	text-align: left;
}

.Indent p
{
	text-indent: calc(1.15em * 1);
}

/*
	margin-top: 1em;
	margin-bottom: 1em;
*/


.Indent>ol
{
	margin-left: 0;
	list-style: none;
}

.Indent>ol>li
{
}

.Indent1>ol>li
{
	text-indent: -1em;
	padding-left: 1em;
}

.Indent2>ol>li
{
	text-indent: -2em;
	padding-left: 2em;
}

.Indent3>ol>li
{
	text-indent: -3em;
	padding-left: 3em;
}

.Indent4>ol>li
{
	text-indent: -4em;
	padding-left: 4em;
}

.Indent5>ol>li
{
	text-indent: -5em;
	padding-left: 5em;
}

.Indent6>ol>li
{
	text-indent: -6em;
	padding-left: 6em;
}

.Indent7>ol>li
{
	text-indent: -7em;
	padding-left: 7em;
}

.Indent8>ol>li
{
	text-indent: -8em;
	padding-left: 8em;
}

.Indent9>ol>li
{
	text-indent: -9em;
	padding-left: 9em;
}

.Indent10>ol>li
{
	text-indent: -10em;
	padding-left: 10em;
}



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

rt
{
}

.ruby
{
}

.ruby_wrap
{
}

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

/* ------------------------------------------------------------------------------------------------------------
	必須項目・<table> */
.Required
{
}

.Required>*
{
	position: relative;
	display: flex;
	align-items: baseline;
	gap: 0.25em;
}

.Required>*::before,
.Required>*::after
{
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	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: "※";
}

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

.sup_txt .Required
{
}


/* ------------------------------------------------------------------------------------------------------------
	必須項目・<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
/*
h1>b,
h2>b,
h3>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
{
}
/*
	display: block;
	font-weight: bold;
*/

.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;
}
/*
	display: inline-block;
	vertical-align: middle;
*/

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;
}

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

.UnderLine
{
}



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

