@charset 'UTF-8';

html{
	font-size: 87.5%;
	color:#000;
}
body{
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-size: 1rem;
}
a{
	color: #4080C3;
}
a:hover{
	color: #4080C3;
	text-decoration:underline;
	cursor:pointer;
}
a.blank:after{
	display: inline-block;
	vertical-align: text-bottom;
	width: 1rem;
	height: 1rem;
	content: '';
	background-image:url(/assets/img/icon/external-link-alt.svg);
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: 0.1em;
}
a.blank-menu:after{
	display: inline-block;
	vertical-align:middle;
	width: 1rem;
	height: 1rem;
	content: '';
	background-image:url(/assets/img/icon/external-link-menu.svg);
	background-position: right center;
	background-repeat: no-repeat;

}

ul{
	list-style: none;
	margin-left:0;
}
hr{
	max-width: none;
	border-bottom-color: #e5e5e5;
}
/*.grid-container {
    max-width: 100%;
    margin: 0 auto;
}*/
@media screen and (min-width: 40em) {
	.mb-20{margin-bottom:20px;}
}
/*****  title style
***************************************/
.ttl-h1{
	font-size: 2.57rem;
	font-weight:500;
	margin-bottom:0.92rem;
}
.ttl-h2{
	font-size: 1.857rem;
	font-weight:500;
}
.ttl-h3{
	font-size: 1.5rem;
	font-weight:500;
}
.ttl-h6{font-weight:500;}
@media screen and (max-width: 39.9375em) {
	.ttl-h1{font-size: 1.71rem;}
}
p.ttlbottomlead{margin-bottom:2.85rem;}
/*****���֓B��*****/
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

/*****����ɫ*****/
.text-attention{color: #EB6817;}
.text-note{
	font-size: 0.85rem;
	color: #989898;
}
.text-formattention{
	font-size: 0.85rem;
	color: #EB6817;
}
.text-white{color: #FFF;}

/***** br style *****/
@media screen and (min-width: 40em) {
	br.sp-br{display: none;}
}
@media screen and (max-width: 39.9375em) {
	br.pc-br{display: none;}
	br.sp-br{display: block;}
}

/***** .button style
***************************************/
.button,.button.primary{
	background-color:#4080C3;
	border-radius: 18px;
    margin: 0 0 1rem 0;
    padding: 0.85rem 2rem;
}
.button.secondary{
	background-color: #fff;
	border:1px solid #C9C9C9;
	color: #4080C3;
}
.button.aleart{
	background-color: #EB6817;
	color: #fff;
}
.button:hover,.button.primary:hover{background-color:#1659A0}
.button.warning{background-color: #FBC224;}
.button.warning:hover,.button.warning:focus{background-color: #E0A500;}
.button.secondary:hover,
.button.secondary:focus{
	background:#EBF6FF;
	color: #4080C3;
}
.button.aleart:hover,.button.aleart:focus{background-color: #CC4E00;}
.button.large{
	font-size: 1rem;
	padding: 1rem 2rem;
	border-radius: 2rem;
	}
.button.tiny {
	font-size: 1rem;
	font-weight: bold;
	padding: 0.3rem 1rem 0.4rem;
}
.button.tiny.showbtn{
    padding: 0.85rem 3.2rem;
	position: relative;
	width: 90px;
}
.button.tiny.showbtn[data-click='true']{
	border-color:#C9C9C9;
	background-color: #fff;
	width: 90px;
}
.button.tiny.showbtn .icon-eye{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(/assets/img/icon/eye.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top:0.3rem;
	left: 1rem;
}
.button.tiny.showbtn .icon-eye:after{
	display: inline-block;
	content: '表示';
	color: #fff;
	width: 3rem;
	position: absolute;
	left:1.5rem;
}
.button.tiny.showbtn[data-click='true'] .icon-eye:after{
	color: #4080C3;
}
.button.tiny.showbtn .icon-eye.icon-slasheye{
	background-image: url(/assets/img/icon/eye-slash.svg);
}
.button.tiny.showbtn[data-click='true'] .icon-eye.icon-slasheye:after{
	width: 4rem;
	color: #4080C3;
	content: '非表示';
	margin-left:-0.5rem;
}
.button.disabled,
.button.disabled:hover,
.button.disabled:focus{
	border:1px solid #B5B5B5;
	color:#B7B7B7;
	background:#F0F0F0;
}
/***copy button****/
.copybtnwrap{
	display: inline-block;
	float: right;
}
.copybtn{
	display:block;
	text-align: center;
	width: 2.2rem;
	height: 2.2rem;
	color: #A5A49D;
	border-radius: 1.2rem;
	background:transparent;
}
.copybtn:hover{
	color: #4080C3;
	background:#DEE8F2;
}
.password-box .copybtnwrap{
	float:none;
	margin-left: calc(70% - (80px + 3.2rem));
}

.label {text-align: center;}
.label.success{
	background: #8DC397;
	color: #fff;
	font-size: .72rem;
}
.label.aleart{
	background: #EB6817;
	color: #fff;
	font-size: .72rem;
}
.label.tertiary{
	background:#A5A49D;
	color: #fff;
	font-size: .72rem;
}
.has-tip {
	border-bottom:none;
	color: #A5A49D;
	cursor: pointer;
}
.help-modal-tip{
	font-size: 26px;
	color: #4080C3;
	vertical-align: middle;
	cursor: pointer;
}

/****** input
***************************************/
[type='text'], [type='password'], [type='date'], [type='datetime'],
[type='datetime-local'], [type='month'], [type='week'], [type='email'], 
[type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], [type='submit'],textarea,select{
	-webkit-appearance:none;
	appearance:none;
	border-radius: 4px;
	border:1px solid #CCCCCC;
	background-color:#fff;
	height: 44px;		
}
textarea.is-error{
	border:1px solid #EB6817;
	background-color:#FFF1E8;
}
input.is-error{
	border:1px solid #EB6817;
	background-color:#FFF1E8;
}
select.is-error{
	border:1px solid #EB6817;
	background-color:#FFF1E8;
}
textarea{
	-webkit-box-shadow: none;
	    box-shadow: none;
}
select:disabled{
	color: #9AA0A6;
}
/*表示非表示できるpasswordのスタイル*/
.password-box{
	display: flex;
	align-items: center;
}
.password-box input[type=password],
.password-box input[type=text]{
	display: inline-block;
	box-shadow: none;
	border:none;
	margin: 0;
	width: 30%;
	min-width: 10em;
	padding: 0;
	height: 2rem;
}
.password-box .button.showbtn{margin-left: 1rem;}

@media screen and (max-width: 39.9375em) {
	[type='text'], [type='password'], [type='date'], [type='datetime'], 
	[type='datetime-local'], [type='month'], [type='week'], [type='email'], 
	[type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], [type='submit'],textarea,select{
		font-size: 16px;
		font-size: 1.143rem;
		transform:scale(0.89);
	}
	.button.tiny.showbtn{
	    padding: 0.85rem 3.2rem;
		position: relative;
		width: 100px;
	}
	.button.tiny.showbtn .icon-eye:after{width: 3rem;}
	.button.tiny.showbtn[data-click='true'] .icon-eye.icon-slasheye:after{width: 4rem;}
	.password-box input[type=password],
	.password-box input[type=text]{
		display: block;
		width: 100%;
		height: 2rem;
		line-height: 1;
	}
	.password-box .button.showbtn{
		    display: block;
		    margin-left:0;}
}
/****** .callout
***************************************/
.callout{
	border-color:#CFCFCF;
	border-radius: 4px;
}
.callout.secondary{
	background-color:#F4F4F4;
}
.callout.warning{
	background-color:#FFFDE3;
}

/****** IE�Υǥե���ȔM��Ҫ�ؤηDZ�ʾ
***************************************/
::-ms-clear {display: none;}
::-ms-reveal {display: none;}

/***** .all-header
***************************************/
.all-header{
height: 45px;
width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f4ed+0,fffdef+100 */
background: rgb(245,244,237); /* Old browsers */
background: -moz-linear-gradient(left, rgba(245,244,237,1) 0%, rgba(255,253,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(245,244,237,1) 0%,rgba(255,253,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(245,244,237,1) 0%,rgba(255,253,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4ed', endColorstr='#fffdef',GradientType=1 ); /* IE6-9 */
	padding:12px 20px 13px 24px; 
}
.all-header:after{
	display:block;
	content:'';
	width: 100%;
	clear:both;
}
.all-header-left-box{
	width: 47%;
	min-width: 300px;
	float:left;
}
.all-header-left-box p{
	display: inline-block;
	letter-spacing: -0.04rem;
}
.all-header-left-box p svg{color:#A5A49D;}
.all-header-right-box{
	width: 53%;
	min-width: 305px;
	float:right;
}
.all-header-right-box li{
	display: inline-block;
	list-style: none;
}.all-header-right-box li a{
	display: inline-block;
	padding-top: 0;
}
.all-header-right-box li.aboutbeta-li a{padding-left: 0.2rem;}
.all-header-right-box .dropdown{text-align: right;}
.all-header-right-box li .svg-inline--fa.fa-info-circle{color:#A5A49D;}

.all-header-right-box li .button{
	border-radius: 18px;
    font-size: 1rem;
    margin: 0 0 0 0;
    padding: 0.25em 0.8em;

}
@media screen and (min-width: 40em) and (max-width: 49.286em){
	.all-header-left-box p,
	.all-header-right-box li.aboutbeta-li a,
	.all-header-right-box li .button{
		font-size: 0.85rem;
	}
	.all-header-left-box{
		width: 40%;
		min-width: 200px;
	}
	.all-header-right-box{width: 60%;}
}
@media screen and (min-width: 40em) {
	.all-header{
		position: fixed;
		z-index:601;
			}
	.all-header-right-box .aboutbeta-menu{justify-content: flex-end;}
}
@media screen and (max-width: 39.9375em) {
	.all-header{
		height: 40px;
		width: 100%;
		padding:11px 15px 0 12px;
		position: fixed;
		top:0;
		z-index:601;
	}
	.all-header-left-box{
		width: 80%;
		height: 25px;
		min-width: auto;
		float:left;
	}
	.all-header-left-box p{
		font-size: .85rem;
		margin-bottom: 0;
	}
	.all-header-left-box p svg{margin-right:.5rem;}
	.all-header-right-box {
	    width: auto;
	    max-width: 20px;
		height: 25px;
	    min-width: auto;
	    position: relative;
	}
	.all-header-right-box .aboutbeta-menu{
		display:none;
		width: 100px;
		min-width: 210px;
		border-radius: 4px;
		background-color: #fff;
		box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
		text-align: center;
		position: absolute;
		top:30px;
		right: -8px;
		z-index: 601;
	}
	.all-header-right-box .aboutbeta-menu li{
		width: 100%;
		padding:7px;
	}
	.all-header-right-box .aboutbeta-menu li a{
		font-size: 1rem;
		line-height: 1;
		padding: 0.3rem;
	}
	.all-header-right-box button{
		width: 20px;
		height: 20px;
	}
	.all-header-right-box button svg{
		font-size: 20px;
		color:#A5A49D
	}
	.all-header-right-box .aboutbeta-menu.show{
		display:block;
	}
	.all-header-right-box .aboutbeta-menu.show:before{
		display:block;
		content:'';
		width: 0;
		height: 0;
		border-bottom: 10px solid #fff;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		top:-8px;
		right: 12px;
		position: absolute;
	}
}
@media screen and (max-width: 20em) {
	.all-header{
		padding:11px 10px 8px 7px; 
	}
	.all-header-left-box p{font-size: .7rem;}
	.all-header-left-box p svg{margin-right:0;}
}
/***** .switchingUser ��`���`���Ф��椨��
***************************************/
.switchingUser-footer{display:none;}
.container{
	width: 100%;
	height: 100%;
	position: relative;
}
.container.switchingUser:before{
	display: block;
	content:'';
	width: 10px;
	height: 100%;
	background-color: #FBC224;
	position:fixed;
	left: 0;
	z-index: 603;
}
.container.switchingUser:after{
	display: block;
	content:'';
	width: 10px;
	height: 100%;
	background-color: #FBC224;
	position:fixed;
	right: 0;
	z-index: 603;
}
.container.switchingUser .switchingUser-footer{
	display: block;
	content:'';
	width: 100%;
	height: 59px;
	background-color: #FBC224;
	position:fixed;
	bottom:0;
	left: 0;
	z-index: 603;
	padding-top: 1.2rem;
}
.container.switchingUser .switchingUser-footer:before{
	display: block;
	content:'';
	width: 100%;
	height: 10px;
	background-color: #FBC224;
	position:fixed;
	left: 0;
	z-index: 603;
}
.switchingUser-footer .switchingUser-menu{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	list-style: none;
}
.switchingUser-footer .switchingUser-menu li{
	font-weight: bold;
	margin:0 0.4rem;
}
.switchingUser-footer .switchingUser-menu li.switchingUser-id svg{margin-right: 0.5rem;}
.switchingUser-footer .switchingUser-menu li.switchingUser-id .role-icon{
	font-size: 0.71rem;
	border:1px solid #000;
	padding:0 0.3rem;
	margin-left: 1rem;
}
.switchingUser-footer .switchingUser-menu li.switchingUser-returnbtn .button{
	font-size: 0.85rem;
	color:  #000;
	margin-bottom:0;
}
.container::-webkit-scrollbar{
	display:none;
}
@media screen and (min-width: 40em) {
	.container{
		/*position: sticky;*/
		-ms-overflow-style:none;
	}
}
_:-ms-fullscreen, :root .container{padding-bottom:80px; }
@media screen and (max-width: 39.9375em) {
	.container.switchingUser .switchingUser-footer{
		width: 100%;
		height: 59px;
		bottom: 0;
		left:0;
		z-index: 3;
		padding-top: .3rem;
		padding-bottom: 1rem;
		padding-left:7px;
		padding-right:6px;
		position:fixed;
	}
	.container.switchingUser .switchingUser-footer:before{
		height: 6px;
		top:40px;
		left: 0;
	}
	.container.switchingUser:before,
	.container.switchingUser:after{
		width:6px;
		top:40px;
	}
	.container.switchingUser{
		margin-top: 6px;
	}
	.container.switchingUser.scroll:before,
	.container.switchingUser.scroll:after,
	.container.switchingUser.scroll .switchingUser-footer:before{top: 40px;}
	.container.switchingUser.scroll{margin-top: 0;}
	.switchingUser-footer .switchingUser-menu{
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		text-align:left;
		margin-bottom: 0;
	}
	.switchingUser-footer .switchingUser-menu li{margin:0;}
	.switchingUser-footer .switchingUser-text{width: 100%;}
	.switchingUser-footer .switchingUser-menu li.switchingUser-id{font-size: 0.85rem;}
	.switchingUser-footer .switchingUser-menu li.switchingUser-id svg{margin-right: 0.3rem;}
	.switchingUser-footer .switchingUser-menu li.switchingUser-id .role-icon{margin-left: .3rem;}

}

/* 20th */
#container-nav .nav-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* #container-nav */
#container-nav{
	position:fixed;
	z-index: 601;
	width:240px;
}
.container.switchingUser #container-nav{top:50px;}
#container-nav .nav-scroll-area{
	overflow-y: auto;
	height: calc(100% - 45px);
	 -ms-overflow-style:none;
	}
#container-nav .nav-scroll-area::-webkit-scrollbar{display: none;}
#container-nav .nav-logo{
	height: 60px;
	margin-bottom:0;
	position: relative;
}
#container-nav .nav-logo a{
	display:inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
#container-nav .nav-logo a .nav-small-icon{
	display: inline-block;
	box-sizing: border-box;
	width: 50px;
	height: 60px;
	vertical-align: middle;
	position: relative;
	margin-left: 0;
	display: none;
}
#container-nav .nav-logo a .nav-big-icon img{
	min-width: 200px;
}
#container-nav .nav-logo a .nav-small-icon img{
	width: 28px;
	height: 24px;
	position: absolute;
	top:50%;
	left: 50%;
	transform:translateY(-50%) translateX(-50%); 
}
#container-nav .menu-parrent-li{
	display: table;
	position: relative;
	border-bottom: #000000 solid 1px;
}
#container-nav .menu-parrent-li > a{
	padding:0;
	font-size: 1.07rem;
}
#container-nav .menu-parrent-li > a .nav-icon{
	display: table-cell;
	width: 50px;
	height: 50px;
	position: relative;
}
:root #container-nav .menu-parrent-li > a .nav-icon{padding-top: 50px;}

/* menu icon */
#container-nav .menu-parrent-li > a .nav-icon svg{
	position: absolute;
	top:50%;
	left: 50%;
	transform:translateX(-50%) translateY(-50%);
}
#container-nav .menu-parrent-li > a .nav-menu-text{
	color:#fff;
	font-size: 1.07rem;
	display: table-cell;
	vertical-align: middle;
	transform:translate3d(0,0,0);
}

/* Main menu selected */
#container-nav .menu-parrent-li > a.is-active{
	color: #333333;
}

/* Main menu toggle area */
#container-nav .menu-parrent-li > a:hover,
#container-nav .menu-parrent-li > a:hover .nav-menu-text,
#container-nav .menu-parrent-li > a:hover .nav-icon,
#container-nav .menu-parrent-li > a:hover .nav-icon svg{
	text-decoration:none;
}

#container-nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	width: 7px;
	height: 7px;
	border: none;
    border-bottom-width: 2px;
    border-bottom:2px solid #A5A49D;
    border-left:2px solid #A5A49D;
    border-top: 2px solid  transparent; 
    border-top-style:none;
    border-color: #A5A49D;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition-property:transform;
    transition-duration: .3s;
}
#container-nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover:after {
	border-color: #FBC224;
}
#container-nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)[aria-expanded='true'] > a::after {
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* sub menu */
#container-nav .accordion-menu .nested.is-accordion-submenu {
	display: none;
    margin-left: 0;
}

#container-nav .accordion-menu .nested.is-accordion-submenu .is-submenu-item a{
	font-size: 1rem;
	color: #fff;
	text-decoration:none;
	padding:1.1rem 1rem 1.1rem 50px; 
}

/* Sub menu hover */
#container-nav .accordion-menu .nested.is-accordion-submenu .is-submenu-item a:hover{
	background:#000;
}
#container-nav .menu-parrent-li > a + .submenu-toggle{height: 50px;}
#container-nav .menu-parrent-li > a + .submenu-toggle:after {
    width: 7px;
	height: 7px;
	border: none;
    border-bottom-width: 2px;
    border-bottom:2px solid #A5A49D;
    border-left:2px solid #A5A49D;
    border-top: 2px solid  transparent; 
    border-top-style:none;
    border-color: #A5A49D;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition-property:transform;
    transition-duration: .3s;
}

#container-nav .menu-parrent-li > a:hover + .submenu-toggle{background: #000000 !important;}

/* Main menu toggle button svg hovered */
#container-nav .menu-parrent-li > a:hover + .submenu-toggle:after {
	border-color: #FBC224;
}

@media screen and (min-width: 40em) {

	/* 20th */
	#container-nav .nav-bottom {
        width: 100%;
        padding-top: 48px;
        gap: 48px;
    }
	/* orignal
	#container-nav .nav-bottom{
		width: 100%;
		height: 100px;
		position: relative;
	}
	*/

	/* 20th */
    #container-nav .nav-bottom .nav-copyright {
        color: #898989;
        font-size: .85rem;
        text-align: center;
        margin: 0 auto;
    }

	/* original
	#container-nav .nav-bottom .nav-copyright{
		color:#898989;
		font-size: .85rem;
		text-align:center;
		position: absolute;
		bottom:10px;
		left: 0;
		right: 0;
		margin:0 auto;
	}
	*/
	
	#container-nav.shrink{
		left: -190px;
	}
	#container-nav.shrink .menu-parrent-li > a .nav-icon{
		left:190px;
	}
	#container-nav.shrink .menu-parrent-li > a .nav-menu-text{
		transform:translate3d(-200px,0,0);
	}
	#container-nav.shrink .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {display: none;}
	#container-nav.shrink .nav-bottom .nav-copyright{display: none;}

	/****�����ɥʥӤ�s�᤿�r�Υ�������****/
	#container-nav.shrink .nav-scroll-area{overflow-y:inherit;}
	#container-nav.shrink .nav-logo a .nav-small-icon{
		margin-left: 0;
		display: block;
		position: absolute;
		left: 190px;
	}
	#container-nav.shrink .nav-logo a .nav-big-icon {
		display:none;
	}
	#container-nav.shrink .menu-parrent-li .menu.nested{
		width: 210px;
		background:#000;
		position: absolute;
		top:0;
		left: 100%;
		z-index: 604;
		margin-left: 0;
		display: none;
	}
	#container-nav.shrink .accordion-menu .nested.is-accordion-submenu.is-active{display: none !important;}
	#container-nav.shrink .accordion-menu .nested.is-accordion-submenu .is-submenu-item a{
		font-size: 1rem;
		padding-left:10px;
	}
	/*#container-nav .menu-parrent-li > a + .submenu-toggle{height: 50px;}*/
	#container-nav.shrink .menu-parrent-li > a + .submenu-toggle{
		background:transparent;
		z-index: -1;
	}
	#container-nav.shrink .menu-parrent-li > a + .submenu-toggle:after {display:none;}
}
@media screen and (max-width: 39.9375em) {
	#container-nav{
		position:fixed;
		z-index: 599;
		left: -240px;
		width:240px;
		height: 100vh;
		overflow-y: scroll;
		background: rgb(57,60,64); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(57,60,64,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(57,60,64,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(57,60,64,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393c40', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
		transition-property: top;
		transition-duration:0.3s;
		transition-timing-function: ease-out;
	}
	.container.switchingUser #container-nav{top:90px;}
	#container-nav .accordion-menu .nested.is-accordion-submenu .is-submenu-item a{
		padding:1.2rem 1rem 1.3rem 50px; 
	}
	#container-nav.shrink{
		left: 0px;
	}
	#container-nav.shrink.is-fixed{
		top:0;
	}
	#container-nav .menu-parrent-li.search-sp-li{
		box-sizing: border-box;
		height: 60px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left:0;
		padding-right:5px;
	}
	#container-nav .menu-parrent-li.search-sp-li input[type=search]{
		-webkit-appearance:none;
		appearance:none;
		width: 100%;
		width: 235px;
		border:1px solid #D1D1D1;
		background-color:#fff;
		background-image: url(/assets/img/icon/search.svg);
		background-repeat: no-repeat;
		background-position:left 5px center;
		border-radius: 14px;
		line-height: 1;
		padding: 0.5rem 0.5rem 0.5rem 1.8rem; 
		height: 2.5rem;
	}

	/* 20th */
    #container-nav .nav-bottom {
        padding-top: 24px;
    }
    /* original
	#container-nav .nav-bottom{
		min-height: 200px;
	}
	*/
	#container-nav .nav-bottom .nav-copyright{
		display: none;
	}

	/******�����ɥʥӤ��_�����Ȥ��Υ��`�Щ`�쥤******/
	.nav-overlay{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,0.7);
		top:0;
		left: 0;
		z-index: 10;
		display: none;
	}
	.nav-overlay.show-overlay{
		display: block;
	}

}

/***** .container-main
***************************************/
.container-main{
	position: relative;
	top:0;
	/*height: 100vh;*/
	margin-left:240px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.container-main::-webkit-scrollbar{
	display:none;
}
@media screen and (min-width: 40em) {
.container-main{
		-ms-overflow-style:none;
	}
}
.container-main.shrink-container{
	margin-left:50px;
}
@media screen and (max-width: 39.9375em) {
	.container-main{margin-left:0;}
	.container-main.shrink-container {
	    margin-left:0;
	}
}
/***** .container-main #containts-header
***************************************/

/* Header menu */
#containts-header{
	/*position: relative;*/
	position: fixed;
	z-index:602;
	/*width: 100%;*/
	width: calc(100% - 240px);
	height: 60px;
	margin-top:0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#containts-header .dropdown.menu li{
	display: inline-block;
}
#containts-header .top-bar{width: 100%;}
#containts-header .top-bar .top-bar-inner{
	width:100%;
	display: flex;
    padding-top: 1px;
    padding-right: 24px;
    padding-left: 24px;
}
#containts-header .nav-trigger{
	position: absolute;
	top:18px;
	left: 24px;
}
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon {
	width: 16px;
	height: 14px;
	position: relative;
	display: block;
	margin-top: 6px;

}
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon .button-line{
	width: 16px;
	height: 2px;
	background-color:#A5A49D;
	display: block;
	position: absolute;
	top:6px;
	left: 0;
}
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:before,
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:after{
	display: block;
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	background-color:#A5A49D;
	transition-property: transform;
	transition-timing-function: ease-in-out;
	transition-duration: .15s;

}
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:before{
	top:0;
	left:0;
}
#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:after{
	bottom:0;
	left:0;
}

#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover {

}
.top-bar, .top-bar ul {background-color:transparent;}
#containts-header .dropdown.menu > li.has-submenu.left-border,
#containts-header .dropdown.menu > li.menu-text.left-border{
	border-left: 1px solid #6C6C6C;
}
#containts-header .dropdown.menu > li.has-submenu.left-border a,
#containts-header .dropdown.menu > li.menu-text.left-border a{
	padding: 0.7rem 1rem 0.7rem .5rem; 
}
#containts-header .dropdown.menu > li.has-submenu > a.arrow-under:after,
#containts-header .dropdown.menu > li.menu-text > a.arrow-under:after{
	display: inline-block;
    width: 6px;
    height: 6px;
    border: solid 2px;
    content: '';
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: transparent;
    border-right: solid 2px #A5A49D;
    border-top: solid 2px #A5A49D;
    position: absolute;
    top:1rem;
    right: 3px;
    left: auto;
    transform: rotate(135deg);
}

#containts-header .dropdown.menu > li.has-submenu > a svg,
#containts-header .dropdown.menu > li.menu-text > a svg{
	color: #A5A49D;
	font-size: 1.1rem;
	margin-right: .5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 6px;
    height: 6px;
    border:solid 2px;
    content: '';
    border-bottom-width:0;
    border-left-width:0;
    /*border-top-style: solid;
    border-right-style: solid;*/
    border-color:transparent;
    border-right:solid 2px #A5A49D;
    border-top:solid 2px #A5A49D;
    right: 5px;
    left: auto;
    margin-top: -3px;
    transform:rotate(135deg);
}

/* Header menu hovered */
#containts-header .dropdown.menu > li.has-submenu > a:hover,
#containts-header .dropdown.menu > li.menu-text > a:hover{
	text-decoration: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover:after{
	border-right:solid 2px #FBC224;
    border-top:solid 2px #FBC224;
}

#containts-header .dropdown.menu > li.opens-left > .is-dropdown-submenu,
#containts-header .dropdown.menu > li.opens-right > .is-dropdown-submenu {
	background-color: #fff;
	color:#3B4043;
	border-radius:4px;
	border-color: #EAEAEA;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
#containts-header .dropdown.menu > li.opens-left > .is-dropdown-submenu:before,
#containts-header .dropdown.menu > li.opens-right > .is-dropdown-submenu:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 10px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
}
#containts-header .dropdown.menu > li.opens-left > .is-dropdown-submenu:before{
	top:-8px;
	right: 20px;
}
#containts-header .dropdown.menu > li.opens-right > .is-dropdown-submenu:before {
	top:-8px;
	left: 20px;
}
#containts-header .dropdown.menu li.is-dropdown-submenu-item:not(:last-child) {
    border-bottom:#EAEAEA solid 1px;
}
#containts-header .dropdown.menu li.is-dropdown-submenu-item a{
	color:#3B4043;
}
#containts-header .dropdown.menu li.is-submenu-item.is-dropdown-submenu-item a:hover{
	color:#4080C3;
	background:#EFF7FF;
	text-decoration:none;
}
#containts-header .dropdown.menu > li.has-submenu.search-menu{padding:2px 5px 0;}
#containts-header .dropdown.menu > li.has-submenu.search-menu > button{
	width: 28px;
	height: 28px;
	background:#F7F7F7;
	border:1px solid #D1D1D1;
	border-radius: 50%;
	padding:0; 
}
#containts-header .dropdown.menu > li.has-submenu.bookmark-menu,
#containts-header .dropdown.menu > li.has-submenu.hiostory-menu,
#containts-header .dropdown.menu > li.has-submenu.search-menu > button span{
	position: relative;
	/*left:0.4rem;
	top:0.4rem;*/
}
#containts-header .dropdown.menu > li.has-submenu.search-menu > button svg.fa-search{
	color: #A5A49D;
}
#containts-header .dropdown.menu > li.has-submenu.search-menu > button::after{display: none;}
#containts-header .dropdown.menu > li.has-submenu.search-menu > button:hover{
	background:#FBC224;
	border:1px solid #D1D1D1;
}
#containts-header .dropdown.menu > li.has-submenu.search-menu > button:hover svg.fa-search{
	color: #000;
}
#containts-header .dropdown.menu > li.has-submenu.search-menu .search-input-area{display: none;}
#containts-header .dropdown.menu > li.has-submenu.search-menu .search-input-area.is-open{display: block;}
#containts-header .dropdown.menu > li.has-submenu.search-menu .search-input-area.is-open .header-search-input{
	-webkit-appearance:none;
	appearance:none;
    display: block;
    height: 2rem;
	line-height: 1;
	border-radius: 14px;
	padding-top: 0.2rem;
	padding-left:1.4rem; 
	padding-bottom: 0.2rem;
	background-image:url(/assets/img/icon/search.svg);
	background-repeat: no-repeat;
	background-position: 6px;
	background-size: 14px 14px;
}
#containts-header .dropdown.menu > li.menu-text.support-menu{margin-right:0.5rem;}
.ballonbox{
	background-color: #fff;
    color: #3B4043;
    border-radius: 4px;
    border-color: #EAEAEA;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
	position:absolute;
	min-width: 200px;
	top: 100%;
	right: 0;
	left: auto;
	display: none;
}
.ballonbox .menu li:not(:last-child){
	border-bottom: #EAEAEA solid 1px;
}
.ballonbox .menu li a{
	padding: 0.7rem 1rem;
	color: #3B4043;
	font-weight: normal;
}
.ballonbox .menu li a:hover{
    color: #4080C3;
    background: #EFF7FF;
    text-decoration: none;
}
.ballonbox:before{
	    display: block;
	    content: "";
	    width: 0;
	    height: 0;
	    border-bottom: 10px solid #fff;
	    border-right: 5px solid transparent;
	    border-left: 5px solid transparent;
	    position: absolute;
	    top: -8px;
	    right: 20px;
}
.ballonbox.isshow{display: block;}
@media screen and (max-width: 39.9375em) {
	#containts-header .dropdown.menu > li.has-submenu.left-border:last-child a,
	#containts-header .dropdown.menu > li.menu-text.left-border:last-child a{
		padding: 0.7rem .5rem; 
	}
	.ballonbox.sp-leftBallon{
		right:auto;
		left: 0;
	}
	.ballonbox.sp-leftBallon:before{
		right:auto;
		left: 20px;
	}
}

#containts-header .dropdown.menu > li.menu-text.support-menu{
	position: relative;
	padding:0;
}
/*#containts-header .dropdown.menu > li.menu-text.support-menu .support-select-menu{
	padding:0;
	max-width: 320px;
	display: none;
}*/
#containts-header .dropdown.menu > li.menu-text.domain-menu {
	padding:0;
	max-width: 320px;
	position: relative;
}
/*#containts-header .dropdown.menu > li.domain-menu > a {
	display: inline-block;	
	padding: 0.7rem .5rem 0.7rem 1rem;
	background-color:#fff;
	border:#D1D1D1; 
	border-radius: 4px;
	color: #000;
	margin-right: .5rem;
}*/
#containts-header .dropdown.menu > li.domain-menu{display: flex;}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu{
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu .barron-ttl{
	display: none;
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.is-dropdown-submenu-parent > a::after {
    right: 7px;
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.is-dropdown-submenu-parent > a:hover:after {
    border-right: solid 2px #A5A49D;
    border-top: solid 2px #A5A49D;
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.opens-left > .is-dropdown-submenu:before {
    display: none;
}
/*#containts-header .dropdown.menu > li.domain-menu .domain-select-area {
	margin-right: .5rem;
}*/
/*#containts-header .dropdown.menu > li.domain-menu .domain-select-area > a{
	background-color:#fff;
	padding: 0.3rem 0.5rem;
    border-radius: 4px;
}*/
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select{
	    max-width: 175px;
	    height: 2rem;
	    margin: .2rem 0.5rem 0 0;
	    padding: 0.3rem 0.5rem;
	    border: #D1D1D1;
	    border-radius: 4px;
	    line-height: 1.2rem;
	    background-image: url(/assets/img/icon/angle-down.svg);
	    background-position: right;
	    background-size: 14px 12px;
}

/* Header menu icon(mic, earth, human) */
#containts-header .dropdown.menu > li.has-submenu > a svg,
#containts-header .dropdown.menu > li.menu-text > a svg{
	color: #A5A49D;
}

#containts-header .dropdown.menu > li.domain-menu .domain-select-menu .select{
	display: flex;
    font-weight: normal;
    align-items: center;
	min-height: 2rem;
	margin: .3rem 0.5rem 0 0;
	/*max-width: 175px;*/
	background-color: #fff;
    border: #D1D1D1;
    border-radius: 4px;
	padding: 0.3rem 0.5rem 0.5rem;
	word-break: break-all;
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select{
	-webkit-appearance:none;
	appearance:none;
	cursor: pointer;
	background-color:#fff;
	border:#D1D1D1; 
	border-radius: 4px;
	cursor: pointer;
}
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select option{
	background:#fff;
}
#containts-header .dropdown.menu > li.has-submenu.userAcount-menu .role-icon{
	font-size: .714rem;
	background:#fff;
	color: #000;
	margin-left: .5rem;
	padding-right:.3rem;
	padding-left:.3rem;
	border:1px solid #707070;
}
/*@media screen and (max-width: 78.750em) {*/
@media screen and (max-width: 61.250em) {
	/*980px����*/
	#containts-header .dropdown.menu > li.has-submenu > a .show-for-medium,
	#containts-header .dropdown.menu > li.menu-text > a .show-for-medium{
		display: none !important;
	}
	#containts-header .dropdown.menu > li.has-submenu.left-border:not(.first-left),
	#containts-header .dropdown.menu > li.menu-text.left-border:not(.first-left){
		border-left: none;
	}
	.dropdown.menu > li.is-dropdown-submenu-parent > a.arrow-Mediumnone::after {
	    display: none;
	}
	#containts-header .dropdown.menu > li.has-submenu > a.arrow-under.arrow-Mediumnone:after,
	#containts-header .dropdown.menu > li.menu-text > a.arrow-under.arrow-Mediumnone:after{display: none;}
	#containts-header .dropdown.menu > li.has-submenu > a svg,
	#containts-header .dropdown.menu > li.menu-text > a svg{
		font-size: 1.5rem;
		margin-right: 0;
	}
	#containts-header .dropdown.menu > li.menu-text.support-menu{margin-right:0;}
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.show-for-980{
	   display:none;
	}
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.show-for-980.isshow{
		display: block !important;
		width: 100%;
		min-width: 200px;
		padding:.85rem; 
		background-color:#fff;
		border-radius: 4px;
		position: absolute;
		top:100%;
		right: 0;
	}
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.isshow:before{
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-bottom: 10px solid #fff;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		top:-8px;
		right: 20px;
		position: absolute;
	}
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu.isshow .barron-ttl{
		display: inline-block;
		color: #003333;
		margin-bottom: 5px;
	}
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select{
		border:1px solid #D1D1D1;
		background-color:#F7F7F7;
	}
	#containts-header .dropdown.menu > li.has-submenu.userAcount-menu .submenu >li.hide-for-large {
		display: inline-block !important;
		padding:5px 0 3px 12px;
	}
	#containts-header .dropdown.menu > li.has-submenu.userAcount-menu .submenu >li.hide-for-large #user-id-sp{
		display: block;
		color: #003333;
		margin-bottom: 3px;
	}
	#containts-header .dropdown.menu > li.has-submenu.userAcount-menu .submenu >li.hide-for-large .role-icon{ 
	    margin-left: 0;	
	}

}
@media screen and (max-width: 49.286em){
	#containts-header .dropdown.menu > li.has-submenu > a .show-for-720,
	#containts-header .dropdown.menu > li.menu-text > a .show-for-720{
		display: none !important;
	}
}
@media screen and (min-width: 40em){
	#containts-header .top-bar{width: 100%;}
	#containts-header .top-bar .top-bar-inner{
		width:100%;
		display: flex;
	}

	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu .select,
	#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select{
		max-width: 175px;
	}
	
	/* Header menu left arrow right line  */
	#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:before{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(-45deg) translateY(-1px) translateX(-4px);
	}

	#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:after{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(45deg) translateY(1px) translateX(-4px);
	}
	/**** add .shrink-container ****/
	.shrink-container #containts-header {width: calc(100% - 50px);}

	/* Header menu right arrow left line  */
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:before{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(45deg) translateY(-2px) translateX(4px);
	}

	/* Header menu right arrow right line  */
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:after{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(-45deg) translateY(2px) translateX(4px);
	}

}
@media screen and (max-width: 39.9375em) {
	#containts-header{
		/*position: relative;*/
		position: fixed;
		z-index:600;
		width: 100%;
		height: 50px;
		margin-top:0;
		background:#1C1C1D;
	}
	.container.switchingUser #containts-header{
		top:40px;
		border-top: 6px solid #FBC224;
	}
	#containts-header .title-bar {
		width: 100%;
		padding: 0.5rem;
	    justify-content: flex-end;
	}
	#containts-header .title-bar .title-bar-title{
		margin-right: calc((100% - 175px)/2);
	}
	#containts-header .title-bar .title-bar-title img{width: 145px;}
	#containts-header .title-bar .custom-menu-icon{
		color: #A5A49D;
	}
	#containts-header .top-bar{
		width: 100%;
		position: absolute;
		/*top:50px;*/
		top:44px;
	}
	#containts-header .top-bar .top-bar-inner {
	    width: 100%;
	    display: flex;
	    padding-top: 1px;
	    padding-right: 0px;
	    padding-left: 0px;
	}
	#containts-header .nav-trigger{
		top:55px;
		left: 15px;
	}
	#containts-header .nav-trigger .nav-trigger-inner {
		width: 16px;
		height: 16px;
		position: absolute;
		top:-45px;
	}
	#containts-header .top-bar .dropdown.menu{
		justify-content: flex-end;
		flex-wrap: nowrap;
	}
	#containts-header .top-bar .dropdown.menu > li.has-submenu > a,
	#containts-header .dropdown.menu > li.menu-text > a {
		font-size: .85rem;
	}
	 #containts-header .dropdown.menu > li.has-submenu.left-border > a svg, 
	 #containts-header .dropdown.menu > li.menu-text.left-border > a svg{
		 margin-right: 0;
	}
	#containts-header .dropdown.menu > li.has-submenu.left-border.first-left,
	#containts-header .dropdown.menu > li.menu-text.left-border.first-left{
		border-left: none;
		margin-left: calc(100% - 270px);
	}
	#containts-header .dropdown.menu > li.menu-text.left-border.first-left ~ .menu-text,
	#containts-header .dropdown.menu > li.menu-text.left-border.first-left ~ .has-submenu{
		margin-left: 0.5rem;
	}
	/****�����ɥʥӤ���ʾ���줿�r�Υ�������****/
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:before{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(-45deg) translateY(-1px) translateX(-4px);
	}
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:after{
		width: 12px;
		transform-origin: 50% 50%;
		transform:rotate(45deg) translateY(1px) translateX(-4px);
	}
}

/***** .container-main .container-contents
****************************************/
.container-main .container-contents{
	width: 100%;
	height: 100%;
	/*padding-top:28px;*/
	padding-top:118px;
	padding-left: 24px;
	padding-bottom:120px;
	padding-right:30px;
}
.container-contents.is-showError{
	/*エラーメッセージが表示されている時のpadding*/
	padding:118px 24px 150px 30px;
}
@media screen and (max-width: 64.000em) {
	/*1024px����*/

}
@media screen and (max-width: 39.9375em) {
	.container-main .container-contents{
		overflow-y:visible;
	}
	.container-contents.is-showError{
		padding-right: .4rem;
		padding-left: .4rem;
		padding-bottom:30px;
		padding-top: 118px;
	}
}

.breadcrumbs li {
    text-transform: none;
}

/***** .container-main #footer
****************************************/
.myaccount-footer-text{
	display: none;
	font-size: 0.85rem;
	color:#898989;
}
.myaccount .myaccount-footer-text{
	display: block;
	margin-top:2.14rem;
}
.myaccount .footer-text{display: none;}
@media screen and (max-width: 39.9375em) {
	#footer{margin:2.14rem auto 0;}
	.footer-text{
		font-size: .0.85rem;
		color:#898989;}
}

/***** .container-main #dashbord containts 
****************************************/

/* Alert area */
.attention-box{
	/*width: calc(100% - 54px);*/
	width: 100%;
	max-height: 100px;
	overflow-y:auto;
	border-radius: 4px;
	padding:14px 20px 12px;
	padding: 1rem ; 
	border-bottom:1px solid #C9C9C9;
	display: none;
	/*margin-top:-4px;*/
	margin-top:-62px;
	margin-bottom: 30px;
}
.attention-box ul{
	margin-left:0;
	margin-bottom:0;
	list-style: none;
}
.attention-box ul li{
	color: #fff;
	font-weight: bold;
	/* margin-bottom: 5px; */
	/* background:#F4F3ED; */
	color: #495253;
	font-size: .85rem;
	/* padding: 0.5rem 1rem; */
}

.attention-box .attention-icon{
	font-size: 0.8rem;
	border-radius: 8px;
	padding: 0.2rem 1rem;
	margin-right: 1rem;
	color: #ffffff;
}

.attention-box .attention-icon.notice{
	background: rgba(23, 121, 206, 1);
}

.attention-box .attention-icon.warning{
	background: rgba(254, 173, 0, 1);
}

.attention-box .attention-icon.alert{
	background: rgba(203, 75, 55, 1);
}

.attention-item-box{
	margin: 0px;
}

.attention-item-box.add{
	margin: 0.5rem 0rem 0rem 0rem;
}

.attention-box ul li .error-time{
	display: inline-block;
	font-size: 0.85rem;
}
.attention-box ul li .error-new:before{
	display: inline-block;
	content:'NEW';
	color: #EB6817;
	background-color: #fff;
	font-size: 0.7rem;
	padding:0 0.3rem; 
	margin-left:0.5rem;
}

.container-contents.is-showError .attention-box{
	display: block;
}
@media screen and (max-width: 39.9375em) {
	.attention-box{
		width: calc(100% - .8rem);
		/*width:100%;*/
		max-height: 190px;
		border-radius: 4px;
		padding:14px 20px 8px;
		/*background-color:#EB6817;*/
		background-color:#ffffff;
		display: none;
		/*position: absolute;
		top:48px;
		z-index: 10;*/
	}
}
/***** .container-main index2.html �����`�ǥ�����Υܥå���
*****************************************************/
/*.accordion{background:transparent;}
@media screen and (min-width: 40em){
	.accordion-content{display: block;}
	.accordion[disabled] .accordion-title {
	    cursor:default;
	}
	.accordion-title::before {display: none;}
}*/
/*.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+';
}*/
/***** .container-main #dashbord �����`�ǥ�����Υܥå���
*****************************************************/
.noAccordion-box,.accordion-box{
	border-radius: 4px;
	background-color:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	width: 100%;
	margin-bottom: 30px;
}
.content-ttl{
	font-size: 1.42rem;
	font-weight: 500;
	color: #495253;
	padding: 13px 1rem;
	background:#fff;
	border:none;
	border-bottom:2px solid #C9C9C9;
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.content-ttl .ttl-inner-link{
	display: inline-block;
	position: absolute;
	top:1.1rem;
	right: 1rem;
	font-size: 1rem;
}
.box-content .content-box-innerColumns{
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.box-content .content-box-innerColumns > li{
	padding: 1rem ; 
	border-bottom:1px solid #C9C9C9;
}
.box-content .content-box-innerColumns > li:last-child{border-bottom:none;}
.box-content .content-box-innerColumns  > li.inner-link-li{
	padding:0; 
}
.box-content .content-box-innerColumns > li p,
.box-content .content-box-innerColumns > li .button{
	margin-bottom: 0;
}
.box-content .content-box-innerColumns > li.infoTtl-li{
	background:#F4F3ED;
	color: #495253;
	font-size: .85rem;
	padding: 0.5rem 1rem;
}

@media screen and (max-width: 39.9375em) {
	.content-ttl{
		font-size: 1.28rem;
		font-weight: 500;
	}
/***���å���ܩ`�ɤΥ����`�ǥ�������_�]***/
	.accordion-box .content-ttl{cursor: pointer;}
	.accordion-box .content-ttl:before{
		display: inline-block;
		content: '';
		width: 0.8rem;
		height: 0.8rem;
		margin-right: 0.71rem;
		background-image:url(/assets/img/icon/angle-down.svg);
		background-position:left center; 
	}
	.accordion-box .content-ttl.is-open:before{
		background-image:url(/assets/img/icon/angle-up.svg);
	}
	.accordion-box .box-content{
		display: none;
		transition-property: all;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
	}
	.accordion-box .box-content.is-open{
		display: block;
		/*opacity: 1;*/
	}
}

/***** .container-main contents-box
*****************************************************/
.contents-box{
	padding:2.14rem 25px;
	border-radius: 4px;
	background:#fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}
.more_contents-box{
	padding:0.71rem 0;
	border-radius: 4px;
	background:#fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}
@media screen and (max-width: 39.9375em) {
	.contents-box{padding:2.14rem 1.07rem;}
}

/***** .container-main table
*****************************************************/
table{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	border-radius: 4px;
}
.table-scroll{
	-ms-overflow-style:scrollbar;
}
.table-scroll table{
	overflow-x: scroll;
	width: 100%;
	/* min-width: 1300px; */
}
@media screen and (max-width: 1300px){
	.table-scroll table{
		min-width: 1000px;
	}
}
thead{
	/*border-radius: 4px;*/
	background-color: #fff;
    border-bottom: 2px solid #dbdbdb;
}
thead th{
	height: 50px;
	box-sizing: border-box;
	padding: 0.3rem 0.625rem 0.4rem;
	line-height: 1;
	white-space: nowrap;
}
thead th .has-tip{margin-left: 3px;}
thead th [type="checkbox"]{margin:0;}
table .username{width: 15%}
table .usercomments{width: 36%}
table .userrole{width: 13%}
thead th select{
	margin-bottom: 0;
	-webkit-appearance:none;	
	appearance:none;
	background-color:#fff;
	border: 1px solid transparent;
	color: #4080C3;
	background-image: url(/assets/img/icon/sort-down.svg);
    background-size: 12px;
    background-position: right -1rem top;
}
tbody [type='checkbox'],tbody [type='radio'] {
    margin: 0;
}
tbody .button{
	white-space: nowrap;
	margin-bottom: 0;
}
tbody tr:nth-child(odd) {}
tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #fff;
}
table:not(.modaltable):not(.filemanager) tbody tr td, {
    border-bottom: 1px solid #dbdbdb;
}

/***** .container-main form
*****************************************************/
.form-dl{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding:1rem 0 1rem 0.5rem ;
	box-sizing: border-box;
}
.form-dl:not(:first-of-type){border-top:1px solid #CCCCCC;}
.form-dt{
	margin-bottom: 0;
	width: 26%;
	max-width: 323px;
	/*padding-left:0.5rem;
	padding-right:0.5rem;*/
}
.form-dt .label{margin-left: 0.5rem;}
.form-dd{
	width: 74%;
	padding-left:0.5rem;
}
.form-dd.half{width: 37%;}
.form-dd input[type=text],
.form-dd input[type=password],
.form-dd input[type=email],
.form-dd textarea,
.form-dd select{
	margin-bottom: 0;
	width: 100%;
}
.form-dd .button{
	margin-top: 0.3rem;
	margin-bottom: 0;
}
.form-dd .input-show {
	display:inline-block;
	width: 100%;
	position: relative;
}
.form-dd .input-show .icon-eye-button{
	width: 1.1rem;
	height: 1.1rem;
	background-image:url(/assets/img/icon/eye_gray.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 0.5rem;
	top:0.7rem;
}
.form-dd .input-show .icon-eye-button.is-show{
	background-image:url(/assets/img/icon/eye-slash_gray.svg);
}
.inputescription{
	margin-top:0.71rem;
}
.form-dd.radio-select .radio-select-box,
.form-dd.radio-select-available .radio-select-box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.form-dd.radio-select > div{
	margin-bottom:0.71rem;
}
.form-dd.radio-select .radio-select-box input[type=radio],
.form-dd.radio-select .check-select-box input[type=checkbox],
.form-dd.radio-select-available .radio-select-box  input[type=radio],
.form-dd.radio-select-available .radio-select-box  input[type=check],{
	width: 1rem;
	margin-bottom: 0;
}
.form-dd.radio-select .label-box,
.form-dd.radio-select-available .label-box{
	display: inline-block;
	width: 26%;
	max-width:242px;
}
.form-dd.radio-select .label-box [type='radio'],
.form-dd.radio-select-available .label-box [type='radio']{margin-bottom: 0;}
.form-dd.radio-select .radio-select-box .select{
	width: 74%;
}
.form-dd.radio-select .radio-select-box .select select{
	width: 100%;
	max-width: 322px;
}
.form-dd.radio-select .radio-check-box .checkbox .label-box,
.form-dd.radio-select-available .radio-check-box .checkbox .label-box{
	display: inline-block;
    max-width:inherit;

}
.form-dd select.select-month,.form-dd select.select-date{width: 70px;}
.form-dd select.select-minute{width: 45px;}

@media screen and (min-width: 40em){
	.form-dd.select-select-time,
	.form-dd.radio-select .radio-check-box,
	.form-dd.radio-select-available .radio-check-box{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.form-dd select.select-month + span,.form-dd select.select-date + span{
		vertical-align: middle;
		padding:0.5rem 1.2rem 0 0.5rem;
	}
}
@media screen and (max-width: 39.9375em) {
	.form-dl{padding:1rem 0;}
	.form-dt{
		width: 100%;
		max-width:100%;
		margin-bottom:0.3rem;
	}
	.form-dd{
		width: 100%;
		padding-left:0;
	}
	.form-dd input[type=text],
	.form-dd input[type=password],
	.form-dd input[type=email],
	.form-dd input[type=number],
	.form-dd input[type=tel],
	.form-dd textarea,
	.form-dd select{
		margin-bottom: 0;
		width: 111%;
		max-width: 111%;
		margin-left:calc(-11% + 1.54rem);
	}
	.form-dd.half{width:100%;}
	.form-dd.radio-select .label-box,
	.form-dd.radio-select-available .label-box{
		position: relative;
		width:100%;
		max-width: 100%;
	}
	.form-dd.radio-select .label-box input[type=radio] + .label-radio,
	.form-dd.radio-select-available .label-box input[type=radio] + .label-radio{
		width:100%;
		max-width: 100%;
		border-radius: 4px;
		border: 2px solid #CACACA;
		background-color:#fff;
		padding:1rem 0 0.8rem 2.5rem;
		margin-right:0;
		margin-left:0;
		font-size:1rem;
		margin-bottom: 5px;
	}
	.form-dd.radio-select .label-box input[type=radio]:checked + .label-radio,
	.form-dd.radio-select-available .label-box input[type=radio]:checked + .label-radio{
		border: 2px solid #4080C3;
		background-color:#EFF7FF;
		color: #4080C3;
	}
	.form-dd.radio-select .label-box input[type=radio],
	.form-dd.radio-select-available .label-box input[type=radio]{
		width: 1rem;
		height: 1rem;
		position: absolute;
		left: 1rem;
		top:1.5rem;
	}
	.form-dd.radio-select .radio-select-box .select{
		width: 100%;
	}
	.form-dd.radio-select .radio-select-box .select select{
		width: calc(111% + 4px);
		max-width: calc(111% + 4px);
	}
	.form-dd select.select-month,
	.form-dd select.select-date{
	    margin-left:-5px;
	}
	.form-dd select.select-month + span,.form-dd select.select-date + span{
		padding:0.5rem 0.5rem;
	}
	input[type=text].sp-Nooplaceholder::placeholder,
	input[type=password].sp-Nooplaceholder::placeholder{opacity:0;}


}

/***** .container-main .contents-box .row-dl
*****************************************************/
.row-dl{
	padding:1.42rem 0.3rem 0;
	border-bottom:1px solid #CCCCCC;
}
.contents-box .row-dl:last-of-type{border-bottom:none;}
.row-dl dt,
.row-dl dd{
	margin-bottom:1.42rem;
}
.row-dl dd textarea{
	width: 100%;
}

/***** .container-main pagenation
*****************************************************/
.pagination {
	margin-top: 1.42rem;
	margin-bottom: 1.42rem;
}
.pagination .current {
    background:#4080C3;
    color: #fefefe;
    cursor: pointer;
    border-radius: 50%;
}
.pagination a{color:#4080C3;}
.pagination a:hover{background: transparent;}
.userpagenation{
	float:right;
}
@media screen and (max-width: 39.9375em) {
	.userpagenation{float:none;}
	.pagination {
		text-align:center;
		margin-top: 1.42rem;
		margin-bottom: 1.42rem;
	}
}
/***** .container-main .reveal
*****************************************************/
.reveal {
	border-radius: 4px;
	padding: 2.85rem 1rem 2rem;
}
.reveal .modal-ttl{
	font-size: 1.85rem;
	margin-bottom: 1rem;
}
.reveal .modal-ttl.underline{
	border-bottom:1px solid #CCCCCC;
}
.reveal .modal_button_group{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/***** .completemodal *****/
.completemodal{
	border-radius: 4px ;
	border:1px solid #DFDFDF;
	background-color:#8DC397;
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);
}
.completemodal.aleartmodal{
	background-color: #EB6817;
}
.completemodal p,
.completemodal .close-button{
	color:#fff;
	font-size: 1.57rem;
	margin-bottom:0;
}
.completemodal .close-button{
	right:1rem;
	top:50%;
	transform:translateY(-50%);
}
.reveal.pagedescriptionmodal{
	width:800px;
	padding: 2.14rem;
}
.pagedescriptionmodal .modal-row-dl{
	border-bottom:1px solid #CCCCCC;
	padding:1rem 0 1rem ;
}
.pagedescriptionmodal .modal-row-dl dt{font-size: 1.57rem;}

.modalhelptable{
	margin-left: auto;
	margin-right: auto;
}

.modalhelptable th{
	background-color: rgb(229,239,250);
}

.modalhelptable .secondth{
	white-space: normal;
	width: auto;
}

.modaltable .beforehelptable{
	border: 0px !important;
} 

.modaltable pre{
	border:1px solid #DBDBDB;
	padding: 1rem;
} 

.modaltable{
	box-shadow:none;
	border:1px solid #DBDBDB;
}
.modaltable caption{
	font-size: 1.2rem;
}
.modaltable thead{border-bottom: 2px solid #DBDBDB;}
.modaltable tbody th{
	text-align: left;
	white-space: nowrap;
	width: 28%;
	padding:1.28rem 0 1.2rem 0.78rem;
}
.modaltable tbody td{
	text-align: left;
	vertical-align: middle;
	padding: 1.28rem 0.78rem 1.2rem;
}
.modaltable tbody td.line2-td span{
	display: block;
}
.modaltable tbody tr:not(:last-child){
	border-bottom: 1px solid #DBDBDB;
}
.modaltable .password-box .button.showbtn{margin-left: 1rem;}
.password-box .button.rowrightbtn{margin-left:calc(70% - (30% + 80px + 1rem));}
/** .reveal.usereditormodal .form-dl **/
.reveal.usereditormodal{
	width:800px;
	padding: 2.14rem;
}
.usereditormodal .form-dd.password .button{
	display: block;
}
.reveal.quotalertmodal{
	width:800px;
	padding: 2.14rem;
}
.modalfilelists{
	display: table;
	max-width: 480px;
	margin:0 auto 0.8rem;
}
.modalfilelists dt{
	display: table-cell;
	padding-right: 1rem;
	white-space: nowrap;
}
.modalinputlists li,
.modalfilelists dd{
	word-break: break-all;
	margin-bottom:0.5rem;
	display: flex;
	align-items:center;
}
.modalinputlists li{margin-bottom:0.3rem;}
.modalfilelists dd svg,
.modalinputlists li svg{
    color: #A5A49D;
    margin-right: 0.5rem;
}

@media screen and (min-width: 64em){
	.modaltable tbody th{min-width: 14em;}
}

@media screen and (min-width: 64em){
	.modalhelptable tbody th{min-width: 10em;}
}
@media screen and (max-width: 39.9375em) {
	.reveal {
		width:calc(100% - 1.25rem);
		height:75%;
	    min-height: 320px;
		top: 50% !important;
	    left: 50%;
	    transform:translateY(-50%) translateX(-50%);
	    padding:2.85rem 1.07rem;
	}
	.reveal .modal-ttl{
		font-size: 1.71rem;
		margin-bottom: 1rem;
	}
	.reveal p{margin-bottom: 2rem;}
	.reveal.completemodal {
	    width: calc(100% - 1.25rem);
	    height: 10%;
	    min-height: 100px;
	    top: 50% !important;
	    left: auto;
	    transform: translateY(-50%);
	    padding: 2rem;
	}
	.reveal.completemodal p,
	.reveal.completemodal .close-button{
		font-size: 1.28rem;
		margin-bottom:0;
	}
	/*�Œӥک`���Υإ�ץ�`����*/
	.reveal.pagedescriptionmodal{
		width:calc(100% - 1.25rem);
		height:70%;
	    min-height: 320px;
	}
	/*��`�����ڤΥƩ`�֥�*/
	.modaltable tbody th,
	.modaltable tbody td{white-space: nowrap;}
	/*.notable-scroll .modaltable{width:calc(100% - 1.25rem);}*/
	.notable-scroll .modaltable tbody th,
	.notable-scroll .modaltable tbody td{
		white-space:normal;
		max-width: 90px;
		word-break: break-all;
	}
	.notable-scroll .stack.modaltable tbody th,
	.notable-scroll .stack.modaltable tbody td{
	    width: 100%;
        max-width: 100%;
        padding:.5rem 1rem;
        border-bottom: none;
	}
	/** .reveal.usereditormodal .form-dl **/
	.reveal.usereditormodal{
		width:calc(100% - 1.25rem);
		height:75%;
	    min-height: 320px;
	}
	.usereditormodal .text-formattention{
		display: block;
	}
	.reveal.quotalertmodal{
		width:calc(100% - 1.25rem);
		height:75%;
	    min-height: 320px;
	}
	.quotalertmodal .text-formattention{
		display: block;
	}
	.modaltable tbody td.password-box{
		display: block;
	}
	.modaltable .password-box .button.showbtn{
		margin-top:10px;
		margin-left: 0;
	}
	.modaltable tbody td.password-box .button.rowrightbtn{
		margin-top:10px;
		margin-left:0;}
	}
}
/***** .container-main .button-group
*****************************************************/
.store_buttongroup{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mail_buttongroup{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.reveal .modal_button_group li:not(:last-child),
.store_buttongroup li:not(:last-child){	margin-right: 1.42rem;}
.button-store,.button-cancel{min-width: 200px;}
.button-store .button,.button-cancel .button{
	font-size: 1.07rem;
	width:100%;
	padding: 1.25rem 2rem 1.46rem;
	border-radius: 27px;
}
@media screen and (max-width: 39.9375em) {
	.button-store{order:1;}
	.button-cancel{order:2;}
	.reveal .modal_button_group li:not(:last-child),
	.store_buttongroup li:not(:last-child){margin-right:0;}
}


/***** mail server info
*****************************************************/
.mail-srv-div{
	display: block;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding:1rem 0 1rem 0 ;
	box-sizing: border-box;
}
.mail-srv-div:not(:first-of-type){border-top:1px solid #CCCCCC;}
.mail-srv-div:first-child{padding-top:0;}
.mail-srv-div:last-child{padding-bottom:0;}
.mail-srv-div .copybtnwrap{padding-top:0.5em;}
.mail-srv-dl{
	display: inline-block;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0;
	box-sizing: border-box;
}
.mail-srv-dl dt{ margin-bottom: 0; }

/***** .progress style
***************************************/
.progress.alert .progress-meter{
	background-color: #EB6817;
}
.progress.warning .progress-meter{
	background-color:#FBC224;
}

.filedndmodal{
	border: 4px dashed transparent;
}

.fileupload-dnd-modal{
	background-color: #eff7ff;
	border-color: #4080c3;
}