img {
max-width: 100%;
}

body {
	font-size: 12px;
	padding: 0;
	position: relative;
	z-index: 1;
}
body.toppage {
	padding: 50px 0 0;
}
.ui-mobile-viewport{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);}
/* ---------------------------
	ヘッダー
--------------------------- */
#appBan {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #D0C8E0;
z-index: 101;
}
#appBan img {
max-width: 100%;
}
#appBan > .inner {
padding: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
#appBan > .inner > p {
display: flex;
align-items: center;
margin: 0 2px;
}
#appBan > .inner > p.close span {
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #000;
position: relative;
cursor: pointer;
}
#appBan > .inner > p.close span::before,
#appBan > .inner > p.close span::after {
display: block;
width: 12px;
height: 2px;
overflow: hidden;
font-size: 0;
line-height: 0;
content: "";
position: absolute;
background: #FFF;
left: 2px;
top: 7px;
border-radius: 1px;
}
#appBan > .inner > p.close span::before {
transform: rotate(-45deg)
}
#appBan > .inner > p.close span::after {
transform: rotate(45deg)
}
#appBan > .inner > p.icon {
width: 50px;
}
#appBan > .inner > p.text {
font-size: calc( 10em/12 );
line-height: 1.6em;
font-weight: bold;
}
#appBan > .inner > p.dl {
flex-basis: 135px;
min-height: 40px;
}
#appBan > .inner > p.dl span.ios,
#appBan > .inner > p.dl span.android{
display: none;
}
#appBan > .inner > p.dl span.android img{
width: 135px;
}
#appBan > .inner >:last-child {
margin-left:auto;
}





div.overlayScreen {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 110%;
display: none;
background: #000;
opacity: 0.5;
z-index: 50;
}

header {
	position: relative;
}
.fixed header,
.toppage header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 20000;
	background: #FFF;
	overflow-y: scroll;
	max-height: 100%;
}
header > div.main {
	z-index: 20000;
	height: 47px;
	border-bottom: 3px solid #252a76;
}
header > div.main > p.title {
	text-align: center;
	padding: 5px 0 0;
}
header > div.main > p.title img {
	width: 106px;
}
header > div.main > p.menu {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("/sp/images/common/bt_header_menu.png") left top no-repeat;
	background-size: 100px auto;
	z-index:  20000;
}
header > div.main > p.menu.open {
	background-position: right top;
}

header > div.main > p.logon {
position: absolute;
right: 10px;
top:  12px;
z-index:  20000;
}
header > div.main > p.logon span{
display: block;
font-size: 14px;
line-height: 14px;
padding: 6px 6px 6px 0;
border-radius: 4px;
text-align: center;
width: 7em;
font-weight: bold;
}
header > div.main > p.logon span.off {
background: #ffe632;
color: #252a76;
}
header > div.main > p.logon span.off::after {
content :" ";
display: inline-block;
position: absolute;
width: 6px;
height: 6px;
top: 50%;
margin-top: -5px;
right: 8px;
margin-left: 5px;
border-top: 2px solid #1f2678;
border-right: 2px solid #1f2678;
transform: rotate(135deg);
}
header > div.main > p.logon span.on {
background: #252a76;
color: #fff;
}
header > div.main > p.logon span.on::after {
content :" ";
display: inline-block;
position: absolute;
width: 6px;
height: 6px;
top: 50%;
margin-top: -5px;
right: 8px;
margin-left: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
header > div.main > p.logon span.on,
header > div.main > p.logon.open span.off {
display: none;
}
header > div.main > p.logon.open span.on {
display: block;
}

header > div.logonMenu {
font-size: 15px;
font-weight: bold;
display: none;
}
header > div.logonMenu p {
padding: 10px 0 0;
line-height: 1.1;
}
header > div.logonMenu p small {
font-size: 13px;
white-space: nowrap;
display: inline-block;
font-weight: normal;
}
header > div.logonMenu a {
display: block;
text-align: center;
text-decoration: none;
position: relative;
line-height: 1em;
}
header > div.logonMenu a span {
display: inline-block;
}
header > div.logonMenu dl,
header > div.logonMenu ul {
padding: 0 20px 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #dddddd;
}

header > div.logonMenu ul li {
margin-top: 10px;
}
header > div.logonMenu ul li.col2 {
flex-basis: 100%;
}
header > div.logonMenu ul li.login {
flex-basis: calc( 376/666*100% );
}
header > div.logonMenu ul li.about {
flex-basis: calc( 270/666*100% );
}
header > div.logonMenu ul.p_ib li.about {
flex-basis: calc( 323/666*100% );
}





header > div.logonMenu dl {
padding: 10px 30px;
align-items: center;
}
header > div.logonMenu dl dd{
flex-basis: 70%;
}
header > div.logonMenu dl dd a{
color: #fff;
background: #4073bf;
}
header > div.logonMenu dl dd a::after {
position: absolute;
right: 10px;
top: 10px;
display: block;
content: " ";
width: 1em;
height: 1em;
background: url(/sp/images/common/ic_pc_white.png) left center no-repeat;
background-size: contain;
}
header > div.logonMenu p {
text-align: center;
}
header > div.logonMenu p.close {
padding: 25px 0;
text-align: center;
}
header > div.logonMenu p.close span {
display: inline-block;
line-height: 1em;
padding: 0.75em 50px;
border-radius: 2.5em;
border: 2px solid #1f2678;
text-align: center;
color: #1f2678;
cursor: pointer;
}
header > div.logonMenu p.close span::before {
content: "×";
margin-right: 0.5em;
}



header nav{
display: none;
position: relative;
background: #333a8a;
z-index: 20000;
}
header nav > form {
background: #252a76;
padding: 15px 10px;
}
header nav > form p {
background: #e1e2ef;
border-radius: 4px;
overflow: hidden;
position: relative;
height: 45px;
box-sizing: border-box;
padding: 10px 50px 0 10px;
}
header nav > form p [type="text"] {
background: #e1e2ef;
border: 0 none;
font-size: 15px;
width: 90%;
}
header nav > form p button {
position: absolute;
border: none;
background: transparent;
padding: 0;
width: 50px;
height: 45px;
right: 0;
top: 0;
}
header nav > form p button img {
width: 100%;
}


header nav a{
padding: 10px;
display: block;
color: #fff;
text-decoration: none;
}
header nav > ul > li.personal > ul {
padding: 0 10px 10px;
font-size: 15px;
line-height: 1em;
}
header nav > ul > li.personal > ul> li > a {
background: #fff url(/sp/images/common/ic_pc_blue.png) right 10px center no-repeat;
background-size: auto 15px;
color: #1f2678;
padding: 17px 10px 17px 60px;
border-bottom: 1px solid #ddd;
position: relative
}
header nav > ul > li.personal > ul> li.bankloan > a {
background: #FFF url(/sp/images/common/ic_sp_blue.png) right 13px center no-repeat;
background-size: auto 22px;
}

header nav > ul > li.personal > ul> li:first-child > a {
border-radius: 4px 4px 0 0;
}
header nav > ul > li.personal > ul> li:last-child > a {
border-radius: 0 0 4px 4px;
border-bottom: none;
}
header nav > ul > li.personal > ul> li > a::before {
content : " ";
background: url(/sp/images/common/ic_nav_personal.png) 0 0 no-repeat;
display: block;
width: 32px;
height: 32px;
background-size: 30px auto;
position: absolute;
left: 17px;
top: 7px;
}
header nav > ul > li.personal > ul> li.saving > a::before { background-position: 0 0;}
header nav > ul > li.personal > ul> li.bankloan > a::before { background-position: 0 -47px;}
header nav > ul > li.personal > ul> li.provide > a::before { background-position: 0 -94px;}
header nav > ul > li.personal > ul> li.service > a::before { background-position: 0 -141px;}


header nav > ul > li {
border-bottom: 1px solid #9397c8;
font-size: 16px;
line-height: 16px:
font-weight: bold;
}
header nav > ul > li > a{
padding-right: 20px;

}
header nav > ul > li > a span {
display: block;
background: url(/sp/images/common/ic_pc_white.png) right center no-repeat;
background-size: auto 15px;
padding: 6px 0;
}
header nav > ul > li.personal > a span {
background-image: url(/sp/images/common/ic_sp_white.png);
background-size: auto 22px;
}

header nav > ul > li.sub > ul {
display: flex;
flex-wrap: wrap;
}
header nav > ul > li.sub > ul li{
flex-basis: 50%;
font-size: 14px;
font-weight: normal;
}

header nav > ul > li.sub > ul li a span {
display: block;
padding: 0 1em 0 20px;
position: relative;
}
header nav > ul > li.sub > ul li a span::before {
content: " ";
display: block;
position: absolute;
background-image: none;
left: 0px;
top: 6px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header nav > ul > li.sub > ul li a span::after{
content :" ";
background: url(/sp/images/common/ic_pc_white.png) right bottom no-repeat;
width: 1.5em;
height: 0.8em;
background-size: contain;
display: inline-block;
}

header nav > p.close {
padding: 25px 0;
text-align: center;
}
header nav > p.close span {
display: inline-block;
line-height: 1em;
padding: 0.75em 50px;
border-radius: 2.5em;
border: 2px solid #FFF;
text-align: center;
color: #FFF;
}
header nav > p.close span::before {
content: "×";
margin-right: 0.5em;
}

/* ---------------------------
	コンテンツ
--------------------------- */
/*
緊急
*/
#emergencyHanded {
	margin: 5px 0;
	padding: 1px 10px;
}
#emergencyHanded div{
	border:2px solid #F00;
	padding: 10px;
	background-color: #FFD;
	font-weight: bold;
	margin: 10px 0;
}
#emergencyHanded div p {
	margin: 5px 0;
}
#emergencyHanded a {
	color:#333a8a;
}

/*
メインイメージ
*/
section#mainImage{
padding: 10px 10px 40px;
overflow: hidden;
}
section#mainImage .inner {
border-radius: 5px;
}
section#mainImage .inner img {
width: 100%;
}
section#mainImage .bx-window {
z-index: 1;
margin: 0 0 40px;
border-radius: 5px;
box-shadow: 0 0 5px 2px #CCC;
}
section#mainImage .bx-window #bxslider{
}

section#mainImage .bx-controls .bx-pager {
position: absolute;
z-index: 50;
width: 100%;
left: 0px;
bottom: -35px;
text-align: center;
}
section#mainImage .bx-pager .bx-pager-item {
display: inline-block;
}
section#mainImage .bx-pager .bx-pager-item a {
display: inline-block;
text-indent: -9999px;
width: 10px;
height: 10px;
background: #ccc;
border-radius: 100%;
margin: 0 3px;
}
section#mainImage .bx-pager a.active {
background: #1f2678;
}

section#mainImage a.bx-prev,
section#mainImage a.bx-next{
display: block;
text-indent: -9999px;
width: 55px;
margin-top: -32px;
top: 50%;
height: 65px;
position: absolute;
z-index: 100;
}
section#mainImage a.bx-prev{
left: -35px;
background: url(/sp/images/index/ic_mainimage_prev.png);
background-size: auto 65px;
}
section#mainImage a.bx-next{
right: -35px;
background: url(/sp/images/index/ic_mainimage_next.png);
background-size: auto 65px;
}

section#mainImage .bx-controls-auto-item {
position: absolute;
width: 29px;
height: 28px;
bottom: -35px;
right: 0px;
z-index: 51;
}
section#mainImage .bx-controls-auto a{
display: block;
text-indent: -9999px;
width: 29px;
height: 28px;
}
section#mainImage .bx-controls-auto a.bx-start{
background: url(/images/index/ic_mainimage_start.png);
}
section#mainImage .bx-controls-auto a.bx-stop{
background: url(/images/index/ic_mainimage_stop.png);
}
section#mainImage .bx-controls-auto a:hover,
section#mainImage .bx-wrapper > a:hover,
section#mainImage .bx-pager a:hover {
opacity: 0.8;
}



/*
共通メニュー
*/
section#commonMenu {
	padding: 0 10px;
	margin: 10px 0 5px;
}
section#commonMenu ul {
	display: flex;
	flex-wrap: wrap;
}
section#commonMenu ul li {
	flex-basis: 33%;
	font-size: 13px;
	margin: 0 0 15px;
}
section#commonMenu ul li a {
	display: block;
	text-align: center;
	color: #333;
	text-decoration: none;
	line-height: 1em;
}
section#commonMenu ul li img {
	width: 63px;
}
section#commonMenu ul li strong {
	display: block;
	text-align: center;
	margin: 5px 0 0;
	line-height: 1.4em;
}
section#commonMenu ul li strong span {
	font-size: 11px;
	display: block;
	font-weight: normal;
}



/*
個人向けメニュー
*/
section#personalMenu {
	margin: 10px 0 0;
	background: #f0eeeb;
	padding: 20px 10px;
}
section#personalMenu img {
	width: 100%;
}
section#personalMenu > ul {
	display: flex;
	justify-content: space-between;
}
section#personalMenu > ul > li{
	display: flex;
	align-items:center;
	flex-basis: 25%;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-bottom-color: #FFF;
	border-radius: 4px 4px 0 0;
	font-weight: bold;
	color: #1f2678;
	padding: 15px 0 10px;
	position: relative;
	z-index: 1;
}
section#personalMenu > ul > li.current{
	border-color: #333a8a !important;
	background: #333a8a;
	color: #fff;
}
section#personalMenu > ul > li::after{
	z-index: 2;
	content: " ";
	display: block;
	position: absolute;
	background-image: none;
	left: 50%;
	bottom: 1px;
	margin-left: -3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
section#personalMenu > ul > li > span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
}


section#personalMenu > div {
	background: #333a8a;
	padding: 20px 15px;
	border-radius: 0 0 4px 4px;
}
section#personalMenu > div ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section#personalMenu > div ul li{
	flex-basis: 49%;
	margin-bottom: 5px;
}
section#personalMenu > div ul li.col2{
	flex-basis: 100% !important;
}
section#personalMenu > div p.moreLink {
	padding: 0 30px;
	margin: 15px 0 0;
}
section#personalMenu > div p.moreLink a {
	display: block;
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	border-radius: 20px;
	background: #a3d4ff;
	text-align: center;
	font-weight: bold;
	color: #1f2678;
	text-decoration: none;
}
section#personalMenu > div p.moreLink a span {
	display: block;
	position: relative;
}
section#personalMenu > div p.moreLink a span::before {
	content: " ";
	display: block;
	position: absolute;
	background-image: none;
	right: 18px;
	top: 14px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #1f2678;
	border-right: 3px solid #1f2678;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
section#personalMenu > div.loan div {
	background: #f7f6f0;
	padding: 10px 15px 15px;
	margin: 0 0 5px;
	border-radius: 4px;
}
section#personalMenu > div.loan div ul li{
	flex-basis: 49%;
	margin-bottom: 5px;
}





/*
個人向けバナー
*/
section#exBannerBlock {
	margin: 0 0 20px;
	background: #f0eeeb;
	padding: 0 25px 10px;
}
section#exBannerBlock ul li {
	margin: 0 0 10px;
}
section#exBannerBlock ul li img {
	width: 100%;
}


/*
content :: newsBlock
*/
section#newsBlock {
margin: 20px 0 10px;
padding: 0 10px;
}
section#newsBlock ul li{
margin: 0 0 10px;
}
section#newsBlock ul li a {
display: block;
border: 1px solid #1f2678;
border-radius: 4px;
color: #1f2678;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 15px;
}
section#newsBlock ul li a span {
display: block;
position: relative;
background: url(/sp/images/common/ic_pc_blue.png) right center no-repeat;
background-size: auto 1em;
}
section#newsBlock ul li a span::before {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 0.5em 0 0;
content: " ";
vertical-align: middle;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(/sp/images/index/ic_newsBlock_title.png);
background-size: 15px auto;
}
section#newsBlock ul li.topics a span::before { background-position: 0 -51px; }
section#newsBlock ul li.news a span::before { background-position: 0 -102px; }






/*
content :: exInfoBlock
*/
section#exInfoBlock {
	margin: 15px auto;
	padding: 0 10px;
}
section#exInfoBlock ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
section#exInfoBlock ul li {
	flex-basis: 47.8%;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	border: 1px solid #CCC;
	border-radius: 4px;
}
section#exInfoBlock ul li a {
	width: 100%;
	display: block;
	padding: 10px 10px 10px 30px;
	text-align: left;
	font-size: 13px;
	text-decoration: none;
	border-radius: 4px;
	position: relative;
	color: #333;
}
section#exInfoBlock ul li a span {
	display: block;
	background: url(/sp/images/common/ic_pc_blue.png) right center no-repeat;
	background-size: 14px auto;
	position: relative;
	padding: 0 15px 0 0;
	line-height: 1.4em;
}
section#exInfoBlock ul li.sp a span {
	background: url("/sp/images/common/ic_sp_blue.png") right 2px center no-repeat;
	background-size: 10px auto;
}
section#exInfoBlock ul li a::before {
	content: " ";
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	left: 5px;
	top: 50%;
	margin-top: -10px;
	background: url(/images/index/ic_exInfoBlock.png) no-repeat;
}
section#exInfoBlock ul li.closing a::before { background-position: 0px 0px }
section#exInfoBlock ul li.attention_fnc_com a::before { background-position: -30px -30px }
section#exInfoBlock ul li.kinyu_enkatsuka a::before { background-position: -60px -60px }
section#exInfoBlock ul li.faq a::before { background-position: -90px -90px }
section#exInfoBlock ul li.typhoon a::before { background-position: -120px -120px }
section#exInfoBlock ul li.era a::before { background-position: -150px -150px }
section#exInfoBlock ul li.rule a::before { background-position: -180px -180px }



/*
ナビゲーションメニュー
*/
section#navigation {
	margin: 0 10px 10px;
	font-size: medium;
}

section#navigation ul:before,
section#navigation ul:after { content:""; display:table; }
section#navigation ul:after { clear:both; }

section#navigation ul li {
	float: left;
	width: 24%;
	margin-right: 1%;
}

section#navigation ul li:last-child {
	width: 25%;
	margin: 0;
}

section#navigation ul li a {
	display: block;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E4E4E4), color-stop(0.51, #F0F0F0), color-stop(0.50, #FFF), color-stop(0.00, #F4F4F4));
	background: -webkit-linear-gradient(top, #F4F4F4 0%, #FFF 50%, #F0F0F0 51%, #E4E4E4 100%);
	background: -moz-linear-gradient(top, #F4F4F4 0%, #FFF 51%, #F0F0F0 51%, #E4E4E4 100%);
	background: -o-linear-gradient(top, #F4F4F4 0%, #FFF 51%, #F0F0F0 51%, #E4E4E4 100%);
	background: -ms-linear-gradient(top, #F4F4F4 0%, #FFF 51%, #F0F0F0 51%, #E4E4E4 100%);
	background: linear-gradient(to bottom, #F4F4F4 0%, #FFF 51%, #F0F0F0 51%, #E4E4E4 100%);
	text-align: center;
	color: #000;
	text-shadow: 1px 0 1px #000;
	font-size: small;
	text-decoration: none;
	padding: 8px 0;
}

section#navigation ul li span {
	display: block;
	width: 100%;
	line-height: 16px;
	height: 32px;
	padding: 8px 0;
	vertical-align: middle;
}

section#navigation ul li.interest span.ic {
	background:url(../images/ic_navi01.png) center 45% no-repeat;
	background-size: auto 80%;
}
section#navigation ul li.fee span.ic {
	background:url(../images/ic_navi02.png) center 45% no-repeat;
	background-size: auto 80%;
}
section#navigation ul li.seminar span.ic {
	background:url(../images/ic_navi03.png) center 45% no-repeat;
	background-size: auto 80%;
}
section#navigation ul li.miss span.ic {
	background:url(../images/ic_navi04.png) center 45% no-repeat;
	background-size: auto 80%;
}
section#navigation ul li.atm span.ic{
	background:url(../images/ic_navi05.png) center 45% no-repeat;
	background-size: auto 80%;
}

section#navigation ul li.interest span.text {
	line-height: 32px;
}





/*
おすすめ情報
*/
section#recommend {
	margin: 5px 0 1px;
	padding: 6px 10px;
	background:#d8e6f3;
}

section#recommend p {
	border: 1px solid #BBB;
	border-radius: 2px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ebebeb), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ebebeb);
	background: -moz-linear-gradient(#fff, #ebebeb);
	background: -o-linear-gradient(#fff, #ebebeb);
	background: -ms-linear-gradient(#fff, #ebebeb);
	background: linear-gradient(#fff, #ebebeb);
}

section#recommend p a {
	display: block;
	padding: 5px 5px 5px 50px;
	color: #000;
	text-shadow: 1px 0 1px #000;
	text-decoration: none;
	background:url(../images/ic_recommend.png) 5px center no-repeat;
	background-size: 42px auto;
	min-height: 42px;
	line-height: 42px;
}

section#recommend p a span {
	display: block;
	background:url(../images/ic_window02.png) right center no-repeat;
	background-size: 20px auto;
}



/*
商品・サービス
お知らせ
*/

section#service {
	display: none;
	padding: 10px;
	background: #CCC;
}

section#service h2 {
	margin: 10px 0 0;
	padding: 6px 0;
	border: 1px solid #246c9b;
	border-radius: 5px 5px 0 0;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2386c3), color-stop(0.51, #2386c3), color-stop(0.50, #2386c3), color-stop(0.00, #63b8e7));
	background: -webkit-linear-gradient(top, #63b8e7 0%, #2386c3 50%, #2386c3 51%, #2386c3 100%);
	background: -moz-linear-gradient(top, #63b8e7 0%, #2386c3 50%, #2386c3 51%, #2386c3 100%);
	background: -o-linear-gradient(top, #63b8e7 0%, #2386c3 50%, #2386c3 51%, #2386c3 100%);
	background: -ms-linear-gradient(top, #63b8e7 0%, #2386c3 50%, #2386c3 51%, #2386c3 100%);
	background: linear-gradient(to bottom, #63b8e7 0%, #2386c3 50%, #2386c3 51%, #2386c3 100%);
	color: #FFF;
	text-shadow: 1px 0 1px #FFF;
	font-weight: normal;
}

section#service div:first-child h2 {
	margin: 0;
}

section#service ul li {
	border: 1px solid #8596ac;
	border-top: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ebebeb), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ebebeb);
	background: -moz-linear-gradient(#fff, #ebebeb);
	background: -o-linear-gradient(#fff, #ebebeb);
	background: -ms-linear-gradient(#fff, #ebebeb);
	background: linear-gradient(#fff, #ebebeb);
}

section#service ul li:last-child {
	border-radius: 0 0 5px 5px;
}

section#service ul li a {
	display: block;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	text-decoration: none;
	color: #000;
	text-shadow: 1px 0px 1px #000;
}

section#service ul li:last-child a {
	border-bottom: none ;
}

section#service ul li a span {
	display: block;
	background:url(../images/ic_window02.png) right center no-repeat;
	background-size: contain;
	background-size: 15px 14px;
}

section#service ul li.next a span {
	background:url(../images/ic_sp02.png) right center no-repeat;
	background-size: 14px 20px;
	min-height: 20px;
}



/*
金融商品に関するご留意点　など
*/

section#links {
	margin: 16px 10px 0;
}

section#links li {
	border: 1px solid #CCC;
	background-color: #EEE;
	margin: 0 0 4px;
}

section#links ul li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
}

section#links ul li a span {
	display: block;
	background:url(../images/ic_window03.png) right center no-repeat;
	background-size: auto 80%;
}



/*
法人・事業主のお客様　など
*/

section#company {
	margin: 10px 0;
}

section#company li {
	border-top: 1px solid #CCC;
}

section#company li:last-child {
	border-bottom: 1px solid #CCC;
}

section#company ul li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #333;
}

section#company ul li a span {
	display: block;
	background:url(../images/ic_window04.png) right center no-repeat;
	background-size: contain;
}





/*
サービスセンター
*/

section#sc {
	margin: 10px;
}

section#sc p img {
	width: 100%;
}




/* ---------------------------
	フッター
--------------------------- */
/*
戻るボタン
*/
footer div.button {
	display: none;
	margin: 10px;
}

footer div.button p {
	margin: 5px 0;
	border: 1px solid #999;
	box-shadow: 1px 1px 1px #DDD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #494949), color-stop(0.00, #a0a0a0));
	background: -webkit-linear-gradient(top, #a0a0a0 0%, #494949 99%);
	background: -moz-linear-gradient(top, #a0a0a0 0%, #494949 99%);
	background: -o-linear-gradient(top, #a0a0a0 0%, #494949 99%);
	background: -ms-linear-gradient(top, #a0a0a0 0%, #494949 99%);
	background: linear-gradient(to bottom, #a0a0a0 0%, #494949 99%);
	border-radius: 4px;
}

footer div.button p a {
	color: #FFF;
	text-shadow: 0 1px 0 #FFF, 1px 1px 2px #999;
	padding: 8px 0;
	text-align: center;
	display: block;
	text-decoration: none;
}

footer div.button p a span {
	display: inline-block;
	padding: 0 0 0 20px;
	background:url(../images/ic_up01.png) left center no-repeat;
	background-size: auto 50%;
}


/*
トップへ戻る
*/
footer #pageTop {
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: left;
	opacity: 0.9;
	z-index: 100;
}
footer #pageTop a {
	display: block;
	text-indent: -9999px;
	width: 61px;
	height: 61px;
	padding: 0;
	background: url(/sp/images/common/bt_pagetop.png);
	background-size: contain;
}

/*
フッタメニュー
*/
footer .footerMenu {
margin-top: 20px;
cursor: pointer;
}
footer .footerMenu p {
font-size: 14px;
font-weight: bold;
padding: 12px 10px 12px 36px;
border-top: 1px solid #1f2678;
z-index: 1;
background: url(/sp/images/common/ic_footerMenu.png) 12px center no-repeat;
background-size: auto 18px;
}
footer .footerMenu p span {
display: block;
position: relative;
}
footer .footerMenu p span::before {
position:absolute;
right: 0;
top: 0;
width: 1.2em;
height: 1.2em;
background: #999;
content: " ";
border-radius: 100%;
}
footer .footerMenu p span::after {
position:absolute;
right: 0;
top: 0;
width: 1.2em;
line-height: 1.2em;
text-align: center;
content: "+";
color: #fff;
}
footer .footerMenu p.open span::after {
content: "-";
}
footer .footerMenu ul {
display: none;
}
footer .footerMenu ul li {
border-top: 1px solid #dddddd;
}
footer .footerMenu ul li a {
display: block;
padding: 10px;
color: #666;
text-decoration: none;
}
footer .footerMenu ul li a span {
display: block;
background: url(/sp/images/common/ic_pc_gray.png) right center no-repeat;
background-size: auto 1em;
position: relative;
}
footer .footerMenu ul li a[href$=".pdf"] span {
background: none;
}
footer .footerMenu ul li a[href$=".pdf"] span::before {
content: " ";
position: absolute;
background-image: none;
right: 3px;
top: 4px;
width: 6px;
height: 6px;
border-top: 3px solid #999;
border-right: 3px solid #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
footer .footerMenu ul li a[href$=".pdf"] span::after {
display: inline-block;
content: " ";
background: url(/sp/images/common/ic_pdf_gray.png) right bottom no-repeat;
background-size: contain;
width: 2.5em;
height: 1em;
vertical-align: middle;
}




/*
コピーライト
*/
footer {
}

footer .copyright {
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #1f2678;
	padding: 5px 10px;
}

footer .copyright p a {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 15px 0;
	text-decoration: none;
}
footer .copyright p a span {
	display: block;
	position: relative;
	padding: 0 20px 0 25px;
	background: url(../images/common/ic_pc_white2.png) left center no-repeat;
	background-size: auto 1em;
}
footer .copyright p a span::after {
content: " ";
position: absolute;
background-image: none;
right: 3px;
top: 5px;
width: 6px;
height: 6px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.l-header {
	margin-bottom: 60px;
}

.l-header__login {
	overflow-y: auto !important;
}

.l-header__contents {
	overflow-y: auto !important;
}