@charset "UTF-8";

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

	/***************************************************************/

	/* common

	/***************************************************************/
	/* relationBlock01 */
	.relationBlock01 {
		width: 100%;
	}

	/* b_debitFixedBottom */
	.b_debitFixedBottom.fixedBottom01[class*='fixedBottomChat'] .fixedBottomNav {
		width: 166px;
	}
	.b_debitFixedBottom.fixedBottom01[class*='fixedBottomChat'] .fixedBottomBtn .fixedBottomList01 [class*=btnT] {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/index.html

	/***************************************************************/
	/* indexMvArea01 */
	.indexMvArea01 {
		background-image: url(/hojin/service/keiri/b_debit/images/index_bg01_sp.png);
	}
	.indexMvArea01 > .columnInner {
		min-height: auto;
		padding: 18px 0;
	}
	.indexMvContents {
		display: block;
		padding: 0 10px;
	}
	.indexSpWidth {
		padding: 0 25px;
	}
	.indexMvTitle {
		max-width: 314px;
		margin: 0 auto 8px;
	}
	.indexMvList01 {
		width: 100%;
		max-width: 325px;
		margin-top: -23px;
		margin-bottom: 15px;
	}
	.indexMvList01 > li {
		width: 32%;
	}
	.indexMvColumnRight {
		margin-top: 0;
	}

	/* indexCarousel01 */
	.indexCarousel01.v4-carousel01 .bx-prev {
		left: -10px !important;
	}
	.indexCarousel01.v4-carousel01 .bx-next {
		right: -10px !important;
	}

	/* indexWidth01 */
	.indexWidth01 {
		width: 100%;
	}

	/* indexGlyphLink01 */
	.indexGlyphLink01 > span::before {
		top: 0;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/merit/index.html

	/***************************************************************/
	.meritIndexMvArea01 {
		background-image: url(/hojin/service/keiri/b_debit/merit/images/index_bg01_sp.png);
	}
	.meritIndexMvArea01 > .columnInner {
		min-height: auto;
		padding: 20px 10px;
	}
	.meritIndexMvContents {
		display: flex;
		justify-content: space-between;
	}
	.meritIndexTitle01 {
		margin-bottom: 18px;
		font-size: 1.375em;
	}
	.meritIndexList01 {
		width: 100%;
		margin: -52px auto 15px;
	}
	.meritIndexList01 > * {
		width: 32%;
	}

	/* meritIndexAccIcon01 */
	.v4-normalBlockA01 .blockTitle .figure.meritIndexAccIcon01 {
		margin: 15px auto 0;
	}
	/* meritIndexLayoutColumn01 */
	.meritIndexLayoutColumn01 {
		display: block;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/goriyou/index.html

	/***************************************************************/
	/* goriyouIndexAccIcon01 */
	.v4-normalBlockA01 .blockTitle .figure.goriyouIndexAccIcon01 {
		margin: 15px auto 0;
	}
	.goriyouIndexLayoutColumn01 {
		display: block;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/setting/

	/***************************************************************/
	/* btnPosition01 */
	.btnPosition01 {
		margin-left: 0;
	}

	/* settingFigureItem */
	*[class*="settingFigureItem"] {
		text-align: left;
	}
	*[class*="settingFigureItem"] > span {
		padding-left: 112px;
		padding-top: 0;
	}
	*[class*="settingFigureItem"] > span::before {
		top: 0;
		left: 0;
		width: 100px;
		margin-top: 0;
	}
	.settingFigureItem01 > span::before {
		height: 80px;
	}
	.settingFigureItem02 > span::before {
		height: 64px;
	}
	.settingFigureItem03 > span::before {
		height: 64px;
	}
	.settingFigureItem04 > span::before {
		height: 112px;
	}
	.settingFigureItem05 > span::before {
		height: 112px;
	}
	.settingFigureItem06 > span::before {
		height: 80px;
	}
	.settingFigureItem07 > span::before {
		height: 80px;
	}

	/* settingAccIcon01 */
	.v4-normalBlockA01 .blockTitle .figure.settingAccIcon01 {
		width: 180px;
		height: 73px;
		margin: 40px auto 0;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/visa_secure/

	/***************************************************************/
	/* btnPosition01 */
	.btnPosition01 {
		margin-left: 0;
	}

	/* settingFigureItem */
	.secureFigureItem01 {
		text-align: left;
	}
	.secureFigureItem01 > span {
		padding-left: 112px;
		padding-top: 0;
	}
	.secureFigureItem01 > span::before {
		top: 0;
		left: 0;
		width: 100px;
		height: 112px;
		margin-top: 0;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/modal/about.html

	/***************************************************************/
	/* modalAboutTitle */
	.modalAboutTitle > span {
		padding-left: 35px;
	}
	.modalAboutTitle > span::before {
		width: 30px;
		height: 36px;
		margin-top: -18px;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/modal/unknown_withdrawal.html

	/***************************************************************/
	/* modalFaqIcon01 */
	.modalFaqIcon01 > span {
		position: static;
		padding-left: 0;
		text-align: center;
	}
	.modalFaqIcon01 > span:before {
		left: 8px;
		width: 33px;
		height: 40px;
		margin-top: -20px;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/modal/cancel_refund.html

	/***************************************************************/
	.modalCancelImgBlock01 {
		margin-top: 120px;
	}
	.modalCancelImgBlock01 .modalCancelImg01 {
		top: -120px;
		width: 223px;
		margin-left: -112px;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/modal/unavailable.html

	/***************************************************************/
	/* modalUnavailableBeforeArrow */
	.modalUnavailableBeforeArrow01 {
		margin-top: 90px;
	}
	.modalUnavailableBeforeArrow01:before {
		top: -50px;
		margin-left: -25px;
		border-width: 20px 25px 0 25px;
	}


	/***************************************************************/

	/* /hojin/service/keiri/b_debit/modal/card_stop.html

	/***************************************************************/
	.modalCardGlyphAttention01 > span:before {
		top: 0.2em;
		width: 22px;
		height: 22px;
	}
}