@charset "UTF-8";
/* --------------------------------------------------------------------
 Copyright (c) 2019 plusi
 -------------------------------------------------------------------- */
/* ====================================
 Layout Style
 ====================================== */

/* ------------------------------------
 border
 -------------------------------------- */
.bdl_sR{ border: 1px solid red; }
.bdl_dR{ border: 1px dashed red; }

/* ------------------------------------
 background-color
 -------------------------------------- */
.bg_gray{ background-color: #f6f6f6; }
.bg_darkgray{ background-color: #444; }
.bg_lightblue{ background-color: #afddf7; }
.bg_black{ background-color: #2B2320; }
.bg_yellow{ background-color: #FFF4DD; }

.borderB{ border-bottom: 2px solid #fff!important; } /* 区切りに */
.borderG{ border: 1px solid #ccc!important; } /* 区切りに */

.circle{
	width: 400px;
	height: auto;
	border-radius: 50%;
	background: skyblue;/*背景色*/
}
/* ------------------------------------
 text-color
 -------------------------------------- */
.txMainColor{ color: #AB2317!important; }	/* イメージカラー（メインカラー赤） */
.txMainColorB{ color: #335989!important; }	/* イメージカラー（メインカラー青） */
.txRed{ color: red; }
.txBlue{ color: #29A2D9; }
.txBK{ color: #000!important; }
.txBlack{ color: #404040; }
.txWhite{ color: #f2f2f2!important; }

.txBold{ font-weight: bold!important; }
.under_y{
	background: linear-gradient(transparent 40%, #ffff66 40%);
}
/* 2024/11/21 add */
span.mini{ font-size: 80%!important; font-weight: normal!important; }

/* ------------------------------------
 float
 -------------------------------------- */
.flL{ float: left; }
.flR{ float: right;}
/* micro clearfx */
.clearfix:before,
.clearfix:after{
	content: "";
	display: table;
}
.clearfix:after{ clear: both; clear: left!important;}
.clearfix{ zoom: 1; clear: right!important} /* For IE 6/7 */
/* ------------------------------------
 position
 -------------------------------------- */
.posC{ text-align: center; margin: 0 auto!important; }
/* ------------------------------------
 indent
 -------------------------------------- */
.indent{
	width: 100%;
	margin: 0 auto;
	text-indent: 1em;
	padding: 0 0 20px 0;
}
/* --------------------------------
	装飾
   -------------------------------- */
p.mini{
	font-size: 95%!important;
	line-height: 150%;
	color: #333;
}
p.point{
	font-size: 18px;
	font-weight: bold;
}
p.sub{ font-size: 16px!important; line-height: 180%;}
p.thin{
	width: 90%!important;
	padding: 0 5%!important;
}
em.point{
	background-color: #fffacd;
	font-style: bold;
}
/* --------------------------------
	fontawsome
-------------------------------- */
i.fas{ padding-right: 5px;}
/* --------------------------------
	改行
-------------------------------- */
@media screen and (min-width: 599px){
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 599px){
	.br-pc { display:none; }
	.br-sp { display:block; }
}


/* --------------------------------
	表示ON/OFF
-------------------------------- */
/*@media screen and (min-width: 599px){*/
@media screen and (min-width: 599px){
	.display-pc { display:block; }
	.display-sp { display:none; }
}
@media screen and (max-width: 599px){
	.display-pc { display:none; }
	.display-sp { display:block; }
}

/* ------------------------------------
 画像
 -------------------------------------- */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.forPC { display: block!important; }
.forMP { display: none!important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
	.forPC { display: none !important; }
	.forMP { display: block !important; }
}
.imgFit{
	width: fit-content;
	object-fit: contain;
}

/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){
	p.thin{
		width: 96%!important;
		padding: 0 2%!important;
	}
}
/* ================================
			769px以下
   ================================ */
@media (max-width: 769px){
p.mini{
	font-size: 90%;
	line-height: 140%!important;
	color: #333;
}
}

/* ------------------------------------
 widh
 -------------------------------------- */
/* width */
.w10per{ width: 10% !important; }
.w20per{ width: 20% !important; }
.w30per{ width: 30% !important; }
.w33per{ width: 33.3% !important; }
.w40per{ width: 40% !important; }
.w50per{ width: 50% !important; }
.w60per{ width: 60% !important; }
.w70per{ width: 70% !important; }
.w80per{ width: 80% !important; }
.w90per{ width: 90% !important; }
.wFull{ width: 100% !important; }
.wAuto{ width: auto !important; }

/* ------------------------------------
 margin / padding
 -------------------------------------- */
.spaceTB{ padding: 30px 0; }
/* margin-top */
.mt0{ margin-top: 0 !important; }
.mt10{ margin-top: 10px !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; }
.mt80{ margin-top: 80px !important; }
.mt100{ margin-top: 100px !important; }
.mt120{ margin-top: 120px !important; }
/* margin-right */
.mr0{ margin-right: 0 !important; }
.mr10{ margin-right: 10px !important; }
.mr50{ margin-right: 50px !important; }
.mr80{ margin-right: 80px !important; }
.mr100{ margin-right: 100px !important; }
/* margin-bottom */
.mb0{ margin-bottom: 0 !important; }
.mb10{ margin-bottom: 10px !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; }
.mb80{ margin-bottom: 80px !important; }
.mb100{ margin-bottom: 100px !important; }
.mb120{ margin-bottom: 120px !important; }
/* margin-left */
.ml0{ margin-left: 0 !important; }
.ml10{ margin-left: 10px !important; }
.ml50{ margin-left: 50px !important; }
.ml80{ margin-left: 80px !important; }
.ml100{ margin-left: 100px !important; }

/* padding-top */
.pt0{ padding-top: 0 !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pt70{ padding-top: 70px !important; }
.pt80{ padding-top: 80px !important; }
.pt90{ padding-top: 90px !important; }
.pt100{ padding-top: 100px !important; }
/* padding-right */
.pr0{ padding-right: 0 !important; }
.pr10{ padding-right: 10px !important; }
.pr20{ padding-right: 20px !important; }
.pr30{ padding-right: 30px !important; }
.pr40{ padding-right: 40px !important; }
.pr50{ padding-right: 50px !important; }
.pr60{ padding-right: 60px !important; }
.pr70{ padding-right: 70px !important; }
.pr80{ padding-right: 80px !important; }
.pr90{ padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }
/* padding-bottom */
.pb0 { padding-bottom: 0 !important; }
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb100{ padding-bottom: 100px !important; }
/* padding-left */
.pl0 { padding-left: 0 !important; }
.pl10{ padding-left: 10px !important; }
.pl20{ padding-left: 20px !important; }
.pl30{ padding-left: 30px !important; }
.pl40{ padding-left: 40px !important; }
.pl50{ padding-left: 50px !important; }
.pl60{ padding-left: 60px !important; }
.pl70{ padding-left: 70px !important; }
.pl80{ padding-left: 80px !important; }
.pl90{ padding-left: 90px !important; }
.pl100{ padding-left: 100px !important; }
/* padding left and right */
.plr20{ padding-left: 20px!important; padding-right: 20px!important; }
/* padding all */
.pall5{ padding: 5px!important; }
.pall10{ padding: 10px!important; }
.pall15{ padding: 15px!important; }
.pall20{ padding: 20px!important; }

/* ====================================
 Print
 ====================================== */
@media print {
	body {
		min-width: 1200px;
	}
}