@charset "shift_jis";

/*=================================
	header
================================ */
#top #header .utilityArea {
	display: block;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
/*	width: 647px;*/
	width: 700px;
	margin-left: auto;
}

@media screen and (min-width: 768px) {

  #top #header .utilityArea .utilityLink01 {
    padding: 0;
    }
  #top #header .utilityArea .utilityLink01 li.menu {
    margin-right: 0;
    margin-left: 20px;
    position: relative;
    }
  #top #header .utilityArea .utilityLink01 li.menu > a {
    width: 70px;
    height: 54px;
    display: block;
    background: url(/cmn/img/header_ic04.png) no-repeat 50% 60%;
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
    text-indent: -9999px;
    }
  #top #header .utilityArea .utilityLink01 li.menu.open > a {
    background-color: #e8f6fc;
    background-image: url(/cmn/img/header_ic08.png);
    }

  #top #header .utilityArea .utilityLink01 li.menu .menuBox {
    z-index: 120;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu02 ul li {
    margin-right: 0;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu02 ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu03 > ul > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu03 li {
    margin-right: 0;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu03 li a:before {
    display: none;
    }
  #header .utilityArea .utilityLink01 .menuBox .lowerMenu04 > ul > li > a {
    font-size: 13px;
    font-size: 1.3rem;
    }
  #header .utilityArea .menuBox .closeBtn > a::before {
    display: none;
    }

}

/*=================================
	container
================================ */
#top #container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 60px;
}

/*=================================
	mainVisualArea
================================ */
#mainVisualArea {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}
/* mainContent01
-------------------------------- */
#mainVisualArea #mainContent01 {
	position: relative;
	/*margin-top: -1px;*/
}

@media screen and (min-width: 768px) {

	#mainVisualArea #mainContent01 .firstVisual {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 500px;
	}
	#mainVisualArea #mainContent01 .firstVisual.pcImg {
		display:  block;
	}
	#mainVisualArea #mainContent01 .firstVisual.spImg {
		display:  none;
	}
	#mainVisualArea #mainContent01 .firstVisual img {
		position: absolute;
		left: 50%;
		width: 1600px;
		height: 500px;
		margin-left: -800px;
	}
	#mainVisualArea #mainContent01 .mainContentSlide {
		width: 1600px !important;
		margin: 0 auto;
		text-align: center;
	}
	#mainVisualArea #mainContent01 .mainContentSlide li:nth-of-type(n+2) {
		display: none;
	}

}

#mainVisualArea #mainContent01 .mainContentSlide.pcSlide {
	/*display: none;*/
}
#mainVisualArea #mainContent01 .mainContentSlide.pcSlide li {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 500px;
}
#mainVisualArea #mainContent01 .mainContentSlide.pcSlide li img {
	position: absolute;
	left: 50%;
	width: 1600px;
	height: 500px;
	margin-left: -800px;
}
#mainVisualArea #mainContent01 .mainContentSlide.spSlide {
	display: none;
}
#mainVisualArea #mainContent01 .bx-wrapper {
	position: relative;
}
#mainVisualArea #mainContent01 .bx-controls {
	display: block;
	position: absolute;
	top: 10px;
	right: 260px;
	z-index: 60;
}
#mainVisualArea #mainContent01 .bx-controls .bx-pager {
	height: 10px;
	padding-top: 0;
	text-align: right;
	letter-spacing: -.40em;
}
#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	letter-spacing: normal;
}
#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item a {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #cccccc;
	text-indent: 9999px;
}
#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item a.active {
	background: #162688;
}

/*スマホ時ページ送り*/
@media screen and (max-width: 767px) {
  #mainVisualArea #mainContent01 .bx-controls-direction {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    width: 100%;
    margin-top: -12px;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    margin-top: 0;
	opacity: 0.65;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p.slider_prev_bt {
    left: 6px;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p.slider_next_bt {
    right: 6px;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p a {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    background-color: #c1c1c1;
    border-radius: 50%;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p a:before {
    position: absolute;
    content: '';
    display: block;
    top: 9px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p.slider_prev_bt a:before {
    left: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #mainVisualArea #mainContent01 .bx-controls-direction p.slider_next_bt a:before {
    left: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}



/* topicsArea
-------------------------------- */
#topicsArea {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	text-align: center;
}
#topicsArea * {
	color: #ffffff;
}
#topicsArea .inner {
	position: relative;
	width: 490px;
	margin: 0 auto;
	padding: 30px 0 20px;
	transition-property:all;
	transition-duration:0.5s;
}
#topicsArea .inner .topicsAccordionBtn {
	position: absolute;
	top: 8px;
	left: 50%;
	margin: 0 0 0 -44px;
}
#topicsArea .inner .topicsAccordionBtn a {
	position: relative;
	display: inline-block;
	width: 88px;
	padding: 5px 0 3px;
	border: solid 1px rgba(255,255,255,0.5);
	border-radius: 12px;
	color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.1;
	text-decoration: none;
}
#topicsArea .inner .topicsAccordionBtn a:hover {
	background: #ffffff;
	color: #333333;
}
#topicsArea .inner .topicsAccordionBtn a:before {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 7px;
	height: 1px;
	background: #ffffff;
	content: "";
}
#topicsArea .inner .topicsAccordionBtn a:after {
	position: absolute;
	top: 50%;
	right: 11px;
	width: 1px;
	height: 7px;
	margin-top: -3px;
	background: #ffffff;
	content: "";
}
#topicsArea .inner.open .topicsAccordionBtn a:before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
#topicsArea .inner.open .topicsAccordionBtn a:after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#topicsArea .inner .topicsAccordionBtn a:hover:before {
	background: #333333;
}
#topicsArea .inner .topicsAccordionBtn a:hover:after {
	background: #333333;
}
#topicsArea .inner .topicsColumn {
	display: table;
	width: 100%;
	margin-top: 40px;
	transition-property:all;
	transition-duration:0.5s;
}
#topicsArea .inner .topicsColumn:nth-of-type(1) {
	margin-top: 0;
}
#topicsArea .inner.open .topicsColumn:nth-of-type(1) {
	margin-top: 40px;
}
#topicsArea .inner .topicsColumn .figureCol {
	display: table-cell;
	width: 100px;
	padding-right: 20px;
}
#topicsArea .inner .topicsColumn .textCol {
	display: table-cell;
	width: 370px;
	vertical-align: middle;
	text-align: left;
}
#topicsArea .inner .topicsColumn .textCol .title {
	margin-top: 0;
	font-size: 15px;
	font-size: 1.5rem;
}
#topicsArea .inner .topicsColumn .textCol .detail {
	margin-top: 5px;
	font-size: 13px;
	font-size: 1.3rem;
}
/* cardModalArea
-------------------------------- */
#cardModalArea {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 500px;
	background: rgba(0,138,207,0.9);
	z-index: 500;
}
@media only screen and (max-width: 999px) {
#cardModalArea {
	overflow-x: scroll;
}
}
#cardModalArea .inner {
	position: relative;
	width: 1084px;
	margin: 0 auto;
	padding: 35px 0 0;
}
#cardModalArea .inner .modalClose {
	position: absolute;
	top: 45px;
	right: -53px;
	width: 22px;
	height: 22px;
	margin-top: 0;
	background: url(/img/index_modal_im03.png) no-repeat 0 0;
	background-size: contain;
	text-indent: -9999px;
	cursor: pointer;
}
#cardModalArea .title {
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.1;
}
#cardModalArea .unknownBtn {
	margin-top: 20px;
	text-align: center;
}
#cardModalArea .unknownBtn a {
	display: inline-block;
	width: 355px;
	padding: 10px 0;
	border: solid 1px #ffffff;
	border-radius: 18px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea .unknownBtn a:hover {
	text-decoration: underline;
}
#cardModalArea .unknownBtn a:after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 2px 10px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	vertical-align: middle;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
#cardModalArea .cardColumn {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	margin-top: 20px;
}
#cardModalArea .cardColumn .col {
	width: 510px;
	border-radius: 10px;
	background: url(/cmn/img/cmn_bg06.png) repeat 0 0;
	box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
}
#cardModalArea .cardColumn .col .colLink {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
#cardModalArea .cardColumn .col .colLink img {
	transition-property:all;
	transition-duration:0.2s;
}
#cardModalArea .cardColumn .col .colLink:hover img {
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#cardModalArea .cardColumn .col:first-child {
	position: relative;
	/*margin-right: 64px;*/
}
#cardModalArea .cardColumn .col:first-child:after {
	position: absolute;
	top: 138px;
	right: -60px;
	display: block;
	width: 56px;
	height: 56px;
	background: url(/img/index_modal_tx01.png) no-repeat 0 0;
	background-size: contain;
	cursor: default;
	content: "";
}
#cardModalArea .cardColumn .col:first-child:before {
	position: absolute;
	top: 0;
	right: -33px;
	display: block;
	width: 1px;
	height: 139px;
	background: #ffffff;
	cursor: default;
	content: "";
}
#cardModalArea .cardColumn .col:last-child {
	margin-left: auto;
}
#cardModalArea .cardColumn .col .figure {
	text-align: center;
}
#cardModalArea .cardColumn .col .figure img {
	height: 126px;
	width: auto;
}
#cardModalArea .cardColumn .col dl {
	margin-top: 10px;
}
#cardModalArea .cardColumn .col dt {
	padding: 5px 0 4px;
	background: #00a0e9;
	color: #ffffff;
	line-height: 1.1;
	text-align: center;
}
#cardModalArea .cardColumn .col dd {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
}
#cardModalArea .cardColumn .col dd ul {
	margin: 5px 0 0 0;
	padding-right: 25px;
}
#cardModalArea .cardColumn .col dd ul:last-child {
	margin-left: auto;
	padding-right: 10px;
}
#cardModalArea .cardColumn .col dd ul li {
	position: relative;
	padding-left: 8px;
	font-size: 12px;
	font-size: 1.2rem;
}
#cardModalArea .cardColumn .col dd ul li.listEnd {
	padding-left: 0;
	text-align: right;
}
#cardModalArea .cardColumn .col dd ul li:before {
	position: absolute;
	top: 0.7em;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	background: #00a0e9;
	border-radius: 2px;
	content: "";
}
#cardModalArea .cardColumn .col dd ul li.listEnd:before {
	display: none;
}
#cardModalArea .cardColumn .col .applyArea {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	/*-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
	padding-left: 85px;
}
#cardModalArea .cardColumn .col .cardIcon {
	display: inline-block;
	margin: 0;
	padding: 2px 5px 1px;
	font-size: 13px;
	font-size: 1.3rem;
}
#cardModalArea .cardColumn .col .cardIcon + .cardIcon {
	margin-left: 2px;
}
#cardModalArea .cardColumn .col .cardIcon.omType {
	border: solid 1px #e0e0e0;
	color: #112788;
	background: #ffffff;
}
#cardModalArea .cardColumn .col .cardIcon.cfType,
#cardModalArea .cardColumn .col .cardIcon.qcType {
	border: solid 1px #112788;
	color: #ffffff;
	background: #112788;
}
#cardModalArea .cardColumn .col .applyBtn {
	margin: 0 10px 0 0;
	text-align: center;
}
#cardModalArea .cardColumn .col .applyBtn span {
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 10px 0;
	border: solid 1px #1d2fa8;
	border-radius: 18px;
	color: #1d2fa8;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea .cardColumn .col .applyBtn span:hover {
	text-decoration: underline;
}
#cardModalArea .cardColumn .col .applyBtn span:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: solid 1px #1d2fa8;
	border-right: solid 1px #1d2fa8;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
/* mainContent02,mainContent03
-------------------------------- */
#mainContentWrap {
}
#mainContentWrap > ul {
	display: none;
}
/* mainContent02
-------------------------------- */
#mainVisualArea #mainContent02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 256px;
	height: 500px;
	background: rgba(255,255,255,0.85);
	z-index: 110;
}
#mainVisualArea #mainContent02 .title {
	position: relative;
	padding: 12px 10px 10px;
	background: #008acf;
	color: #ffffff;
	text-align: center;
	line-height: 1.3;
}
#mainVisualArea #mainContent02 .title:before {
	position: absolute;
	bottom: -9px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #008acf transparent transparent transparent;
	content: "";
}
#mainVisualArea #mainContent02 .title span {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
}
#mainVisualArea #mainContent02 .searchList {
	padding: 15px 16px 0;
}
#mainVisualArea #mainContent02 .searchList dt.btnLink02 {
	margin-top: 0;
}
#mainVisualArea #mainContent02 .searchList dt.btnLink02 a {
	width: 100%;
	padding: 11px 30px 9px 75px;
	border-radius: 8px;
	font-size: 16px;
	font-size: 1.6rem;
}
#mainVisualArea #mainContent02 .searchList dt.btnLink02.cardSearchBtn a {
	background-image: url(/cmn/img/cmn_ic19.png);
	background-position: 15px 50%;
	background-repeat: no-repeat;
	background-size: 35px auto;
}
#mainVisualArea #mainContent02 .searchList dt.btnLink02.loanSearchBtn a {
	background-image: url(/cmn/img/cmn_ic20.png);
	background-position: 16px 50%;
	background-repeat: no-repeat;
	background-size: 32px auto;
}
#mainVisualArea #mainContent02 .searchList dt.btnLink02 a:before {
	right: 10px;
}
#mainVisualArea #mainContent02 .searchList dd .iconLink01 {
	margin-top: 10px;
}
#mainVisualArea #mainContent02 .searchList dd .iconLink01 a {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
#mainVisualArea #mainContent02 .searchList dd .figureColumn01 {
	margin-top: 3px;
}
#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .figureCol {
	width: 74px;
	min-width: 74px;
	margin-right: 15px;
}
#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .figureCol img {
	width: 100%;
}
#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .textCol {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #555555;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}
/* mainContent03
-------------------------------- */
#mainVisualArea #mainContent03 {
	position: absolute;
	top: 0;
	right: 0;
	width: 256px;
	height: 500px;
	padding: 0 0 20px;
	background: rgba(255,255,255,0.85);
	z-index: 110;
}
@media only screen and (min-width: 768px) {
	#mainVisualArea #mainContent02,
	#mainVisualArea #mainContent03 {
		display: block !important;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
	}
}
#mainVisualArea #mainContent03 .title {
	position: relative;
	padding: 12px 10px 10px;
	background: #008acf;
	color: #ffffff;
	text-align: center;
	line-height: 1.3;
}
#mainVisualArea #mainContent03 .title:before {
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #008acf transparent transparent transparent;
	content: "";
}
#mainVisualArea #mainContent03 .title span {
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
}
#mainVisualArea #mainContent03 .serviceBox01 {
	padding: 10px 16px 6px;
}
@media only screen and (min-width: 768px) {
	#mainVisualArea #mainContent03 .serviceBox01 {
		margin-bottom: 14px;
	}
}
#mainVisualArea #mainContent03 .serviceBox01.default {
	padding: 10px 16px 6px;
}
#mainVisualArea #mainContent03 .serviceBox01 dt {
	width: 100%;
	display: table;
	margin: 12px 0 10px;
	color: #444444;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
#mainVisualArea #mainContent03 .serviceBox01 dt h3 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#mainVisualArea #mainContent03 .serviceBox01 .logoList {
	display: table-cell;
}
#mainVisualArea #mainContent03 .serviceBox01 .logoList li {
	width: 120px;
	margin: 0;
	text-align: center;
}
#mainVisualArea #mainContent03 .serviceBox01 .logoList li img {
	width: 100%;
}
#mainVisualArea #mainContent03 .serviceBox01 dd {
	padding-top: 2px;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList {
	margin-top: 4px;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li {
	display: table;
	width: 100%;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink02 {
	margin-top: 0;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 {
	margin-top: 5px;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li a {
	display: table-cell;
	width: 100%;
	min-width: 100%;
	padding: 13px 18px 10px 42px;
	border-radius: 6px;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 a {
	padding: 8px 18px 6px 42px;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li a:before {
	right: 10px;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li a[target="_blank"]:before {
	display: block;
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink02 a:after {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 36px;
	height: 26px;
	margin-top: -13px;
	background: url(/cmn/img/cmn_ic14.png) no-repeat 0 0;
	content: "";
}
#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 a:after {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 25px;
	margin-top: -12px;
	background: url(/cmn/img/cmn_ic15.png) no-repeat 0 0;
	content: "";
}
#mainVisualArea #mainContent03 .serviceBox01 .note {
	padding-top: 6px;
}
#mainVisualArea #mainContent03 .serviceBox01 .note p {
	padding-left: 12px;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
}
#mainVisualArea #mainContent03 .serviceBox01 .iconLink01 {
	margin-top: 6px;
}
#mainVisualArea #mainContent03 .serviceBox01 .iconLink01 a {
	font-size: 13px;
	font-size: 1.3rem;
}
#mainVisualArea #mainContent03 .serviceBox01 .iconLink01.default a {
	font-size: 12px;
	font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
	#mainVisualArea #mainContent03 .serviceBox02,
	#mainVisualArea #mainContent03 .serviceBox02.default{
      margin: 0 16px;
      border-top: 1px solid #dddddd;
      padding-top: 20px;
	}
}

#mainVisualArea #mainContent03 .serviceBox02 .linkBox {
	padding: 0 10px;
	background: #112788;
	border-radius: 8px;
	box-shadow:0px 2px 0px 0px #cccccc;
	-ms-box-shadow:0px 2px 0px 0px #cccccc;
	-webkit-box-shadow:0px 2px 0px 0px #cccccc;
	transition-property:all;
	transition-duration:0.2s;
	cursor: pointer;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox:hover {
	background: #505ca6;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox * {
	color: #ffffff;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox a {
	text-decoration: none;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .link {
	margin-top: 0;
	border-bottom: solid 1px #8893c4;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .link span {
	position: relative;
	display: block;
	padding: 10px 30px 10px 30px;
	background: url(/img/index_ic02.png) no-repeat 5px 50%;
	background-size: 24px auto;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .link span:after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li {
	display: table;
	width: 48%;
	margin-top: 10px;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li:nth-child(odd) {
	margin-right: 4%;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li span {
	display: table-cell;
	width: 100%;
	height:  26px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 11px;
	font-size: 1.1rem;
	vertical-align: middle;
	line-height: 1.2;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service01 span {background-image: url(/img/index_ic03.png); background-size: 22px auto;}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service02 span {background-image: url(/img/index_ic04.png); background-size: 22px auto;}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service03 span {background-image: url(/img/index_ic05.png); background-size: 19px auto;}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service04 span {background-image: url(/img/index_ic06.png); background-size: 22px auto;}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service05 span {background-image: url(/img/index_ic07.png); background-size: 18px auto;}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service06 span {background-image: url(/img/index_ic08.png); background-size: 16px auto;}

#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li span a {
	display: block;
	text-decoration: none;
}
#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li span a:hover {
	text-decoration: underline;
}
#mainVisualArea #mainContent03 .serviceBox02 .iconLink01 {
	margin-top: 3px;
}
#mainVisualArea #mainContent03 .userBtnList.cf,
#mainVisualArea #mainContent03 .iconLink01.omc,
#mainVisualArea #mainContent03 .iconLink01.cf,
#mainVisualArea #mainContent03 .linkBox.cf {
	display: none;
}


/*=================================
	importantSection
================================ */
#importantSection {
	width: 100%;
	background: #ffebeb;
	border-bottom: solid 1px #dddddd;
}
#importantSection .inner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	max-width: 1280px;
	margin: 0 auto;
	padding: 25px 17px;
}
#importantSection .title {
	width: 240px;
	padding-left: 33px;
	background: url(/img/index_ic01.png) no-repeat 0 0;
	background-size: 24px 24px;
	color: #e91e63;
	font-size: 18px;
	font-size: 1.8rem;
}
#importantSection .iconLinkList01 {
	width: 100%;
	margin-top: 0;
}
#importantSection .iconLinkList01 li {
	width: 100%;
}

/*=================================
	newsSection
================================ */
#newsSection {
	max-width: 1000px;
	margin: 0 auto;
}

/*=================================
	bannerSection
================================ */
#bannerSection {
	max-width: 1000px;
	margin: 50px auto 0;
}

#bannerSection .bx-viewport {
	height: 68px !important;
	padding-top: 1px;
}
#bannerSection .bx-viewport li {
	height: 68px !important;
}
@media only screen and (max-width: 767px) {
  #bannerSection .bx-viewport {
  	height: 40px !important;
  }
  #bannerSection .bx-viewport li {
  	height: 40px !important;
  }
}




#bannerSection .bannerList .notSlide {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#bannerSection .bannerList .notSlide li {
	width: 223px;
	margin-right: 15px;
}
#bannerSection .bannerList .notSlide li:last-child {
	margin-right: 0;
}
#bannerSection .bx-wrapper {
	position: relative;
}
#bannerSection .bx-controls-direction a {
	display: block;
	width: 20px;
	height: 40px;
	margin-top: -20px;
	text-indent: -9999px;
	transition-property:all;
	transition-duration:0.2s;
}
#bannerSection .bx-controls-direction a.bx-prev {
	position: absolute;
	top: 50%;
	left: -40px;
	background: url(/cmn/img/cmn_ic11.png) no-repeat 0 0;
	background-size: contain;
}
#bannerSection .bx-controls-direction a.bx-next {
	position: absolute;
	top: 50%;
	right: -40px;
	background: url(/cmn/img/cmn_ic12.png) no-repeat 0 0;
	background-size: contain;
}
#bannerSection .bx-controls-direction a:hover {
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#bannerSection .bx-controls-direction a.bx-prev:hover {
	left: -42px;
}
#bannerSection .bx-controls-direction a.bx-next:hover {
	right: -42px;
}


/*=================================
	linkAreaSection
================================ */
#linkAreaSection {
	width: 100%;
	margin-top: 50px;
	padding: 50px 0 30px;
	background: #f5f8fa;
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}
#linkAreaSection .linkArea {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	max-width: 1000px;
	margin: 0 auto;
}
#linkAreaSection .linkArea .col01 {
	width: 235px;
	margin-right: 20px;
}
#linkAreaSection .linkArea .col02 {
	width: 490px;
	margin-right: 20px;
}
#linkAreaSection .linkArea .col02 .iconLinkList02 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
}
#linkAreaSection .linkArea .col02 .iconLinkList02 > li {
	width: 48%;
	margin-top: 0;
}
#linkAreaSection .linkArea .col02 .iconLinkList02 > li .iconLinkList02 li {
	width: auto;
}
#linkAreaSection .linkArea .col02 .iconLinkList02 > li:first-child {
	margin-right: 4%;
}
#linkAreaSection .linkArea .col03 {
	width: 235px;
}
#linkAreaSection .linkArea .col03 *:first-child {
	margin-top: 0;
}
#linkAreaSection .linkArea .col03 li {
	margin-top: 20px;
}
#linkAreaSection .linkArea .col03 li {
	margin-top: 20px;
}
#linkAreaSection .linkArea .col03 li.spmenu {
	display: none;
}
#linkAreaSection .linkArea .col03 li.business {
	margin-top: 0;
}
#linkAreaSection .linkArea .title {
	padding: 10px 10px 8px;
	background: #e0eaf0;
	border-radius: 4px;
	text-align: center;
}
#linkAreaSection .iconLinkList01 > li,
#linkAreaSection .iconLinkList02 > li {
	width: 100%;
}
#linkAreaSection .iconLinkList02 > li > a {
	color: #555555;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
#linkAreaSection .approvalArea {
	max-width: 1000px;
	margin: 0 auto;
}

/*=================================
	groupListSection
================================ */
#groupListSection {
	max-width: 1000px;
	margin: 50px auto 0;
}
#groupListSection .heading03-01 {
	font-size: 18px;
	font-size: 1.8rem;
}
#groupListSection .groupList {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#groupListSection .groupList li {
	margin: 20px 20px 0 0;
}
#groupListSection .groupList li:nth-child(4n) {
	margin-right: 0;
}

@media only screen and (max-width: 999px) {
html {
	overflow-x: hidden !important;
}
body {
	overflow-x: hidden !important;
}
}

@media only screen and (max-width: 767px) {
	/*=================================
		header
	================================ */
	#top #header .utilityArea {
		width: 51.6%;
	}
	/*=================================
		mainVisualArea
	================================ */
	#mainVisualArea {
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	/* mainContent01
	-------------------------------- */
	#mainVisualArea #mainContent01 {
		position: relative;
	}
	#mainVisualArea #mainContent01::before {
		padding-top: 59.895%;
		display: block;
		visibility: hidden;
		z-index: -1;
		content: "";
	}
	#mainVisualArea #mainContent01 .firstVisual {
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#mainVisualArea #mainContent01 .firstVisual.pcImg {
		display:  none;
	}
	#mainVisualArea #mainContent01 .firstVisual.spImg {
		display:  block;
	}
	#mainVisualArea #mainContent01 .firstVisual img {
		width: 100%;
	}
	#mainVisualArea #mainContent01 .mainContentSlideWrap.spBlock {
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#mainVisualArea #mainContent01 .mainContentSlide.pcSlide {
		display: none;
	}
	#mainVisualArea #mainContent01 .mainContentSlide.spSlide {
		display: none;
	}
	#mainVisualArea #mainContent01 .mainContentSlide.spSlide li {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	#mainVisualArea #mainContent01 .mainContentSlide.spSlide li:first-of-type {
		z-index: 2;
	}

	#mainVisualArea #mainContent01 .bx-controls {
		display: block;
		position: absolute;
		top: auto;
		right: auto;
		bottom: -25px;
		width: 100%;
	}
	#mainVisualArea #mainContent01 .bx-controls .bx-pager {
		height: 10px;
		padding-top: 0;
		text-align: center;
		letter-spacing: -.40em;
	}
	#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item {
		display: inline-block;
		letter-spacing: normal;
	}
	#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item a {
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 8px;
		background: #cccccc;
		text-indent: -9999px;
	}
	#mainVisualArea #mainContent01 .bx-controls .bx-pager .bx-pager-item a.active {
		background: #162688;
	}
	/* topicsArea
	-------------------------------- */
	#topicsArea {
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100%;
		margin-left: -50%;
		background: rgba(0,0,0,0.5);
		z-index: 100;
		text-align: center;
	}
	#topicsArea .inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 35px 10px 10px 10px;
		transition-property:all;
		transition-duration:0.5s;
	}
	#topicsArea .inner .topicsAccordionBtn {
		position: absolute;
		top: 10px;
		left: 50%;
		margin: 0 0 0 -44px;
	}
	#topicsArea .inner .topicsAccordionBtn a {
		position: relative;
		display: inline-block;
		width: 72px;
		padding: 3px 0 2px;
		border: solid 1px rgba(255,255,255,0.5);
		border-radius: 12px;
		color: #ffffff;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1.1;
		text-decoration: none;
	}
	#topicsArea .inner .topicsAccordionBtn a:before {
		position: absolute;
		top: 50%;
		right: 8px;
		width: 7px;
		height: 1px;
		background: #ffffff;
		content: "";
	}
	#topicsArea .inner .topicsAccordionBtn a:after {
		position: absolute;
		top: 50%;
		right: 11px;
		width: 1px;
		height: 7px;
		margin-top: -3px;
		background: #ffffff;
		content: "";
	}
	#topicsArea .inner.open .topicsAccordionBtn a:before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	#topicsArea .inner.open .topicsAccordionBtn a:after {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	#topicsArea .inner .topicsAccordionBtn a:hover:before {
		background: #333333;
	}
	#topicsArea .inner .topicsAccordionBtn a:hover:after {
		background: #333333;
	}
	#topicsArea .inner .topicsColumn {
		display: table;
		width: 100%;
		margin-top: 10px;
		transition-property:all;
		transition-duration:0.5s;
	}
	#topicsArea .inner .topicsColumn:nth-of-type(1) {
		margin-top: 0;
	}
	#topicsArea .inner.open .topicsColumn:nth-of-type(1) {
		margin-top: 0;
	}
	#topicsArea .inner .topicsColumn .figureCol {
		display: table-cell;
		width: 45px;
		padding-right: 10px;
	}
	#topicsArea .inner .topicsColumn .textCol {
		display: table-cell;
		width: 235px;
		vertical-align: middle;
		text-align: left;
	}
	#topicsArea .inner .topicsColumn .textCol .title {
		margin-top: 0;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#topicsArea .inner .topicsColumn .textCol .detail {
		margin-top: 2px;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1.2;
	}

	/* cardModalArea
	-------------------------------- */
	#cardModalArea {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,138,207,0.9);
		z-index: 500;
	}
	#cardModalArea .inner {
		position: absolute;
		overflow: auto;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 40px 10px 0;
	}
	#cardModalArea .inner .modalClose {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 20px;
		height: 20px;
		margin-top: 0;
		background: url(/img/index_modal_im03.png) no-repeat 0 0;
		background-size: contain;
		text-indent: -9999px;
		cursor: pointer;
	}
	#cardModalArea .title {
		color: #ffffff;
		font-size: 18px;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.1;
	}
	#cardModalArea .unknownBtn {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	#cardModalArea .unknownBtn a {
		display: inline-block;
		width: 100%;
		padding: 10px 0;
		border: solid 1px #ffffff;
		border-radius: 18px;
		color: #ffffff;
		text-decoration: none;
		line-height: 1.1;
	}
	#cardModalArea .unknownBtn a:after {
		display: inline-block;
		width: 7px;
		height: 7px;
		margin: 0 0 2px 15px;
		border-top: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		vertical-align: middle;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
	}
	#cardModalArea .cardColumn {
		display: block;
		margin-top: 15px;
	}
	#cardModalArea .cardColumn .col {
		width: 100%;
		border-radius: 10px;
		background: url(/cmn/img/cmn_bg06.png) repeat 0 0;
		box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
		-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	}
	#cardModalArea .cardColumn .col:first-child {
		position: relative;
		margin-right: 0;
		margin-bottom: 64px;
	}
	#cardModalArea .cardColumn .col:first-child:after {
		position: absolute;
		top: auto;
		right: 50%;
		bottom: -50px;
		display: block;
		width: 35px;
		height: 35px;
		margin-right: -17px;
		background: url(/img/index_modal_tx01.png) no-repeat 0 0;
		background-size: contain;
		content: "";
	}
	#cardModalArea .cardColumn .col:first-child:before {
		display: none;
	}
	#cardModalArea .cardColumn .col .colLink {
		display: block;
		padding: 10px 20px;
		text-decoration: none;
	}
	#cardModalArea .cardColumn .col .figure img {
		width: 100%;
		height: auto;
	}
	#cardModalArea .cardColumn .col dl {
		position: relative;
		margin-top: 10px;
	}
	#cardModalArea .cardColumn .col dt {
		position: relative;
		top:0;
		z-index: 10;
		padding: 10px 0 8px;
		background: #00a0e9;
		color: #ffffff;
		line-height: 1.1;
		text-align: center;
		cursor: pointer;
	}
	#cardModalArea .cardColumn .col dt:before {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 16px;
		height: 2px;
		margin-top: -1px;
		background: #ffffff;
		transition-property:all;
		transition-duration:0.2s;
		content: "";
	}
	#cardModalArea .cardColumn .col dt:after {
		position: absolute;
		width: 2px;
		height: 16px;
		top: 50%;
		right: 17px;
		margin-top: -8px;
		background: #ffffff;
		transition-property:all;
		transition-duration:0.2s;
		content: "";
	}
	#cardModalArea .cardColumn .col dt.open:before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	#cardModalArea .cardColumn .col dt.open:after {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	#cardModalArea .cardColumn .col dd {
		display: block;
		text-align: left;
	}
	#cardModalArea .cardColumn .col dd ul {
		margin: 5px 0 0 0;
		padding-right: 0;
	}
	#cardModalArea .cardColumn .col dd ul:last-child {
		margin-left: auto;
		padding-right: 0;
	}
	#cardModalArea .cardColumn .col dd ul li {
		position: relative;
		padding-left: 8px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	#cardModalArea .cardColumn .col dd ul li.listEnd {
		padding-left: 0;
		text-align: right;
	}
	#cardModalArea .cardColumn .col dd ul li:before {
		position: absolute;
		top: 0.5em;
		left: 0;
		display: block;
		width: 4px;
		height: 4px;
		background: #00a0e9;
		border-radius: 2px;
		content: "";
	}
	#cardModalArea .cardColumn .col dd ul li.listEnd:before {
		display: none;
	}
	#cardModalArea .cardColumn .col .applyArea {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 10px;
		padding-left: 0;
	}
	#cardModalArea .cardColumn .col .cardIcon {
		display: inline-block;
		margin: 0;
		padding: 2px 5px 1px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	#cardModalArea .cardColumn .col .applyBtn {
		margin-top: 0;
		text-align: center;
	}
	#cardModalArea .cardColumn .col .applyBtn span {
		position: relative;
		display: inline-block;
		width: auto;
		padding: 10px 20px;
		border: solid 1px #1d2fa8;
		border-radius: 18px;
		color: #1d2fa8;
		text-decoration: none;
		line-height: 1.1;
	}
	#cardModalArea .cardColumn .col .applyBtn span:hover {
		text-decoration: underline;
	}
	#cardModalArea .cardColumn .col .applyBtn span:after {
		position: absolute;
		top: 50%;
		right: 5px;
		display: block;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: solid 1px #1d2fa8;
		border-right: solid 1px #1d2fa8;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
	}
	/* mainContent02,mainContent03
	-------------------------------- */
	#mainContentWrap {
		margin-top: 40px;
	}
	#mainContentWrap > ul {
		display: block;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		border-top: solid 1px #008acf;
		border-bottom: solid 1px #008acf;
	}
	#mainContentWrap > ul > li {
		width: 50%;
	}
	#mainContentWrap > ul > li > a {
		display: block;
		padding: 10px 10px 8px;
		background: #ffffff;
		color: #008acf;
		text-decoration: none;
		text-align: center;
		line-height: 1.2;
	}
	#mainContentWrap > ul > li.on > a {
		position: relative;
		background: #008acf;
		color: #ffffff;
	}
	#mainContentWrap > ul > li.on > a:before {
		position: absolute;
		bottom: -10px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -5px;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #008acf transparent transparent transparent;
		content: "";
	}
	#mainContentWrap > ul > li > a > span {
		display: block;
		font-size: 19px;
		font-size: 1.9rem;
	}
	/* mainContent02
	-------------------------------- */
	#mainVisualArea #mainContent02 {
		position: inherit;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		background: #f5f8fa;
		z-index: 110;
	}
	#mainVisualArea #mainContent02 .title {
		display: block;
	}
	#mainVisualArea #mainContent02 .searchList {
		padding: 35px 20px 0;
	}
	#mainVisualArea #mainContent02 .searchList + .searchList {
		border-top: solid 1px #c5c7c8;
		padding: 25px 20px 10px;
	}
	#mainVisualArea #mainContent02 .searchList dt.btnLink02 a {
		width: 100%;
		padding: 17px 30px 15px 70px;
		border-radius: 8px;
		font-size: 19px;
		font-size: 1.9rem;
	}
	#mainVisualArea #mainContent02 .searchList dt.btnLink02.cardSearchBtn a {
		background-image: url(/cmn/img/cmn_ic19.png);
		background-position: 30px 50%;
		background-repeat: no-repeat;
		background-size: 39px auto;
	}
	#mainVisualArea #mainContent02 .searchList dt.btnLink02.loanSearchBtn a {
		background-image: url(/cmn/img/cmn_ic20.png);
		background-position: 33px 50%;
		background-repeat: no-repeat;
		background-size: 36px auto;
	}
	#mainVisualArea #mainContent02 .searchList dt.btnLink02 a:before {
		right: 20px;
	}
	#mainVisualArea #mainContent02 .searchList dd .blockLink {
		position: relative;
		padding: 10px 0;
		border-top: dashed 1px #d9d9d9;
	}
	#mainVisualArea #mainContent02 .searchList dd .blockLink:nth-of-type(1) {
		border-top: none;
	}
	#mainVisualArea #mainContent02 .searchList dd .blockLink:before {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: solid 1px #162688;
		border-right: solid 1px #162688;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
	}
	#mainVisualArea #mainContent02 .searchList dd .iconLink01 {
		margin-top: 0;
		text-align: left;
	}
	#mainVisualArea #mainContent02 .searchList dd .iconLink01 a {
		padding-left: 0;
	}
	#mainVisualArea #mainContent02 .searchList dd .iconLink01 a:before {
		display: none;
	}
	#mainVisualArea #mainContent02 .searchList dd .figureColumn01 {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 3px;
	}
	#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .figureCol {
		width: 105px;
		margin-right: 15px;
	}
	#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .figureCol img {
		width: 100%;
	}
	#mainVisualArea #mainContent02 .searchList dd .figureColumn01 .textCol {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-right: 20px;
		color: #555555;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.2;
		text-align: left;
	}
	/* mainContent03
	-------------------------------- */
	#mainVisualArea #mainContent03 {
		position: inherit;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		padding: 10px 0 0;
		background: #f5f8fa;
		z-index: 110;
	}
	#mainVisualArea #mainContent03 .title {
		display: block;
	}
	#mainVisualArea #mainContent03 .serviceBox01,
	#mainVisualArea #mainContent03 .serviceBox01.default {
		padding: 30px 20px 0;
	}
	#mainVisualArea #mainContent03 .serviceBox01 {
		margin-bottom: 20px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 dt {
		display: block;
		color: #444444;
		font-size: 15px;
		font-size: 1.5rem;
		text-align: center;
	}
	#mainVisualArea #mainContent03 .serviceBox01 dt h3 {
		display: block;
		text-align: center;
	}
	#mainVisualArea #mainContent03 .serviceBox01 dt h3 br {
		display: none;
	}
	#mainVisualArea #mainContent03 .serviceBox01 dd {
		padding-top: 6px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .logoList {
		display: block;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .logoList li {
		width: 150px;
		margin: 6px auto;
		text-align: center;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .logoList li.omc {
		width: 175px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .logoList li.cf {
		width: 150px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .logoList li img {
		width: 100%;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList {
		margin-top: 0;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li {
		display: table;
		width: 100%;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink02 {
		margin-top: 0;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 {
		margin-top: 15px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li a {
		display: table-cell;
		width: 100%;
		min-width: 100%;
		padding: 15px 50px 13px 80px;
		border-radius: 6px;
		font-size: 19px;
		font-size: 1.9rem;
		vertical-align: middle;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 a {
		padding: 15px 50px 13px 80px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li a:before {
		right: 10px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink02 a:after {
		position: absolute;
		top: 50%;
		left: 10px;
		width: 36px;
		height: 26px;
		margin-top: -13px;
		background: url(/cmn/img/cmn_ic14.png) no-repeat 0 0;
		content: "";
	}
	#mainVisualArea #mainContent03 .serviceBox01 .userBtnList li.btnLink03 a:after {
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 25px;
		margin-top: -12px;
		background: url(/cmn/img/cmn_ic15.png) no-repeat 0 0;
		content: "";
	}
	#mainVisualArea #mainContent03 .serviceBox01 .note {
		padding-top: 12px;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .note p {
		padding-left: 0;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .note p br {
		display: none;
	}
	#mainVisualArea #mainContent03 .serviceBox01 .iconLink01 {
		text-align: left;
	}
	#mainVisualArea #mainContent03 .serviceBox02,
	#mainVisualArea #mainContent03 .serviceBox02.default {
      padding: 15px 0;
      margin: 0 20px;
      border-top: 1px solid #dddddd;
      padding-top: 20px;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox {
		padding: 0 20px 30px;
		background: #112788;
		border-radius: 8px;
		box-shadow:0px 2px 0px 0px #cccccc;
		-ms-box-shadow:0px 2px 0px 0px #cccccc;
		-webkit-box-shadow:0px 2px 0px 0px #cccccc;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .link span {
		position: relative;
		display: block;
		padding: 20px 20px 17px 50px;
		background: url(/img/index_ic02.png) no-repeat 12px 50%;
		background-size: 24px auto;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .link span:after {
		position: absolute;
		top: 50%;
		right: 0;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 5px;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li {
		display: table;
		width: 48%;
		margin-top: 15px;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li:nth-child(odd) {
		margin-right: 4%;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li span {
		display: table-cell;
		width: 100%;
		padding-left: 36px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-size: 13px;
		font-size: 1.3rem;
		vertical-align: middle;
		text-align: left;
		line-height: 1.2;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service01 span {background-image: url(/img/index_ic03.png); background-size: 22px auto;}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service02 span {background-image: url(/img/index_ic04.png); background-size: 22px auto;}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service03 span {background-image: url(/img/index_ic05.png); background-size: 19px auto;}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service04 span {background-image: url(/img/index_ic06.png); background-size: 22px auto;}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service05 span {background-image: url(/img/index_ic07.png); background-size: 18px auto;}
	#mainVisualArea #mainContent03 .serviceBox02 .linkBox .serviceList li.service06 span {background-image: url(/img/index_ic08.png); background-size: 16px auto;}

	#mainVisualArea #mainContent03 .serviceBox02 .iconLink01 {
		margin-top: 20px;
		font-size: 17px;
		font-size: 1.7rem;
		text-align: left;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .iconLink01 a {
		display: block;
		padding-left: 0;
	}
	#mainVisualArea #mainContent03 .serviceBox02 .iconLink01 a:before {
		left: auto;
		right: 0;
	}







	/*=================================
		importantSection
	================================ */
	#importantSection {
		margin-top: 35px;
	}
	#importantSection .inner {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		padding: 25px 0 15px;
	}
	#importantSection .title {
		width: 100%;
		padding-left: 0;
		background: none;
		color: #e91e63;
		font-size: 19px;
		font-size: 1.9rem;
		text-align: center;
	}
	#importantSection .title:before {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0 10px 2px 0;
		background: url(/img/index_ic01.png) no-repeat 0 0;
		background-size: 30px 30px;
		vertical-align: middle;
		content: "";
	}
	#importantSection .iconLinkList01 {
		width: 100%;
		margin-top: 0;
	}
	#importantSection .iconLinkList01 li {
		width: 100%;
		margin-top: 0;
		border-top: solid 1px #c5c7c8;
	}
	#importantSection .iconLinkList01 li:first-child {
		border-top: none;
	}
	#importantSection .iconLinkList01 li a {
		display: block;
		padding: 15px 20px 15px 0;
	}
	#importantSection .iconLinkList01 li a:before {
		position: absolute;
		top: 50%;
		right: 0;
		left: auto;
		display: block;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: solid 1px #162688;
		border-right: solid 1px #162688;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
	}

	/*=================================
		newsSection
	================================ */
	#newsSection {
		max-width: 100%;
		margin: 0 auto;
	}

	/*=================================
		bannerSection
	================================ */
	#bannerSection {
		max-width: 100%;
		margin: 35px auto 0;
	}
	#bannerSection .bannerList .notSlide {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#bannerSection .bannerList .notSlide li {
		width: 129px;
		margin-right: 10px;
	}
	#bannerSection .bannerList .notSlide li:last-child {
		margin-right: 0;
	}
	#bannerSection .bx-wrapper {
		position: relative;
	}
	#bannerSection .bx-controls-direction a {
		display: block;
		width: 20px;
		height: 40px;
		margin-top: -20px;
		text-indent: -9999px;
		transition-property:all;
		transition-duration:0.2s;
	}
	#bannerSection .bx-controls-direction a.bx-prev {
		position: absolute;
		top: 50%;
		left: -40px;
		background: url(/cmn/img/cmn_ic11.png) no-repeat 0 0;
		background-size: contain;
	}
	#bannerSection .bx-controls-direction a.bx-next {
		position: absolute;
		top: 50%;
		right: -40px;
		background: url(/cmn/img/cmn_ic12.png) no-repeat 0 0;
		background-size: contain;
	}
	#bannerSection .bx-controls-direction a:hover {
		-ms-filter:"alpha(opacity=70)";
		filter:alpha(opacity=70);
		opacity:0.7;
	}
	#bannerSection .bx-controls-direction a.bx-prev:hover {
		left: -42px;
	}
	#bannerSection .bx-controls-direction a.bx-next:hover {
		right: -42px;
	}

	/*=================================
		linkAreaSection
	================================ */
	#linkAreaSection {
		width: 100%;
		margin-top: 35px;
		padding: 0;
		background: #f5f8fa;
		border-top: none;
		border-bottom: solid 1px #d9d9d9;
	}
	#linkAreaSection .linkArea {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	#linkAreaSection .linkArea .col01 {
		width: 100%;
		margin-right: 0;
	}
	#linkAreaSection .linkArea .col02 {
		width: 100%;
		margin-right: 0;
	}
	#linkAreaSection .linkArea .col02 .iconLinkList02 {
		display: block;
	}
	#linkAreaSection .linkArea .col02 .iconLinkList02 > li {
		width: 100%;
		margin-top: 0;
	}
	#linkAreaSection .linkArea .col02 .iconLinkList02 > li:first-child {
		margin-right: 0;
	}
	#linkAreaSection .linkArea .col03 {
		width: 100%;
	}
	#linkAreaSection .linkArea .col03 li {
		margin-top: 0;
	}
	#linkAreaSection .linkArea .col03 li.business {
		margin-top: 0;
	}
	#linkAreaSection .linkArea .title {
		padding: 10px 20px 8px;
		background: #e0eaf0;
		border-top: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
		border-radius: 0;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
	}
	#linkAreaSection .iconLinkList01 {
		display: none;
	}
	#linkAreaSection .iconLinkList02 {
		margin-top: 0;
		padding: 0 20px;
		background: #f5f8fa;
	}
	#linkAreaSection .linkArea .col03 .iconLinkList02 {
		padding: 0;
	}
	#linkAreaSection .linkArea .col03 li.spmenu {
		display: block;
	}
	#linkAreaSection .iconLinkList01 > li,
	#linkAreaSection .iconLinkList02 > li {
		width: 100%;
		margin-top: 0;
	}
	#linkAreaSection .iconLinkList02 > li > a {
		display: block;
		padding: 18px 25px 18px 0;
		border-top: dotted 1px #d9d9d9;
		color: #555555;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.3;
	}
	#linkAreaSection .linkArea .col03 .iconLinkList02 > li > a {
		padding: 18px 45px 18px 20px;
		border-top: solid 1px #d9d9d9;
	}
	#linkAreaSection .linkArea .col03 .iconLinkList02 > li:last-child > a {
		border-bottom: solid 1px #d9d9d9;
	}
	#linkAreaSection .iconLinkList02 > li:first-child > a {
		border-top: none;
	}
	#linkAreaSection .iconLinkList02 > li > a:before {
		position: absolute;
		top: 50%;
		right: 0;
		left: auto;
		display: block;
		width: 14px;
		height: 16px;
		margin-top: -8px;
		background: url(/cmn/img/cmn_ic13.png) no-repeat 0 0;
		content: "";
	}
	#linkAreaSection .linkArea .col03 .iconLinkList02 > li > a:before {
		right: 20px;
	}
	#linkAreaSection .approvalArea {
		padding: 10px 20px;
	}
	#linkAreaSection .approvalArea p {
		margin-top: 0;
	}

	/*=================================
		groupListSection
	================================ */
	#groupListSection {
		max-width: 100%;
		margin: 30px auto 0;
	}
	#groupListSection .heading03-01 {
		margin-top: 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#groupListSection .groupList {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#groupListSection .groupList li {
		width: 48%;
		margin: 12px 4% 0 0;
	}
	#groupListSection .groupList li:nth-child(4n) {
		margin-right: 0;
	}
	#groupListSection .groupList li:nth-child(2n) {
		margin-right: 0;
	}

}


/*ご利用限度額増額　スライド用　ここから*/
#cardModalArea2 {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 500px;
	background: rgba(0,138,207,0.9);
	z-index: 500;
}
@media only screen and (max-width: 999px) {
#cardModalArea2 {
	overflow-x: scroll;
}
}
#cardModalArea2 .inner {
	position: relative;
	width: 1084px;
	margin: 0 auto;
	padding: 35px 0 0;
}
#cardModalArea2 .inner .modalClose {
	position: absolute;
	top: 45px;
	right: -53px;
	width: 22px;
	height: 22px;
	margin-top: 0;
	background: url(/img/index_modal_im03.png) no-repeat 0 0;
	background-size: contain;
	text-indent: -9999px;
	cursor: pointer;
}
#cardModalArea2 .title {
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.1;
}
#cardModalArea2 .unknownBtn {
	margin-top: 20px;
	text-align: center;
}
#cardModalArea2 .unknownBtn a {
	display: inline-block;
	width: 355px;
	padding: 10px 0;
	border: solid 1px #ffffff;
	border-radius: 18px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea2 .unknownBtn a:hover {
	text-decoration: underline;
}
#cardModalArea2 .unknownBtn a:after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 2px 10px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	vertical-align: middle;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
#cardModalArea2 .cardColumn {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	margin-top: 20px;
}
#cardModalArea2 .cardColumn .col {
	width: 510px;
	border-radius: 10px;
	background: url(/cmn/img/cmn_bg06.png) repeat 0 0;
	box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
}
#cardModalArea2 .cardColumn .col .colLink {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
#cardModalArea2 .cardColumn .col .colLink img {
	transition-property:all;
	transition-duration:0.2s;
}
#cardModalArea2 .cardColumn .col .colLink:hover img {
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
#cardModalArea2 .cardColumn .col:first-child {
	position: relative;
	/*margin-right: 64px;*/
}
#cardModalArea2 .cardColumn .col:first-child:after {
	position: absolute;
	top: 138px;
	right: -60px;
	display: block;
	width: 56px;
	height: 56px;
	background: url(/img/index_modal_tx01.png) no-repeat 0 0;
	background-size: contain;
	cursor: default;
	content: "";
}
#cardModalArea2 .cardColumn .col:first-child:before {
	position: absolute;
	top: 0;
	right: -33px;
	display: block;
	width: 1px;
	height: 139px;
	background: #ffffff;
	cursor: default;
	content: "";
}
#cardModalArea2 .cardColumn .col:last-child {
	margin-left: auto;
}
#cardModalArea2 .cardColumn .col .figure {
	text-align: center;
}
#cardModalArea2 .cardColumn .col .figure img {
	height: 126px;
	width: auto;
}
#cardModalArea2 .cardColumn .col dl {
	margin-top: 10px;
}
#cardModalArea2 .cardColumn .col dt {
	padding: 5px 0 4px;
	background: #00a0e9;
	color: #ffffff;
	line-height: 1.1;
	text-align: center;
}
#cardModalArea2 .cardColumn .col dd {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
}
#cardModalArea2 .cardColumn .col dd ul {
	margin: 5px 0 0 0;
	padding-right: 25px;
}
#cardModalArea2 .cardColumn .col dd ul:last-child {
	margin-left: auto;
	padding-right: 10px;
}
#cardModalArea2 .cardColumn .col dd ul li {
	position: relative;
	padding-left: 8px;
	font-size: 12px;
	font-size: 1.2rem;
}
#cardModalArea2 .cardColumn .col dd ul li.listEnd {
	padding-left: 0;
	text-align: right;
}
#cardModalArea2 .cardColumn .col dd ul li:before {
	position: absolute;
	top: 0.7em;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	background: #00a0e9;
	border-radius: 2px;
	content: "";
}
#cardModalArea2 .cardColumn .col dd ul li.listEnd:before {
	display: none;
}
#cardModalArea2 .cardColumn .col .applyArea {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	/*-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
	padding-left: 85px;
}
#cardModalArea2 .cardColumn .col .cardIcon {
	display: inline-block;
	margin: 0;
	padding: 2px 5px 1px;
	font-size: 13px;
	font-size: 1.3rem;
}
#cardModalArea2 .cardColumn .col .cardIcon + .cardIcon {
	margin-left: 2px;
}
#cardModalArea2 .cardColumn .col .cardIcon.omType {
	border: solid 1px #e0e0e0;
	color: #112788;
	background: #ffffff;
}
#cardModalArea2 .cardColumn .col .cardIcon.cfType,
#cardModalArea2 .cardColumn .col .cardIcon.qcType {
	border: solid 1px #112788;
	color: #ffffff;
	background: #112788;
}
#cardModalArea2 .cardColumn .col .applyBtn {
	margin: 0 10px 0 0;
	text-align: center;
}
#cardModalArea2 .cardColumn .col .applyBtn span {
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 10px 0;
	border: solid 1px #1d2fa8;
	border-radius: 18px;
	color: #1d2fa8;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea2 .cardColumn .col .applyBtn span:hover {
	text-decoration: underline;
}
#cardModalArea2 .cardColumn .col .applyBtn span:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: solid 1px #1d2fa8;
	border-right: solid 1px #1d2fa8;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}

/* cardModalArea2
-------------------------------- */
@media only screen and (max-width: 767px) {

#cardModalArea2 {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,138,207,0.9);
	z-index: 500;
}
#cardModalArea2 .inner {
	position: absolute;
	overflow: auto;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 40px 10px 0;
}
#cardModalArea2 .inner .modalClose {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	margin-top: 0;
	background: url(/img/index_modal_im03.png) no-repeat 0 0;
	background-size: contain;
	text-indent: -9999px;
	cursor: pointer;
}
#cardModalArea2 .title {
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.1;
}
#cardModalArea2 .unknownBtn {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#cardModalArea2 .unknownBtn a {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	border: solid 1px #ffffff;
	border-radius: 18px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea2 .unknownBtn a:after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 2px 15px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	vertical-align: middle;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
#cardModalArea2 .cardColumn {
	display: block;
	margin-top: 15px;
}
#cardModalArea2 .cardColumn .col {
	width: 100%;
	border-radius: 10px;
	background: url(/cmn/img/cmn_bg06.png) repeat 0 0;
	box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);
}
#cardModalArea2 .cardColumn .col:first-child {
	position: relative;
	margin-right: 0;
	margin-bottom: 64px;
}
#cardModalArea2 .cardColumn .col:first-child:after {
	position: absolute;
	top: auto;
	right: 50%;
	bottom: -50px;
	display: block;
	width: 35px;
	height: 35px;
	margin-right: -17px;
	background: url(/img/index_modal_tx01.png) no-repeat 0 0;
	background-size: contain;
	content: "";
}
#cardModalArea2 .cardColumn .col:first-child:before {
	display: none;
}
#cardModalArea2 .cardColumn .col .colLink {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}
#cardModalArea2 .cardColumn .col .figure img {
	width: 100%;
	height: auto;
}
#cardModalArea2 .cardColumn .col dl {
	position: relative;
	margin-top: 10px;
}
#cardModalArea2 .cardColumn .col dt {
	position: relative;
	top:0;
	z-index: 10;
	padding: 10px 0 8px;
	background: #00a0e9;
	color: #ffffff;
	line-height: 1.1;
	text-align: center;
	cursor: pointer;
}
#cardModalArea2 .cardColumn .col dt:before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 2px;
	margin-top: -1px;
	background: #ffffff;
	transition-property:all;
	transition-duration:0.2s;
	content: "";
}
#cardModalArea2 .cardColumn .col dt:after {
	position: absolute;
	width: 2px;
	height: 16px;
	top: 50%;
	right: 17px;
	margin-top: -8px;
	background: #ffffff;
	transition-property:all;
	transition-duration:0.2s;
	content: "";
}
#cardModalArea2 .cardColumn .col dt.open:before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
#cardModalArea2 .cardColumn .col dt.open:after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#cardModalArea2 .cardColumn .col dd {
	display: block;
	text-align: left;
}
#cardModalArea2 .cardColumn .col dd ul {
	margin: 5px 0 0 0;
	padding-right: 0;
}
#cardModalArea2 .cardColumn .col dd ul:last-child {
	margin-left: auto;
	padding-right: 0;
}
#cardModalArea2 .cardColumn .col dd ul li {
	position: relative;
	padding-left: 8px;
	font-size: 12px;
	font-size: 1.2rem;
}
#cardModalArea2 .cardColumn .col dd ul li.listEnd {
	padding-left: 0;
	text-align: right;
}
#cardModalArea2 .cardColumn .col dd ul li:before {
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	background: #00a0e9;
	border-radius: 2px;
	content: "";
}
#cardModalArea2 .cardColumn .col dd ul li.listEnd:before {
	display: none;
}
#cardModalArea2 .cardColumn .col .applyArea {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
	padding-left: 0;
}
#cardModalArea2 .cardColumn .col .cardIcon {
	display: inline-block;
	margin: 0;
	padding: 2px 5px 1px;
	font-size: 13px;
	font-size: 1.3rem;
}
#cardModalArea2 .cardColumn .col .applyBtn {
	margin-top: 0;
	text-align: center;
}
#cardModalArea2 .cardColumn .col .applyBtn span {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 10px 20px;
	border: solid 1px #1d2fa8;
	border-radius: 18px;
	color: #1d2fa8;
	text-decoration: none;
	line-height: 1.1;
}
#cardModalArea2 .cardColumn .col .applyBtn span:hover {
	text-decoration: underline;
}
#cardModalArea2 .cardColumn .col .applyBtn span:after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: solid 1px #1d2fa8;
	border-right: solid 1px #1d2fa8;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
}
}
/*ご利用限度額増額　スライド用　ここまで*/
/* CASHLESS */
#cashless{
    border: solid 1px #cfcfcf;
    margin: 30px 0 0 0;
    padding: 15px 20px;
    text-align: center;
    background: #f2f8fb;
}
#cashless .img_area,
#cashless .txt_area{
    display: inline-block;
    vertical-align: middle;
}
#cashless .img_area{
	margin-right: 20px;
}
#cashless .img_area img{
    width: 60px;
}
#cashless .txt_area p{
	margin-top: 0;
font-size: 18px;
}
#cashless .txt_area .iconLink01{
	margin-top: 10px;
}
#cashless .txt_area ul li{
    display: inline-block;
}
#cashless .txt_area ul li:first-child{
	margin-right: 20px;
}
#cashless .txt_area ul li a{
font-size: 16px;
}
@media only screen and (max-width: 767px) {
	#cashless {
    margin: 20px 0 0;
	    width: 100%;
}
#cashless .img_area {
    margin-right: 0;
    display: block;
    margin-bottom: 15px;
}
#cashless .img_area img{
    width: 50px;
}
#cashless .txt_area p {
    font-size: 16px;
}
#cashless .txt_area ul li:first-child {
    margin-right: 0;
    margin-bottom: 5px;
}
#cashless .txt_area ul li {
    display: block;
    text-align: left;
}
}
/* app_slide */
@media only screen and (min-width: 768px) {
  .pcSlide_one .pcSlide .app_slide {
    opacity: 1 !important;
  }
}
@media only screen and (max-width: 767px) {
  .spSlide_one .spSlide {
    transition-duration: 0s !important;
  }
  #mainVisualArea #mainContent01.spSlide_one .bx-controls-direction {
    display: none;
  }
}
/* newslink_txt
-------------------------------- */
.newslink_txt{
	text-align: center;
	max-width: 1000px;
    margin: 50px auto 0;
	font-size: 16px;
    background: #f5f8fa;
}
@media only screen and (max-width: 767px) {
	.newslink_txt{
    max-width: 100%;
    margin: 20px 20px 0;
    font-size: 15px;
	}
}