@charset "utf-8";

.drower-menu .itbanking{
	background:#b8eafda3;
}

/*pc*/
.login .list_link01,
.index .list_link02,
.index04 .list_link03,
.index03 .list_link04,
.itbkojin .list_link05,
.itbhoujin .list_link06,
.manualkojin .list_link07,
.manualhoujin .list_link08{
	background:#ffdf00;
}
/*sp*/
.login .itbanking1,
.index .itbanking2,
.index04 .itbanking3,
.index03 .itbanking4,
.itbkojin .itbanking5,
.itbhoujin .itbanking6,
.manualkojin .itbanking7,
.manualhoujin .itbanking8{
background: linear-gradient(90deg,#94defb24 7%,rgb(243 227 146) 100%);

}



#submenu{
  text-align:center;
  font-size:0.9em;

}

#submenu ul{
  width:100%;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
#submenu li{
	width:32%;
  min-width:200px;
  height:30px;
  border:1px solid gray;
}

#submenu a{
  background: linear-gradient(#bbb9b9,black);
  display:inline-block;
  width:100%;
  height:100%;
color:white;
font-weight:bold;
line-height:30px;
text-decoration:none;
}
#submenu a:hover{
  background: linear-gradient(#d8e4ff,#3e789f);
}

#submenu .checked{
  background: linear-gradient(#d8e4ff,#3e789f);
}





#guide {
	background:#dcefff;
	padding-bottom:5px;
	margin-bottom:5px;
}
#guide ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style-type:circle;
	padding-left:20px;
}
#guide li{
	width:200px;

}

#guide a{
	font-size:1.4em;

}
.entry span{
	display:block;
	text-align:right;
	background: linear-gradient(90deg,#ffffff00 7%,#00caffa7 100%);
}
.entry .img{
	text-align:center;
}
.entry img{
	width:70%;
	max-width:570px;
	min-width:300px;
}
.entry .creco{
	background:#d5ffd0;
	padding:0 1em 1em;
}
.section ul{
	padding-left:1em;
}

#jump-nav ul{
  margin:0;
  padding:0;
  display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

#jump-nav li{
  display:inline-table;
  margin:3px;
  line-height:2em;
  font-size:1.2em;
  width:310px;

}

#jump-nav a {
	display:inline-block;
  width:310px;
	padding-left:1em;
	align-items: center;
	position: relative;
	color: #333;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #caebff;
	border: 1px solid transparent;
}

#jump-nav a:hover {
	color: #f2f2f2;
}


#jump-nav a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 50%;
}

#jump-nav a::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right:8.5%;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #333 #333 transparent transparent;
}

#jump-nav a:hover {
	background-color: #009eb9;
	border: 1px solid #333;
}

#jump-nav a:hover::before {
	border: 1px solid #f2f2f2;
}

#jump-nav a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

/*table*/
.section table{
	margin:3% 3%;
	border-collapse:collapse;
	border:2px solid #acadb3;
}

.section table caption{
	font-weight:bold;
	font-size:1.3em;
}

.section table .items{
	background:#d8dbe1;
	width:15%;
}

.section table .item{
	text-align:center;
}

.section table th{
	border:1px solid #9a9db3;
	background:#5f6164;
	color:white;
}

.section table tr,
.section table td{
	border:1px solid #9a9db3;
	font-weight:100;
	line-height:2em;
}

.section table img{
	display:block;
}

.section table .forPerson{
	background:#ddfbdd;
}

.section table .forBusiness{
	background:#ddedfbf9;
}

/*dl dt dd*/
.section dt{
	margin:10px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:2px solid #93a6b9;
}

/*li*/
.section li{
	line-height:2em;
}

/*for index03.html*/
#section_flow dd {
  margin-left: 0;
}

.flow {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all 0.5s;
    margin: 0 auto;
    font-size: 15px;
}
.flow ul{
	padding:0;
}
.flow>li{
	border:2px solid #afddfb;
	border-radius: 10px;
	margin-bottom:2em;
	position: relative;
    padding: 0 10px;
}
.flow>li::after{
    content: "";
    position: absolute;
    bottom:-40px;
    left: 50%;
    border: 1em solid transparent;
    border-top: 1em solid #87e6f9;
}
.flow>li:last-child:after {
    border: none; 
}
.flow h4{
	padding-left:0;
	border-bottom:2px solid #afddfb;
	background:#fff;
	font-weight:bold;
}


  /*for login.html*/
        #login-btn {
            display: flex;
            justify-content: space-around;
        }

        #login-btn div {
            width: 300px;
            margin-bottom: 2em;
            color: #fff;
            text-align: center;
        }

        #login-btn span {
            display: block;
            line-height: 2em;
            font-size: 1.7em;
            font-weight: bold;
        }

        #login-btn .login {
            display: block;
            margin: 0.9em;
            line-height: 3em;
            color: white;
            font-size: 1.4em;
            font-weight: bold;
            border-radius: 5px;
            text-decoration: none;
            text-shadow: 1px 2px gray;
        }

        .manual {
            display: block;
            background: white;
            padding: .5em;
            margin: 15px;
            font-weight: bold;
            border: 2px solid white;
        }

        .manual:hover {
            color: white;
        }

        /*color*/

        /*green*/
        #login-btn .login-kojin {
            background: #34c703;
        }

        #login-btn .login-kojin .login {
            background: linear-gradient(#d6f9a4, #21f917);
        }

        #login-btn .login-kojin .login:hover {
            background: linear-gradient(#aeef51, #1bd512);
        }

        #login-btn .login-kojin .manual:hover {
            background: #33b009;
        }

        /*blue*/
        #login-btn .login-houjin {
            background: #045ec3;
        }

        #login-btn .login-houjin .login {
            background: linear-gradient(#dbfff8, #149de3);
        }

        #login-btn .login-houjin .login:hover {
            background: linear-gradient(#9dd7cc, #0a82bf);
        }

        #login-btn .login-houjin .manual:hover {
            background: #154c8b;
        }

.border_container{
	border:1px solid gray;
	margin:15px;
}



.security{
	padding:1em 2em;
	background:#e9e9e9;
	font-size:.95em;
	color:#0d2e45;
}

.security h2{
	border:none;
}

.security .telbox{
	border:double
}




.ITbank-news dt,
.ITbank-news dd{
	margin:0;
	padding:.3em;
}
.ITbank-news dl{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}

.ITbank-news dt{
	width:13rem;
	border-top:1px solid gray;
	border-bottom:0;
	background-color:#e5e8eb;
	text-align:center;
	font-size:1.5rem;
}

.ITbank-news dd{
	width:calc(100% - 13rem);
    border-top:1px solid gray;
}

.ITbank-news a{
	display:block;
	margin-left:1em;
}

.ITbank-news .forper{
	background:#bcffb8;	
}


.ITbank-news .forper+dd{
	background:#e7fbe3;	
}

.ITbank-news .forbizz{
	background:#b8dcff;
}

.ITbank-news .forbizz+dd{
	background:#e3f7fb;
}

/*for manual*/
.manual dl{
    padding:0;
	width:97%;
	margin:0 auto;
}

.manual dt{
	display:inline-block;
	border:2px solid gray;
	padding:5px;
	max-width:95%;
}

.manual dd{
	margin:-30px 0 0 0;
	border:1px solid gray;
	padding:1.2em 1em 0;
	line-height:3em;
	font-size:1.1em;
}
.manual span,
.manual p{
	display:inline-block;
	margin:0 1em;
}

.manual .blue dt{
	background:#e5f2ff;
}

.manual .green dt{
	background:#e5ffea;
}