@charset "shift_jis";

/* siteindex_pc.css
====================================== */
/* alert */
.topWrap .jsAlert{font-weight:bold;}
/* alarm */
.topWrap .alarm{max-width:970px;}
.topWrap .alarm b,
.topWrap .alarm font{display:block; margin-top:9px; padding:9px 10px; border:1px solid #cc0033; font-size:1.4em;}
.topWrap .alarm font b,
.topWrap .alarm b font{margin-top:0; padding:0; border:none; font-size:100%;}
.topWrap .forPC,
.topWrap .btn-group__list a.forPC{
	display: block;
}
.topWrap .forSP {
	display: none;
}
.topWrap .btn-group a:hover {
    opacity: 0.7;
}
.topWrap .visual,
.topWrap .account-group,
.topWrap .btn-group,
.topWrap .bg-emrWrap,
.topWrap .info-wrap.news,
.topWrap .info-wrap.cp,
.topWrap .summary-cont,
.topWrap .about-cont,
.topWrap .step-cont,
.topWrap .boxPR1,
.topWrap .prArea{
	max-width: initial;
	max-width: 100%;
	padding: 0;
}
/* header */
.topWrap .head__inner{
	max-width: 970px;
	padding: 0;
}
.topWrap .head__inner__item{
	margin: 15px 0;
}
.topWrap .head__inner__item_group{
	float: right;
	font-size: 1.3em;
	padding: 3px 0;
}
.topWrap .head__inner__item_logo{
	float: left;
	width: 170px;
	height: auto;
	padding: 0;
	margin-right: 20px;
}
.topWrap .head__inner__ic{
	text-align: center;
	top: 20px;
	width: 50px;
	height: 63px;
}
.topWrap .head__inner__ic a{
	top: 25px;
}
.topWrap .head__inner__ic .forPC{
	font-size: 1.2em;
	color: #2d65cc;
}
.topWrap .head__inner__bottom_btn{
	font-size: 1.4em;
	font-weight: bold;
}
.topWrap .head__inner__bottom_btn.personal{
	width: 165px;
	margin-right: 0;
}
.topWrap .head__inner__bottom_btn.business{
	width: 215px;
}

/* listNews */
.topWrap #listNews,
.topWrap .visual img{
	width: 970px;
}
.topWrap #listNews dt{
	float: left;
	padding: 0 13px 0 130px;
}
.topWrap #listNews dt:before{
	top: -2px;
	left: 0;
	width: 95px;
	padding: 4px 10px;
}

/* bannerArea */
.topWrap .visual,
.topWrap .visual img{
	height: 330px;
}
.topWrap .visual_invisible li a{
	max-width: 100%;
	margin: 0 auto;
}
.topWrap .visual img{
	width: auto;
}
#debit139{background: linear-gradient(90deg,#ffca28 50%, #022274 50%);background: -webkit-linear-gradient(0deg,#ffca28 50%, #022274 50%);}
#hl01{background: linear-gradient(90deg,#f7ece9 50%, #08abe6 50%);background: -webkit-linear-gradient(0deg,#f7ece9 50%, #08abe6 50%);}
#toto113{background:linear-gradient(#fed900 33%,#fff 33%, #fff 67.2%,#fed900 67.2%,#fed900);}

/* accountArea */
.topWrap .visitor .account-group,
.topWrap .member .account-group{
	width:22%;
	padding: 0;
}
.topWrap .member .account-group__btn a.btn,
.topWrap .visitor .account-group__btn a.btn{
	font-size: 3em;
	line-height: 130px;
	height: 130px;
}
.topWrap .visitor .account-group__btn{
	margin-bottom: 10px;
}
.topWrap .visitor .account-group__btn.account{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
.topWrap .visitor .account-group__btn a.account_btn{
	font-size: 3em;
	letter-spacing: 0.04em;
	line-height: 135px;
	width: auto;
	height: 135px;
	padding: 0;
	margin-right: 0;
}
.topWrap .visitor .account-group__btn.login{
	margin-right: 4%;
	margin-bottom: 0;
}
.topWrap .visitor .account-group__btn.login,
.topWrap .visitor .account-group__secondary.visitor{
	width: 48%;
}
.topWrap .visitor .account-group__btn a.login_btn{
	font-size: 1.7em;
	line-height: 70px;
	width: auto;
	height: 70px;
	margin-top: 15px;
}
.topWrap .visitor .account-group__secondary.visitor .btn{
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	border: 2px solid #255cc3;
	box-shadow: 0 2px 1px rgba(4,0,0,0.2);
	-webkit-box-shadow: 0 2px 1px rgba(4,0,0,0.2);
	-moz-box-shadow: 0 2px 1px rgba(4,0,0,0.2);
	padding: 9px 7px;
	height: auto;
	margin: 15px 0 0;
	box-sizing: border-box;
}
.topWrap .account-group__secondary.member .btn{
	font-size: 1.65em;
	padding: 10px 0 6px;
}
.topWrap .visitor .account-group__secondary.visitor .small{
	display: block;
	font-size: 0.85em;
	font-weight: normal;
}
.topWrap .account-group__secondary .lead{
	font-size: 0.8em;
	font-weight: normal;
}
.topWrap .account-group__secondary .lead.forSP{
	display: none;
}
.topWrap .account-group__secondary .lead.forPC{
	display: block;
	text-align: left;
	width: 80%;
	margin: 0 auto;
}
.topWrap .visitor .btn-group{
	margin-top: 45px;
}

.topWrap .btn-group{
	width: 100%;
	margin-left: 0;
}
.topWrap .btn-group{
	margin-top: 30px;
}
.topWrap .btn-group__list{
	margin-top: 15px;
}
.topWrap .btn-group__list li{
	width: 90px;
}
.topWrap .btn-group__list a{
	font-size: 1.3em;
}
.topWrap .btn-group__list_link .ic{
	width: 100%;
	height: 75px;
	background-size: 78px auto;
}
.topWrap .btn-group__list_link p{
	font-size: 1.1em;
	line-height: 1.3em;
}
.topWrap .btn-group__list_link.atm p{
	margin-top: 0;
}
.topWrap .bg-emrWrap{
	width: 100%;
}
.topWrap .visitor .bg-emrWrap{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	order: 2;
}
.topWrap .emrWrap__txt{
	padding-left: 2em;
	background-size: 19px auto;
}
.topWrap .emrWrap__txt:first-child{
	border-bottom: none;
	padding-bottom: 0;
}
.topWrap .visitor .bg-info-wrap,
.topWrap .member .bg-info-wrap{
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	order: 4;
	padding-right: 4%;
}
.topWrap .step-cont,
.topWrap .member .bg-info-wrap,
.topWrap .member .bg-cp-wrap,
.topWrap .member .prArea{
	border-bottom: 1px solid #c7c7c7;
}
.topWrap .visitor .bg-cp-wrap,
.topWrap .member .bg-cp-wrap{
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	order: 5;
}
.topWrap .visitor .bg-summary-cont{
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	order: 1;
}
.topWrap .visitor .prArea,
.topWrap .member .prArea{
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	order: 3;
	position: relative;
}
.topWrap .bg-info-wrap,
.topWrap .bg-cp-wrap,
.topWrap .bg-summary-cont,
.topWrap .bg-about-cont,
.topWrap .step-cont{
	padding: 60px 0;
}
.topWrap .bg-recommend-wrap,
.topWrap .bg-info-wrap,
.topWrap .bg-cp-wrap,
.topWrap .bg-summary-cont,
.topWrap .bg-about-cont{
	border-bottom: none;
}
.topWrap .recommend_area{
	width: 970px;
	padding-top: 40px;
}
.topWrap .recommend-wrap{
	max-width: 100%;
}
.topWrap .recommend-wrap__card_inner{
	padding: 17px 14px;
}

/* layout */
.topWrap .member .bg-emrWrap{
	order: 1;
	margin: 25px auto;
}
.topWrap .member .recommend_area{
	order: 2;
}
.topWrap .member .recommend_area .top-title03{
	padding-bottom: 20px;
}
.topWrap .member .bg-summary-cont{
	order: 6;
}
.topWrap .bg-entrance{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 970px;
	margin: 0 auto 30px;
}
.topWrap .inner-box{
	width: 70%;
	margin-left: 8%;
}
.topWrap #infoTip{
	display: none;
}
.topWrap #main-box{
	position: relative;
	margin-top: 35px;
}
.topWrap #infoTip.on{
	display:block;
	position: absolute;
	top: 0;
	left: 235px;
	box-shadow: 0px 10px 24px rgba(0,0,0,0.3);
	width: 660px;
	height: 260px;
}
.topWrap .boxPR1{
	width: auto;
}
.topWrap .visitor .btn-group__list.category{
	margin: 0;
}
.topWrap .recommend-wrap__card{
	margin-bottom: 0;
	width: calc(90% / 4);
}
.topWrap .recommend-wrap__card:not(:last-child){
	margin-right: 3%;
}
.topWrap .boxPR1 span{
	top: 0;
	left: 4px;
	width: 208px;
	height: 60px;
}
.topWrap .boxPR1 a{
	font-size: 1.4em;
	line-height: 1.7em;
	min-height: 45px;
	padding: 10px 10px 10px 230px;
}
.topWrap .about-cont{
	width: 810px;
}
.topWrap .about-cont__title{
	font-size: 3.4em;
}
.topWrap .about-cont__point{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.topWrap .about-cont__point__list{
	width: 50%;
}
.topWrap .about-cont__point__list_title{
	font-size: 2.3em;
}
.topWrap .about-cont__point__list_title span{
	font-size: 0.7em;
}
.topWrap .about-cont__point__list,
.topWrap .about-cont__point__list:not(:first-child){
	padding-top: 70px;
}
.topWrap .about-cont__point__list_img{
	width: 220px;
	height: 140px;
}
.topWrap .about-cont__point__list_img.payment{
	width: 270px;
}
.topWrap .about-cont__point__list_img.atm{
	width: 330px;
	height: 160px;
	padding: 10px 0 30px;
}
.topWrap .about-cont__point__list_img.debit{
	width: 360px;
	height: 70px;
	padding: 65px 0 40px;
}
.topWrap .about-cont_btn{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px;
}
.topWrap .about-cont_btn .toList{
	width: 35%;
}
.topWrap .about-cont_btn .toList:first-child{
	margin-right: 5%;
}
.topWrap .about-cont_btn .toList a{
	width: 100%;
}
.topWrap .bg-step-cont{
	border: none;
}
.topWrap .step-cont,
.topWrap .summary-cont{
	width: 970px;
	margin: 0 auto;
}
.topWrap .step-cont__title{
	width: 410px;
	margin-bottom: 50px;
}
.topWrap .step-cont__title_accent{
	font-size: 1.9em;
	width: 90px;
	height: 90px;
	padding: 26px 0;
}
.topWrap .step-cont__title_accent .txt-small{
	font-weight: normal;
}
.topWrap .step-cont__title_item_small{
	font-size: 2.4em;
}
.topWrap .step-cont__title_item_big{
	font-size: 3.6em;
}
.topWrap .step-cont__title_item_small:before,
.topWrap .step-cont__title_item_small:after{
	width: 16px;
	height: 28px;
}
.topWrap .step-cont__title_item_small:before{
	left: -6px;
}
.topWrap .step-cont__title_item_small:after{
	right: -6px;
}
.topWrap .step-cont__card-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 91%;
	margin: 0 auto;
}
.topWrap .step-cont__card{
	width: 30%;
	margin-right: 4%;
}
.topWrap .step-cont__card.last{
	width: 32%;
	margin-right: 0;
}
.topWrap .step-cont__card_text{
	width: auto;
}
.topWrap .step-cont__card_img{
	width: 243px;
	margin: 35px auto;
}
.topWrap .step-cont__card:after{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 300px;
	bottom: 50%;
}
.topWrap .step-cont__acount-btn .btn{
	font-size: 2.3em;
}
.topWrap .more-info.toList a{
	width: 26%;
	margin-top: 0;
}
.topWrap .summary-cont .toList a{
	width: 25%;
}
.topWrap .step-cont__acount-btn{
	width: 35%;
	margin-top: 45px;
}
.topWrap .top-title03{
	font-size: 2em;
	padding-bottom: 50px;
}
.topWrap .top-title03.pr{
	padding: 0 0 40px;
}
.topWrap .flex-wrap{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction:row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 970px;
	margin: 0 auto;
}
.topWrap .summary-cont__list{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.topWrap .summary-cont__list__item{
	width: 48%;
}
.summary-cont__list__item a.forPC,
.summary-cont__list__item a{
	display: block;
}
.topWrap .summary-cont__list__item:nth-child(odd){
	margin-right: 4%;
}
.topWrap .summary-cont__list .item_box{
	width: 71%;
}
.topWrap .summary-cont__list .item_box__txt{
	line-height: 1.6em;
}
.topWrap .bg-info-wrap,
.topWrap .bg-cp-wrap{
	width: 35%;
}
.topWrap .prArea{
	width: 22%;
	padding: 60px 0;
	padding-right: 4%;
}
.topWrap .boxPR2 {
	position: absolute;
	top: 128px;
	left: 0;
	width: 208px;
}
.topWrap .boxPR2 p{
	border: 1px solid #ccc;
	border-top: 0;
	width: auto;
	min-height: 104px;
}
.topWrap .boxPR2 p.first{
	border-top: 1px solid #ccc;
}
.boxPR2 p:nth-child(odd){
	margin-right: 0;
}
.topWrap .boxPR2 a {
	min-height:87px;
	padding: 15px 7px 10px 12px;
}
.topWrap .boxPR2 a span {
	display: block;
	font-size: 0.8em;
	margin: 16px 0 0 65px;
}
.topWrap .boxPR2 a span.bnr {
	background: #b3d465 url(/common/images/com_bg013.png) 0 0 repeat;
	top: 42px;
	left: 12px;
	width: 50px;
	height: 50px;
	margin: 0;
}
/* #toPageTop */
#toPageTop {
	right: 1%;
	bottom: 165px;
}
.topWrap .site-link__title.open .site-link__item,
.topWrap .site-link__item{
	display: block !important;
}
.topWrap .inner__site-link{
	width: 970px;
	padding-bottom: 40px;
	margin: 0 auto;
}
.topWrap .site-link{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-content: space-between;
}
.topWrap .site-link__title{
	font-size: 1.6em;
}
.topWrap .site-link__title:before{
	display: none;
}
.topWrap .site-link__title,

.topWrap .site-link__bottom_item,
.topWrap .site-link__list_item{
	border: none;
	padding: 20px 0;
}
.topWrap .site-link dl{
	width: 22%;
	padding: 0 1.5%;
	margin-top: 40px;
}
.topWrap .site-link__item li{
	font-size: 1.3em;
	letter-spacing: normal;
	padding: 7px 0;
}
.topWrap .site-link__bottom{
	margin-top: 35px;
}
.topWrap .site-link__bottom_item{
	float: left;
}
.topWrap .site-link__bottom,
.topWrap .site-link__list_item{
	border-top: 1px solid #ccc;
}
.topWrap .site-link__bottom_item a{
	padding: 0 12px;
}
.topWrap .site-link__bottom_item.first a{
	padding-left: 0;
}
.topWrap .site-link__bottom_item a:not(.last){
	border-right: 1px solid #666;
}

/* footer */
.topWrap .footer__link{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #2e2e2e;
	margin: 0 auto;
}
.topWrap .footer__link__item{
	min-height: 50px;
}
.topWrap .footer__link__item,
.topWrap .footer__link__item:nth-child(odd){
	border: none;
	width: auto;
}
.topWrap .footer__link__item a{
	font-size: 1.35em;
	line-height: 1.1em;
	border-right: 1px solid #fff;
	padding: 0 12px;
}
.topWrap .footer__link__item.last a{
	border: none;
}
.topWrap .footer-bottom{
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 55%;
	margin: 0 auto;
}
.topWrap .footer-bottom_txt01{
	float: left;
	margin-right: 15px;
}
.topWrap .footer-bottom_txt02{
	float: left;
	margin-top: 2px;
}
.topWrap .footer-bottom_txt03{
	font-size: 1.4em;
	width: 100%;
	margin-top: 15px;
}
.topWrap .footer-bottom_txt04{
	font-size: 1.4em;
	margin-top: 5px;
}
