@charset "UTF-8";

/* ---------------------------------------------------------------
インターネットバンキングのお知らせ一覧：p-news_ib
-----------------------------------------------------------------*/

.p-news_ib_list{
	margin-bottom: 72px;
}

/*「重要」アイコン*/
.p-news_ib_list .o-newsList__link{
	text-decoration: none;
	padding-left: 30px;
	position: relative;
}

.p-news_ib_list .o-newsList__item.this-attention .o-newsList__link:before{
	content:"重 要";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: var(--color-red);
	color: #fff;
	padding: 0px 2px;
	text-align: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


/*カテゴリ表記*/
.p-news_ib_list .o-newsList__date:before{
	content:"";
	display: inline-block;
	width: 60px;
	margin-right: 10px;
	letter-spacing: 0;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.p-news_ib_list .this-kyouyu .o-newsList__date:before{
	content:"IB共有";
	border: 1px solid var(--color-black);
	color: var(--color-black);
}

.p-news_ib_list .this-kojin .o-newsList__date:before{
	content:"個人IB";
	border: 1px solid var(--color-red);
	color: var(--color-red);
}

.p-news_ib_list .this-houjin .o-newsList__date:before{
	content:"法人IB";
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}

.p-news_ib_list .this-gaitame .o-newsList__date:before{
	content:"外為IB";
	border: 1px solid var(--color-blue__vivid);
	color: var(--color-blue__vivid);
}

/* ---------------------------------------------------------------
インターネットバンキングのお知らせ記事：p-news_ib_data
-----------------------------------------------------------------*/
.p-news_ib_data{
	max-width: 1200px;
	padding-bottom: 50px;
}

.p-news_ib_data_title p{
	letter-spacing: 0.2em;
	color: #5B5B5B;
	font-size: 1.4rem;
}

.p-news_ib_data_title h3{
	text-align: left;
}

.p-news_ib_data_title p:before{
	display: inline-block;
	width: 100px;
	margin-right: 10px;
	letter-spacing: 0;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
}


.p-news_ib_data_title p.p-news_ib_list_icon-kyouyu:before{
	content:"IB共有";
	border: 1px solid var(--color-black);
	color: var(--color-black);
}

.p-news_ib_data_title p.p-news_ib_list_icon-kojin:before{
	content:"個人IB";
	border: 1px solid var(--color-red);
	color: var(--color-red);
}

.p-news_ib_data_title p.p-news_ib_list_icon-houjin:before{
	content:"法人IB";
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}

.p-news_ib_data_title p.p-news_ib_list_icon-gaitame:before{
	content:"外為IB";
	border: 1px solid var(--color-blue__vivid);
	color: var(--color-blue__vivid);
}


.p-news_ib_data_title .this-attention:before{
	content:"重 要";
	display: block;
	width: 100px;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: var(--color-red);
	color: #fff;
	padding: 2px 0;
	margin-bottom: 5px;
	text-align: center;
}


.p-news_ib_data h3:after{
	left: 0;
	right: auto;
}

.p-news_ib_data_btn{
	padding: 50px 0;
	text-align: center;
}

.p-news_ib_data_btn a{
	max-width: 430px;
	padding: 20px;
	width: 100%;
	margin: auto;
}

.p-news_ib_data .this-data table{
	table-layout: fixed;
}

.p-news_ib_data .this-data table th{
	text-align: center;
}
