@charset "UTF-8";
/*-------------------------------------------
Base
-------------------------------------------*/
.tColorBlue01 {
	color: #14489d;
}
.hTtl02 {
	width: 470px;
	margin: 0 auto;
}
.hTtl03 {
	margin: 0 auto;
}
.fSizeSet01 {
	font-size: 55px;
}
.flexAlignSet {
	align-items: center;
}
*[class^="glyph"].iconPositionSet01 > span:before {
	top: 0.1em;
}
/*-------------------------------------------
.mvBlk01
-------------------------------------------*/
.mvBlk01 {
	background: url(/cards/visa_toyoko/images/index_bg_01_pc.png) center 0 repeat-x;
	background-size: 100% 100%;
}
.cardsMvBlock01 .cardImageWrap {
	display: inline-block;
	width: 332px;
}
.cardsMvBlock01 .textContents {
	width: 456px;
}
.cardsMvBlock01 .benefitsList01 {
	display: flex;
}
.cardsMvBlock01 .benefitsList01 li {
	width: 145px;
	margin-left: 20px;
	padding: 15px 5px;
	border-radius: 20px 0 20px 0;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(82, 163, 250, 0.3);
	box-sizing: border-box;
}
.cardsMvBlock01 .benefitsList01 li:first-child {
	margin-left: 0;
}
.cardsMvBlock01 .benefitsList01 li .itemIco {
	width: 90px;
	margin: 0 auto;
}

/*-------------------------------------------
.sectionMerit
-------------------------------------------*/
.hTtl03.ttlPoint01,
.hTtl03.ttlPoint02,
.hTtl03.ttlPoint03 {
	width: 122px;
}
.pointImg01 {
	width: 200px;
	margin: 40px auto 0;
}
.pointImg02 {
	width: 250px;
	margin: 40px auto 0;
}
.pointImg04 {
	width: 705px;
	margin: 40px auto 0;
}
.pointImgTxt {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 705px;
	margin: 40px auto 0;
}
.pointImgTxt li {
	width: 33.3%;
}

/*-------------------------------------------
.sectionOtoku
-------------------------------------------*/
.hTtl03.ttlCase01 {
	width: 122px;
}
.hTtl03.ttlCase02 {
	width: 133px;
}
.useBlk01 {
	display: flex;
	align-items: center;
	margin-right: 4%;
}
.useBlk01 li {
	margin-left: 4%;
}
.useBlk01 li:first-child {
	margin-left: 0;
}
.useBlk02 {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.pointGetBlk01 {
	display: flex;
	align-items: center;
	margin-left: 4%;
}
.caseImg01 {
	width: 123px;
	margin: 0 auto;
}
.caseImg02 {
	width: 110.5px;
	margin: 0 auto;
}
.caseImg03 {
	width: 300px;
	margin: 30px auto 0;
}
.caseImg04 {
	width: 261px;
	margin: 30px auto 0;
}
.caseImg05 {
	width: 350px;
	margin: 30px auto 0;
}
.caseImg06 {
	width: 202px;
	margin: 30px auto 0;
}
.caseImg07 {
	width: 123px;
	margin: 5px auto 0;
}
.caseImg08 {
	width: 150px;
	margin: 5px auto 0;
}

/*-------------------------------------------
.sectionApply
-------------------------------------------*/
.applyImg01 {
	width: 300px;
	margin: 15px auto 0;
}
.applyImg02 {
	width: 250px;
	margin: 15px auto 0;
}
.applyImg03 {
	width: 200px;
	margin: 15px auto 0;
}
