@charset "utf-8";
/* ------------------------------------- */
/* Reset */
/* ------------------------------------- */
* {
	font-size:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
img {
	border:none;
	vertical-align: bottom;
}
li {
	list-style: none;
}
div {
	zoom:1;
}
a {
	color: #6E72F2;
	outline:none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.text_link{
	color: #6E72F2;
	outline:none;
	text-decoration: underline;
	cursor: pointer;
}
.text_link:hover {
	text-decoration: none;
}
/* ------------------------------------- */
/* Layout */
/* ------------------------------------- */
html {
 overflow-y: scroll;
}
body {
	background-color: #fff;
	text-align: left;
	font-family:"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #333;
	min-width: 1280px;
	line-height: 1.75;
}
/* Utilities */
.clearfix:after{
	content:"";
	display:block;
	clear: both;
}
.clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix{
	display: block;
}
/* ------------------------------------- */
/* header */
/* ------------------------------------- */
#header{
	position: fixed;
	background-color: #fff;
	width: 100%;
	min-width: 1280px;
	z-index: 10;
	border-bottom: solid 1px #C3D4E5;
}
#header #header_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	padding: 20px 20px;
	width: 100%;
	box-sizing: border-box;
	color: #333;
}
#header_inner a{
	color: #333;
}
#header_inner h1{
	display: flex;
}
.header_logo{
	width: 180px;
}
.header_logo img{
	width: 100%;
}
.header_right_menu{
	font-size: 14px;
}
.header_right_menu ul{
	display: flex;
	align-items: center;
}
.header_right_menu .menu_help{
	position: relative;
	margin-right: 20px;
	padding-left: 20px;
}
.header_right_menu .menu_help::before{
	position: absolute;
	left: 0;
	top: -2px;
	content: "\f059";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 16px;
	vertical-align: baseline;
	color: #6E72F2;
}
.header_right_menu .menu_history{
	margin-right: 20px;
}
.header_right_menu .menu_history .menu_time{
	margin-left: 10px;
}
.header_right_menu .menu_user{
	display: flex;
	align-items: center;
	position: relative;
	padding: 5px 35px 5px 30px;
	border-radius: 20px;
}
.header_right_menu .menu_user::before{
	position: absolute;
	left: 10px;
	content: "\f007";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 16px;
	vertical-align: baseline;
	color: #6E72F2;
}
.header_right_menu .menu_user::after{
	position: absolute;
	right: 10px;
	content: "\f107";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 16px;
	vertical-align: baseline;
	color: #6E72F2;
}
.header_right_menu .menu_user .menu_company{
	display: inline-block;
	margin-right: 10px;
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.header_right_menu .menu_user .menu_name{
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.menu_user.selected{
	background-color: #E3EEF9;
	color: #333;
}
#header_inner .dropdwn .dropdwn_area .dropdwn_list li a{
	color: #333;
}
/* ------------------------------------- */
/* dropdwn */
/* ------------------------------------- */
.dropdwn{
	position: relative;
	cursor: pointer;
}
.dropdwn .dropdwn_area{
	background-color: #fff;
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	text-align: left;
	font-size: 14px;
	box-shadow: 0 5px 20px rgba(126, 136, 156, 0.3);
	z-index: 100;
	cursor: default;
	border-radius: 10px;
	overflow: hidden;
}
.dropdwn .dropdwn_list{
	width: 240px;
	display: block;
}
.dropdwn .dropdwn_list li{
	position: relative;
	font-size: 14px;
	color: #333;
}
.dropdwn .dropdwn_list li i{
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 10px;
	height: 10px;
	color: #6E72F2;
}
.dropdwn .dropdwn_area .dropdwn_list li:first-child,
.dropdwn .dropdwn_area .dropdwn_list li:first-child a{
	border-radius: 10px 10px 0 0;
}
.dropdwn .dropdwn_area .dropdwn_list li:last-child,
.dropdwn .dropdwn_area .dropdwn_list li:last-child a{
	border-radius: 0 0 10px 10px;
}
.dropdwn .dropdwn_area .dropdwn_list li a{
	display: block;
	color: #333;
	padding: 10px 40px 10px 20px;
	text-decoration: none;
	cursor: pointer;
}
.dropdwn .dropdwn_area .dropdwn_list li a:hover{
	color: #333;
	text-decoration: none;
	background-color: #F2F4F7;
}
/* ------------------------------------- */
/* content */
/* ------------------------------------- */
#content #content_inner{
	background-color: #fff;
	display: flex;
	width: 100%;
	min-width: 1280px;
	padding-top: 75px;
	min-height: calc(100vh - 160px);
}
/* ------------------------------------- */
/* side */
/* ------------------------------------- */
.side_menu{
	background-color: #E3EEF9;
	flex-basis: 280px;
	min-width: 280px;
	font-size: 14px;
	color: #272A8A;
	font-weight: 500;
	border-right: solid 1px #C3D4E5;
	box-sizing: border-box;
}
.side_menu a{
	color: #272A8A;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}
.side_menu a:hover{
	background-color: #C9E2FB;
}
.side_menu .main_menu .menu_group{
	position: relative;
	display: block;
	padding: 10px 20px 10px 40px;
}
.side_menu .main_menu li:first-child .menu_group{
	padding: 20px 20px 10px 40px;
}
.side_menu .main_menu .menu_group::before{
	position: absolute;
	left: 20px;
	content: '\f105';
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 14px;
	vertical-align: baseline;
	transition: all 0.2s ease-in-out;
}
.side_menu .main_menu li.active .menu_group::before{
	transform: rotate(90deg);
}
.side_menu .main_menu li.active{
	background-color: #C9E2FB;
}
.side_menu .sub_menu a{
	display: block;
	padding: 10px 10px 10px 60px;
}
.side_menu .sub_menu a:hover{
	color: #6E72F2;
}
.side_menu .sub_menu li.active a{
	color: #6E72F2;
}
/* ------------------------------------- */
/* login_register */
/* ------------------------------------- */
.login_register{
	width: 100%;
	background-color: #F2F4F7;
}
.login_register_content{
	width: 530px;
	margin: 50px auto;
	background-color: #fff;
	padding: 50px;
	box-sizing: border-box;
	border: 1px solid #C3D4E5;
	border-radius: 10px;
}
.login_register_content h2{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}
.login_register_content .help_text{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
}
.login_register_content .help_text li{
	margin-bottom: 20px;
}
.login_register_content .help_text li::before{
	content: '\f138';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #6E72F2;
	margin-right: 5px;
}
.login_register_content .help_text li:last-child{
	margin-bottom: 0;
}
/* ------------------------------------- */
/* general */
/* ------------------------------------- */
.general{
	width: 100%;
	background-color: #F2F4F7;
}
.general_inner{
	padding: 0 50px;
}
.general_content{
	max-width: 1280px;
	min-width: 1180px;
	margin: 50px auto;
	background-color: #fff;
	padding: 50px;
	box-sizing: border-box;
	border: 1px solid #C3D4E5;
	border-radius: 10px;
}
.general_content h2{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
/* ------------------------------------- */
/* main */
/* ------------------------------------- */
.main{
	background-color: #fff;
	flex-grow: 1;
	min-width: 1000px;
}
.main .main_inner{
	padding: 40px 40px 80px 40px;
	box-sizing: border-box;
}
.main .main_inner .main_content{
	width: 100%;
	margin: 0 auto;
}
.main_content .content_head{
	margin-bottom: 20px;
}
.main_content .content_head h2{
	background-color: #F2F4F7;
	width: 100%;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 5px #6E72F2;
	box-sizing: border-box;	
	border-radius: 5px;
}
.main_content .content_body{
	margin-bottom: 40px;
}
.main_content .content_body:last-of-type{
	margin-bottom: 0;
}
.main_content .content_body h3{
	width: 100%;
	background-color: #E3EEF9;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	border-radius: 5px;
	box-sizing: border-box;
}
/* 必須項目 */
.main_content .content_body h3 .required_item{
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
.main_content .content_body h4 .required_item{
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #EB001B;
}
.main_content .content_body dl dt .required_item{
	margin-left: 5px;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	color: #EB001B;
}
.main_content .content_body dl dt .required_item::after{
	content: "必須";
}
/* ブラックリストに該当 */
.main_content .content_body h3 .blacklist_item{
	margin-left: 10px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #EB001B;
}
.main_content .content_body h3 .blacklist_item::before{
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #EB001B;
	margin-right: 5px;
}
.main_content .content_block{
	width: 100%;
	display: block;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.main_content .content_block:last-of-type{
	margin-bottom: 0;
}
.main_content .content_body h4{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #272A8A;
	margin-bottom: 12px;
}
.main_content .content_body h4::before{
	display: inline-block;
	content: "";
	background-color: #B6B8F8;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	border-radius: 100%;
}
.main_content .content_body h4.border_head{
	padding-bottom: 10px;
	border-bottom: 1px solid #C3D4E5;
}
/* ------------------------------------- */
/* センタ寄せコンテンツ */
/* ------------------------------------- */
.main_content .content_body_center{
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.main_content .content_body_center .confirm_area{
	padding-top: 20px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.content_body_center .confirm_area .confirm_icon{
	text-align: center;
	font-size: 40px;
	line-height: 1;
	margin-bottom: 15px;
}
.content_body_center .confirm_area .confirm_title{
	margin-bottom: 40px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.content_body_center .confirm_area .confirm_summary{
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 40px;
	font-size: 16px;
	text-align: left;
}
.content_body_center .confirm_information .confirm_icon{
	color: #6E72F2;
}
.content_body_center .confirm_caution .confirm_icon{
	color: #EB001B;
}
.content_body_center .confirm_check .confirm_icon{
	color: #28B97B;
}
/* ------------------------------------- */
/* search_content */
/* ------------------------------------- */
.search_content{
	width: auto;
	display: inline-block;
}
.search_content .btn_area .btn_blue,
.search_content .btn_area .btn_light_blue,
.search_content .btn_area .btn_no_submit{
	margin-left: 0;
}
/* ------------------------------------- */
/* separate_content */
/* ------------------------------------- */
.separate_content{
	display: table;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
}
.separate_content dl{
	display: table-row;
}
.separate_content dl dt{
	display: table-cell;
	width: 260px;
	padding: 10px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #272A8A;
}
.separate_content dl dd{
	display: table-cell;
	padding: 10px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 16px;
}
/* 背景色ver */
.separate_content.separate_content_bg_yellow{
	background-color: #FEF6DF;
}
.separate_content.separate_content_bg_blue{
	background-color: #E3EEF9;
}
/* 下線ありver */
.separate_content.separate_content_border dl{
	border-bottom: solid 1px #E3EEF9;
}
.separate_content.separate_content_border dl:last-child{
	border-bottom: none;
}
/* ------------------------------------- */
/* btn_separate_content */
/* ------------------------------------- */
.btn_separate_content{
	display: table;
	width: 100%;
	vertical-align: middle;
	border-collapse: collapse;
}
.btn_separate_content dl{
	display: table-row;
}
.btn_separate_content dl dt{
	display: table-cell;
	width: 200px;
	padding: 10px 0;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 16px;
}
.btn_separate_content dl dd{
	display: table-cell;
	padding: 10px 10px 10px 40px;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 16px;
}
/* ------------------------------------- */
/* footer */
/* ------------------------------------- */
#footer{
	background-color: #303945;
	width: 100%;
	min-width: 1280px;
}
#footer #footer_inner{
	padding: 30px 30px 10px;
	text-align: center;
	color: #fff;
}
#footer_inner .copy{
	font-size: 12px;
	text-align: center;
}
.footer_sv_position{
	text-align: right;
}
/* ------------------------------------- */
/* 上部お知らせ・エラー枠 */
/* ------------------------------------- */
.frame_notice_text{
	position: relative;
	background-color: #F2F2FF;
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 20px 20px 40px;
	color: #333;
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;	
	border: 2px solid #6E72F2;
	border-radius: 5px;	
}
.frame_notice_text::before{
	position: absolute;
	left: 15px;
	content: '\f05a';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #6E72F2;
}
.frame_error_text{	
	position: relative;
	background-color: #FFEBEB;
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 20px 20px 40px;
	color: #333;
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;	
	border: 2px solid #EB001B;
	border-radius: 5px;	
}
.frame_error_text::before{
	position: absolute;
	left: 15px;
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #EB001B;
}
/* ------------------------------------- */
/* 要確認枠（目立たせ枠） */
/* ------------------------------------- */
.frame_confirm_text{	
	background-color: #FEF6DF;
	width: 100%;
	padding: 20px;
	color: #333;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #C3D4E5;
	border-radius: 5px;	
}
/* ------------------------------------- */
/* アイコン付テキスト */
/* ------------------------------------- */
/* インフォ */
.icon_text_info{
	position: relative;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	color: #333;
}
.icon_text_info::before{
	content: '\f05a';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #6E72F2;
	margin-right: 5px;
}
/* 注意 */
.icon_text_attention{
	position: relative;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	color: #333;
}
.icon_text_attention::before{
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #FFA500;
	margin-right: 5px;
}
/* 警告 */
.icon_text_caution{
	position: relative;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	color: #333;
}
.icon_text_caution::before{
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #EB001B;
	margin-right: 5px;
}
/* インデントを入れたいテキスト用 */
.indent_text li{
	padding-left: 1em;
	text-indent: -1em;
}
/* ------------------------------------- */
/* 共通ボタン */
/* ------------------------------------- */
.btn_area .btn_white,
.btn_area .btn_blue,
.btn_area .btn_light_blue,
.btn_area .btn_green,
.btn_area .btn_red{
	font-family: inherit;
	appearance: none;
	cursor: pointer;
	border: none;
	display: block;
	height: 60px;
	width: 300px;
	min-width: 60px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 60px;
	border-radius: 5px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
}
.btn_area .btn_no_submit{
	background-color: #ccc;
	font-family: inherit;
	appearance: none;
	cursor: default;
	border: none;
	display: block;
	height: 60px;
	width: 300px;
	min-width: 60px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	line-height: 60px;
	border-radius: 5px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
}
.btn_area .btn_no_submit:focus{
	background-color: #ccc;
	border: none;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_size_s{
	width: 110px;
	height: 40px;
	line-height: 40px;
}
.btn_area .btn_size_ss{
	width: 110px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.btn_area .btn_size_m{
	width: 200px;
	height: 50px;
	line-height: 50px;
}
.btn_area .btn_size_l{
	width: 100%;
}
.btn_area .btn_white{
	background-color: #fff;
	color: #272A8A;
	border: solid 1px #272A8A;
}
.btn_area .btn_blue{
	background-color: #272A8A;
	color: #fff;
}
.btn_area .btn_light_blue{
	background-color: #6E72F2;
	color: #fff;
}
.btn_area .btn_green{
	background-color: #88bb11;
	color: #fff;
}
.btn_area .btn_red{
	background-color: #e6000f;
	color: #fff;
}
.btn_area .btn_white:hover,
.btn_area .btn_blue:hover,
.btn_area .btn_light_blue:hover,
.btn_area .btn_green:hover,
.btn_area .btn_red:hover{
	opacity: 0.7;
}
.btn_area .btn_white:focus{
	background-color: #fff;
	border: solid 1px #272A8A;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_blue:focus{
	background-color: #272A8A;
	border: none;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_light_blue:focus{
	background-color: #6E72F2;
	border: none;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_green:focus{
	background-color: #88bb11;
	border: none;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_red:focus{
	background-color: #e6000f;
	border: none;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_left{
	margin: 0;
}
.row_btn_area{
	margin: 0 auto;
	text-align: center;
}
.row_btn_area ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.row_btn_area ul li:last-child{
	margin-right: 0;
}
/* ------------------------------------- */
/* form_block */
/* ------------------------------------- */
.form_block{
	width: 100%;
	word-break: break-all;
}
.form_block form input,
.form_block form textarea,
.form_block form select{
	font-family: inherit;
	font-size: 16px;
	padding: 10px;
	width: 100%;
	border: 1px solid #999;
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1;
	color: #333;
	outline: none;
	background-image: none;
	box-shadow: none;
	background-color: #fff;
	transition: 0.2s ease-in-out;
}
.form_block form select.form_omit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.form_block form input[type="text"],
.form_block form input[type="password"],
.form_block form select{
	height: 45px;
}
.form_block form input.form_size_s,
.form_block form textarea.form_size_s,
.form_block form select.form_size_s{
	width: 120px;
}
.form_block form input.form_size_m,
.form_block form textarea.form_size_m,
.form_block form select.form_size_m{
	width: 240px;
}
.form_block form input.form_size_l,
.form_block form textarea.form_size_l,
.form_block form select.form_size_l{
	width: 360px;
}
.form_block form textarea{
	line-height: 1.75;
}
.form_block input:focus,
.form_block textarea:focus,
.form_block select:focus{
	background-color: #EEF4FF;
	border: solid 1px #6E72F2;
	box-shadow: 0 0 0 1px #6E72F2;
	outline: 0;
}
.form_block input.error,
.form_block textarea.error,
.form_block select.error{
	border: solid 1px #EB001B;
	box-shadow: 0 0 0 1px #EB001B;
	outline: 0;
}
.form_block input::placeholder,
.form_block textarea::placeholder {
	color: #ccc;
}
.form_block .input_help{
	margin-left: 20px;
}
.form_block .input_help::before{
	content: '\f05a';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #6E72F2;
	margin-right: 5px;
}
.form_block .calendar{
	position: relative;
}
.form_block .calendar::after{
	position: absolute;
	top: 0;
	right: 10px;
	content: "\f073";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 16px;
	vertical-align: baseline;
	line-height: 1;
	color: #6E72F2;
}
.form_block .calendar input{
	padding-right: 30px;
}
/* 通常エラー */
.form_block .form_error_text{
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	color: #EB001B;
}
.form_block .form_error_text::before{
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #EB001B;
	margin-right: 5px;
}
/* ------------------------------------- */
/* form_area */
/* ------------------------------------- */
.form_area{
	margin-bottom: 40px;
}
.form_area dl{
	margin-bottom: 30px;
}
.form_area dl:last-of-type{
	margin-bottom: 0;
}
.form_area dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #272A8A;
}
/* ------------------------------------- */
/* form_area_search */
/* ------------------------------------- */
.form_area_search{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 30px;
}
.form_area_search dl dt{
	margin-bottom: 10px;
	font-weight: bold;
	color: #272A8A;
}
/* form_area_search_single */
.form_area_search_single{
	display: table;
}
.form_area_search_single dl{
	margin-bottom: 20px;
}
.form_area_search_single dl dt{
	display: table-cell;
	font-weight: bold;
	color: #272A8A;
	vertical-align: middle;
}
.form_area_search_single dl dd{
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.form_area_search_single dl dd .btn_area{
	margin-left: 20px;
	display: inline-block;
}
/* 通常エラー */
.form_area_search_error{	
	display: block;
	width: 100%;
}
.form_area_search_error .form_error_text{
	margin-top: 0;
}
/* ------------------------------------- */
/* 共通チェック・ラジオボタン */
/* ------------------------------------- */
/* チェックボタン */
input[type="checkbox"]{
	display: none;
	margin: 0;
}
input[type="checkbox"] + label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	word-break: break-all;
}
input[type="checkbox"] + label:before{
	position: absolute;
	content: "";
	top: 6px;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: 0;
	border: solid 1px #666;
	background-color: #fff;
	box-sizing: border-box;
}
input[type="checkbox"]:checked + label:before{
	border-color: #6E72F2;
	background-color: #6E72F2;
}
input[type="checkbox"]:checked + label:after {
	position: absolute;
	content: "";
	top: 9px;
	left: 6px;
	width: 4px;
	height: 8px;
	transform: rotate(40deg);
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
/* ラジオボタン */
input[type="radio"]{
	display: none;
	margin: 0;
}
input[type="radio"] + label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	word-break: break-all;
}
input[type="radio"] + label:before{
	background-color: #fff;
	position: absolute;
	content: "";
	top: 6px;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: 0;
	border: solid 2px #666;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 100%;
}
input[type="radio"]:checked + label:before{
	border: solid 2px #6E72F2;
}
input[type="radio"]:checked + label:after {
	background-color: #6E72F2;
	position: absolute;
	content: "";
	top: 10px;
	bottom: 0;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}
/* ------------------------------------- */
/* 共通テーブル */
/* ------------------------------------- */
.table_block{
	width: 100%;
	overflow-x: auto;
}
.table_block table,
.table_block table th,
.table_block table td{
	box-sizing: border-box;
	word-break: break-all;
	border-collapse: collapse;
	vertical-align: middle;
	border: 1px solid #C3D4E5;
}
.table_block table{
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
}
.table_block.table_size_auto table{
	width: auto;
}
.separate_table{
	display: flex;
	justify-content: space-between;
}
.separate_table .table_block{
	width: 49.8%;
	overflow-x: visible;
}
.table_block table tr{
	background-color: #fff;
}
.table_block table th{
	background-color: #5A5DAF;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	min-width: 120px;
}
.table_block table .table_datetime{
	min-width: 160px;
}
.table_block table td{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	max-width: 400px;
	min-width: 120px;
}
.table_block table td .table_separate{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 10px;
	text-align: left;
}
.table_block table .table_tleft{
	text-align: left;
}
.table_block table .table_tright{
	text-align: right;
}
.table_block table .table_icon{
	font-size: 20px;
}
.table_block table .table_icon_ok{
	color: #28B97B;
}
.table_block table .table_icon_ng{
	color: #EB001B;
}
.table_block table .table_icon_toggle_link{
	color: #333;
	text-decoration: none;
}
.table_block table .table_icon_toggle_link .table_icon_toggle{
	font-size: 35px;
}
.table_block table .table_icon_toggle_link .table_icon_toggle_on{
	color: #4F52C4;
}
.table_block table .table_icon_toggle_link .table_icon_toggle_off{
	color: #ccc;
}
.table_block table .table_icon_applied{
	display: inline-block;
	width: 100px;
	background-color: #FFA500;
	padding: 5px;
	text-align: center;
	color: #fff;
	border-radius: 15px;
	box-sizing: border-box;
}
/* ------------------------------------- */
/* テーブル内チェックボックス真ん中固定 */
/* ------------------------------------- */
.table_check{
	line-height: 1;
}
.table_check input[type="checkbox"] + label{
	height: 18px;
	width: 18px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.table_check input[type="checkbox"] + label:before{
	top: 0;
}
.table_check input[type="checkbox"]:checked + label:after {
	top: 3px;
}
/* ------------------------------------- */
/* 差分 */
/* ------------------------------------- */
.text_diff{
	color: #EB001B;
	font-weight: bold;
}
.text_delete{
	color: #EB001B;
	font-weight: bold;
	text-decoration: line-through;
}
.element_diff{
	background-color: #FEF6DF;
}
/* ------------------------------------- */
.table_block table .table_check_active{
	background-color: #FEF6DF;
}
.table_block table .table_bg_gray{
	background-color: #B8BECC;
}
.table_block table .table_bg_blue{
	background-color: #E3EEF9;
}
.table_block table .table_bg_red{
	background-color: #FF9A9A;
}
/* ------------------------------------- */
/* テーブル内ラジオボタン真ん中固定 */
/* ------------------------------------- */
.table_radio{
	line-height: 1;
}
.table_radio input[type="radio"] + label{
	height: 18px;
	width: 18px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.table_radio input[type="radio"] + label:before{
	top: 0;
}
.table_radio input[type="radio"]:checked + label:after {
	top: 4px;
}
/* ------------------------------------- */
/* 右上固定ボタン位置調整用 */
/* ------------------------------------- */
.top_right_area{
	position: relative;
}
.btn_top_right{
	position: absolute;
	right: 0;
	top: -60px;
}
.btn_top_right .btn_size_m{
	font-size: 14px;
}
/* ------------------------------------- */
/* ステータス情報 */
/* ------------------------------------- */
.status_list{
	width: 100%;
}
.status_list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px calc(2%/3);
}
.status_list ul li{
	background-color: #fff;
	position: relative;
	padding: 20px 20px 20px 60px;
	width: 24.5%;
	font-size: 14px;
	font-weight: bold;
	color: #4F52C4;
	border: 2px solid #4F52C4;
	box-sizing: border-box;
}
.status_list ul li span{
	background-color: #4F52C4;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	border-radius: 100%;
}
.status_list ul li.active{
	background-color: #4F52C4;
	color: #fff;
}
.status_list ul li.active span{
	background-color: #fff;
	color: #4F52C4;
}
/* ------------------------------------- */
/* コンテンツサブメニュー */
/* ------------------------------------- */
.submenu_list{
	width: 100%;
}
.submenu_list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.submenu_list ul li a{
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	font-size: 14px;
	line-height: 1;
	color: #4F52C4;
	border: 1px solid #4F52C4;
	box-sizing: border-box;
	border-radius: 5px;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
.submenu_list ul li a:hover{
	background-color: #4F52C4;
	color: #fff;
}
.submenu_list ul li a.active{
	background-color: #4F52C4;
	color: #fff;
}
/* ------------------------------------- */
/* 規約同意枠 */
/* ------------------------------------- */
.terms_scroll_block{
	border-radius: 5px;
	border: 1px solid #999;
	overflow: hidden;
	margin-bottom: 40px;
}
.terms_scroll_content{
	width: 100%;
	height: 200px;
	padding: 20px;
	border-radius: 5px;
	box-sizing: border-box;
	overflow-y: auto;
	font-size: 14px;
}
.terms_scroll_content h2{
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 30px;
	text-align: left;
}
.terms_scroll_content h3{
	font-weight: bold;
	margin-bottom: 10px;
}
.terms_scroll_content #policy h3,
.terms_scroll_content #privacy h3 {
	background-color: transparent;
	font-weight: normal;
	line-height: 30px;
	border-left: 3px solid #272A8A;
	font-size: 18px;
	padding: 0 20px;
	margin-bottom: 20px;
	border-radius: 0;
}
.main_content .content_body .terms_scroll_content h4 {
	font-size: 14px;
	color: #333;
	margin-bottom: 0;
}
.main_content .content_body .terms_scroll_content h4::before{
	content: none;
}
.terms_scroll_content p{
	margin-bottom:20px;
	text-align:left;
}
.terms_scroll_content p.date{
	text-align:right;
}
.terms_scroll_content p.signature{
	text-align: right;
}
#securitypolicy p.signature{
	text-align: right;
}
.terms_scroll_content div.contact{
	margin-left: 10px;
}
.terms_scroll_content div.contact img.email{
	margin-left:5px;
	vertical-align:middle;
}
.terms_scroll_content div.policy-body{
	margin-left: 10px;
}
.terms_scroll_content ol{
	margin:10px 0 20px 20px;
}
.terms_scroll_content ol.top_li li{
	list-style: decimal;
	margin-left: 13px;
}
.terms_scroll_content ol li{
	list-style-position:outside;
}
.terms_scroll_content ol li p{
	margin:10px 0 10px 20px;
}
.terms_scroll_content #privacy table#privacy_tbl{
	border: 1px solid #C3D4E5;
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
	margin-bottom:20px;
}
.terms_scroll_content table#privacy_tbl th{
	font-weight: normal;
	padding: 10px;
	background: #5A5DAF;
	border: 1px solid #C3D4E5;
	vertical-align: top;
	color: #fff;
}
.terms_scroll_content table#privacy_tbl td{
	background-color: #fff;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #C3D4E5;
	line-height: 1.8em;
}
.terms_scroll_content table#privacy_tbl td img{
	vertical-align:middle;
	margin-left:5px;
}
/* ------------------------------------- */
/* 共通ファイルアップロード枠 */
/* ------------------------------------- */
.upload_block .upload_area{
	background-color: #EEF4FF;
	max-width: 920px;
	min-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding: 40px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 10px;
	border: dashed  1px #999;
}
.upload_block.upload_block_left .upload_area{
	margin: 0 0;
}
.upload_area i{
	margin-bottom: 10px;
	font-size: 100px;
	color: #CED3F3;
}
.upload_area p{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #CED3F3;
}
.upload_area input{
	display: none;
}
/* 通常エラー */
.upload_block .upload_error_text{
	width: fit-content;
	margin: 10px auto 0;
	position: relative;
	font-size: 14px;
	text-align: left;
	color: #EB001B;
}
.upload_block .upload_error_text::before{
	content: '\f071';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #EB001B;
	margin-right: 5px;
}
.upload_block.upload_block_left .upload_error_text{
	width: auto;
}
/* ------------------------------------- */
/* 共通ファイルアップロード選択枠 */
/* ------------------------------------- */
.upload_list{
	max-width: 920px;
	min-width: 640px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
.upload_list,
.upload_list th,
.upload_list td{
	word-break: break-all;
	border-collapse: collapse;
	vertical-align: middle;
}
.upload_list tr{
	border-bottom: solid 1px #AEAFA7;
}
.form_block table td{
	padding: 10px;
	box-sizing: border-box;
}
.upload_img{
	width: 80px;
	height: 80px;
	text-align: center;
}
.upload_img .upload_file_image{
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.upload_img .upload_file_icon{
	width: auto;
	height: auto;
}
.upload_file_name_size{
	text-align: left;
}
.upload_cancel{
	width: 80px;
	height: 80px;
	text-align: center;
}
.upload_cancel img{
	width: 28px;
	height: auto;
}
.upload_cancel .btn_upload_cancel{
	background-color: transparent;
	appearance: none;
	cursor: pointer;
	border: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.upload_cancel .btn_upload_cancel:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.upload_cancel .btn_upload_cancel:focus{
	outline: 0;
}
/* ------------------------------------- */
/* 共通ファイルアップロード選択枠(セル版) */
/* ------------------------------------- */
.upload_list_cel,
.upload_list_cel th,
.upload_list_cel td{
	word-break: break-all;
	border-collapse: collapse;
	vertical-align: middle;
	border:none !important;
	padding:5px !important;
	text-align: left !important;
}
.upload_cancel_cel{
	width: 15px;
	height: 15px;
}
.upload_cancel_cel img{
	width: 15px;
	height: auto;
}
.upload_cancel_cel .btn_upload_cancel_cel{
	background-color: transparent;
	appearance: none;
	cursor: pointer;
	border: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.upload_cancel_cel .btn_upload_cancel_cel:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.upload_cancel_cel .btn_upload_cancel_cel:focus{
	outline: 0;
}
/* ------------------------------------- */
/* 非活性用 */
/* ------------------------------------- */
.inactive{
	pointer-events:none;
}
/* 入力欄非活性用 */
input.inactive,
textarea.inactive,
select.inactive {
	background-color: #ccc !important;
}
/* ボタン非活性用 */
input[type="submit"].inactive,
input[type="button"].inactive,
button[type="submit"].inactive,
button[type="button"].inactive,
a.inactive{
	border: solid 1px transparent !important;
	background-color: #ccc !important;
	color: #666 !important;
}
/* チェックボタン非活性用 */
input[class*="inactive"][type="checkbox"] + label{
	pointer-events:none;
}
input[class*="inactive"][type="checkbox"] + label:before{
	border: solid 1px #ccc !important;
	background-color: #ccc !important;
}
input[class*="inactive"][type="checkbox"]:checked + label:before{
	border-color: #ccc !important;
	background-color: #ccc !important;
}
input[class*="inactive"][type="checkbox"]:checked + label:after {
	border-bottom: 2px solid #999 !important;
	border-right: 2px solid #999 !important;
}
/* ラジオボタン非活性用 */
input[class*="inactive"][type="radio"] + label{
	pointer-events:none;
}
input[class*="inactive"][type="radio"] + label:before{
	background-color: #fff !important;
	border: solid 2px #ccc !important;
}
input[class*="inactive"][type="radio"]:checked + label:before{
	background-color: #fff !important;
	border: solid 2px #ccc !important;
}
input[class*="inactive"][type="radio"]:checked + label:after {
	background-color: #ccc !important;
}
/* ------------------------------------- */
/* 入力不可枠*/
/* ------------------------------------- */
.uneditable{
	background-color: #eee !important;
	pointer-events:none;
}
/* 入力欄非活性用 */
.uneditable input,
.uneditable textarea,
.uneditable select {
	background-color: #ccc !important;
}
/* ボタン非活性用 */
.uneditable input[type="submit"],
.uneditable input[type="button"],
.uneditable button[type="submit"],
.uneditable button[type="button"]{
	border: solid 1px transparent;
	background-color: #ccc !important;
	color: #666 !important;
}
/* チェックボタン非活性用 */
.uneditable input[type="checkbox"] + label:before{
	border: solid 1px #ccc !important;
	background-color: #ccc !important;
}
.uneditable input[type="checkbox"]:checked + label:before{
	border-color: #ccc !important;
	background-color: #ccc !important;
}
.uneditable input[type="checkbox"]:checked + label:after {
	border-bottom: 2px solid #999 !important;
	border-right: 2px solid #999 !important;
}
/* ラジオボタン非活性用 */
.uneditable input[type="radio"] + label:before{
	background-color: #fff !important;
	border: solid 2px #ccc !important;
}
.uneditable input[type="radio"]:checked + label:before{
	background-color: #fff !important;
	border: solid 2px #ccc !important;
}
.uneditable input[type="radio"]:checked + label:after {
	background-color: #ccc !important;
}
/* ------------------------------------- */
/* ページナビ */
/* ------------------------------------- */
.page_navi{
	width: 100%;
	text-align: right;
	font-size: 16px;
}
.page_navi ul li{
	display: inline-block;
	padding: 0 2px;
	text-align: center;
	vertical-align: middle;
}
.page_navi ul li a{
	padding: 5px 10px;
	border: 1px solid #C3D4E5;
	box-sizing: border-box;
	color: #272A8A;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
.page_navi ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.page_navi ul li .page_navi_active{
	background-color: #6E72F2;
	color: #fff;
}
.page_navi .page_prev{
	border-radius: 10px 0 0 10px;
}
.page_navi .page_next{
	border-radius: 0 10px 10px 0;
}
.page_navi p{
	margin-top: 20px;
	font-size: 16px;
}
/* ------------------------------------- */
/* アコーディオン枠 */
/* ------------------------------------- */
.main_content .accordion_content{
	border: solid 2px #E3EEF9;
	border-radius: 5px;
}
.main_content .accordion_content h3{
	position: relative;
	border-radius: 0;
	margin-bottom: 0;
	cursor: pointer;
}
.main_content .accordion_content .content_block{
	display: none;
	padding: 20px 40px;
}
.main_content .accordion_content .content_block.active{
	display: block;
}
/* アコーディオンアイコン */
.main_content .accordion_content .btn_accordion {
	position: absolute;
	padding-right: 35px;
	top : 15px;
	right: 20px;
	font-size: 14px;
	color: #6E72F2;
	text-align: right;
	font-weight: normal;
}
.main_content .accordion_content .btn_accordion::after {
	position: absolute;
	top: -3px;
	right: 0;
	width: 30px;
	height: 30px;
	content: '\f107';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #6E72F2;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}
.main_content .accordion_content .btn_accordion.active::after {
	transform: rotate(180deg);
}
/* ------------------------------------- */
/* カレンダー上書き用CSS */
/* ------------------------------------- */
.flatpickr-time input {
	background-color: #E3EEF9;
	font-size: 16px;
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
	background-color: #E3EEF9;
	font-size: 16px;
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
	background: #C9E2FB;
}
/* ------------------------------------- */
/* iziModalモーダル共通 */
/* ------------------------------------- */
.modal_content_block{
	background: #fff;
	border-radius: 10px;
	padding: 30px;
}
.modal_content_icon{
	text-align: center;
	font-size: 50px;
	line-height: 1;
	margin-bottom: 30px;
}
.modal_content_title{
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.modal_content_summary{
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 30px;
	font-size: 16px;
	text-align: left;
}
.modal_content_summary.modal_w_auto{
	width: auto;
}
.modal_content_confirm_blue{
	background-color: #EEF4FF;
	width: 100%;
	margin: 0 auto 40px;
	padding: 30px;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
}
.modal_content_caution{
	background-color: #FFEBEB;
	width: 100%;
	margin: 0 auto 40px;
	padding: 30px;
	font-size: 16px;
	color: #EB001B;
	font-weight: 500;
	text-align: left;
	box-sizing: border-box;
	border-radius: 5px;
	border: solid 3px #EB001B;
}
.modal_content_subhead{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #272A8A;
	margin-bottom: 12px;
}
.modal_content_subhead::before{
	display: inline-block;
	content: "";
	background-color: #B6B8F8;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	border-radius: 100%;
}
.modal_content_table{
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 30px;
	font-size: 16px;
	text-align: left;
}
.modal_content_table table,
.modal_content_table table th,
.modal_content_table table td{
	box-sizing: border-box;
	word-break: break-all;
	border-collapse: collapse;
	vertical-align: middle;
	border: none;
	font-weight: normal;
}
.modal_caution_area{
	background-color: #EB001B;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
/* .modal_default */
.modal_default .modal_content_block{
	min-width: 500px;
}
/* .modal_information */
.modal_information .modal_content_block{
	min-width: 500px;
}
.modal_information .modal_content_icon{
	color: #6E72F2;
}
/* .modal_caution */
.modal_caution .modal_content_block{
	min-width: 500px;
}
.modal_caution .modal_content_icon{
	color: #EB001B;
}
/* .modal_check */
.modal_check .modal_content_block{
	min-width: 500px;
}
.modal_check .modal_content_icon{
	color: #28B97B;
}
/* .modal_error */
.modal_error .modal_content_block{
	min-width: 500px;
}
.modal_error .modal_content_icon{
	color: #EB001B;
}
/* ------------------------------------- */
/* モーダル（比較） */
/* ------------------------------------- */
#compare_modal .modal_content_block{
	min-width: 1280px;
}
#compare_modal .modal_content_summary{
	width: auto;
	text-align: left;
	margin-bottom: 20px;
}
.compare_content{
	margin-bottom: 30px;
}
.compare_head ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.compare_head ul li{
	width: 50%;
	background-color: #E3EEF9;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	box-sizing: border-box;	
}
.compare_head ul li:first-child{
	border-right: solid 2px #fff;
}
.compare_content .compare_subject{
	max-height: 630px;
	overflow-x: auto;
}
.compare_content .compare_list{
	display: table;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	overflow-x: auto;
}
.compare_content .compare_list dl{
	display: table-row;
	border-bottom: solid 1px #E3EEF9;
}
.compare_content .compare_list dl:last-child{
	border-bottom: none;
}
.compare_content .compare_list dl dd:nth-child(2){
	border-right: solid 2px #fff;
}
.compare_content .compare_list dl.compare_missmatch dt:nth-child(1),
.compare_content .compare_list dl.compare_missmatch dd:nth-child(2){
	background-color: #CCCDFB;
}
.compare_content .compare_list dl.compare_missmatch dt:nth-child(3),
.compare_content .compare_list dl.compare_missmatch dd:nth-child(4){
	background-color: #FFE876;
}
.compare_content .compare_list dl dt{
	display: table-cell;
	width: 20%;
	padding: 2px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #272A8A;
}
.compare_content .compare_list dl dd{
	display: table-cell;
	width: 30%;
	padding: 2px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 16px;
}
/* ------------------------------------- */
/* パスワード強度メーター */
/* ------------------------------------- */
.password_strength {
	display: block;
	width: 100%;
}
.password_meter{
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.password_meter_progress {
	display: flex;
	justify-content: space-between;
	width: 50%;
}
.password_meter_progress li {
	width: 18%;
	background: #ccc;
	height: 9px;
}
.password_meter_progress li.low {
	background: #EB001B;
}
.password_meter_progress li.medium {
	background: #FFA500;
}
.password_meter_progress li.high {
	background: #28B97B;
}
.password_strength_text {
	width: 47%;
	margin-left: 3%;
	font-size: 14px;
	color: #333;
}
.password_strength_text p span {
	font-size: 14px;
}
.password_strength_text p span.low {
	color: #EB001B;
}
.password_strength_text p span.medium {
	color: #FFA500;
}
.password_strength_text p span.high {
	color: #28B97B;
}