@charset "Shift_JIS";
.sp{display:none;}
.tmpl-header p{margin:0;}
.mod-h1.h1-normal{
	margin: 15px;
	border-bottom:3px solid #014F8D;
	color:#014F8D;
}
.mod-h1.h1-normal:first-child{
	margin-top:0;
}
.mod-h1.h1-normal .h1{
	position:relative;
	padding:0 0 4.8px;
	border-bottom:1px solid #fff;
	font-size:20px;
	font-weight:bold;
}
.mod-h1.h1-normal .h1:before{
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.08)));
	background:-webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.08) 100%);
	background:-moz-linear-gradient(transparent 0%, rgba(0,0,0,0.08) 100%);
	background:linear-gradient(transparent 0%, rgba(0,0,0,0.08) 100%);
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:8px;
	content:"";
}
.mod-h1.h1-normal .remarks{
	margin-left:5px;font-size:14px;
}
.mod-h3.h3-default .h3{
	color: #2668a4;
	padding: 0 0 0 20px;
	position: relative;
	background:none;
}
.mod-h3.h3-default .h3 i{
	display:block;
	position:absolute;
	top:4px;
	left:0;
	background-image:url(/inet/dy/rwd/shared/images/sprite-02_1.png);
	background-position:-100px -36px;
	width:12px;
	height:12px;
}
@media screen and (max-width: 640px), print and (max-width: 640px){
	.mod-h1.h1-normal{
		margin:0 5px 0;
	}
	.mod-h2.h2-default h2 {
		position:relative;
		background:-webkit-gradient(linear, left top, left bottom, from(#E9F5FF), to(#FBFDFF));
		background:-webkit-linear-gradient(#E9F5FF 0%, #FBFDFF 100%);
		background:-moz-linear-gradient(#E9F5FF 0%, #FBFDFF 100%);
		background:linear-gradient(#E9F5FF 0%, #FBFDFF 100%);
		padding:8px 0 6px 20px;
		border-bottom:1px solid #014F8D;
		background-color:#E9F5FF;
		font-size:14px;
		*zoom:1;
		font-weight: bold;
		line-height: 1.2;
		margin-left: -4px;
		margin-top:10px;
		width:102%;
		width:calc(100% + 8px);
		box-sizing:border-box;
	}
	.mod-h2.h2-default h2 i{display:block;
		position:absolute;
		top:0;
		left:0;
		width:10px;
		height:100%;
		_height:31px;
		background:url(/inet/dy/rwd/shared/images/module/icon_h2_default.png) 0 bottom no-repeat;
		background-color:#6E97B6;
	}
	.mod-h3.h3-default .h3 {
		color: #2668a4;
		padding: 0 0 0 20px;
		position: relative;
	}
	.mod-h3.h3-default .h3 i{
		display:block;
		position:absolute;
		top:1px;
		left:0;
		background-image:url(/inet/dy/rwd/shared/images/sprite2x_2.png);
		background-position:-160px -58px;
		width:8px;
		height:15px;
		-webkit-background-size:168px 153px;
		-moz-background-size:168px 153px;
		background-size:168px 153px;
	}
	div.actionMsg{
		margin:1em 0;
	}
	p{
		margin:0 0 0.5em;
	}
}

@media screen and (max-width: 640px), print and (max-width: 640px){
	.pc{display:none;}
	.sp{display:inherit;}
	body{
		width:100%;
		height:auto;
	}
	.error #contents #main,
	.login #contents #main{
		width:100%;
		padding:0 4px 2em;
		box-sizing:border-box;
	}
	.tmpl-header {
		background: url("/inet/dy/rwd/shared/images/header/bg_sp_01.png") no-repeat scroll bottom left;
		background-size:contain;
		padding: 12px 9px 17px;
	}
	.tmpl-header p{
		float:left;
		padding-top:2px;
		margin:0 0 6px;
	}
	#header img{
		width:114px;
		height:auto;
	}
	.clear:after{
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
	}
	div.sslNotice{
		width:100%;
	}
	div.sslNotice2{
		width:100%;
	}
	div.caution2{
		width:100%;
	}
	
	.blue.center > p {
		font-weight:bold;
		font-size:0.95em;
	}
	.text.wsLogIn{
		width: 97% !important;
	}
	div.caution2 p.first{
		background-size:contain;
	}
	div.caution2{
		background-size:cover;
	}
	div.sslNotice{
		background-size:cover;
	}
	div.sslNotice2{
		background-size:contain;
		box-sizing:border-box;
	}
}
#footer{
	background:url(/inet/dy/rwd/shared/images/footer/bg_01.png) 0 0 no-repeat;
	padding-top:9px;
	padding-bottom:20px;
	padding-left:20px;
	font-size:11px;
	width:calc(100% - 20px);
}
#footer ul{
	float:right;
}
#footer ul li.first-child{
	margin-left:0;
	padding-left:0;
	border-left:none;
}
#footer ul li{
	border-right: 1px solid #131313;
	display:inline;
	list-style:none;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0;
}
#footer ul li.lastNavi{
	border: 0 none;
	padding: 0;
}
#mufgcard_com .sp {
	display: none;
}
#footer .copyright {
	clear: right;
	float: right;
	margin-top: 6px;
	white-space: nowrap;
}
#footer .logo{
	margin:0;
}
#footer .logo img{
	width:160px;
}
#footer .copyright{
	margin:0;
}
@media screen and (max-width: 640px), print and (max-width: 640px){
	.ie #footer{
		background:url(/inet/dy/rwd/shared/images/footer/bg_01.png) 0 0 no-repeat;
	}
	.asFF3 #footer{
		background:url(/inet/dy/rwd/shared/images/footer/bg_01.png) 0 0 no-repeat;
	}
	#footer{
		padding:14px 8px 20px;
		background:url(/inet/dy/rwd/shared/images/header/bg_sp_01.png) 0 top no-repeat;
		-webkit-background-size:contain;
		-moz-background-size:contain;
		background-size:contain;
		font-size:12px;
		width:95.5%;
		width:calc(100% - 16px);
		box-sizing:boder-box;
	}

	#footer ul{
		float:none;
		display:block;
		margin:0;
	}

	#footer ul li{
		float:none;
		margin-top:3px;
		margin-left:0;
		padding-left:0;
		border-left:none;
		display:block;
		border:none;
	}
	#footer ul li:first-child{
		margin-top:0;
	}
	#footer ul a{
		color:#131313;
	}
	.mod-link .link-arrow-right.black {
		background-image: url("/inet/dy/rwd/shared/images/sprite2x_2.png");
		background-position: -158px -106px;
		background-size: 168px 153px;
		height: 8px;
		width: 6px;
		display:inline-block;
		margin-right: 5px;
	}
	#footer .logo{
		float:none;
		margin-top:15px;
	}
	#footer .logo img{
		width:217px;
		height:auto;
	}

	#footer .copyright{
		margin-top:6px;
		float:none;
		clear:none;
		text-align:center;
		white-space:normal;
	}
}