@charset "UTF-8";

/* ================================
sm マイページ画面 
================================ */
[class="sm_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sm_title']{
		width: 100%;
	}
}
[id='sm_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 800px;
}
@media screen and (max-width: 780px) {
	[id='sm_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='sm_area']>br{
	line-height:10px;
}
[class="sm_line"] {
	width:calc(100% - 0px);
	height		: auto;
	overflow	: visible;
	clear: both;
}
@media screen and (min-width: 781px) {
	[class='sm_line']{
		display:table;
		width: auto;
		margin: 0px auto; 
	}
}
[class="sm_line_left"] {
	width: 120px;
	float: left;
	font-size: 10pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sm_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="sm_line_right"] {
	width:calc(100% - 130px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sm_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}
[class="sm_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
}
@media screen and (max-width: 780px) {
	[class='sm_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="sm_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}
[class="sm_welcom"] {
	font-size:12pt;
	margin-bottom:20px;
}
@media screen and (max-width: 780px) {
	[class='sm_welcom']{
		margin-left:10px;
		line-height:20px;
	}
}
[class="sm_mes"] {
	width: 100%;
	margin:5px auto 10px auto;
	font-size:14px;
	line-height:18px; 
	color:#dc143c;
}
@media screen and (min-width: 781px) {
	[class='sm_mes']{
		display:table;
		width: auto;
	}
	[class='sm_mes'][data-class="1"]{
		min-width: 380px;
	}
	[class='sm_mes'][data-class="2"]{
		min-width: 420px;
	}
}
@media screen and (max-width: 780px) {
	[class='sm_mes']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height:20px;
	}
}
[class="sm_menu_btn"] {
	width: 180px;
	margin-right: 10px;
}
@media screen and (min-width: 441px) {
	[class="sm_menu_btn"]:last-child {
		margin-right: 0px;
	}
}
@media screen and (max-width: 440px) {
	[class='sm_menu_btn']{
		width: calc(50% - 5px);
	}
	[class='sm_menu_btn']:nth-child(2n){
		margin-right: 0px;
	}
}
[id="sm_staff_news_btn"] {
	overflow:visible !important;
}
	[class="sm_link_disp"] {
	width: auto;
	float: left;
	padding: 2px 5px;
	margin: 5px;
	font-size: 12pt;
	cursor: pointer;
}
[id='sm_logout_btn'],[id='sm_login_btn']{
	margin-top:50px;
	width: 180px;
	float: none;
	background-color: rgb(70,70,70);
}

[id='sm_operation_trouble']{
	/*width:calc(50% - 10px);*/
	padding-left:10px;
	float:left;
	text-align:left;
	font-size:10pt;
	text-decoration:underline;
}
@media screen and (max-width: 780px) {
	[id='sm_operation_trouble']{
		width: calc(100% - 10px);
		margin-left:0px;
		padding-left:0px;
		margin-bottom:10px;
		text-align:center;
		float:none;
	}
}

/* ================================
sr スタッフ登録画面 
================================ */
[class="sr_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sr_title']{
		width: 100%;
	}
}
[id='sr_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 850px;
}
@media screen and (max-width: 780px) {
	[id='sr_area']{
		width: calc(100% - 6px);
		padding: 0px;
		border: none;
	}
}
[id='sr_area']>br{
	line-height:10px;
}
[class="sr_line"] {
	width:calc(100% - 10px);
	height:auto;
	margin-bottom:0px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}
[class="sr_line_left"] {
	width: 160px;
	height:calc(100% - 5px);
	padding-top:5px;
	float: left;
	font-size: 10pt;
	line-height: 20px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sr_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="sr_line_right"] {
	width:calc(100% - 162px);
	padding-top:3px;
	padding-left:2px; 
	font-size: 10pt;
	float:left;
	height			: auto;
	overflow-y		: hidden;
}
@media screen and (max-width: 780px) {
	[class='sr_line_right']{
		width: calc(100% - 13px);
		margin-left:10px;
		overflow-x: hidden;
	}
}
[class="sr_line_right"]>[class="sr_line_left"] {
	width: 160px;
	padding-left: 5px;
}
@media screen and (max-width: 780px) {
	[class="sr_line_right"]>[class="sr_line_left"]{
		width: calc(100% - 3px);
		margin-left:3px;
		line-height: 30px;
	}
}
[class="sr_line_right"]>[class="sr_line_right"] {
	width:calc(100% - 110px);
}
@media screen and (max-width: 780px) {
	[class="sr_line_right"]>[class="sr_line_right"]{
		width: calc(100% - 3px);
		margin-left:0px;
	}
}
[class="sr_line_half"] {
	width:calc(50% - 10px);
	padding:5px 5px 20px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}
[id^='sr_history'][id$='_salary'] + *{
	transform	: translate(-200%,-20%);
}
@media screen and (max-width: 420px) {
	[id^='sr_history'][id$='_salary'] + *{
		position	: absolute;
		transform	: translate(-200%,60%);
	}
}
@media screen and (max-width: 780px) {
	[id^='sr_license'][id$='_year_wrap']{
		float		: left;
		width		: 198px;
	}
	[id^='sr_license'][id$='_month_wrap']{
		margin-left	: 5px;
		width		: 82px;
	}
}

[id="sr_school_year_wrap"]{
	float			: left;
}
[id="sr_school_month_wrap"]{
	float			: left;
	margin-left		: 10px !important;
}

[class="sr_line_file"] {
	width:calc(100% - 10px);
	padding:10px 5px 5px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}

[class='sr_line_half_file']>img {
	width: auto;
	max-width:200px;
	text-align:center;
}
@media screen and (max-width: 780px) {
	[class='sr_line_half_file']>img {
		max-width:90px;
		text-align:center;
	}
}
[class="sr_line_top"] {
	width: 100%;
	font-size: 12pt;
}
@media screen and (max-width: 780px) {
	[class='sr_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 20px;
	}
}
[class="sr_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 25px;
	text-align: center;
}
@media screen and (max-width: 780px) {
	[class='sr_line_bottom']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}


[id="sr_self_photo"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
}
[id="sr_self1"],
[id="sr_self2"],
[id="sr_self3"],
[id="sr_self4"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
	max-width: 200px;
	display: block;
	margin: 0px auto;
}
[id="sr_self1"]::before,
[id="sr_self2"]::before,
[id="sr_self3"]::before,
[id="sr_self4"]::before{
	content				: '　';
	display				: inline-block;
	width				: 20px;
	line-height			: 52px;
	background			: url(../img/icon/cust_w.png) no-repeat center;
	background-size		: 20px 20px;
}
@media screen and (max-width: 780px) {
	[id="sr_self1"],
	[id="sr_self2"],
	[id="sr_self3"],
	[id="sr_self4"] {
		width:calc(100% - 10px);
		font-size:10pt;
	}
}
[id="sr_self_photo_confirm"] {
	margin:20px;
	width: calc(100% - 40px);
}
[id="sr_self_photo_confirm"]>img {
	width:auto;
	max-width:300px;
}
@media screen and (max-width: 780px) {
	[id="sr_self_photo_confirm"]>img {
		max-width:230px;
	}
}
[data-atten="on"] {
	font-size:11pt;
	line-height: 25px;
	color:#dc143c;
}
[class="sr_mes"] {
	width: 100%;
	font-size:11pt;
	color:#dc143c;
}
@media screen and (max-width: 780px) {
	[class="sr_mes"] {
		font-size:8pt;
	}
}
[class="sr_normal_mes"] {
	width		: 100%;
	transform	: translateY(-10px);
	height		: auto;
	line-height	: 18px;
	font-size	: 12px;
}
[class="sr_float_mes"] {
	top: 15px;
	left: 0px;
	font-size:8pt;
	float: right;
	width:auto;
}
@media screen and (max-width: 780px) {
	[class="sr_float_mes"] {
		clear:both;
		top: -6px;
		left: 5px;
		width: calc(100% - 0px);
	}
}



/* インプットボックス系 */

[class="sr_half_input"] {
	width:150px;
	float:left;
	margin-right:10px;
}
@media screen and (max-width: 780px) {
	[class="sr_half_input"] {
		width: calc(50% - 50px);
		max-width: 150px;
	}
}
[id='sr_mail1'],[id='sr_sub_mail1'] {
	float	: left;
	display : block;
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id='sr_mail1'],[id='sr_sub_mail1'] {
		width: calc(50% - 23px) !important;
	}
}


/* セレクトボックス系 */

[id="sr_mail2_wrap"]{
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id="sr_mail2_wrap"]{
		width: calc(50% - 23px);
	}
}

[id="sr_bank_wrap"] {
	width: 300px;
}
@media screen and (max-width: 780px) {
	[id="sr_bank_wrap"]{
		width: calc(100% + 0px);
		padding-bottom: 0px;
	}
}

/* チェックボタン・ラジオボタン系 */
[id='sr_skill_other'] {
	width: 100%;
}
[id='sr_hope_other'] {
	width: calc(100% - 16px);
}


[class="src_disp"] {
	font-size:13pt;
	padding-left: 10px;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[class='src_disp'] {
		font-size:12pt;
	}
}

[class="sr_confirm_check"]{
	width			: 340px;
	max-width		: calc(100% - 20px);
	float			: none;
}

[id="sr_confirm_btn"],
[id="src_complete_btn"] {
	width:400px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='sr_confirm_btn'],
	[id="src_complete_btn"]{
		width: calc(100% - 50px);
		margin-left: 10px;
	}
}
[id='sr_history_add'],
[id='sr_consent_btn'],
[id='sr_menu_btn'],
[id='src_back_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='sr_history_add'],
	[id='sr_consent_btn'],
	[id='sr_menu_btn'],
	[id='src_back_btn']{
		width: 200px;
		margin-left: 0px;
	}
}


/* ================================
se スタッフ編集画面 
================================ */
[class="se_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='se_title']{
		width: 100%;
	}
}
[id='se_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 850px;
}
@media screen and (max-width: 780px) {
	[id='se_area']{
		width: calc(100% - 6px);
		padding: 0px;
		border: none;
	}
}
[id='se_area']>br{
	line-height:10px;
}
[class="se_line"] {
	width:calc(100% - 10px);
	height:auto;
	margin-bottom:0px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}
[class="se_line_left"] {
	width: 160px;
	height:calc(100% - 5px);
	padding-top:5px;
	float: left;
	font-size: 10pt;
	line-height: 20px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='se_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="se_line_right"] {
	width:calc(100% - 162px);
	padding-top:3px;
	padding-left:2px; 
	font-size: 10pt;
	float:left;
	height			: auto;
	overflow-y		: hidden;
}
@media screen and (max-width: 780px) {
	[class='se_line_right']{
		width: calc(100% - 13px);
		margin-left:10px;
		overflow-x: hidden;
	}
}
[class="se_line_right"]>[class="se_line_left"] {
	width: 160px;
	padding-left: 5px;
}
@media screen and (max-width: 780px) {
	[class="se_line_right"]>[class="se_line_left"]{
		width: calc(100% - 3px);
		margin-left:3px;
		line-height: 30px;
	}
}
[class="se_line_right"]>[class="se_line_right"] {
	width:calc(100% - 110px);
}
@media screen and (max-width: 780px) {
	[class="se_line_right"]>[class="se_line_right"]{
		width: calc(100% - 3px);
		margin-left:0px;
	}
}
[class="se_line_half"] {
	width:calc(50% - 10px);
	padding:5px 5px 20px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}
[id^='se_history'][id$='_salary'] + *{
	transform	: translate(-200%,-20%);
}
@media screen and (max-width: 420px) {
	[id^='se_history'][id$='_salary'] + *{
		position	: absolute;
		transform	: translate(-200%,60%);
	}
}
@media screen and (max-width: 780px) {
	[id^='se_license'][id$='_year_wrap']{
		float		: left;
		width		: 198px;
	}
	[id^='se_license'][id$='_month_wrap']{
		margin-left	: 5px;
		width		: 82px;
	}
}

[id="se_school_year_wrap"]{
	float			: left;
}
[id="se_school_month_wrap"]{
	float			: left;
	margin-left		: 10px !important;
}

[class="se_line_file"] {
	width:calc(100% - 10px);
	padding:10px 5px 5px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}

[class='se_line_half_file']>img {
	width: auto;
	max-width:200px;
	text-align:center;
}
@media screen and (max-width: 780px) {
	[class='se_line_half_file']>img {
		max-width:90px;
		text-align:center;
	}
}
[class="se_line_top"] {
	width: 100%;
	font-size: 12pt;
}
@media screen and (max-width: 780px) {
	[class='se_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 20px;
	}
}
[class="se_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 25px;
	text-align: center;
}
@media screen and (max-width: 780px) {
	[class='se_line_bottom']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}


[id="se_self_photo"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
}
[id='se_self_photo_preview'],[id='se_self1_preview'],[id='se_self2_preview'],[id='se_self3_preview'],[id='se_self4_preview']{
	width				: 100%;
	max-width			: 300px;
}
[id="se_self1"],
[id="se_self2"],
[id="se_self3"],
[id="se_self4"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
	max-width: 200px;
	display: block;
	margin: 0px auto;
}
[id="se_self1"]::before,
[id="se_self2"]::before,
[id="se_self3"]::before,
[id="se_self4"]::before{
	content				: '　';
	display				: inline-block;
	width				: 20px;
	line-height			: 52px;
	background			: url(../img/icon/cust_w.png) no-repeat center;
	background-size		: 20px 20px;
}
@media screen and (max-width: 780px) {
	[id="se_self1"],
	[id="se_self2"],
	[id="se_self3"],
	[id="se_self4"] {
		width:calc(100% - 10px);
		font-size:10pt;
	}
}
[id="se_self_photo_confirm"] {
	margin:20px;
	width: calc(100% - 40px);
}
[id="se_self_photo_confirm"]>img {
	width:auto;
	max-width:300px;
}
@media screen and (max-width: 780px) {
	[id="se_self_photo_confirm"]>img {
		max-width:230px;
	}
}
[data-atten="on"] {
	font-size:11pt;
	line-height: 25px;
	color:#dc143c;
}
[class="se_mes"] {
	width: 100%;
	font-size:11pt;
	color:#dc143c;
}
@media screen and (max-width: 780px) {
	[class="se_mes"] {
		font-size:8pt;
	}
}
[class="se_normal_mes"] {
	width		: 100%;
	transform	: translateY(-10px);
	height		: auto;
	line-height	: 18px;
	font-size	: 12px;
}
[class="se_float_mes"] {
	top: 15px;
	left: 0px;
	font-size:8pt;
	float: right;
	width:auto;
}
@media screen and (max-width: 780px) {
	[class="se_float_mes"] {
		clear:both;
		top: -6px;
		left: 5px;
		width: calc(100% - 0px);
	}
}



/* インプットボックス系 */

[class="se_half_input"] {
	width:150px;
	float:left;
	margin-right:10px;
}
@media screen and (max-width: 780px) {
	[class="se_half_input"] {
		width: calc(50% - 50px);
		max-width: 150px;
	}
}
[id='se_mail1'],[id='se_sub_mail1'] {
	float	: left;
	display : block;
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id='se_mail1'],[id='se_sub_mail1'] {
		width: calc(50% - 23px) !important;
	}
}


/* セレクトボックス系 */

[id="se_mail2_wrap"]{
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id="se_mail2_wrap"]{
		width: calc(50% - 23px);
	}
}

[id="se_bank_wrap"] {
	width: 300px;
}
@media screen and (max-width: 780px) {
	[id="se_bank_wrap"]{
		width: calc(100% + 0px);
		padding-bottom: 0px;
	}
}
[id="se_bank_process_wrap"] {
	width: 300px;
}
@media screen and (max-width: 780px) {
	[id="se_bank_process_wrap"]{
		width: calc(100% + 0px);
		padding-bottom: 0px;
	}
}se_bank_process_wrap

/* チェックボタン・ラジオボタン系 */
[id='se_skill_other'] {
	width: 100%;
}
[id='se_hope_other'] {
	width: calc(100% - 16px);
}


[class="src_disp"] {
	font-size:13pt;
	padding-left: 10px;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[class='src_disp'] {
		font-size:12pt;
	}
}

[class="se_confirm_check"]{
	width			: 340px;
	max-width		: calc(100% - 20px);
	float			: none;
}

[id="se_confirm_btn"],
[id="src_complete_btn"] {
	width:400px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='se_confirm_btn'],
	[id="src_complete_btn"]{
		width: calc(100% - 50px);
		margin-left: 10px;
	}
}
[id='se_consent_btn'],
[id='se_menu_btn'],
[id='src_back_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='se_consent_btn'],
	[id='se_menu_btn'],
	[id='src_back_btn']{
		width: 200px;
		margin-left: 0px;
	}
}
/*
[class="se_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='se_title']{
		width: 100%;
	}
}
[id='se_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 850px;
}
@media screen and (max-width: 780px) {
	[id='se_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='se_area']>br{
	line-height:10px;
}
[class="se_line"] {
	width:calc(100% - 10px);
	height:calc(100% - 30px);
	margin-bottom:30px;
	clear: both;
}
[class="se_line_left"] {
	width: 160px;
	height:calc(100% - 5px);
	padding-top:5px;
	float: left;
	font-size: 10pt;
	line-height: 20px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class="se_line_left"]{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="se_line_right"] {
	width:calc(100% - 160px);
	padding-top:3px;
	font-size: 10pt;
	float:left;
}
@media screen and (max-width: 780px) {
	[class='se_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}

[class="se_line_right"]>[class="se_line_left"] {
	width: 110px;
}
@media screen and (max-width: 780px) {
	[class="se_line_right"]>[class="se_line_left"]{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="se_line_right"]>[class="se_line_right"] {
	width:calc(100% - 110px);
}
@media screen and (max-width: 780px) {
	[class="se_line_right"]>[class="se_line_right"]{
		width: calc(100% - 40px);
		margin-left:20px;
	}
}

[class="se_line_half"] {
	width:calc(50% - 10px);
	padding:5px 5px 20px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}

[class="se_line_file"] {
	width:calc(100% - 10px);
	height:170px;
	padding:5px 5px 50px 5px;
	overflow:hidden;
	overflow-y:auto;
	float: left;
	font-size: 10pt;
	line-height:25px;
}

[class='se_line_half_file']>img {
	width: auto;
	max-width:200px;
	text-align:center;
}
@media screen and (max-width: 780px) {
	[class='se_line_half_file']>img {
		max-width:90px;
		text-align:center;
	}
}
[class="se_line_top"] {
	width: 100%;
	font-size: 12pt;
}
@media screen and (max-width: 780px) {
	[class='se_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 20px;
	}
}
[class="se_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 25px;
	text-align: center;
}


[id="se_self_photo"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
}
[id="se_self1"],
[id="se_self2"],
[id="se_self3"],
[id="se_self4"] {
	float: none;
	font-size: 10pt;
	margin-top: 30px;
	padding: 0px;
	width: 150px;
	margin-right: 10px;
	border: solid 3px transparent;
	max-width: 200px;
	display: block;
	margin: 0px auto;
}
@media screen and (max-width: 780px) {
	[id="se_self1"],
	[id="se_self2"],
	[id="se_self3"],
	[id="se_self4"] {
		width:calc(100% - 10px);
		font-size:10pt;
	}
}
[id="se_self_photo_confirm"] {
	margin:20px;
	width: calc(100% - 40px);
}
[id="se_self_photo_confirm"]>img {
	width:auto;
	max-width:300px;
}
@media screen and (max-width: 780px) {
	[id="se_self_photo_confirm"]>img {
		max-width:230px;
	}
}
[data-atten="on"] {
	font-size:11pt;
	line-height: 25px;
	color:#dc143c;
}
[class="se_mes"] {
	width: 100%;
	font-size:11pt;
	color:#dc143c;
}
@media screen and (max-width: 780px) {
	[class="se_mes"] {
		font-size:11pt;
	}
}
[class="se_normal_mes"] {
	width: 100%;
	margin-top:-12px;
	font-size:11pt;
}
[class="se_float_mes"] {
	top: 15px;
	left: 0px;
	font-size:11pt;
	float: right;
	width:auto;
}
@media screen and (max-width: 780px) {
	[class="se_float_mes"] {
		clear:both;
		top: -6px;
		left: 5px;
		width: calc(100% - 0px);
	}
}


[class="se_half_input"] {
	width:150px;
	float:left;
	margin-right:10px;
}
@media screen and (max-width: 780px) {
	[class="se_half_input"] {
		width: calc(50% - 50px);
	}
}
[id='se_mail1'],[id='se_sub_mail1'] {
	display : block;
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id='se_mail1'],[id='se_sub_mail1'] {
		width: calc(100% - 140px) !important;
	}
}

[id="se_mail2_wrap"]{
	width: auto;
}
@media screen and (max-width: 780px) {
	[id="se_mail2_wrap"]{
		width: 100px;
	}
}

[id="se_bank_wrap"],
[id="se_bank_process_wrap"] {
	width: 300px;
}
@media screen and (max-width: 780px) {
	[id="se_bank_wrap"],
	[id="se_bank_process_wrap"]{
		width: calc(100% + 7px);
		padding-bottom: 0px;
	}
}

[id='se_skill_other'] {
	width: 100%;
}
[id='se_hope_other'] {
	width: 100%;
}


*/
[class="sec_disp"] {
	font-size:13pt;
	padding-left: 10px;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[class='sec_disp'] {
		font-size:12pt;
	}
}

[id="se_confirm_btn"],
[id="sec_complete_btn"],
[id="se_re_btn"] {
	width:400px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='se_confirm_btn'],
	[id="sec_complete_btn"],
	[id="se_re_btn"]{
		width: calc(100% - 50px);
		margin-left: 10px;
	}
}
[id='se_menu_btn'],
[id='sec_back_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='se_menu_btn'],
	[id='sec_back_btn']{
		width: 200px;
		margin-left: 0px;
	}
}

/* ================================
ss 設定変更画面 
================================ */
[class="ss_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='ss_title']{
		width: 100%;
	}
}
[id='ss_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 650px;
}
@media screen and (max-width: 780px) {
	[id='ss_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='ss_area']>br{
	line-height:10px;
}
[class="ss_line"] {
	width:calc(100% - 0px);
	height		: auto;
	overflow	: auto;
	clear: both;
}
[class="ss_line_left"] {
	width: 230px;
	height:40px;
	float: left;
	font-size: 10pt;
	line-height: 40px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='ss_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="ss_line_right"] {
	width:calc(100% - 230px);
	font-size: 10pt;
	float:left;
}
@media screen and (max-width: 780px) {
	[class='ss_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}
[class="ss_line_half"] {
	width:calc(50% - 10px);
	padding:5px 5px 20px 5px;
	float: left;
	font-size: 10pt;
	line-height:25px;
}
[id='ss_mail']{
	border-color	: transparent !important;
	background-color: transparent !important;
}
[id='sr_mail'],[id='se_mail']{
	border-color	: transparent !important;
	background-color: transparent !important;
}
@media screen and (max-width: 780px) {
	[id='ss_mail']{
		margin-top		: -16px;
	}
}
[id='ss_mail1'],
[id='ss_new_mail1'] {
	float			: left;
	display : block;
	width: 180px;
}
@media screen and (max-width: 780px) {
	[id='ss_mail1'],
	[id='ss_new_mail1'] {
		width: calc(50% - 23px) !important;
	}
}
[id='ss_mail2'] {
	float			: left;
	display : block;
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id='ss_mail2'] {
		width: calc(50% - 23px) !important;
	}
}
[id="ss_new_mail2_wrap"]{
	width: 200px !important;
}
@media screen and (max-width: 780px) {
	[id="ss_new_mail2_wrap"]{
		width: calc(50% - 23px) !important;
	}
}
[id="ss_new_mail2"]{
	width: 200px !important;
}
@media screen and (max-width: 780px) {
	[id="ss_new_mail2"]{
		width: calc(100% - 0px) !important;
	}
}
[id='ss_now_pass'],[id='ss_new_pass'],[id='ss_new_pass_confirm']{
	width			: 180px !important;
}
[id="ss_test_send"] {
	float: none;
	font-size: 10pt;
	margin-top: 10px;
	padding: 0px;
	width: 170px;
	margin-right: 10px;
	background: rgb(77,77,77);
}
[id="ss_id_btn"],
[id='ss_pass_btn'],
[id="ss_save_btn"]{
	width: 50%;
	max-width: 200px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='ss_id_btn'],
	[id='ss_pass_btn']{
		/*margin-left: 10px;*/
	}
}

[id='ss_menu_btn']{
	width: 50%;
	max-width: 200px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='ss_menu_btn']{
		width: 50%;
    	max-width: 200px;
		margin-left: 0px;
	}
}







/* ================================
sc 同意画面
================================ */
[class="sc_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sc_title']{
		width: 100%;
	}
}
[id='sc_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 850px;
}
@media screen and (max-width: 780px) {
	[id='sc_area']{
		width: calc(100% - 20px) !important;
		padding: 0px;
		border: none;
	}
}
[id='sc_area']>br{
	line-height:10px;
}
[class="sc_line"] {
	width:calc(100% - 0px);
	clear: both;
}
[class="sc_line_left"] {
	width: 160px;
	float: left;
	font-size: 12pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sc_line_left']{
		width: calc(100% - 10px);
		/*margin-left:10px;*/
		line-height: 30px;
	}
}
[class="sc_line_right"] {
	width:calc(100% - 160px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sc_line_right']{
		width: calc(100% - 20px) !important;
		margin-left:20px;
	}
}
[class="sc_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[class='sc_line_top']{
		width: calc(100% - 10px);
		/*margin-left:10px;*/
	}
}
[class="sc_line_bottom"] {
	float:left;
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}
[class="sc_alert_type1"] {
	/*
	margin-left: 195px;
	width:calc(100% - 170px);
	*/
}
@media screen and (max-width: 780px) {
	[class='sc_alert_type1']{
		margin-left: 10px;
		width: calc(100% - 40px);
	}
}
@media screen and (max-width: 780px) {
	[class='sc_alert_type2']{
		width: calc(100% - 30px);
	}
}
[data-id='sc_consent_line']{
	height:300px;
	margin: 20px auto;
	padding: 20px;
	border: solid 1px #cccccc;
	background-color: rgb(255,255,255);
	border-radius: 5px;
	font-size:10pt;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch !important;　/* 慣性スクロール */
}
@media screen and (max-width: 780px) {
	[data-id='sc_consent_line']{
		width: calc(100% - 42px);
		height			: 300px;
		padding: 20px;
	}
}
[data-id='sc_consent_line'],[data-id='sc_consent_line'] * {
	color:rgb(0,0,0) !important;
}
[data-id='sc_consent_line'] br {
	line-height:1px;
}
[data-id='sc_consent_line']>ol {
	list-style-type: decimal !important;
	margin-left:10px;
}
[data-id='sc_consent_line'] li {
	display: list-item !important;
	font-size:10pt;
	display:block;
	padding-left:5px;
	margin-top:5px;
}
[data-id='sc_consent_line']>ol>li>ol {
	list-style-type: decimal !important;
	margin-left:30px;
}
[data-id="sc_consent_line_mes"] {
	margin:0px 0px 10px 0px;
	font-size:13px;
}
[data-id="sc_consent_line_title"] {
	text-align:center;
	margin-bottom:20px;
	font-size:15pt;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[data-id='sc_consent_line_title']{
		font-size:12pt;
	}
}
[data-id="sc_consent_line_blank"] {
	clear:both;
	width:100%;
	margin-top:20px;
}
[data-id="sc_consent"] {
	margin: 0px 0px 30px 20px;
	/*height: 15px;*/
	height			: auto;
	overflow-x		: hidden;
	overflow-y		: auto;
}
@media screen and (max-width: 780px) {
	[data-id='sc_consent']{
		margin-top	: -20px;
		margin-left	: 0px; 
		/*height: 80px;*/
	}
}
[data-id="sc_consent_mes"] {
	float		: left;
	margin		: 5px 0px;
	line-height	: 36px;
	font-size	: 14px;
}
[id="sc_consent"] [data-temp="radioA"] {
	font-size: 20px;
}
[id="sc_name1"],[id="sc_name2"] {
	width:150px;
	float:left;
	margin-right:30px;
}
@media screen and (max-width: 780px) {
	[id="sc_name1"],[id="sc_name2"]{
		width:calc(50% - 50px);
	}
}
[id="sc_sign"] {
	font-size:16pt;
	border-radius: 10px;
	height: 100px;
	/*padding:10px;*/
	/*width:calc(100% - 30px);*/
	height			: 140px;
	width			: calc(100% - 6px); 
	border: solid 3px rgb(200,200,200);
	-webkit-user-select:auto !important; 
	-webkit-touch-callout:auto !important; 
	user-select:auto !important; 
	touch-callout:auto !important; 
}
[id="sc_sign_clear"],
[id="sc_sign_save"] {
	float:none;
	font-size:10pt;
	margin-top: 10px;
	padding: 0px;
	width: 150px;
	margin-left:5px;
	margin-right:5px;
	background:rgb(77,77,77);
}
[id="sc_sign_img_wrap"] {
	border:solid 3px rgb(77,77,77);
	border-radius:10px;
	width: calc(100% - 10px);
}
[id='sc_sign_img_wrap']::before {
	content:' ';
	position:absolute;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent rgb(77,77,77) transparent;
}
[id="sc_sign_img_wrap"]::after {
	content:'';
	text-align:center;
	color:rgb(255,255,255);
	position:absolute;
	width: 20px;
	height: 20px;
	bottom: 5px;
	right: 5px;
	background: url(../img/icon/ok_w.png) no-repeat;
	background-size: cover;
	font-size:11pt;
}
[id="sc_sign_img_wrap"]>img {
	width:100%;
}
[id="sc_date"] {
	width: 550px;
	margin: 0px auto;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20pt;
	font-weight: 600;
	color:rgb(0,0,0);
}
[id="sc_date"]>span {
	font-size: 12pt;
	margin: 0px 2px;
}
@media screen and (max-width: 780px) {
	[id='sc_date']{
		width: calc(100% - 24px);
		margin-left: 0px;
	}
}
[id="sc_consent_ok_btn"] {
	width:400px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='sc_consent_ok_btn']{
		width: calc(100% - 50px);
		margin-left: 10px;
	}
}
[id="sc_consent_ng_btn"] {
	width:250px;
	float:none;
	background-color:rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='sc_consent_ng_btn']{
		width: 200px;
		margin-left: 0px;
	}
}

/* ================================
sj 入社時確認書類画面
================================ */
[class="sj_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sj_title']{
		width: 100%;
	}
}
[id='sj_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	width: 850px;
}
@media screen and (max-width: 780px) {
	[id='sj_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='sj_area']>br{
	line-height:10px;
}
[class="sj_line"] {
	width:calc(100% - 10px);
	clear: both;
}
[class="sj_line_left"] {
	width: 160px;
	float: left;
	font-size: 12pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sj_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="sj_line_right"] {
	width:calc(100% - 160px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sj_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}
[class="sj_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[class='sj_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="sj_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}
[class="sj_alert_type1"] {
	/*
	margin-left: 160px;
	width:calc(100% - 150px);
	*/
}
@media screen and (max-width: 780px) {
	[class='sj_alert_type1']{
		margin-left: 10px;
		width: calc(100% - 40px);
	}
}
[id='sj_join_line']{
	height: 300px;
	margin: 20px auto;
	padding: 20px;
	border: solid 1px #cccccc;
	background-color: rgb(255,255,255);
	border-radius: 5px;
	font-size:10pt;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch !important;　/* 慣性スクロール */
}
@media screen and (max-width: 780px) {
	[id='sj_join_line']{
		width: calc(100% - 42px);
		height			: 300px;
		padding: 20px;
	}
}
[id='sj_join_line'],[id='sj_join_line'] * {
	color:rgb(0,0,0) !important;
}
[id='sj_join_line'] br {
	line-height:1px;
}
[id='sj_join_line']>ol {
	list-style-type: decimal !important;
	margin-left:10px;
}
[id='sj_join_line'] li {
	display: list-item !important;
	font-size:10pt;
	display:block;
	padding-left:5px;
	margin-top:5px;
}
[id='sj_join_line']>ol>li>ol {
	list-style-type: decimal !important;
	margin-left:30px;
}
[id="sj_join_line_mes"] {
	margin:0px 0px 10px 0px;
	font-size:13px;
}
[id="sj_join_line_title"] {
	text-align:center;
	margin-bottom:20px;
	font-size:15pt;
	font-weight:600;
}
@media screen and (max-width: 780px) {
	[id='sj_join_line_title']{
		font-size:12pt;
	}
}
[id="sj_join_line_blank"] {
	clear:both;
	width:100%;
	margin-top:20px;
	height:1px; 
}
[id="sj_join"] {
	margin: 0px 0px 30px 20px;
	/*height: 15px;*/
	height			: auto;
	overflow-x		: hidden;
	overflow-y		: auto;
}
@media screen and (max-width: 780px) {
	[id='sj_join']{
		margin-top	: -20px;
		margin-left	: 0px; 
		/*height: 80px;*/
	}
}
[id="sj_join_mes"] {
	float		: left;
	margin		: 5px 0px;
	line-height	: 36px;
	font-size	: 14px;
}

[id="sj_name1"],[id="sj_name2"] {
	width:150px;
	float:left;
	margin-right:30px;
}
@media screen and (max-width: 780px) {
	[id="sj_name1"],[id="sj_name2"]{
		width:calc(50% - 50px);
	}
}
[id="sj_sign"] {
	font-size:16pt; 
	border-radius: 10px; 
	height: 100px; 
	padding:10px; 
	width:calc(100% - 30px); 
	line-height:30px; 
	border: solid 3px rgb(200,200,200); 
	-webkit-user-select:auto !important; 
	-webkit-touch-callout:auto !important; 
	user-select:auto !important; 
	touch-callout:auto !important; 
}
[id='sj_sign_i']{
	display			: inline-block;
}
[id="sj_sign_clear"],
[id="sj_sign_save"] {
	float:none;
	font-size: 10pt;
	margin-top: 10px;
	padding: 0px;
	width: 150px;
	margin-right:10px;
	background:rgb(77,77,77);
}
[id="sj_sign_img_wrap"] {
	border:solid 3px rgb(77,77,77);
	border-radius:10px;
	width: calc(100% - 10px);
}
[id='sj_sign_img_wrap']::before {
	content:' ';
	position:absolute;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent rgb(77,77,77) transparent;
}
[id="sj_sign_img_wrap"]::after {
	content:'';
	text-align:center;
	color:rgb(255,255,255);
	position:absolute;
	width: 20px;
	height: 20px;
	bottom: 5px;
	right: 5px;
	background: url(../img/icon/ok_w.png) no-repeat;
	background-size: cover;
	font-size:11pt;
}
[id="sj_sign_img_wrap"]>img {
	width:100%;
}
[id="sj_date"] {
	width: 550px;
	margin: 0px auto;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20pt;
	font-weight: 600;
	color:rgb(0,0,0);
}
[id="sj_date"]>span {
	font-size: 12pt;
	margin: 0px 2px;
}
@media screen and (max-width: 780px) {
	[id='sj_date']{
		width: calc(100% - 24px);
		margin-left: 0px;
	}
}
[id="sj_join_ok_btn"] {
	width:400px;
	float:none;
}
@media screen and (max-width: 780px) {
	[id='sj_join_ok_btn']{
		width: calc(100% - 50px);
		margin-left: 10px;
	}
}
[id="sj_join_ng_btn"] {
	width:250px;
	float:none;
	background-color:rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='sj_join_ng_btn']{
		width: 200px;
		margin-left: 0px;
	}
}


/* ================================
sn お知らせ画面 
================================ */
[class="sn_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sn_title']{
		width: 100%;
	}
}
[id='sn_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	max-width: 1000px;
}
@media screen and (max-width: 780px) {
	[id='sn_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='sn_area']>br{
	line-height:10px;
}
[class="sn_line"] {
	width:calc(100% - 10px);
	clear: both;
}
[class="sn_line_left"] {
	width: 120px;
	float: left;
	font-size: 10pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sn_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="sn_line_right"] {
	width:calc(100% - 130px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sn_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}

[class="sn_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
}
@media screen and (max-width: 780px) {
	[class='sn_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="sn_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}
[class="sn_table"]{
	table-layout: fixed;
}
[class="sn_table"] td:nth-of-type(1) { width:15%; }
[class="sn_table"] td:nth-of-type(2) { width:15%; }
[class="sn_table"] td:nth-of-type(3) { width:20%; }
[class="sn_table"] td:nth-of-type(4) { width:35%; }
[class="sn_table"] td:nth-of-type(5) { width:15%; }

[class="sn_table"] td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 780px) {

	[class="sn_table"] thead tr td { width:auto !important; }
	[class="sn_table"] tbody tr td { width:auto !important; }
	[class="sn_table"] tbody tr td:before { font-size:8pt; }
	[class="sn_table"] tbody tr td:nth-of-type(1):before { content: "受信日時"; }
	[class="sn_table"] tbody tr td:nth-of-type(2):before { content: "閲覧日時"; }
	[class="sn_table"] tbody tr td:nth-of-type(3):before { content: "添付ファイル"; }
	[class="sn_table"] tbody tr td:nth-of-type(4):before { content: "本文"; }
}
@media screen and (max-width: 780px) {

	[class="sn_table"][data-p="contract"] thead tr td { width:auto !important; }
	[class="sn_table"][data-p="contract"] tbody tr td { width:auto !important; }
	[class="sn_table"][data-p="contract"] tbody tr td:before { font-size:8pt; }
	[class="sn_table"][data-p="contract"] tbody tr td:nth-of-type(1):before { content: "契約日"; }
	[class="sn_table"][data-p="contract"] tbody tr td:nth-of-type(2):before { content: "契約期間"; }
	[class="sn_table"][data-p="contract"] tbody tr td:nth-of-type(3):before { content: "派遣先"; }
	[class="sn_table"][data-p="contract"] tbody tr td:nth-of-type(4):before { content: "PDFデータ"; }
}

[id='sn_menu_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='sn_menu_btn']{
		width: 200px;
		margin-left: 0px;
	}
}

/* ================================
sms 送信済一覧画面 
================================ */
[class="sms_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sms_title']{
		width: 100%;
	}
}
[id='sms_area']{
	margin: 0px auto 20px;
	padding: 40px;
	font-size:15px;
	max-width: 1000px;
}
@media screen and (max-width: 780px) {
	[id='sms_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='sms_area']>br{
	line-height:10px;
}
[class="sms_line"] {
	width:calc(100% - 10px);
	clear: both;
}
[class="sms_line_left"] {
	width: 120px;
	float: left;
	font-size: 10pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sms_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="sms_line_right"] {
	width:calc(100% - 130px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sms_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}

[class="sms_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
}
@media screen and (max-width: 780px) {
	[class='sms_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="sms_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}
[class="sms_table"]{
	table-layout: fixed;
}
[class="sms_table"] td:nth-of-type(1) { width:20%; }
[class="sms_table"] td:nth-of-type(2) { width:20%; }
[class="sms_table"] td:nth-of-type(3) { width:25%; }
[class="sms_table"] td:nth-of-type(4) { width:35%; }

[class="sms_table"] td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 780px) {

	[class="sms_table"] thead tr td { width:auto !important; }
	[class="sms_table"] tbody tr td { width:auto !important; }
	[class="sms_table"] tbody tr td:before { font-size:8pt; }
	[class="sms_table"] tbody tr td:nth-of-type(1):before { content: "送信日時"; }
	[class="sms_table"] tbody tr td:nth-of-type(2):before { content: "添付ファイル"; }
	[class="sms_table"] tbody tr td:nth-of-type(3):before { content: "本文"; }
}

[id='sms_menu_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='sms_menu_btn']{
		width: 200px;
		margin-left: 0px;
	}
}
[id='sms_reg_btn']{
	width: 80%;
	max-width:350px;
	float: none;
}

/* ================================================================
smn お知らせ画面 
================================================================ */
[class="smn_title"] {
	font-size:25pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
[id='smn_file']{
	margin-right	: 10px;
	padding-right	: 10px;
	white-space		: nowrap;
	width			: auto;
	display			: inline-block;
	float			: left;
}
[id='smn_file'][data-temp='btnB']{
	padding			: 0px 10px;
}
[id='smn_file'][data-temp='btnB'] + *{
	display			: none;
}
[id='smn_file_send']{
	padding			: 0px 10px;
	white-space		: nowrap;
	width			: 60px;
	height			: 46px;
	line-height		: 46px;
	display			: inline-block;
}
[id='smn_file_del'][data-class='off']{
	opacity			: .2;
}
@media screen and (max-width: 780px) {
	[class='smn_title']{
		width: 100%;
	}
	[id='smn_file_send']{
		float: right;
	}
}
[id='smn_area']{
	margin: 20px auto;
	padding: 40px;
	font-size:15px;
	max-width: 1000px;
}
@media screen and (max-width: 780px) {
	[id='smn_area']{
		width: calc(100% - 20px);
		padding: 0px;
		border: none;
	}
}
[id='smn_area']>br{
	line-height:10px;
}
[class="smn_line"] {
	width:calc(100% - 10px);
	clear: both;
}
[class="smn_line_left"] {
	width: 120px;
	float: left;
	font-size: 10pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='smn_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[class="smn_line_right"] {
	width:calc(100% - 130px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='smn_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}

[class="smn_line_top"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
}
@media screen and (max-width: 780px) {
	[class='smn_line_top']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="smn_line_bottom"] {
	width: 100%;
	font-size: 12pt;
	line-height: 45px;
	text-align: center;
}

[class="smn_table"] thead tr td:nth-of-type(1) { width:160px; }
[class="smn_table"] thead tr td:nth-of-type(2) { width:160px; }
[class="smn_table"] thead tr td:nth-of-type(3) { width:auto; }
[class="smn_table"] thead tr td:nth-of-type(4) { width:auto; }
[class="smn_table"] thead tr td:nth-of-type(5) { width:18%; }

@media screen and (max-width: 780px) {

	[class="smn_table"] thead tr td { width:auto; }
	[class="smn_table"] tbody tr td:before { font-size:8pt; }
	[class="smn_table"] tbody tr td:nth-of-type(1):before { content: "お知らせ日時"; }
	[class="smn_table"] tbody tr td:nth-of-type(2):before { content: "閲覧日"; }
	[class="smn_table"] tbody tr td:nth-of-type(3):before { content: "送付担当者"; }
	[class="smn_table"] tbody tr td:nth-of-type(4):before { content: "ファイル"; }
	[class="smn_table"] tbody tr td:nth-of-type(5):before { content: "ファイル確認"; }
}

[id='smn_del_btn'],
[id='smn_close_btn']{
	width: 250px;
	float: none;
	background-color: rgb(70,70,70);
}
@media screen and (max-width: 780px) {
	[id='smn_del_btn'],
	[id='smn_close_btn']{
		width: 200px;
		margin-left: 0px;
	}
}
[id='sms_mail_body']{
	margin-top: 10px;
	padding :5px 10px;
	border: solid 1px rgb(160,160,160);
	width: 80%;
	height: 300px; 
	line-height: 1.4em;
	font-size: 18px;
}

/* ================================
sl ログイン画面 
================================ */
[id='sl_area']{
	margin: 20px auto;
	padding: 40px;
	/*border: solid 1px #cccccc;*/
	background-color: rgb(255,255,255);
	border-radius: 5px;
	width: 650px;
}
@media screen and (max-width: 780px) {
	[id='sl_area']{
		width: 95%;
		padding: 0px;
		border: none;
		background-color:transparent;
	}
}
[class="sl_title"] {
	font-size:13pt;
	margin: 20px 0px 20px 0px;
	padding-bottom:10px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	line-height:30px;
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='sl_title']{
		width: calc(100% - 0px);
	}
}
[id='sl_login_btn'],
[id='sl_mailsend_btn']{
	width: 50%;
	max-width:200px;
	float:none;
	margin-top:20px;
	margin-bottom:30px;
	font-size: 15px;
}

[class="sl_line"] {
	display: inline-block;
	width:calc(100% - 0px);
	height: auto;
	clear: both;
	font-size: 13pt;
	text-align: left;
}
[class="sl_line"][data-type="auto"] {
	width:auto;
}
[class="sl_line_left"] {
	width: 160px;
	float: left;
	font-size: 12pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sl_line_left']{
		width: calc(100% - 40px);
		margin-left:20px;
		line-height: 30px;
	}
}

[class="sl_line_right"] {
	width:calc(100% - 160px);
	float:left;
}
@media screen and (max-width: 780px) {
	[class='sl_line_right']{
		width: calc(100% - 40px) !important;
		margin-left:20px;
	}
}
[id='sl_mail1'] {
	float	: left;
	display : block;
	width: 200px;
}
@media screen and (max-width: 780px) {
	[id='sl_mail1']{
		width: calc(50% - 23px) !important;
	}
}
[id="sl_mail2_wrap"]{
	float	: left;
	width: calc(100% - 246px) !important;
}
@media screen and (max-width: 780px) {
	[id="sl_mail2_wrap"]{
		width: calc(50% - 23px) !important;
	}
	[id="sl_mailsend_btn_left"]{
		display			: none;
	}
}
[id='sl_mail2']{
	width: calc(100% - 0px) !important;
}
[class="sl_mes"] {
	top:-10px;
	font-size:10pt;
	color:#dc143c;
}
@media screen and (max-width: 780px) {
	[class='sl_mes']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height:20px;
	}
}
[id='sl_pwd_forget']{
	width:calc(50% - 10px);
	padding-left:10px;
	float:left;
	text-align:left;
	font-size:10pt;
	text-decoration:underline;
}
@media screen and (max-width: 780px) {
	[id='sl_pwd_forget']{
		width: calc(100% - 0px);
		margin-left:0px;
		padding-left:0px;
		margin-bottom:10px;
		text-align:center;
		float:none;
	}
}
[id="sl_pwd_forget_mailsend"] {
	width: 50%;
	max-width:200px;
	float:none;
	margin-top:20px;
	margin-bottom:30px;
	font-size: 15px;
}
[id='sl_login_trouble']{
	width:calc(50% - 20px);
	padding-right:20px;
	float:left;
	text-align:right;
	font-size:10pt;
	text-decoration:underline;
}
@media screen and (max-width: 780px) {
	[id='sl_login_trouble']{
		width: calc(100% - 0px);
		margin-left:0px;
		padding-left:0px;
		text-align:center;
		float:none;
	}
}
[class="sl_line_msg_left"] {
	clear:both;
	width: 230px;
	float: left;
	font-size: 15px;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
	[class='sl_line_msg_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 40px;
	}
}
[class="sl_line_msg_right"] {
	width:calc(100% - 240px);
	float:left;
	font-size: 15px;
	line-height: 45px;
	margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
	[class='sl_line_msg_right']{
		width: calc(100% - 10px);
		font-size: 13px;
		margin-left:10px;
	}
}
[class="sl_line_msg_right"]>div {
	font-size: 15px;
}
@media screen and (max-width: 780px) {
	[class='sl_line_msg_right']>div {
		font-size: 13px;
		line-height:30px;
	}
}
[class="sl_line_msg_right"]>a {
	font-size: 18px;
	border-bottom: solid 1px rgb(120,120,120);
	line-height:20px;
	width: auto;
	display: inline-block;
}



[class='progress']{
	margin-top			: 40px;
	margin-left			: 5px;
	width				: auto;
	height				: auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
[class='progress']>span{
	display				: block;
	float				: left;
	padding				: 3px;
	padding-left		: 10px;
	width				: calc((100% - 80px - 30px - 19px) / 3);
	background			: rgb(230,230,230);
	/*border				: solid 3px rgb(200,200,200);*/
}
[class='progress']>span[class='on']{
	background			: rgb(255,0,0);
	/*border				: solid 3px rgb(200,0,0);*/
}
[class='progress']>span[class='ok']{
	background			: rgb(255,255,255);
	border				: solid 3px rgb(255,0,0);
	color				: rgb(255,0,0);
	padding				: 0px;
	padding-left		: 7px;
}
[class='progress']>span:nth-child(-n+2){
	margin-right		: 40px;
}
[class='progress']>span:nth-child(n+2)::before{
	content				: '';
	position			: absolute;
	top					: 50%;
	left				: -30px;
	transform			: translateY(-50%);
	width				: 0px;
	height				: 0px;
	border				: solid 10px transparent;
	border-left			: solid 14px rgb(200,200,200);
}
[class='progress']>span[class='on']:nth-child(n+2)::before,
[class='progress']>span[class='ok']:nth-child(n+2)::before{
	border-left			: solid 14px rgb(200,0,0);
}
[class='progress']>span>*{
	float				: left;
	line-height			: 42px;
	font-size			: 18px;
	font-weight			: 400;
	color				: rgb(130,130,130);
}
[class='progress']>span[class='on']>*{
	color				: rgb(255,255,255);
}
[class='progress']>span[class='ok']>*{;
	color				: rgb(255,255,255);
	color				: rgb(255,0,0);
	line-height			: 42px;
}
[class='progress']>span>var{
	font-size			: 24px;
	margin-right		: 10px;
}


@media screen and (max-width: 740px) {
	[class='progress']>span{
		padding-left		: 0px;
		width				: calc((100% - 80px - 0px - 18px) / 3);
	}
	[class='progress']>span[class='ok']{
		padding-left		: 0px;
		width				: calc((100% - 80px - 9px - 18px) / 3);
	}
	[class='progress']>span>var{
		float				: none;
		line-height			: 48px;
		font-size			: 36px;
		margin-right		: 0px;
		text-align			: center;
	}
	[class='progress']>span>label{
		float				: none;
		line-height			: 24px;
		text-align			: center;
	}
	[class='progress']>span[class='ok']>label{
		float				: none;
		line-height			: 24px;
		text-align			: center;
	}
}


[id='address_copy']{
	margin-top			: 0px;
	padding				: 0px 10px 0px 30px;
	height				: 30px;
	line-height			: 30px;
	font-size			: 16px;
	background-color	: rgb(70,70,70);
	background-image	: url(../img/icon/memo_w.png);
	background-repeat	: no-repeat;
	background-size		: auto 20px;
	background-position	: 8px 4px;
}

[id='address_copy'][data-temp='btnB']:hover {
	background-color	: rgb(100,100,100);
	background-image	: url(../img/icon/memo_w.png);
	background-repeat	: no-repeat;
	background-size		: auto 20px;
	background-position	: 8px 4px;
}
@media screen and (max-width: 469px) {
	[id='address_copy']{
		margin-top			: 0px;
		margin-bottom		: 10px;
	}
}

[class="main_title"][data-p="con"] {
	width				: calc(100% - 70px);
	padding-left		: 50px;
	margin-bottom		: 50px;
}
[class="sj_line"][data-p="con"]>[class="sj_line_top"] {
	padding-left		: 50px;
}
@media screen and (max-width: 780px) {
	[class="main_title"][data-p="con"]{
		width			: calc(100% - 20px);
		padding-left	: 10px;
		margin-bottom	: 30px;
	}
}
[class="se_line"][data-fnc="line"] {
	height				: 30px;
}
[class="se_line"][data-fnc="line_dashed"] {
	border-bottom		: dashed 1px rgb(100,100,100);
}
[class="con_line_left"] {
	padding-left		: 50px;
	width				: 160px;
	height				: calc(100% - 5px);
	float				: left;
	font-size			: 12pt;
	line-height			: 1.8em;
}
[class="con_line_left_all"] {
	padding-left		: 50px;
	width				: calc(100% - 100px);
	height				: calc(100% - 5px);
	float				: left;
	font-size			: 12pt;
	line-height			: 1.8em;
}
[class="con_line_left_all"]>i{
	font-size			: inherit;
	font-weight			: inherit;
	float				: right;
}
[class="con_line_left_all"][data-fnc="top"] {
	padding-left		: 5px;
	width				: 60%;
}
@media screen and (max-width: 780px) {
	[class="con_line_left_all"][data-fnc="top"] {
		padding-left	: 0px;
		width			: calc(100% - 20px);
	}
	[class="se_line"][data-fnc="line_dashed"] {
		width			: 100%;
	}
	[class='con_line_left']{
		padding-left	: 10px;
		width			: calc(100% - 10px);
		margin-left		: 10px;
		font-weight		: 600;
	}
	[class="con_line_left_all"] {
		padding-left	: 10px;
		width			: calc(100% - 20px);
		margin-left		: 10px;
		line-height		: 30px;
	}
	[class="sj_line"][data-p="con"]>[class="sj_line_top"] {
			padding-left: 10px;
			width		: calc(100% - 10px);
	}
	[class="sj_line"][data-p="con"]>[id="sj_date"] {
			padding-left: 10px;
			width		: calc(100% - 10px);
	}
}

[class="con_line_right"] {
	width				: calc(100% - 212px);
	padding-left		: 2px; 
	font-size			: 12pt;
	float				: left;
	height				: auto;
	overflow-y			: hidden;
	line-height			: 1.8em;
}
[class="con_line_right"]>b{
	display				: inline;
}
@media screen and (max-width: 780px) {
	[class='con_line_right']{
		width			: calc(100% - 23px);
		padding-left	: 10px;
		margin-left		: 10px;
		overflow-x		: hidden;
	}
	[class="con_line_left"]>u{
		display				: inline;
	}
	[class="con_line_right"]>b{
		display				: block;
	}
}
[class="con_line_all"]{
	float				: left;
	width				: 90%;
	font-size			: 12pt;
}
[class="con_line_all"]>[class="con_line_left"] {
	width				: 5em;
	padding-left		: 0px;
}
[class="con_line_all"]>[class="con_line_right"] {
	width				: calc(50% - 8em);
	text-align			: right;
}
@media screen and (max-width: 780px) {
	[class="con_line_all"]{
		width			: 50%;
	}
	[class="con_line_all"]>[class="con_line_left"] {
		width			: 100%;
		padding-left	: 0px;
	}
	[class="con_line_all"]>[class="con_line_right"] {
		clear			: both;
		width			: 100%;
		text-align		: left;
	}
}
[class="con_line_herf"]{
	float				: left;
	width				: 40%;
	font-size			: 12pt;
}
[class="con_line_herf"]>[class="con_line_left"] {
	width				: 5em;
	padding-left		: 0px;
}
[class="con_line_herf"]>[class="con_line_right"] {
	width				: calc(100% - 8em);
	text-align			: right;
}
@media screen and (max-width: 780px) {
	[class="con_line_herf"]{
		width			: 50%;
	}
	[class="con_line_herf"]>[class="con_line_left"] {
		width			: 100%;
		padding-left	: 0px;
	}
	[class="con_line_herf"]>[class="con_line_right"] {
		clear			: both;
		width			: 100%;
		text-align		: left;
	}
	[class='sj_sign_i']{
		width			: calc(100% - 20px);
	}
}



[id="con_confirm_btn"],[id="con_menu_btn"]{
	width				: 200px;
	left				: 50%;
    transform			: translateX(-91px);
}
[id="con_menu_btn"]{
    background-color	: rgb(70,70,70);
}




[class="con_line_right"]>[class="con_line_left"] {
	width				: 120px;
	padding-left		: 0px;
}
@media screen and (max-width: 780px) {
	[class="con_line_right"]>[class="con_line_left"]{
		width			: calc(100% - 10px);
		margin-left		: 10px;
		line-height		: 30px;
	}
}
[class="con_line_right"]>[class="con_line_right"] {
	width				: calc(100% - 130px);
}
@media screen and (max-width: 780px) {
	[class="con_line_right"]>[class="con_line_right"]{
		width			: calc(100% - 3px);
		margin-left		: 0px;
	}
}