@CHARSET "UTF-8";

/*Header Area*/
a.top-icon:link,
a.top-icon:visited{
	color:#3399cc;
}
a.top-icon:hover{
	color:#0982C9;
}

/* Global Navigation */
#global_nav{
	background-color:#0982C9;
}

.btn-bd-search{
	font-weight:500;
	color:#ffe484;
	background-color:#0982C9;
	border-color:#ffe484
}
.btn-bd-search:active,
.btn-bd-search:hover{
	color:#2a2730;
	background-color:#ffe484;
	border-color:#ffe484
}
.btn-bd-search:focus{
	box-shadow:0 0 0 3px rgba(255,228,132,.25)
}
.dropdown-menu .dropdown-item.active{
	background-color:#0982C9;
}

/* Bread crumb */
.breadcrumb{
	background-color:#f8f9fa;
}

/* Local Navigation */
#sidebar-top {
	background-color:#0982C9;
	color: #ffffff;
	padding:5px;
}

#sidebar .list-group-item {
    border-radius: 0;
    background-color: #f5f5f5;
    color: #0982C9;
    /*border-left: 0;
    border-right: 0;*/
    border-color: #e5e5e5;
    border-left: 7px solid #CCCCCC;
}

/* For contents menu of global navi */
#sidebar-top-menu {
	background-color:#0982C9;
	color: #ffffff;
	/* padding:0px;*/
}

#sidebar .list-group-item-menu {
    background-color: #0982C9 !important;
	color: #84C1E4;
    border-color: #0982C9;
}

#sidebar .list-group-item-menu:hover,
 .list-group-item-menu.current {
	color: #fff !important;
}
/* ↑For contents menu of global navi  */

#sidebar .list-group-item.current {
	border-left:#0982C9 7px solid;
}

#sidebar .list-group-item:hover {
    color: #267299;
    border-left:#0982C9 7px solid;
}

#sidebar .list-group-item.sub {
    margin-left:15px;
}

#sidebar .list-group-item.subsub {
    margin-left:25px;
}

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
    background-color: #f5f5f5;
}

/* closed state */
#sidebar .list-group .lnav_sub_menu[aria-expanded="false"]::after {
  font-family: "Font Awesome 5 Free";
  content: " \f0d7";
  font-weight: 900;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
  background-color: #f5f5f5;
}
#sidebar .list-group .lnav_sub_menu[aria-expanded="true"]::after {
  font-family: "Font Awesome 5 Free";
    content: " \f0da";
    font-weight: 900;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item  {
  padding-left: 20px;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item {
  padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
  padding-left: 40px;
}

/* change transition animation to width when entire sidebar is toggled */
#sidebar.collapse {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

#sidebar.collapsing {
  opacity: 0.8;
  width: 0;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;

}

.global_icon {
	color:#0982C9;
}

/* Step Navigation */
.nav-pills.nav-wizard > li
{
	position: relative;
	overflow: visible;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.nav-pills.nav-wizard > li + li
{
	margin-left: 0;
}

.nav-pills.nav-wizard > li:first-child
{
	border-left: 0;
}

.nav-pills.nav-wizard > li:first-child span
{
	border-radius: 5px 0 0 5px;
}

.nav-pills.nav-wizard > li:last-child
{
	border-right: 0;
}

.nav-pills.nav-wizard > li:last-child span
{
	border-radius: 0 5px 5px 0;
}

.nav-pills.nav-wizard > li span
{
	border-radius: 0;
	background-color: #eee;
}

.nav-pills.nav-wizard > li:not(:last-child) span:after
{
	position: absolute;
	content: "";
	top: 0px;
	right: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #eee;
	z-index: 150;
}

.nav-pills.nav-wizard > li:not(:first-child) span:before
{
	position: absolute;
	content: "";
	top: 0px;
	left: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: #eee #eee #eee transparent;
	z-index: 150;
}

.nav-pills.nav-wizard > li:not(:last-child) span.active:after
{
	border-color: transparent transparent transparent #0982C9;
}

.nav-pills.nav-wizard > li:not(:first-child) span.active:before
{
	border-color: #0982C9 #0982C9 #0982C9 transparent;
}

.nav-pills.nav-wizard > li span.active
{
	background-color: #0982C9;
}

.nav-pills.nav-wizard > li:not(:last-child) span.done:after
{
	border-color: transparent transparent transparent #D1EAE7;
}

.nav-pills.nav-wizard > li:not(:first-child) span.done:before
{
	border-color: #D1EAE7 #D1EAE7 #D1EAE7 transparent;
}

.nav-pills.nav-wizard > li span.done
{
	background-color: #D1EAE7;
}

/*====================
 +catch_all_agreement
====================*/

input.chk_agree_checkbox[type=checkbox] {
	transform: scale(1.4);
}

div.chk_agree div.chkbox {
	float:left;
	padding-right:10px;
}

div.chk_agree div.agree_contents {
	float:left;
	padding-right:10px;
}

div#catch_all_agreement_box {
	height: 200px;
	border: solid 1px #999999;
	overflow-y: scroll;
	padding: 0;
}
#catch_all_agree_field {
	width: 90%;
	padding: 0 30px;
	margin: 5px 0;
	text-align: left;
}
#catch_all_agreement_box h2 {
	padding:0 0 0 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
#catch_all_agreement_box p {
	margin-bottom: 0;
}
#catch_all_agreement_box ul {
	list-style-type: lower-alpha;
	margin: 5px 0 5px 10px;
	padding-left:20px;
}
#catch_all_agreement_box ol {
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
	padding-left:20px;
}

span.Qes{
	font-size:20px;
	font-weight: bold;
	color: #ff6600;
}
span.Ans{
	font-size:20px;
	font-weight: bold;
	color: #0033ff;
}
table.view_list dl dt {
	float:left;
	padding-right:5px;
}
table.view_list dl dd {
	padding-left: 30px;
}

/*** Server Form Check Error Color IT-4824 ***/
input.error,
select.error {
	border:solid 1px #dc3545;
}
textarea.error{
	border: 1px solid #dc3545;
}
div.error{
	border: 1px #dc3545 solid;
}
fieldset.error {
	border: 1px #dc3545 solid;
}


/*** img.lazyのmax-width, height: autoの指定。
 *!importantを付加しないと高さに定数が指定されている場合にうまくレスポンシブに表示されない。
 ****/
img.lazy
{
	max-width: 100% !important;
	height: auto !important;
}