@charset "UTF-8";

@media screen and (max-width: 767px) {

/*-------------------------------------------
Base
-------------------------------------------*/
	.hTtl02 {
		width: 100%;
		max-width: 329.5px;
	}
	.fSizeSet01 {
		font-size: 35px;
	}
	.spWAuto {
		width: auto!important;
	}

/*-------------------------------------------
.mvBlk01
-------------------------------------------*/
	.mvBlk01 {
		background: url(/cards/visa_toyoko/images/index_bg_01_sp.png) center 0 repeat-x;
		background-size: cover;
	}
	.cardsMvBlock01 .cardImageWrap {
		display: block;
		width: 100%;
	}
	.cardsMvBlock01 .textContents {
		width: 100%;
	}
	.cardsMvBlock01 .benefitsList01 li {
		width: 32%;
		margin-left: 2%;
		padding: 4% 1.5%;
		border-radius: 15px 0 15px 0;
	}
	.cardsMvBlock01 .benefitsList01 li .itemIco {
		width: 100%;
		max-width: 68px;
	}

/*-------------------------------------------
.sectionMerit
-------------------------------------------*/
	.hTtl03.ttlPoint01 {
		width: 100%;
		max-width: 74px;
	}
	.hTtl03.ttlPoint02,
	.hTtl03.ttlPoint03 {
		width: 100%;
		max-width: 80px;
	}
	.pointImg01 {
		width: 100%;
		max-width: 200px;
		margin: 20px auto 0;
	}
	.pointImg02 {
		width: 100%;
		max-width: 180.5px;
		margin: 20px auto 0;
	}
	.pointImg04 {
		width: 100%;
		max-width: 325.5px;
		margin: 20px auto 0;
	}
	.pointImgTxt {
		width: 100%;
		margin: 20px auto 0;
	}
	.pointImgTxt li {
		width: 33.3%;
	}

/*-------------------------------------------
.sectionOtoku
-------------------------------------------*/
	.hTtl03.ttlCase01 {
		width: 100%;
		max-width: 61px;
	}
	.hTtl03.ttlCase02 {
		width: 100%;
		max-width: 66.5px;
	}
	.useBlk01 {
		justify-content: center;
		margin-right: 0;
	}
	.useBlk01 li {
		margin-left: 0;
	}
	.pointGetBlk01 {
		justify-content: center;
		margin-left: 0;
	}
	.caseImg01 {
		width: 100%;
		max-width: 92px;
	}
	.caseImg02 {
		width: 100%;
		max-width: 93px;
	}
	.caseImg03 {
		width: 100%;
		max-width: 228px;
		margin: 15px auto 0;
	}
	.caseImg04 {
		width: 100%;
		max-width: 130.5px;
		margin: 15px auto 0;
	}
	.caseImg05 {
		width: 100%;
		max-width: 175px;
		margin: 15px auto 0;
	}
	.caseImg06 {
		width: 100%;
		max-width: 101px;
		margin: 15px auto 0;
	}
	.caseImg07 {
		width: 100%;
		max-width: 76px;
	}
	.caseImg08 {
	width: 100%;
	max-width: 49px;
	}

/*-------------------------------------------
.sectionApply
-------------------------------------------*/
	.v4-stepBlockA01 {
		padding: 20px 50px 40px;
	}
	.applyImg01 {
		width: 100%;
		max-width: 222px;
		margin: 10px auto 0;
	}
	.applyImg02 {
		width: 100%;
		max-width: 164px;
		margin: 10px auto 0;
	}
	.applyImg03 {
		width: 100%;
		max-width: 138.5px;
		margin: 10px auto 0;
	}

}