@charset "utf-8";
.kv {
	padding-top: 5px;
	background: linear-gradient(-180deg, rgb(251, 233, 220) 1%, rgb(255, 253, 252) 50%, rgb(255, 255, 255) 100%);
}
.bg01 {
	padding-top: 40px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.99608) 0%, rgb(255, 248, 222) 33%, rgb(248, 222, 222) 100%);
}
.appArea {
	margin: 0 auto;
	background: #fdf1f1;
	padding: 15px 20px 20px;
}
.appArea .areaTtl {
	width: 66%;
	margin: 0 auto 17px;
}
.appArea .btnFlex {
	display: flex;
	justify-content: center;
}
.appArea .btnFlex > li:first-of-type {
	margin-right: 30px;
}
.flowSet {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 14px;
	padding-left: 5px;
	padding-right: 5px;
}
.flowSet > li {
	width: calc(100% / 2 - 4px);
	flex-shrink: 0;
}
.flowSet > li:nth-of-type(2),
.flowSet > li:nth-of-type(4) {
	width: calc(100% / 2 + 1px);
	margin-right: -5px;
}
.flowSet .addBtn01 {
	position: relative;
}
.flowSet .flowBtn01 {
	width: 65px;
	position: absolute;
	right: -12px;
	bottom: 0;
}
.contentWrap .ttl02 {
	position: relative;
	z-index: 10;
}
.contentWrap .contentBlock {
	margin-top: -24px;
}
.ancList {
	margin: 0 auto;
}
.linkImg {
	position: relative;
}
.linkImg .link01 {
	display: block;
	height: 20%;
	width: 30%;
	position: absolute;
	bottom: 11%;
	left: 34%;
}

.tableN {
	border: 1px solid #D9D9D9;
	margin: 0 auto;
}

.tableN > tbody > tr > th {
	padding: 15px 10px 15px 15px;
	border: 1px solid #CFCFCF;
	background-color: #F6F6F6;
	font-weight: bold;
	vertical-align: top;
}
.tableN > tbody > tr > th[rowspan]{
	border-right: 1px solid #CFCFCF;
}
.tableN > tbody > tr > td {
	padding: 15px 10px 15px 15px;
	border: 1px solid #CFCFCF;
	background-color: #fff;
	vertical-align: top;
}
.usageCt {
	margin: 120px auto 0;
}
.bnrCarouselBlock01 {
	padding: 0;
}
.bnrCarouselBlock01 .slick-dots {
	bottom: -42px;
}
.slick-prev {
	left: 0;
}
.slick-prev > span:before {
	left: 0;
	margin-left: 4px;
}
.slick-next {
	right: 0;
}
.slick-next > span:before {
	right: 0;
	margin-right: 4px;
}
.slick-prev,
.slick-next{
	bottom: -44px;
	top: inherit;
}
.slick-prev[aria-disabled="true"] > span,
.slick-next[aria-disabled="true"] > span{
	display: none;
}

.cardWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.cardWrap .cardItem {
	width: 100%;
	border: 3px solid rgb(227, 123, 124);
	border-radius: 10px;
	padding: 15px 15px 20px;
	font-size: 1rem;
	line-height: 1.357;
}
.cardWrap .cardItem .cardTtl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2857rem;
	line-height: 1.1579;
	font-weight: bold;
	color: #e60000;
	margin-bottom: 13px;
}
.cardWrap .cardItem .cardTtl .icon {
	width: 65px;
}
.cardWrap .cardItem .cardTtl > p {
	display: flex;
	align-items: center;
	gap: 10px;
}
[class*="acdCnt"] > .acdCheck:checked ~ .acdLabel ~ .acdContent.clAcdCnt {
	padding-bottom: 30px;
}
.slick-disabled{
	display: none !important;
}
.bnrCarouselBlock01 .imgElm {
	position: relative;
}

/* よくある質問_アコーディオン */
.acdCnt01_qa{
	width: auto;
	margin: 0 auto;
	border-radius: 15px;
	box-shadow: 3px 3px 6px #c8c8c8;
}
.acdCnt01_qa .acdLabel {
	color: #dc5a5b;
	font-size: 1.21429rem;
	background: none;
	padding: 15px 59px 15px 20px;
}

.acdCnt01_qa > .acdLabel > .acdBtn {
	right: 12px;
	width: 30px;
	height: 30px;
}

.acdCnt01_qa > .acdLabel > .acdBtn:before {
	right: 0;
	width: 30px;
	height: 30px;
	background: none;
}
.acdCnt01_qa .acdLabel > .acdBtn:after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/mufgcard/oen/img/index_qa_icn_01_.png");
	background-size: 100%;
	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 20px 15px;
	opacity: 1;
}

/* コンテンツ一覧 リンクリスト */
.contentBlock {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.contentBlock .linkListBlock01,
.contentBlock .linkListBlock02,
.contentBlock .linkListBlock03 {
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0 auto;
	font-size: .85714rem;
	width: 79%;
}
.contentBlock .linkListBlock01 {
	top: 23%;
}
.contentBlock .linkListBlock02 {
	top: 45.5%;
}
.contentBlock .linkListBlock03 {
	top: 71%;
}
.contentBlock .linkListBlock04 {
	position: absolute;
	top: 91.5%;
	left: 15.5%;
	font-size: .85714rem;
}
.contentBlock .linkListBlock01 .clm,
.contentBlock .linkListBlock02 .clm,
.contentBlock .linkListBlock03 .clm {
	gap: 9px;
}

.contentBlock .linkListBlock01 .clm .clmItem,
.contentBlock .linkListBlock02 .clm .clmItem,
.contentBlock .linkListBlock03 .clm .clmItem {
	width: calc(33% - 7.5px);
}

.numFill_02 {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 36px;
	height: 46px;
	border-radius: 15%;
	background: #dc5a5b;
	line-height: 46px;
	font-size: 25px;
	color: #fff;
	text-align: center;
}

.txtNum_02 {
	display: inline-block;
	position: relative;
	padding-left: 3.5rem;
	font-weight: bold;
	line-height: 1.33333;
}