@charset "utf-8";
.kv {
	margin: 0 auto;
	padding-top: 7px;
}
.bg01 {
	padding-top: 50px;
}
.appArea {
	width: 835px;
	margin: 0 auto;
	background: #fdf1f1;
	padding: 20px 20px;
	border-radius: 20px;
}
.appArea .areaTtl {
	width: auto;
	margin-bottom: 17px;
}
.appArea .btnFlex {
	display: flex;
	justify-content: center;
}
.appArea .btnFlex > li:first-of-type {
	margin-right: 30px;
}
.flowSet {
	max-width: 1147px;
	gap: 6px;
	margin: 0 auto;
	padding-left: 17px;
	padding-right: 0;
	/* flex-wrap: nowrap; */
}
.flowSet > li,
.flowSet > li:nth-of-type(2),
.flowSet > li:nth-of-type(4) {
	width: auto;
}
.flowSet > li:nth-of-type(3) {
	margin-left: -6px;
}
.flowSet .flowBtn01 {
	width: auto;
	right: -2px;
	bottom: 2px;
}
.contentWrap .contentBlock {
	margin-top: -37px;
}
.ancList {
	width: 900px;
	margin: 0 auto;
}
.linkImg {
	position: relative;
}
.linkImg .link01 {
	display: block;
	height: 40px;
	width: 170px;
	position: absolute;
	bottom: 11%;
	left: 39%;
}

.tableN {
	border: 4px solid #D9D9D9;
	width: 990px;
	margin: 0 auto;
}

.tableN > tbody > tr > th {
	padding: 26px 23px;
	border: none;
	border-bottom: 1px solid #898989;
	background-color: #F4F4F4;
	text-align: center;
	font-size: 1.1429rem /*16px*/;
	line-height: 1.3125;
	vertical-align: middle;
}
.tableN > tbody > tr > th[rowspan]{
	border-right: 1px solid #898989;
}
.tableN > tbody > tr > td {
	padding: 26px 23px;
	border: none;
	border-left: 1px solid #898989;
	border-bottom: 1px solid #898989;
	font-size: 1.1429rem /*16px*/;
	line-height: 1.3125;
}
.usageCt {
	width: 830px;
	margin: 60px auto 0;
}
.slick-prev{
	left: 10px;
}
.slick-next {
	right: 10px;
}
.slick-prev,
.slick-next{
	bottom: inherit;
	top: 50%;
}
.slick-dots li button:before {
	height: 12px;
	width: 12px;
}

.outerBtn01 .btnType09 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.cardWrap {
	max-width: 996px;
	justify-content: space-between;
	gap: 27px;
	padding-left: 0;
	padding-right: 0;
}
.cardWrap .cardItem {
	width: calc(100% / 2 - 17px);
	border: 4px solid rgb(227, 123, 124);
	border-radius: 20px;
	padding: 20px 30px 30px;
	font-size: 1.1429rem;
	line-height: 1.625;
}
.cardWrap .cardItem .cardTtl {
	font-size: 1.7143rem;
	min-height: 2.0001em;
	line-height: 1.1667;
	margin-bottom: 20px;
}
.cardWrap .cardItem .cardTtl .icon {
	width: auto;
}
[class*="acdCnt"] > .acdCheck:checked ~ .acdLabel ~ .acdContent.clAcdCnt {
	padding-bottom: 30px;
}
.bnrCarouselBlock01 {
	width: 765px;
	margin: 0 auto;
}
.slick-disabled{
	display: none !important;
}
.bnrCarouselBlock01 .imgElm {
	position: relative;
}

/* よくある質問_アコーディオン */
.acdCnt01_qa{
	width: 835px;
	margin: 0 auto;
	border-radius: 15px;
	box-shadow: 3px 3px 6px #c8c8c8;
}
.acdCnt01_qa .acdLabel {
	color: #dc5a5b;
	font-size: 20px;
	background: none;
	padding: 20px 64px 20px 30px;
}

.acdCnt01_qa > .acdLabel > .acdBtn {
	right: 17px;
	width: 40px;
	height: 40px;
}

.acdCnt01_qa .acdLabel > .acdBtn::before {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.acdCnt01_qa .acdLabel > .acdBtn::after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/mufgcard/oen/img/index_qa_icn_01_.png");
	content: '';
	transform: rotate(180deg);
}

.acdCnt01_qa .acdLabel > .acdBtn,
.acdCnt01_qa .acdLabel.ttl .acdBtn {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #FFF;
}

.acdCnt01_qa > .acdCheck:checked ~ .acdLabel ~ .acdContent {
	visibility: visible;
	padding: 10px 30px 20px;
	opacity: 1;
}

/* コンテンツ一覧 リンクリスト */
.contentBlock {
	position: relative;
}
.contentBlock .linkListBlock01,
.contentBlock .linkListBlock02 {
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 740px;
	margin: 0 auto;
	font-size: 1rem;
}
.contentBlock .linkListBlock01 {
	top: 46%;
}

.contentBlock .linkListBlock02 {
	top: 92%;
}
.contentBlock .linkListBlock01 .clm,
.contentBlock .linkListBlock02 .clm {
	gap: 45px;
}