@charset "UTF-8";

/* ------ Column ------ */
.row {
	width: 100%;
	max-width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.row:after {
	content: "";
	display: block;
	clear: both;
}
/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left: 3.2258064515%;
}
/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {
	margin-left: 0;
}
/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}
/* 各カラムの幅を％で設定 */
.one-second { width: 48.3870967741%;}

.one-third { width: 31.1827956988%;}
.two-third { width: 65.5913978494%;}

.one-fourth {width: 22.5%;}
.two-fourth {width: 48.3870967741%;}
.three-fourth {width: 72.58064516115%;}

.one-fifth {width: 17.4193548388%;}
.two-fifth {width: 38.0645161291%;}
.three-fifth {width: 58.7096774194%;}
.four-fifth {width: 79.3548387097%;}

/*-- iphone対応 --*/
select,input[type="text"],textarea {
   -webkit-appearance: none;
   border-radius: 0;
}

/* ------ header ------ */
header.login_header {
	background-color: #fff;
	padding: 0;
	border-bottom: 1px solid #ededed;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	height: 50px;
}
h1.login_header_ttl {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	line-height: 50px;
}
h1.login_header_ttl img {
	padding: 7px 20px 0 0;
	width: 150px;
	float: left;
}
h1.login_header_ttl span {
	display: inline-block;
}
/* ------ login ------ */
.container_login {
	margin: auto;
}

.content_login {
	width: 800px;
	padding: 0px;
	text-align: center;
	/*border: solid 1px #beb0a9;
	padding: 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;*/
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	background-color: #fff;
}

.content_login ul, .content_login ol {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
h2.login_folos_ttl {
	margin-top: 100px;
	text-align: left;
}
.input_group {
	box-sizing: border-box;
	width: 400px;
	margin: 20px auto 0;
	padding: 30px 0px 30px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.09) inset;
	/*background: url(../images/bg_white.png) repeat;*/
	box-shadow: 0 4px 6px rgba(0,0,0,.175);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.175);
	-webkit-box-shadow: 0 4px 6px
	rgba(0,0,0,.175);
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.9);
}
.login_input_box_title{
	font-size: 17px;
  	background: linear-gradient(to right, rgb(147, 195, 64) 40%, rgb(188, 208, 140) );
  	padding: 10px 25px;
  	color: #fff;
  	border-bottom: 1px solid #a1a1a1;
  	margin-top: 20px;
  	border-radius: 8px 8px 0 0;
}
.login_input_box {
	box-sizing: border-box;
	/*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;*/
	width: 100%;
	margin: 0 0 0px;
	padding: 10px 20px 10px;
	border-radius: 0px 0px 8px 8px;
	/*border: 1px solid #ccc;*/
	border-bottom: none;
	/* 2023/05/29_Arimura === UPD */
	background: #fff;
	/*background: linear-gradient(to bottom,rgba(231, 238, 238, 0.3), rgba(231, 238, 238, 0.5) 80%);*/
}
.login_Lbl {
	color: #464646;
	font-size:12px;
	font-weight: bold;
	width: 100px;
	text-align: left;
}
.login_Lbl2 {
	color: #007ab9;
	font-size:12px;
	font-weight: normal;
	cursor: pointer;
}
.login_Lbl2 span {
	color: #464646;
	font-size:11px;
	font-weight: normal;
	cursor: default;
}
.login_Lbl3 {
	color: #464646;
	font-size:13px; /* 2023/05/29 Arimura UPD 12px*/
	font-weight: normal;
	cursor: pointer;
}
.login_Lbl4 {
	color: #333;
	text-shadow: 1px 1px 0 #fff;
	font-size:14px;
	font-weight: bold;
	width: 100%;
	line-height: 25px;
	text-align: center;
	background: #ffb430 url(../images/wakaba.png) no-repeat left;
	padding-left: 0;
}
.login_ttl {
	color: #ff8011;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
}
.login_come {
	color: #464646;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
	text-align: center;
	line-height: 20px;
	padding-bottom: 10px;
}
#pass {
	cursor: pointer;
}
#pass2 {
	cursor: pointer;
}
.idtext {
	width: 230px;
	text-align: left;
}

.login_Submit {
	margin-top: 10px;
	height: 50px;
	padding-bottom: 0px;
}



.text {
	box-sizing: border-box;
	width: 230px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	background-color: #ebf5d9;
	border: 1px solid #999;
	color: #444;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	margin: 10px 0 10px 0px;
}
.text:hover,
.text:focus {
	/*-webkit-box-shadow: 0px 0px 10px #71af05;
    -moz-box-shadow: 0px 0px 10px #71af05;
    box-shadow: 0px 0px 10px #71af05;*/
	border: 1px solid #ebd936;
}




.check_save {
	text-align:left;
	padding-left: 2px;
	padding-bottom: 10px;

}
.check_save2 {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	text-align: left;
	padding-left: 2px;
}
.check_save p a {
	color: #007ab9;
	font-size:12px;
	font-weight: normal;
	cursor: pointer;
}
.check_save p a:hover {
	color: #007ab9;
	font-size:12px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
}
.check_save3 {
	text-align: center;
	margin: 0 auto;
}
.ta-c_login {
	width: 840px;
	margin: 0 auto;
}
.loginbox {
	position: relative;
	display: block;
	width: 100px;
	float: left;
	margin-right: 20px;
}
.loginbox-last {
	position: relative;
	display: block;
	width: 720px;
	float: left;
}
.loginbox-last p {
	color: #464646;
	font-size:12px;
	font-weight: normal;
	line-height: 60px;
	text-align: left;
}


.a_login {
	font-family: "Verdana","�q���M�m�p�S pro W3","Hiragino Kaku Gothic pro W3",���C���I,Meiryo,"�l�r �o�S�V�b�N",sans-serif;
	background-color:#ededed;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color:#454545;
	text-shadow: 1px 1px 0 #fff;
	width: 100%;
	cursor: pointer;
	margin: 10px auto;
	padding: 5px 20px;
	background-image: linear-gradient(bottom, #f2f2f2 0%, #ededed 100%);
	background-image: -o-linear-gradient(bottom, #f2f2f2 0%, #ededed 100%);
	background-image: -moz-linear-gradient(bottom, #f2f2f2 0%, #ededed 100%);
	background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #ededed 100%);
	background-image: -ms-linear-gradient(bottom, #f2f2f2 0%, #ededed 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #f2f2f2),
	color-stop(1, #ededed)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-moz-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-o-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
}
.a_login:hover {
	font-family: "Verdana","�q���M�m�p�S pro W3","Hiragino Kaku Gothic pro W3",���C���I,Meiryo,"�l�r �o�S�V�b�N",sans-serif;
	background-color:#ededed;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color:#454545;
	text-shadow: 1px 1px 0 #fff;
	width: 100%;
	cursor: pointer;
	margin: 10px auto;
	padding: 5px 20px;
	background-image: linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -o-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -moz-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -webkit-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -ms-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #aaa),
	color-stop(1, #aaa)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-moz-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-o-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
}
.a_login:active {
	top:3px;
	background-image: linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -o-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -moz-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -webkit-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -ms-linear-gradient(bottom, #ededed 0%, #aaa 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #aaa),
	color-stop(1, #aaa)
	);
	-webkit-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	-o-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
}

.member {
	font-family: "Verdana","�q���M�m�p�S pro W3","Hiragino Kaku Gothic pro W3",���C���I,Meiryo,"�l�r �o�S�V�b�N",sans-serif;
	background-color:#ededed;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 0 #666;
	width: 70%;
	cursor: pointer;
	margin: 0 auto;
	padding: 5px 20px;
	background-image: linear-gradient(bottom, #cd0000 0%, #ff1a00 100%);
	background-image: -o-linear-gradient(bottom, #cd0000 0%, #ff1a00 100%);
	background-image: -moz-linear-gradient(bottom, #cd0000 0%, #ff1a00 100%);
	background-image: -webkit-linear-gradient(bottom, #cd0000 0%, #ff1a00 100%);
	background-image: -ms-linear-gradient(bottom, #cd0000 0%, #ff1a00 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #cd0000),
	color-stop(1, #ff1a00)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-moz-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-o-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
}
.member:hover {
	font-family: "Verdana","�q���M�m�p�S pro W3","Hiragino Kaku Gothic pro W3",���C���I,Meiryo,"�l�r �o�S�V�b�N",sans-serif;
	background-color:#ededed;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 0 #464646;
	width: 50%;
	cursor: pointer;
	margin: 0 auto;
	padding: 5px 20px;
	background-image: linear-gradient(bottom, #ff1a00 0%, #cd0000 100%);
	background-image: -o-linear-gradient(bottom, #ff1a00 0%, #cd0000 100%);
	background-image: -moz-linear-gradient(bottom, #ff1a00 0%, #cd0000 100%);
	background-image: -webkit-linear-gradient(bottom, #ff1a00 0%, #cd0000 100%);
	background-image: -ms-linear-gradient(bottom, #ff1a00 0%, #cd0000 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ff1a00),
	color-stop(1, #cd0000)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-moz-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	-o-box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
	box-shadow: inset 0px 1px 0px #ededed, 0px 2px 0px 0px #aaa, 0px 5px 3px #ddd;
}
.member:active {
	top:3px;
	background-image: linear-gradient(bottom, #cd0000 0%, #a70000 100%);
	background-image: -o-linear-gradient(bottom, #cd0000 0%, #a70000 100%);
	background-image: -moz-linear-gradient(bottom, #cd0000 0%, #a70000 100%);
	background-image: -webkit-linear-gradient(bottom, #cd0000 0%, #a70000 100%);
	background-image: -ms-linear-gradient(bottom, #cd0000 0%, #a70000 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #cd0000),
	color-stop(1, #a70000)
	);
	-webkit-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	-o-box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
	box-shadow: inset 0px 1px 0px #aaa, 0px 2px 0px 0px #ededed, 0px 5px 3px #f5f5f5;
}
/* ------ Table ------ */
.tableDesign_login {
	width: 80%;
	margin: 0px auto;
	position: relative;
}
.login_input_box .tableDesign_login {
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.login_input_box .tableDesign_login th {
	width: 30%;
	line-height: 30px;
	padding: 5px 0px 5px 10px;
	font-size: 14px; /* 2023/05/29 Arimura_UPD 13px*/
	font-weight: normal;
	text-align: left;
	color: #111;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.login_input_box .tableDesign_login td {
	width: 70%;
	line-height: 30px;
	padding: 5px 0;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #111;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.login_input_box .tableDesign_login td.login_eigyo_name {
	font-size: 16px;
	font-weight: bold;
	color: #008000;
}
.login_input_box .tableDesign_login td input.text {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    background-color: #fff;
    border: 1px solid #999;
    color:#444;
    margin: 0px;
    border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.login_input_box .tableDesign_login td input.text:focus {
    background-color: #ebf5d9;
    border: 1px solid #71af05;
    color:#444;
}
.login_input_box .tableDesign_login td.login_btn_box {
	line-height: 41px;
	padding: 20px 0;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.login_input_box .tableDesign_login td.login_btn_box .login_btn  {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	width: 100%;
	cursor: pointer;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	line-height: 1;
  	text-decoration: none;
  	color: #ffffff;
  	font-size: 13px;
  	width: 100%;
  	height: 40px;
  	font-weight: bold;
  	border: 2px solid #ffffff;
  	transition: 0.3s;
  	box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
  	background-color: [object object];
  	background-image: linear-gradient(90deg, rgb(109, 168, 48), rgb(158, 210, 140));
  	border-radius: 8px;
}
.login_input_box .tableDesign_login td.login_btn_box .login_btn:hover {
	box-shadow: 0 0 rgba(0, 0, 0, .3);
}
}
/* .login_input_box .tableDesign_login td.login_btn_box .login_btn:active {
	background-color: #71af05;
	color: #fff;
	border: 1px solid #71af05; */
}
/* ------ PDF ------ */
.manual_dl_box {
	padding-top: 0px;
	line-height: 50px;
	margin-bottom: 80px;
	display: block;
	width: 100%;
}
.manual_dl_box a {
	display: block;
	line-height: 22px;
	padding: 14px 20px;
	color: #333;
	/* 2020/04/02 nagayama UPD Start */
	background-color: #fff;
/* 	background-color: rgba(245,254,254,0.6); */
	/* 2020/04/02 nagayama UPD End */
	text-align: left;
	font-size: 14px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0 0 8px 8px;
	border: 1px solid #ccc;
	width: 100%;
}
.manual_dl_box a:hover {
	color: #fff;
	background-color: #71AF05;
	border: 1px solid #71AF05;
}
.manual_dl_box a img {
    padding-right: 5px;
    vertical-align: middle;
}
.manual_dl_box a span {
    float: right;
    padding-left: 20px;
}

/* ------ folos_app ------ */
.folos_app_bg {
	display: block;
	width: 100%;
	/* background: rgba(255,255,255,0.5); */
	/* border: 4px solid #f2f1b7; */
	/* border-radius: 8px; */
	/* border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	background: rgba(255,255,255,0.8);
	/* background: rgb(251, 248, 207); */
	padding: 15px 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/* box-shadow: 0 4px 6px rgba(0,0,0,.175); */
	/* -moz-box-shadow: 0 4px 6px rgba(0,0,0,.175); */
	/* -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.175); */
	position: relative;
	/* top: 1px; */
}
.folos_app_img {
	width: 240px;
	float: left;
	text-align: left;
}
.folos_app_img img {
	width: 260px;
	margin-top: -105px;
	position: absolute;
	left: -10px;
}
.folos_app_box {
	width: 680px;
	float: right;
	margin-right: 0px;
}
.folos_app_icon {
	width: 90px;
	float: left;
	text-align: left;
}
.folos_app_icon img {
	width: 70px;
	margin-top: -3px;
}
.folos_app_box p.login_app_comment {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
	color: #333;
	text-align: left;
	/*text-shadow: 4px 0px 4px #ffffff, -4px 0px 4px #ffffff, 0px -4px 4px #ffffff, 0px 4px 4px #ffffff;*/
}
.folos_app_box p.login_app_comment img {
	width: 30px;
}
.folos_app_box p.login_app_comment em {
	padding: 0 5px;
	font-style: normal;
	/*background: -webkit-linear-gradient(transparent 70%, #efea3a 30%);
	background: -o-linear-gradient(transparent 70%, #efea3a 30%);
	background: linear-gradient(transparent 70%, #efea3a 30%);*/
}
.folos_app_box p.login_app_comment span {
	font-size: 19px;
	color: #4d8507;
}
.login_qr50_left,
.login_qr50_right {
	width: 48%;
	float: left;
}
.login_qr50_left {
	margin-right: 2%;
}
.login_qr50_right {
	float: right;
	margin-left: 2%;
}
.login_qr50_left h4,
.login_qr50_right h4 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 3px;
	line-height: 1.5;
	font-size: 13px;
	/*text-shadow: 4px 0px 4px #ffffff, -4px 0px 4px #ffffff, 0px -4px 4px #ffffff, 0px 4px 4px #ffffff;*/
}
.login_qr50_left h4 i.fa,
.login_qr50_right h4 i.fa {
	font-size: 18px;
	padding-right: 5px;
	padding-left: 3px;
}
.login_qr50_left h4 span,
.login_qr50_right h4 span {
	font-size: 15px;
	color: #379188;
}
.login_qr_box_left {
	float: left;
	text-align: left;
	width: 200px;
	margin-right: 10px;
}
.login_app_link {
	text-align: left;
}
.login_app_link img {
	width: 200px;
}
.login_qr_box_right {
	float: left;
	text-align: left;
}
.login_qr_box_right img {
	width: 88px;
	margin-top: -5px;
	border: 1px solid #999;
}
/* 2025.11.06 メディカル版FOLOSログイン画面対応 */
.fm_video_guide_title{
	font-size: 16px;
	background: linear-gradient(to right, rgb(147, 195, 64) 40%, rgb(188, 208, 140) );
	padding: 2px 25px;
	color: #fff;
	border-bottom: 1px solid #a1a1a1;
	margin-top: 30px;
  	border-radius: 8px 8px 0 0;
}
.fm_video_guide_container{
	display: flex;
	gap: 4%;
	padding: 15px 25px;
  	background: #fff;
}
.fm_video_guide_qrcode img{
	width: 100px;
}
.fm_video_guide_text p{
	text-align: initial;
	font-size: 14px;
	line-height: 1.4;
}
.fm_video_guide_btn{
	margin-top: 10px;
}
.fm_video_guide_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 13px;
  width: 100%;
  height: 35px;
  font-weight: bold;
  border: 2px solid #ffffff;
  transition: 0.3s;
  box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
  background-color: [object object];
  background-image: linear-gradient(90deg, rgb(109, 168, 48), rgb(158, 210, 140));
  border-radius: 8px;
}
.fm_video_guide_btn a:hover {
  box-shadow: 0 0 rgba(0, 0, 0, .3);
}
/* 2025.11.06 メディカル版FOLOSログイン画面対応 */