@charset "utf-8";
@font-face {
font-family: 'shs_mes_regular';
	src: url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Regular.eot');
	src: url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Regular.eot?iefix') format('eot'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Regular.woff') format('woff'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Regular.ttf') format('truetype'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Regular.otf') format('opentype');
}
@font-face {
font-family: 'shs_mes_normal';
	src: url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Normal.eot');
	src: url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Normal.eot?iefix') format('eot'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Normal.woff') format('woff'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Normal.ttf') format('truetype'),
			url('https://www.lint.co.jp/inf/font/source-han-sans-1.004R/OTF/Japanese/SourceHanSans-Normal.otf') format('opentype');
	}
*	{font-family:"shs_mes_normal",Helvetica,Arial,メイリオ,"游ゴシック","Hiragino Kaku Gothic ProN";box-sizing:border-box;text-shadow:none;}

body {
	margin:0;
	padding:0;
	background-image:url(https://www.lint.co.jp/+/img/wallpaper/Lint_j_WB25.gif);
	background-repeat:repeat-x;
	background-position:left center;
	background-attachment:fixed;
	background-color:#f1f1f1; 	/*左右のエリア外の色*/
	text-align:center;
	font-size:10pt;
	}

header[role="header"]	{
	display:flex;
	justify-content:space-between;;
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0;
}

main[role="main"]	{
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:white;
	}

footer[data-role="footer"]	{
	width:100%;
	margin:0 auto;
background-color: #FFE;
	}

#LintLogo	{height:1.2em;border:none;margin:0 0.5em 0 0;}
#uName	{font-size:1.2em;color:#555;font-weight:600;}

/* |||||　基本枠組み　|||| */
ul,ol	{list-style-type:none;}
img	{border:none;}
table	{border-collapse:collapse;}

button[type="button"]	{font-size:1.1em;font-weight:500;padding:1em;}
#snavi_arrow	{height:10px;width:15px;vertical-align:middle;}
#arrow9	{height:14px;border:0;margin-right:5px;vertical-align:middle;}
.markLead {height:1.5em;vertical-align:middle;border: none;}
.markRetry {
 	height: 1.67em;
 	vertical-align: baseline;
	margin:auto 0.25em;
	border: none;
 }

/* ◆◆◆　受講者学習過程　◆◆◆ */
.userStudyRecord	{width:100%;max-width:300px;margin:0 1% 0 auto;font-weight:400 !important;}
.userStudyRecord li	{margin:0 auto;border:1px window solid;padding:0;}
.userStudyRecord li span	{display:inline-block;padding:0.1em 1em}
.userStudyRecord li span.label_tToday	{width:60%;max-width:10em;background-color:crimson;color:white;text-align:right;}
.userStudyRecord li span.label_tLast	{width:60%;max-width:10em;background-color:blue;color:white;text-align:right;}
.userStudyRecord li span.label_tDuration	{width:60%;max-width:10em;background-color:green;color:white;text-align:right;}
.userStudyRecord li span.data_tToday	{width:36%;border:1px crimson solid;text-align:left;}
.userStudyRecord li span.data_tLast	{width:36%;border:1px navy solid;text-align:left;}
.userStudyRecord li span.data_tDuration	{width:36%;border:1px green solid;text-align:left;}

.pLead	{text-align:left;width:90%;margin:1em auto;}
.pLead p {margin-left:3em;text-indent:-3em;line-height:1.8em;}

/*　ボタン幅を規定　*/
.btnBox500	{width:50%;max-width:500px;margin:1em auto;}
.btnBox600	{width:66%;max-width:600px;margin:1em auto;}

.hrm1	{margin:1em auto;}
.hrm2	{margin:2em auto;}
.hrm3	{margin:3em auto;}
.hrm1-80	{width:80%;max-width:800px;margin:1em auto;}
.hrm2-80	{width:80%;max-width:800px;margin:2em auto;}
.hrm3-80	{width:80%;max-width:800px;margin:3em auto;}
.hrm1-60	{width:60%;max-width:600px;margin:1em auto;}
.hrm2-60	{width:60%;max-width:600px;margin:2em auto;}
.hrm3-60	{width:60%;max-width:600px;margin:3em auto;}

/* ◆◆◆　ボタン　◆◆◆ */
.btn_go	{padding:1em 2em !important;border:1px navy solid !important;border-radius:0 2em 2em 0;}
.btn_go:hover	{color:blue;border:1px blue solid !important;background-color:yellow;}
.btn_back	{padding:1em 2em !important;border:1px maroon solid !important;border-radius:2em 0 0 2em;}
.btn_back:hover	{color:crimson;border:1px crimson solid !important;background-color:seashell;}
.btn_exit	{padding:1em 2em !important;border:1px crimson solid !important;color:red !important;border-radius:2em 0 0 2em;}
.btn_exit:hover	{color:white !important;border:1px red solid !important;background-color:red !important;}

.btn_leftTop	{border-radius:0 0 2em 0;}
.btn_leftBottom	{border-radius:0 2em 0 0;}
.btn_rightTop	{border-radius:0 0 0 2em;}
.btn_rightButtom	{border-radius:2em 0 0 0;}

.btn_round_ds	{height:2em;vertical-align:middle;}

/* ◆◆◆　panel　◆◆◆ */
panel[data-role="panel"]	{
	line-height:1.8em;
	background-color:white;
}
#menuPanel	{width:95%;max-width:600px;margin:6em auto auto 0;border-right:1px green solid;}
#tipsPanel	{width:95%;max-width:600px;margin:6em 0 auto auto;border-left:1px green solid;}

img.btn_panelClose	{
	position:absolute;
	top:-5px;
	left:100%;
	margin-left:-45px;
	width:50px;
	height:50px;
	border:none;
	background-image:url(https://www.lint.co.jp/mes/img/pict14/pict_close_blackR50.png);
	background-position:center;
	}
img.btn_panelCloseLeft	{
	position:absolute;
	top:-5px;
	left:-0.5em;
	width:48px;
	height:48px;
	border:none;
	background-image:url(https://www.lint.co.jp/mes/img/pict14/pict_close_blackR50.png);
	background-position:center;
	}
img.btn_panelClose:hover,img.btn_panelCloseLeft:hover	{
	cursor:pointer;
	background-image:url(https://www.lint.co.jp/mes/img/pict14/pict_close_grayR50.png);
	}

#panelYaku	{width:66%;max-width:600px;margin:5em auto auto 0.5em;border-right:1px green solid;}
h3.panelT,h3.panelTtl	{width:80%;margin:0.25em auto 2em;padding:0.5em 2em;text-align:center;background-color:#FFE;border-top:1px green solid;border-bottom:1px green solid;font-variant:small-caps;}
p.panelTNote,p.panelTtlNote	{width:100%;margin:-2em auto 2em 0;padding:0;text-align:left;}
.panelContents	{margin:1em auto;text-align:left;line-height:1.8em;}

/* |||||| 各枠の個別指定 ||||| */

/* ||||| 横幅指定 ||||| */
.w99	{width:99% !important;max-width:800px;padding:0;margin:0 auto;}
.w90	{width:90% !important;max-width:800px;padding:0;margin:0 auto;}
.w80	{width:80% !important;max-width:800px;padding:0;margin:0 auto;}
.w75	{width:75% !important;max-width:800px;padding:0;margin:0 auto;}
.w70	{width:70% !important;max-width:800px;padding:0;margin:0 auto;}
.w66	{width:66% !important;max-width:800px;padding:0;margin:0 auto;}
.w60	{width:60% !important;max-width:800px;padding:0;margin:0 auto;}
.w50	{width:50% !important;max-width:800px;padding:0;margin:0 auto;}
.w25	{width:25% !important;max-width:800px;padding:0;margin:0 auto;}
.w10	{width:10% !important;max-width:800px;padding:0;margin:0 auto;}
.w05	{width:5% !important;max-width:800px;padding:0;margin:0 auto;}

.w99m1	{width:99% !important;max-width:800px;padding:0;margin:1em auto;}
.w90m1	{width:90% !important;max-width:800px;padding:0;margin:1em auto;}
.w80m1	{width:80% !important;max-width:800px;padding:0;margin:1em auto;}
.w75m1	{width:75% !important;max-width:800px;padding:0;margin:1em auto;}
.w70m1	{width:70% !important;max-width:800px;padding:0;margin:1em auto;}
.w66m1	{width:66% !important;max-width:800px;padding:0;margin:1em auto;}
.w60m1	{width:60% !important;max-width:800px;padding:0;margin:1em auto;}
.w50m1	{width:50% !important;max-width:800px;padding:0;margin:1em auto;}

.w99m2	{width:99% !important;max-width:800px;padding:0;margin:2em auto;}
.w90m2	{width:90% !important;max-width:800px;padding:0;margin:2em auto;}
.w80m2	{width:80% !important;max-width:800px;padding:0;margin:2em auto;}
.w75m2	{width:75% !important;max-width:800px;padding:0;margin:2em auto;}
.w70m2	{width:70% !important;max-width:800px;padding:0;margin:2em auto;}
.w66m2	{width:66% !important;max-width:800px;padding:0;margin:2em auto;}
.w60m2	{width:60% !important;max-width:800px;padding:0;margin:2em auto;}
.w50m2	{width:50% !important;max-width:800px;padding:0;margin:2em auto;}

.w99m3	{width:99% !important;max-width:800px;padding:0;margin:3em auto;}
.w90m3	{width:90% !important;max-width:800px;padding:0;margin:3em auto;}
.w80m3	{width:80% !important;max-width:800px;padding:0;margin:3em auto;}
.w75m3	{width:75% !important;max-width:800px;padding:0;margin:3em auto;}
.w70m3	{width:70% !important;max-width:800px;padding:0;margin:3em auto;}
.w66m3	{width:66% !important;max-width:800px;padding:0;margin:3em auto;}
.w60m3	{width:60% !important;max-width:800px;padding:0;margin:3em auto;}
.w50m3	{width:50% !important;max-width:800px;padding:0;margin:3em auto;}

blue {
	color:blue;
}
crimson {
	color: crimson;
}

gray {
	color: gray;
}

yellow {
	color: yellow;
}

dodgerblue {
	color: dodgerblue;
}

maroon {
	color: maroon;
}