@charset "utf-8";

/***********************************************************
indexColumnBox01
***********************************************************/

#contents .columnBoxWrap.indexColumnBox01{
	margin: 35px 10px 0;
	width: auto;
}

.indexColumnBox01 .columnBox{
	width: 350px;
}

.indexColumnBox01 .columnBox:last-child{
	margin-left: 10px;
}

/***********************************************************
indexImgBox01
***********************************************************/

.indexImgBox01{
	padding: 10px 0 30px;
}


/***********************************************************
indexRedBtn01
***********************************************************/

.indexRedBtn01 a{
	width: 100%;
	text-align: center;
	background-image: url(/mufgcard/cashing/transfer/img/index_ico_001.png);
	padding: 17px 48px 14px 48px;
}

/***********************************************************
indexStep
***********************************************************/

.indexStepBoxWrap01{
	display: table;
	margin: 30px 0;
}

.indexStepBox01,
.indexStepArrow01{
	display: table-cell;
}

.indexStepBox01{
	width: 120px;
	vertical-align: top;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border: 2px solid #e60000;
	background: #fff8ed;
	font-size: 0.857rem;
	padding: 15px 0 14px;
}

.indexStepBox01:last-child{
	width: 178px;
}

.indexStepBox01 dl dt{
	color: #e60000;
	font-weight: bold;
}

.indexStepArrow01{
	width: 18px;
	vertical-align: middle;
}

.indexStepArrow01 span{
	width: 0;
	height: 0;
	border-left: 16px solid #e60000;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	display: inline-block;
	vertical-align: middle;
}


/***********************************************************
accordion
***********************************************************/
.accordionBtn01 {
	height: auto;
	margin: 0 0 3px 0;
	padding: 0.642rem 0;
	font-size: 1.285rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	border: 1px solid #d8d8d8;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-o-border-radius: 14px;
	-ms-border-radius: 14px;
	background-color: #f4f3f3;
	box-shadow: 0 3px 0 0 #929292;
}
.accordionBtn01:hover {
		background-color:#e4e3e3;
	}

.accordionBtn01.accordionBoxTitle .tableWrap {
	width: auto;
	margin: 0 auto;
}

.accordionBtn01.accordionBoxTitle .iconTypeACD {
	padding: 0 0.714rem 0 0;
	width: 24px;
	min-height: 24px;
}

.accordionBtn01.accordionBoxTitle .iconTypeACD img {
	width: 24px;
}

/*----------------------------------------------------------
how
----------------------------------------------------------*/
.cmpTableWrap.how {
	margin-top: 0.357rem;
	margin-bottom: 0;
	text-indent: 0;
}

.cmpTableWrap.how caption {
	padding-bottom: 0.357rem;
	font-weight: bold;
}

.cmpTableWrap.how table th,
.cmpTableWrap.how table td {
	padding: 0.714rem 1.428rem;
}

.cmpTableWrap.how table th {
	font-size: 1.000rem;
	text-align: center;
}

.cmpTableWrap.how table td {
	text-align: left;
}

.cmpTableWrap.how table td span {
	color: #e60000;
	font-size: 1.142rem;
	font-weight: bold;
}
	#amex .cmpTableWrap.how table td span{
		color: #ac0000;
	}

.cmpTableWrap.how table tbody th {
	background-color: #eeeeee;
}

.cmpTableWrap.how table tbody td {
	background-color: #ffffff;
}

.cmpTableWrap.how .tableW15par {
	width: 15%;
}

.cmpTableWrap.how .tableW40par {
	width: 40%;
}

.cmpTableWrap.how .tableW50par {
	width: 50%;
}

.cmpTableWrap.how .tableW60par {
	width: 60%;
}

.cmpTableWrap.how .tableW85par {
	width: 85%;
}

/***********************************************************
202005 add youtube Movie 
***********************************************************/

.youtubeBlock_inr {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtubeMovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/***********************************************************
flow
***********************************************************/
.flowList.cmn > .imgList02 + .imgList02.flowColor01::before {
	right: 53%;
	border-color: #CFCFCF transparent transparent;
}
.flowList.cmn.flow02 > .imgList02 + .imgList02.flowColor01::before {
	right: 28%;
	border-color: #CFCFCF transparent transparent;
}