@charset "UTF-8";
/* -----------------------------------------
 * reset.css設定
 * ----------------------------------------- */
/* Box sizingの定義 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* デフォルトのpaddingを削除 */
ul[class],
ol[class] {
	padding: 0;
}

/* デフォルトのmarginを削除 */
body,h1,h2,h3,h4,p,
ul[class],ol[class],li,
figure,figcaption,blockquote,
dl,dd {
	margin: 0;
}

/* bodyのデフォルトを定義 */
body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class],
ol[class] {
	list-style: none;
}

/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
/*	text-decoration-skip-ink: auto;*/
}

/* img要素の扱いを簡単にする */
img {
	max-width: 100%;
	/*display: block;*/
}

/* imgとliのベースラインの隙間を削除 */
li {
	vertical-align:bottom;
}img {
	vertical-align:bottom;
}a img{
	vertical-align:unset;
}

/* article要素内の要素に自然な流れとリズムを定義 */
/*
article > * + * {
	margin-top: 1em;
}
*/

/* inputやbuttonなどのフォントは継承を定義 */
input,button,textarea,select {
	font: inherit;
}


/* -----------------------------------------
 * 変数設定
 * ----------------------------------------- */
:root{
	/*--font-size:16px;		基本フォントサイズ*/
	--fullsize:1000px;		/*PC画面最大幅*/
	--breakpoint:640px;		/*SP版切り替え幅*/
	--minsize:300px;		/*画面最低幅*/
	--base-color:#f5f4f4;	/*背景色*/
	--font-color:#323232;	/*文字色*/

	--main-color:#323232;	/*メインカラー*/
	--sub-color:#dcdcdc;	/*サブカラー1*/

	/*その他カラーパレット*/
	--c-red:#c00000;
	--c-blue:#0064ae;
	--c-green:#618c77;
	--c-yellow:#fff462;
	--c-orenge:#ec6c00;
	--c-pink:#e3007f;
	--c-lblue:#80cff4;
	--c-lgreen:#ece956;
	--c-llgreen:#C8CDB1;
	--c-buraun:#956e47;

	--c-white:#ffffff;
	--c-black:#000000;
	--c-gray:#464646;	/*濃いグレー*/
	--c-gray1:#5b5b5b;
	--c-gray2:#717273;
	--c-gray3:#b0b0b0;
	--c-gray4:#dcdcdc;
	--c-gray5:#E8E8E8;	/*薄いグレー*/

	/*--c-plaza:#00ff00;*/

	--c-hitaru:#7C281E;
	--c-hitaru2:#dd936f;
	--c-hitaru3:#E6D4D0;

	--c-scarts:#d03045;		/* #d1425a / DBA9A7 */
	--c-scarts2:#f2c2cd;
	--c-scarts3:#F9E0E6;

	--c-library:#50776d;	/* #51806d / #80AF9D */
	--c-library2:#A6C7BB;
	--c-library3:#E5F0EB;

	--c-sidebar-plaza:#323232;
	--c-sidebar-hitaru:#7C281E;
	--c-sidebar-scarts:#d1425a;		/*DBA9A7*/
	--c-sidebar-library:#51806d;	/*80AF9D;*/

	/*--c-membar:#f18919;*/
	/*--c-membar:#672f8d;*/
	/*--c-membar:#B31C31;*/ /*240401変更*/
	--c-membar:#a78508; /*250401変更*/




}

/* -----------------------------------------
 * フォント
 * ----------------------------------------- */
/*
@font-face {
  font-family: 'Oswald';
  src: url('../font/Oswald-Regular.ttf') format('opentype');
}
*/

/* -----------------------------------------
 * 全体
 * ----------------------------------------- */
html,body{
	width:100%;
	min-width:300px;
	-webkit-text-size-adjust:none;

	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo,
	"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

}
body{
/*	background:var(--base-color);*/
background:#f5f4f4;
	color:var(--font-color);
}


/* -----------------------------------------
 * レンジ
 * ----------------------------------------- */
.mb0{	margin-bottom:0 !important;}
.mb5{	margin-bottom:5px !important;}
.mb10{	margin-bottom:10px !important;}
.mb15{	margin-bottom:15px !important;}
.mb20{	margin-bottom:20px !important;}
.mb30{	margin-bottom:30px !important;}
.mb40{	margin-bottom:40px !important;}
.mb50{	margin-bottom:50px !important;}
.mb60{	margin-bottom:60px !important;}
.mb70{	margin-bottom:70px !important;}
.mb80{	margin-bottom:80px !important;}
.mb90{	margin-bottom:90px !important;}
.mb1e{	margin-bottom:1em !important;}	.mb15e{	margin-bottom:1.5em !important;}
.mb2e{	margin-bottom:2em !important;}	.mb25e{	margin-bottom:2.5em !important;}
.mb3e{	margin-bottom:3em !important;}	.mb35e{	margin-bottom:3.5em !important;}

.mt0{	margin-top:0 !important;}
.mt5{	margin-top:5px !important;}
.mt10{	margin-top:10px !important;}
.mt15{	margin-top:15px !important;}
.mt20{	margin-top:20px !important;}
.mt30{	margin-top:30px !important;}
.mt40{	margin-top:40px !important;}
.mt50{	margin-top:50px !important;}
.mt60{	margin-top:60px !important;}
.mt70{	margin-top:70px !important;}
.mt80{	margin-top:80px !important;}
.mt90{	margin-top:90px !important;}
.mt1e{	margin-top:1em !important;}	.mt15e{	margin-top:1.5em !important;}
.mt2e{	margin-top:2em !important;}	.mt25e{	margin-top:2.5em !important;}
.mt3e{	margin-top:3em !important;}	.mt35e{	margin-top:3.5em !important;}

.ml1e{	margin-left:1em !important;}	.ml15e{	margin-left:1.5em !important;}
.ml2e{	margin-left:2em !important;}	.ml25e{	margin-left:2.5em !important;}
.ml3e{	margin-left:3em !important;}	.ml35e{	margin-left:3.5em !important;}

.w5{	width:5%;	}	.w6{	width:6%;	}	.w7{	width:7%;	}	.w8{	width:8%;	}	.w9{	width:9%;	}
.w10{	width:10%;	}	.w15{	width:15%;	}
.w20{	width:20%;	}	.w25{	width:25%;	}
.w30{	width:30%;	}	.w35{	width:35%;	}
.w40{	width:40%;	}	.w45{	width:45%;	}
.w50{	width:50%;	}	.w55{	width:55%;	}
.w60{	width:60%;	}	.w65{	width:65%;	}
.w70{	width:70%;	}	.w75{	width:75%;	}
.w80{	width:80%;	}	.w85{	width:85%;	}
.w90{	width:90%;	}	.w95{	width:95%;	}
.w100{	width:100%;	}

.n-margin-t10{	margin-top:-10px;	}	.n-margin-t20{	margin-top:-20px;	}
.n-margin-t30{	margin-top:-30px;	}	.n-margin-t40{	margin-top:-40px;	}
.n-margin-t50{	margin-top:-50px;	}	.n-margin-t60{	margin-top:-60px;	}
.n-margin-t70{	margin-top:-70px;	}	.n-margin-t80{	margin-top:-80px;	}
.n-margin-t90{	margin-top:-90px;	}	.n-margin-t100{	margin-top:-100px;	}
.n-margin-t110{	margin-top:-110px;	}	.n-margin-t120{	margin-top:-120px;	}
.n-margin-t130{	margin-top:-130px;	}	.n-margin-t140{	margin-top:-140px;	}
.n-margin-t150{	margin-top:-150px;	}	.n-margin-t160{	margin-top:-160px;	}
.n-margin-b10{	margin-bottom:-10px;	}	.n-margin-b20{	margin-bottom:-20px;	}
.n-margin-b30{	margin-bottom:-30px;	}	.n-margin-b40{	margin-bottom:-40px;	}
.n-margin-b50{	margin-bottom:-50px;	}	.n-margin-b60{	margin-bottom:-60px;	}
.n-margin-b70{	margin-bottom:-70px;	}	.n-margin-80{	margin-bottom:-80px;	}
.n-margin-b90{	margin-bottom:-90px;	}	.n-margin-b100{	margin-bottom:-100px;	}
.n-margin-b110{	margin-bottom:-110px;	}	.n-margin-b120{	margin-bottom:-120px;	}
.n-margin-b130{	margin-bottom:-130px;	}	.n-margin-b140{	margin-bottom:-140px;	}
.n-margin-b150{	margin-bottom:-150px;	}	.n-margin-b160{	margin-bottom:-160px;	}

/* -----------------------------------------
 * インデント
 * ----------------------------------------- */
.indent		{text-indent:-1em;padding-left:1em;}	.indent15	{text-indent:-1.5em;padding-left:1.5em;}
.indent2	{text-indent:-2em;padding-left:2em;}	.indent25	{text-indent:-2.5em;padding-left:2.5em;}
.indent3	{text-indent:-3em;padding-left:3em;}	.indent35	{text-indent:-3.5em;padding-left:3.5em;}
.indent4	{text-indent:-4em;padding-left:4em;}	.indent45	{text-indent:-4.5em;padding-left:4.5em;}
.indent5	{text-indent:-5em;padding-left:5em;}	.indent55	{text-indent:-5.5em;padding-left:5.5em;}
.indent6	{text-indent:-6em;padding-left:6em;}	.indent65	{text-indent:-6.5em;padding-left:6.5em;}
.indent7	{text-indent:-7em;padding-left:7em;}	.indent75	{text-indent:-7.5em;padding-left:7.5em;}
.indent8	{text-indent:-8em;padding-left:8em;}	.indent85	{text-indent:-8.5em;padding-left:8.5em;}
.indent9	{text-indent:-9em;padding-left:9em;}	.indent95	{text-indent:-9.5em;padding-left:9.5em;}
.indent_ul li{text-indent:-1em;padding-left:1em;}


/* -----------------------------------------
 * テキスト
 * ----------------------------------------- */
.t_pink		{color:var(--c-pink);}
.t_orange	{color:var(--c-orenge);}
.t_blue		{color:var(--c-blue);}
.t_green	{color:var(--c-green);}
.t_lblue	{color:var(--c-lblue);}
.t_lgreen	{color:var(--c-lgreen);}
.t_red		{color:var(--c-red);}
.t_buraun	{color:var(--c-buraun);}


.t_bold	{font-weight: bold !important;}
.t_normal{font-weight:normal !important;}
.t_center{text-align:center;}
.t_right{text-align:right;}
.t_left	{text-align:left;}

.t_max{font-size:1.2em;}
.t_big{font-size:1.1em;}
.t_min{font-size:0.8em;}
.t_sml{font-size:0.9em;}

.nwp{	white-space: nowrap;	}

mark{	background: linear-gradient(transparent 65%, #FFF562 65%);	font-weight: bold; color:var(--font-color);	}
em{font-weight:bold;	font-style: normal;	color:var(--c-red);}

.tate{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	height:20em;
}

/* link  */
a{
	opacity:1.0;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;}

a:hover,a:focus{
	opacity:0.6;}

a:link		{color:#333;text-decoration:underline;}
a:visited	{color:#333;text-decoration:underline;}
a:hover,a:focus	{color:#333;text-decoration:none;}

a.no_link:hover		{opacity: 1 !important;}


.zi50{	z-index:50;	}

/* -----------------------------------------
 * テーブル
 * ----------------------------------------- */
table{
	width:100%;
	border-collapse:collapse;}

table th{
	padding:0.5em;
	text-align:center;
	border:1px solid var(--c-gray2);
	background:var(--c-gray5);}

table td{
	padding:0.5em;
	border:1px solid var(--c-gray2);
	vertical-align:top;}

table td.c,table th.c{			text-align:center !important;	}
table td.left,table th.left{	text-align:left !important;		}
table td.l,table th.l{			text-align:left !important;	}
table td.right,table th.right{	text-align:right !important;	}
table td.nw,table th.nw{		white-space:nowrap;	}

@media screen and (max-width: 930px){
	/*テーブル（スクロール）*/
	.table_area.sp_scroll{
		width:100%;
		padding:5px 5px;
		background-color:var(--c-white);
		overflow-x:scroll;
		-webkit-overflow-scrolling: touch;
	}
	.table_area.sp_scroll{
		border:solid 1px var(--font-color);
	}
	.table_area.sp_scroll table{
		margin:0 0px 5px 0;
		width:800px;
		display:inline-table;
	}
}

/* -----------------------------------------
 * その他
 * ----------------------------------------- */
/* float  */
.right{	float:right; }
.left{	float:left;}
.right:after,.left:before {
    content: "";
    clear: both;
    display: block;
}

/* clear  */
.cf:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}


/* skip  */
.skip{
	position: absolute;
	margin-left:-9999px;}



/* -----------------------------------------
 * SP
 * ----------------------------------------- */
.sp{	display:none	}
@media screen and (max-width: 930px){
	.pc{	display:none !important;	}
	.sp{	display:inline;	}

	.sp_w100{width:100% !important;}
	img.w	{width:100%;}



}