@charset "utf-8";


@media (max-width: 639px) {
/***********************************************************
btn
***********************************************************/
.grayBtn06{
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	text-align: center;
}

.grayBtn04 a{
	width:100px;
	padding: 0.714rem 1.071rem 0.571rem 3.285rem;
	background-position: 1.714rem 0.857rem;
}

.grayBtn06 a{
	display:inline-block;
	width:100px;
	height:auto;
	font-size:0.857rem;
	text-align:right;
	text-decoration: none;
	color:#333333;
	line-height:1.3;
	padding: 0.714rem 3.285rem 0.571rem 1.071rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color: #eeeeee;
	background-image: url(/cmn/img/icon/gbtn_ico_006.png);
	background-position: 4.500rem 0.857rem; /*1.000 0.257*/
	background-size:13px auto;
	background-repeat: no-repeat;
	box-shadow:0 3px 0 0 #a6a6a6;
}



/***********************************************************
accordion
***********************************************************/
.accordionBtn01 {
	height: auto;
	margin: 0 0 0 0;
	padding: 0.642rem 0;
	font-size: 1.285rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	background-color: #f4f3f3;
}

.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;
}



/***********************************************************
column
***********************************************************/
/*----------------------------------------------------------
support
----------------------------------------------------------*/
.linkList01 {
	margin: 1.214rem 0 1.142rem 0;
	border: 1px solid #dbd5d1;
}

.linkList01 li {
	border-bottom:1px solid #dbd5d1;
}
	.linkList01 li:last-child {
		border-bottom: none;
	}

.linkList01 li {
	position: relative;
	background: url(/mufgcard/support/img/index_ico_001.png) 96.5% center no-repeat;
	background-size: 9px auto;
}
	#amex .linkList01 li {
		background: url(/amex/support/img/index_ico_001.png) 96.5% center no-repeat;
		background-size: 9px auto;
	}
	#jacard .linkList01 li {
		background: url(/ja/support/img/index_ico_001.png) 96.5% center no-repeat;
		background-size: 9px auto;
	}
	.linkList01 li.linkBlank,
	#amex .linkList01 li.linkBlank,
	#jacard .linkList01 li.linkBlank {
		background: none;
	}

.linkList01 li.linkBlank .iconTypeBlank {
	position: absolute;
	display: inline-block;
	top: 38%;
	right: 10px;
}

.linkList01 li.linkBlank .iconTypeBlank img {
	width: 14px;
	height: auto;
	vertical-align: baseline;
}

.linkList01 li a {
	display: block;
	padding: 17px 38px 15px 10px;
}

.linkList01 li.linkBox01 a:hover {
	text-decoration: none;
}

.linkList01 li.linkBlank p {
	margin-top: 0.428rem;
}

.linkList01 li.linkBlank p {
	margin-top: 0.428rem;
}
	.linkList01 li a:hover p {
		text-decoration: underline;
	}
	.linkList01 li.linkBlank p:first-child {
		margin-top: 0;
	}

.linkList01 li.linkBlank .descriptionText {
	color: #333333;
}
	.linkList01 li.linkBlank a:hover .descriptionText {
	text-decoration: none;
	}

.introducingByIcon.column2Wrap .columnBox .descriptionText,
.introducingByIcon.column2Wrap .title{
	width: 56%;
}

.introducingByIcon.column2Wrap .columnBox  ul.alignLists.listType01{
	float: right;
	width: 56%;
}

.introducingByIcon.column2Wrap .columnBox .iconImg {
	width: 44%;
}

.introducingByIcon.column2Wrap .columnBox .iconImg img {
	padding: 0;
}


/*----------------------------------------------------------
how
----------------------------------------------------------*/
#contents .sectionType02 p.parBase01 {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}


.solicitationBoxWrap {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

.sectionType02 ul.alignLists,
.sectionType02 ol.alignLists{
	padding-left: 1.142rem;
	padding-right: 1.142rem;
}

.solicitationBoxWrap.flowSetTop .wrapInnerBox img,
.solicitationBoxWrap.flowSet .wrapInnerBox img {
	width: 257px;
}

.solicitationBoxWrap.flowSetTop .wrapInnerBox .linkType02 span.iconTypeBlank img,
.solicitationBoxWrap.flowSet .wrapInnerBox .linkType02 span.iconTypeBlank img {
	width: 9px;
}

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

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

.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: 30%;
}

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

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

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

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

.sectionType02 .inquiryAreaWrap .wrapInnerBox ul.alignLists,
.sectionType02 .inquiryAreaWrap .wrapInnerBox ol.alignLists {
	margin-left: 0;
	margin-right: 0;
}

.sectionType02 .questionBoxWrap,
.sectionType02 .verticalColumnBoxWrap{
	padding: 0 1.142rem;
}


/*----------------------------------------------------------
web
----------------------------------------------------------*/
.columnBoxWrap .columnBoxImg.imgTitle {
	text-align: left;
}

.columnBoxWrap .columnBoxImg.imgTitle img {
	width: auto;
}

.columnBoxWrap .columnBoxImg img.widthAuto {
	width: auto;
}

.meritBoxWrap {
	margin-bottom: 1.428rem;
}

.meritBoxWrap .meritBoxInner {
	background: #fdc6c6;
	padding: 0.714rem;
}

.meritBoxWrap .meritBoxInner .columnBox .columnBoxInner {
	position: relative;
	width: 100%;
	padding: 1.071rem 1.428rem 1.071rem 1.428rem;
	margin-bottom: 0.714rem;
	border: 1px solid #efa7a7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #ffffff;
	overflow: hidden;
}
	.meritBoxWrap .meritBoxInner .columnBoxWrap .columnBox:last-child .columnBoxInner {
		margin-bottom: 0;
	}

#contents .meritBoxWrap .meritBoxInner .columnBoxWrap {
	    margin: 0 0 0.714rem 0;
}
	#contents .meritBoxWrap .meritBoxInner .columnBoxWrap:last-child {
		margin: 0;
	}

#contents .sectionType02 .meritBoxWrap .meritBoxInner .columnBox p.parBase01 {
	margin-left: 0;
	margin-right: 0;
}

.meritBoxWrap .meritBoxInner .columnBox .icon {
	position: absolute;
	width: 78px;
	height: 78px;
	padding-right: 25px;
	top: 0;
	left: 0;
	color: #ffffff;
	font-size: 1.428rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	z-index: 1;
}

.meritBoxWrap .meritBoxInner .columnBox .icon span {
	font-size: 0.714rem;
}

.meritBoxWrap .meritBoxInner .columnBox .icon:before {
	content: '';
	display: block;
	margin-bottom: -79px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 78px 78px 0 0;
	border-color: #eb4741 transparent transparent transparent;
}

.meritBoxWrap .meritBoxInner .columnBox .title {
	font-size: 1.142rem;
	font-weight: bold;
	line-height: 1.2;
}

.meritBoxWrap .meritBoxInner .imgFloatNone .columnBox .title {
	width: 100%;
	margin: 116px 0 10px 0;
	font-size: 1.142rem;
	font-weight: bold;
	line-height: 1.5;
}

.meritBoxWrap .meritBoxInner .columnBoxWrap .columnBoxText {
	float: right;
	width: 62%;
}

.meritBoxWrap .meritBoxInner .columnBox .iconImg {
	border: medium none;
	border-radius: 0;
	float: left;
	padding: 1.785rem 0.714rem 1.785rem 0;
	width: 38%;
}

.meritBoxWrap .meritBoxInner .columnBox .iconImg img {
	background-color: #f5f5f5;
	padding: 0;
	margin-bottom: 0;
}

.meritBoxWrap .meritBoxInner .imgFloatNone .columnBox .iconImg {
	float: none;
	width: auto;
	text-align: center;
	padding: 30px 50px;
	border: 1px solid #efa7a7;
	border-bottom: 0px solid #efa7a7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;

	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
}

.meritBoxWrap .meritBoxInner .imgFloatNone .columnBox .iconImg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	border: none;
}

.meritBoxWrap .meritBoxInner .imgFloatNone .columnBox .iconImg img {
	width: 131px;
}

.meritBoxWrap .meritBoxInner .imgFloatNone .columnBoxText {
	float: none;
	width: 100%;
}

.meritBoxWrap .arrow01 {
	height: 75px;
	font-size: 1.071rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
	background: url(/mufgcard/cashing/img/index_bg_001.png) no-repeat 0 bottom;
	background-size: cover;
}

.accordionBoxInner .floatListLink {
	margin-top: 1.428rem;
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

.accordionBoxInner .floatListLink li {
	display: block;
}

.cmpTableWrap.web {
	margin-top: 1.428rem;
	margin-bottom: 1.428rem;
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

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

#contents .sectionType02 .cmpTableWrap.web  p.parBase01 {
	margin-left: 0;
	margin-right: 0;
}

.cmpTableWrap.web th,
.cmpTableWrap.web td {
	vertical-align: middle;
}

.cmpTableWrap.web tbody th {
	text-align: left;
}

.cmpTableWrap.web .tableW15par{
	width: 10%;
}

.accordionBoxInner .dorderBox01 {
	padding: 1.071rem 0;
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

.accordionBoxInner .dorderBox01 dl {
	border-top: 1px solid #dbd5d1;
	padding: 1.071rem 1.071rem 0 1.071rem;
	margin-top: 1.071rem;
}
	.accordionBoxInner .dorderBox01 dl:first-child {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}

.accordionBoxInner .dorderBox01 .relatedLink dt {
	margin-bottom: 0.357rem;
	font-size: 1.142rem;
	font-weight: bold;
}

.accordionBoxInner .dorderBox01 .relatedLink dd .columnBoxImg {
	text-align: center;
}

.sectionType02 .arrow02 {
	background: url(/mufgcard/support/webs/img/index_bg_002.png) center top no-repeat;
	background-size: 192px auto;
	height: 79px;
	padding-top: 20px;
	margin-top: 20px;
	font-size: 1.285rem;
	font-weight: bold;
	text-align: center;
}

.webServiceBox01 {
	border: 4px solid #7d7476;
	padding: 1.428rem 1.071rem;
	margin: 20px 0;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius:3px;
	-ms-border-radius: 3px;
}

.webServiceBox01.mg-TB20 {
	margin: 20px 0;
}

.sectionType02 .webServiceBox01 {
	margin-left: 1.142rem;
	margin-right: 1.142rem;
}

.webServiceBox01 .title {
	margin-bottom: 1.142rem;
	text-align: center;
}

.webServiceBox01 .title img {
	width: 257px;
}

.webServiceBox01 .redBtn04 {
	margin-bottom: 1.142rem;
}

.webServiceBox01 .redBtn04 a {
	min-width: 95%;
}

.webServiceBox01 .navyBtn04 a {
	min-width: 95%;
}

.webServiceBox01 .linkType_webServiceBtn {
	margin: 0;
}


/*----------------------------------------------------------
guide
----------------------------------------------------------*/
.guideStep,
.guideStep02 {
	overflow: hidden;
}

.guideStep li {
	float: left;
	position: relative;
	background: #999999;
	border-bottom: 3px solid #717171;
	width: 21%;
	min-height: 56px;
	margin-right: 5.3%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.guideStep02 li {
	float: left;
	position: relative;
	background: #999999;
	border-bottom: none;
	width: 15.75%;
	min-height: 56px;
	margin-right: 5.3%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.guideStep li:after,
.guideStep02 li:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -39px;
	width: 0;
	height: 0;
	border-top: solid 28px transparent;
	border-right: solid 31px transparent;
	border-bottom: solid 28px transparent;
	border-left: solid 8px #999999;
}

.guideStep li a,
.guideStep02 li a {
	display: block;
	min-height: 53px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 0.857rem;
	text-decoration: none;
}

.guideStep li a span,
.guideStep02 li a span {
	font-size: 1.214rem;
}

.guideStep li.guideStepAct,
.guideStep02 li.guideStepAct {
	background: #e60000;
	border-bottom: 3px solid #e60000;
}
	#amex .guideStep li.guideStepAct,
	#amex .guideStep02 li.guideStepAct {
		background: #00275d;
		border-bottom: 3px solid #001331;
	}

.guideStep li.guideStepAct:after,
.guideStep02 li.guideStepAct:after {
	border-left:solid 8px #e60000;
}
	#amex .guideStep li.guideStepAct:after,
	#amex .guideStep02 li.guideStepAct:after {
		border-left:solid 8px #001331;
	}

.guideStep li.guideStepEnd,
.guideStep02 li.guideStepEnd {
	margin-right: 0;
	font-size: 1rem;
}

.guideStep li.guideStepEnd:after,
.guideStep02 li.guideStepEnd:after {
	border: none;
}

.guideStep li.guideStepEnd a,
.guideStep02 li.guideStepEnd a {
	font-size: 1rem;
}

.guideImgWrap {
	margin-top: 20px;
	text-align: center;
}

.guideImgWrap img {
	max-width: 288px;
}

.guideBtnWrap {
	margin-top: 20px;
	overflow: hidden;
}

.guideBtnWrap p {
	float: left;
}
	.guideBtnWrap p:first-child {
		float: right;
	}
	.guideBtnWrap.guideStepEnd p:first-child {
		float: left;
	}



/***********************************************************
appBannerBox02
***********************************************************/
.appBannerBox02 .appBtnBox01 {
	display: table;
	margin: 0.714rem auto 0;
	overflow: hidden;
}
.appBannerBox02 .appBannerItem {
	float: left;
}
	.appBannerBox02 .appBannerItem:first-child {
		margin-right: 0.714rem;
	}

.bgBox01 {
	clear: both;
	background: #fbf2e1;
	padding: 1.142rem;
	margin-top: 20px;
}

.bgBox01 p {
	text-align: left;
}

.bgBox01 .title {
	padding: 2px 0 0 2.142rem;
	font-size: 1.071rem;
	line-height: 1.5;
	background-image: url(/mufgcard/support/webs/guide/img/guide_ico_002.png);
	background-position: left 0;
	background-repeat: no-repeat;
	background-size: 22px auto;
	margin-bottom: 0.500rem;
}

.bgBox01 .title02 {
	padding: 0 0 0 2.142rem;
	font-size: 1.071rem;
	line-height: 1.5;
	background-image: url(/cmn/img/icon/cmn_ico_011.png);
	background-position: left 0;
	background-repeat: no-repeat;
	background-size: 22px auto;
	margin-bottom: 0.500rem;
}

.bgBox01 + .grayBtn03 {
	margin-top: 20px;
}

.modal-dialog {
	top: 0 !important;
}

.modal-body {
	padding: 10px 0 20px;
	height: auto;
}

.modal-body .columnBoxWrap {
	margin-left: 0.714rem;
	margin-right: 0.714rem;
}

.modal-body .columnBoxImg {
	margin: 20px 0;
}

.modal-body .columnBoxImg img {
	max-width: 268px;
}

.modal-body .columnBoxText p {
	text-align: left;
}

.modal-body .columnBoxText dl {
	margin-bottom: 20px;
}

.modal-body .columnBoxText dt {
	font-size: 1.071rem;
	font-weight: bold;
	margin-bottom: 0.785rem;
}

.modal-body .columnBoxText li {
	font-size: 0.857rem;
}

.modal-body .bgBox01 {
	padding: 1.071rem;
}

.modal-body .columnBoxText .bgBox01 .title {
	font-weight: bold;
}

.mailmagazineBox.wrapInnerBox img {
	width: 268px;
}

}