@charset "UTF-8";

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

/* /kojin/visa_debit/landing/abroad.html

/***************************************************************/
/* style */
.abroadNowrap {
	white-space: nowrap
}

/* abroadMvBlock */
.abroadMvBlock01 {
	padding: 60px 0 70px;
	background: linear-gradient(to bottom, #57abff 0%,#9ae3ff 50%, #c6ffff 100%);
}
.abroadMvBlock01 .abroadMvInner {
	width: 1200px;
	margin: 0 auto;
}
.abroadMvBlock01 .abroadMvTtl {
	position: relative;
	z-index: 1;
}
.abroadMvBlock01 .abroadMvTtl::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 60px;
	left: 50%;
	width: 834px;
	height: 348px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_01.png);
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateX(-48%);
	z-index: -1;
}
.abroadMvBlock01 .abroadMvTtl > * {
	display: inline-block;
}
.abroadMvBlock01 .abroadMvTtl .ttlColor01 {
	color: #fff700;
}
.abroadMvBlock01 .abroadMvTtl .readTtl,
.abroadMvBlock01 .abroadMvTtl .subTtl {
	color: #fff;
}
.abroadMvBlock01 .abroadMvTtl .readTtl {
	border-bottom: solid 2px#fff;
	font-size: 4.5rem;
	line-height: 1;
}
.abroadMvBlock01 .abroadMvTtl .readTtl .smallText {
	font-size: 3rem;
}
.abroadMvBlock01 .abroadMvTtl .subTtl {
	margin-top: 25px;
	font-size: 2.4rem;
	line-height: 1.5;
}
.abroadMvBlock01 .abroadMvTtl .mainTtl {
	margin-top: 5px;
	font-size: 4rem;
	line-height: 1.2;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.abroadMvBlock01 .abroadMvTtl .mainTtl .smallText {
	font-size: 2.8rem;
}
.abroadMvBlock01 .abroadMvTtl .mainTtl .largeText {
	font-size: 6.2rem;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"] > * {
	display: inline-block;
	position: relative;
	padding: 4px 45px 12px;
	background: #8e8e8e;
	border: solid 1px #414141;
	border-radius: 8px 10px 8px 17px;
	font-weight: bold;
	line-height: 1.5;
	color: #fff !important;
	z-index: 1;
	box-sizing: border-box;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"] > *::before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 4px;
	left: -2px;
	width: calc(100% - 3px);
	height: calc(100% - 2px);
	background: #ff399e;
	border: solid 1px #414141;
	border-radius: 8px;
	z-index: -1;
}
.abroadMvBlock01 .abroadMvBalloon01 {
	height: 57px;
	margin-top: 75px;
}
.abroadMvBlock01 .abroadMvBalloon01 > * {
	font-size: 2.6rem;
}
.abroadMvBlock01 .abroadMvBalloon02 > * {
	min-width: 270px;
	padding: 2px 12px 8px;
	font-size: 2rem;
}
.abroadMvBlock01 .abroadMvBalloon03 > * {
	padding: 0px 34px 6px;
	font-size: 2rem;
}
.abroadMvBlock01 .abroadMvBalloon02 > *::before,
.abroadMvBlock01 .abroadMvBalloon03 > *::before {
	bottom: 3px;
	left: -1px;
}
.abroadMvBlock01 .abroadMvBalloon02 > * > span::before,
.abroadMvBlock01 .abroadMvBalloon02 > * > span::after,
.abroadMvBlock01 .abroadMvBalloon03 > * > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 12px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
}
.abroadMvBlock01 .abroadMvBalloon02 > * > span::before {
	bottom: -12px;
	margin-left: -6px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_arrow_02.png);
	z-index: 2;
}
.abroadMvBlock01 .abroadMvBalloon02 > * > span::after {
	bottom: -16px;
	margin-left: -7px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_arrow_03.png);
	z-index: 1;
}
.abroadMvBlock01 .abroadMvBalloon03 > * > span::before {
	top: 50%;
	left: -14px;
	margin-top: -6px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_arrow_02.png);
	transform: rotate(90deg);
	z-index: 2;
}
/* ↓ hover ↓ */
.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a,
.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a {
	bottom: 0;
	left: 2px;
	width: auto;
	height: auto;
	margin-bottom: 4px;
	padding: 5px 12px;
	background: none;
	border: none;
	color: #f1a9ce !important;
}
.abroadMvBlock01 .contentFlow05 *[class*="abroadMvBalloon"]:hover > a,
.abroadMvBlock01 .contentFlow06 *[class*="abroadMvBalloon"]:hover > a,
.abroadMvBlock01 .contentFlow05 *[class*="abroadMvBalloon"].jsMvAnimation > a,
.abroadMvBlock01 .contentFlow06 *[class*="abroadMvBalloon"].jsMvAnimation > a {
	left: 0;
	padding: 3px 34px;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a::before,
.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a::before {
	bottom: 0;
	left: 0;
	background: #d42a80;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a > span::before,
.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a > span::before {
	bottom: -15px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_arrow_02_hover.png);
}
.abroadMvBlock01 .abroadMvBalloon01.jsMvAnimation > span {
	padding: 8px 43px 8px 48px;
	background: none;
	border: none;
	color: #f1a9ce !important;
}
.abroadMvBlock01 .abroadMvBalloon01.jsMvAnimation > span::before {
	bottom: 0;
	left: 2px;
	background: #d42a80;
}
.abroadMvBlock01 .abroadMvBalloon03:hover > a > span::before,
.abroadMvBlock01 .abroadMvBalloon03.jsMvAnimation > a > span::before {
	bottom: auto;
	left: -8px;
	margin-top: -4px;
	margin-left: -5px;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a > span::after,
.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a > span::after {
	content: none;
}
.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap01,
.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap01 {
	margin: 18px 0 0 -1px;
}
.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap02,
.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap02 {
	margin: 18px 0 0 -56px;
}
.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap03,
.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap03 {
	margin: 3px -60px 0 0;
}
.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap04,
.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap04 {
	margin: 23px 0 0 -65px;
}
.abroadMvBlock01 .abroadMvBalloon03:hover,
.abroadMvBlock01 .abroadMvBalloon03.jsMvAnimation {
	margin-left: 2px;
}
.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a .abroadMvIconQuestion01 > span::before,
.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a .abroadMvIconQuestion01 > span::before {
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_05_hover.svg);
}
/* ↑ hover ↑ */
.abroadMvBlock01 .abroadMvContentBlock01 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 112px;
}
.abroadMvBlock01 .abroadMvContentBlock01 > * {
	position: relative;
	z-index: 1;
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01,
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02 {
	width: 50%;
	height: 700px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent03 {
	width: 100%;
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01 {
	background: linear-gradient(to bottom, #c8ffff, #3be8e8);
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02 {
	background: linear-gradient(to bottom, #a3fbcc, #69da9a);
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01::after,
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01::after {
	top: 8px;
	width: 446px;
	height: 614px;
	margin-left: -226px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_02.png);
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::after {
	top: 52px;
	width: 540px;
	height: 618px;
	margin-left: -278px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_03.png);
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent03 {
	padding: 15px 0 30px;
	background: linear-gradient(to bottom, #fff4cf, #ffba9c);
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 140px;
	left: -78px;
	width: 166px;
	height: 314px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_04.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow01,
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow02,
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow03,
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow04 {
	display: inline-block;
	position: absolute;
	z-index: 1;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow01 {
	top: 90px;
	right: 22px;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow02 {
	top: 217px;
	left: 18px;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow03 {
	top: 90px;
	right: 34px;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow04 {
	top: 216px;
	left: 24px;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] *[class*="contentTtl"] {
	display: inline-block;
	position: absolute;
	top: -52px;
	left: 18px;
	padding: 9px 15px 3px;
	border-radius: 28px 28px 0 0;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	box-sizing: border-box;
}
.abroadMvBlock01 *[class*="abroadMvContentBlock"] *[class*="contentTtl"] > span {
	display: inline-block;
	position: relative;
	padding: 8px 38px;
	border-radius: 25px;
	line-height: 1;
	box-sizing: border-box;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl01 {
	background: #c8ffff;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl02 {
	background: #a3fbcc;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl03 {
	background: #fff4cf;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl01 > span {
	background: #07adc7;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl02 > span {
	background: #0ca26f;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl03 > span {
	padding: 8px 15px;
	background: #ec6666;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl03 .subTtl {
	display: inline-block;
	position: relative;
	top: -2px;
	left: -5px;
	font-size: 2rem;
	color: #fff700;
	transform: rotate(-25deg);
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01,
.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > * {
	display: flex;
	align-items: center;
	justify-content: center;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 {
	margin-left: -50px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > *:last-child {
	margin-left: 90px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap01 {
	margin-top: 20px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap02 {
	margin: 20px 0 0 -57px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap03 {
	margin: 5px -60px 0 0;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap04 {
	margin: 25px 0 0 -65px;
}
.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlowImg"] > a {
	display: inline-block;
	background: url(/kojin/visa_debit/landing/images/abroad_mv_circle_01.png) no-repeat center center;
	background-size: 162px;
}
.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlowImg"] img {
	position: relative;
	width: 225px;
}
.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlowImg"] > a:hover > img {
	opacity: 1;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImg04 > a > img {
	top: -15px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvCampainLabel01 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 175px;
	height: 32px;
	background: url(/kojin/visa_debit/landing/images/abroad_mv_label_01.svg) no-repeat 0 0;
	background-size: cover;
	font-weight: bold;
	line-height: 1.5;
	color: #0c3bbc;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlow01 .abroadMvCampainLabel01 {
	margin-top: 10px;
}
.abroadMvBlock01 .abroadMvContentBlock01 .contentFlow03 .abroadMvCampainLabel01 {
	top: -2px;
}
.abroadMvBlock01 .abroadMvIconQuestion01 > span {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}
.abroadMvBlock01 .abroadMvIconQuestion01 > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 24px;
	margin-top: -12px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_05.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

/* animation */
*[class*="abroadMvAnimation"] > span {
	display: inline-block;
	transition: transform 0.3s cubic-bezier(0.23, 1, 0.58, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.58, 1);
}
*[class*="abroadMvAnimation"]:hover > span {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}
*[class*="abroadMvAnimation"]:hover img {
	animation: shake 2s infinite ease-in-out;
	transform-origin: center bottom;
}
@keyframes shake{
	0% {
		transform: rotate(0);
	}
	20% {
		transform: rotate(-10deg);
	}
	60% {
		transform: rotate(10deg);
	}
	80% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(0);
	}
}

/* abroadTtl */
.abroadTtlBlock01 {
	margin-bottom: 40px;
}
.abroadTtlBlock01 .ttlLabel {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
}
.abroadTtlBlock01 .ttlLabel > span {
	display: inline-block;
	padding: 3px 20px;
	background: #8aacd4;
	border-radius: 18px;
	line-height: 1.5;
	color: #fff;
}
.abroadTtlBlock01 .ttlText {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	color: #003776;
}
.abroadCheckTtl01 > span {
	display: inline-block;
	position: relative;
	padding-left: 35px;
}
.abroadCheckTtl01 > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 25px;
	height: 19px;
	background: url(/kojin/visa_debit/landing/images/abroad_check_01.svg) no-repeat 0 0;
	background-size: cover;
}

/* abroadDecText */
.abroadDecText01 > span {
	display: inline-block;
	position: relative;
	padding: 0 30px;
}
.abroadDecText01 > span::before,
.abroadDecText01 > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 18px;
	height: 28px;
	margin-top: -14px;
	background-repeat: no-repeat;
	background-size: cover;
}
.abroadDecText01 > span::before {
	left: 0;
	background-image: url(/kojin/visa_debit/landing/images/abroad_dec_01.png);
}
.abroadDecText01 > span::after {
	right: 0;
	background-image: url(/kojin/visa_debit/landing/images/abroad_dec_02.png);
}

/* abroadAccBlock */
.abroadAccBlock01 > .blockInner {
	background: #fff;
	border: solid 1px #c5c5c5;
	border-radius: 40px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.abroadAccBlock01 > .blockInner > .blockTitle,
.abroadAccBlock01 > .blockInner > .blockDetail {
	position: relative;
	border: none;
	background: none;
}
.abroadAccBlock01 > .blockInner > .blockTitle::before,
.abroadAccBlock01 > .blockInner > .blockTitle::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 34px;
	background: #0c3bbc;
}
.abroadAccBlock01 > .blockInner > .blockTitle::before {
	right: 47px;
	margin-top: -15px;
	width: 3px;
	height: 30px;
}
.abroadAccBlock01 > .blockInner > .blockTitle::after {
	margin-top: -2px;
	width: 30px;
	height: 3px;
}
.abroadAccBlock01 > .blockInner > .blockTitle[aria-selected="true"]::before {
	content: none;
}
.abroadAccBlock01 > .blockInner > .blockDetail {
	margin: 0 30px;
	padding: 30px 0;
	border-top: solid 1px #c5c5c5;
}
#wrap .abroadAccBlock01.jsAccTitle .jsAccSwitch > *:after,
.modalWrap .abroadAccBlock01.jsAccTitle .jsAccSwitch > *:after {
	content: none;
}
.abroadAccBlock01 > .blockInner *[class*="abroadAccIcon"] > span {
	padding-left: 70px;
}
.abroadAccBlock01 > .blockInner *[class*="abroadAccIcon"] > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 61px;
	height: 52px;
	margin-top: -26px;
	background-repeat: no-repeat;
	background-size: cover;
}
.abroadAccBlock01 > .blockInner .abroadAccIcon01 > span::before {
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_01.png);
}
.abroadAccBlock01 > .blockInner .abroadAccIcon02 > span::before {
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_02.png);
}
.abroadAccBlock01 > .blockInner .abroadAccIcon03 > span::before {
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_03.png);
}
.abroadAccBlock01 > .blockInner .abroadAccIcon04 > span::before {
	background-image: url(/kojin/visa_debit/landing/modal/images/modal_ico_01.png);
}
.abroadAccBlock01 > .blockInner .abroadAccIcon05 > span::before {
	background-image: url(/kojin/visa_debit/landing/modal/images/modal_ico_02.png);
}
.abroadAccBlock01 > .blockInner .abroadAccIcon06 > span::before {
	content: "?";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 18px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background: #0c3bbc;
	border-radius: 50%;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
}
.abroadAccBlock01 .abroadAccNum {
	position: absolute;
	top: -49px;
	left: 6px;
	width: 50px;
}

/* abroadAttentionBlock */
.abroadAttentionBlock01 {
	padding: 30px;
	background: #fff0f1;
	border-radius: 8px;
	box-sizing: border-box;
}
.abroadAttentionBlock01 .abroadAttentionInner {
	padding: 20px 30px;
	background: #fff;
}

/* abroadTextColor */
.abroadTextColor01 {
	color: #003776;
}

/* abroadTicketBlock */
.abroadTicketBlock01,
.abroadTicketBlock01 .abroadTicketTop,
.abroadTicketBlock01 .abroadTicketBottom {
	position: relative;
}
.abroadTicketBlock01 {
	border: solid 3px #a5d2ee;
	border-radius: 16px;
}
.abroadTicketBlock01 * {
	box-sizing: border-box;
}
.abroadTicketBlock01 .abroadTicketTop {
	padding: 30px 20px;
	background: #eaf6fb;
	border-radius: 14px 14px 0 0;
}
.abroadTicketBlock01 .abroadTicketTop::after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 1140px;
	height: 10px;
	transform: translateX(-50%);
	background: url(/kojin/visa_debit/landing/images/abroad_line_01.png) repeat-x 0 0;
	background-size: contain;
}
.abroadAccBlock01 .abroadTicketBlock01 .abroadTicketTop::after {
	width: 1072px;
}
.v3-boxModal .abroadTicketBlock01 .abroadTicketTop::after {
	width: 852px;
}
.v3-boxModal .abroadAccBlock01 .abroadTicketBlock01 .abroadTicketTop::after {
	width: 782px;
}
.abroadTicketBlock01 .abroadTicketBottom {
	padding: 30px 20px;
}
.abroadTicketBlock01 .abroadTicketBottom::before,
.abroadTicketBlock01 .abroadTicketBottom::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: -16px;
	width: 16px;
	height: 32px;
	background: #fff;
	border: solid 3px #a5d2ee;
	box-sizing: border-box;
}
.abroadTicketBlock01 .abroadTicketBottom::before {
	left: -3px;
	border-width: 3px 3px 3px 0;
	border-radius: 0 32px 32px 0;
}
.abroadTicketBlock01 .abroadTicketBottom::after {
	right: -3px;
	border-width: 3px 0 3px 3px;
	border-radius: 32px 0 0 32px;
}
.abroadTicketBlock01 .abroadTicketTtl {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	color: #003776;
}

/* abroadCardColumn */
.abroadCardColumn01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.abroadCardColumn01 > *:last-child {
	margin-left: 30px;
}

/* abroadFaqQuestionBlock */
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li {
	margin-bottom: 30px;
	background: #fff;
	border: solid 1px #c5c5c5;
	border-radius: 40px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li span.answerIconWrap,
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li div.answerIconWrap {
	margin: 0 30px;
	padding: 30px 0;
	border-top: solid 1px #c5c5c5;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ,
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li span.answerIconWrap,
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li div.answerIconWrap {
	background: none;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ > span,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li > a > span,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li span.answerIcon01,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li div.answerIcon01 {
	padding-left: 0;
}
.abroadFaqQuestionBlock01 .faqQuestionList01 > li span.answerIcon01,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li div.answerIcon01 {
	margin-top: 0;
}
.abroadFaqQuestionBlock01 .faqQuestionList01 > li > a > span:before,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li > a > span:before,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li span.answerIcon01:before,
.abroadFaqQuestionBlock01 .faqQuestionList01 > li div.answerIcon01:before {
	content: none;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ {
	position: relative;
	border-bottom: none;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::before,
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 34px;
	left: auto;
	background: #0c3bbc;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::before {
	right: 47px;
	margin-top: -15px;
	width: 3px;
	height: 30px;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::after {
	margin-top: -2px;
	width: 30px;
	height: 3px;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ > span {
	position: static;
	padding-right: 2em;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ[aria-selected="true"]::before,
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ > span::after {
	content: none;
}
.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ[aria-selected="false"] > span::after {
	content: "";
}

/* icon */
.abroadIconNewWindow > span::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 10px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_06.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

/* btn */
*[class*="abroadBtn"],
.abroadAppDlBlock01 .btnT03 {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	height: 100%;
	padding: 10px 45px;
	border-radius: 36px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.58, 1);
	transition: -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.58, 1);
	transition: transform 0.2s cubic-bezier(0.23, 1, 0.58, 1);
	transition: transform 0.2s cubic-bezier(0.23, 1, 0.58, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.58, 1);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
*[class*="abroadBtn"]:hover,
.abroadAppDlBlock01 .btnT03:hover {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}
.abroadBtn01 {
	border: solid 1px #c5c5c5;
	background: #fff;
	color: #0c3bbc !important;
}
.abroadBtn02,
.abroadAppDlBlock01 .btnT03 {
	background: #0c3bbc;
	color: #fff !important;
}
.abroadAppDlBlock01 .btnT03 {
	width: 100%;
}
*[class*="abroadBtn"][class*="abroadIcon"] > span {
	display: inline-block;
}
*[class*="abroadBtn"][class*="abroadIcon"] > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
*[class*="abroadBtn"].abroadIconNewWindow> span::after {
	right: 15px;
	margin-top: -8px;
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_04.svg);
}
.abroadBtn01.abroadIconNewWindow> span::after {
	background-image: url(/kojin/visa_debit/landing/images/abroad_ico_06.svg);
}

/* abroadAppDlBlock */
.abroadAppDlBlock01 .v3-jsQrCodeShowBtn .v3-appQrCodeWrap {
	border-radius: 36px;
}

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

/* /kojin/visa_debit/landing/modal/abroad.html

/***************************************************************/
/* abroadModalNumTtl */
.abroadModalNumTtl01 {
	display: flex;
	align-items: flex-end;
}
.abroadModalNumTtl01 .num {
	width: 50px;
}
.abroadModalNumTtl01 .text {
	display: inline-block;
	margin-left: 20px;
	font-size: 2.4rem;
	line-height: 1;
	color: #003776;
}

/* abroadHasCheckLabel */
.abroadHasCheckLabel01 {
	position: relative;
	margin-top: 70px;
}
.abroadHasCheckLabel01 .abroadCheckLabel01 {
	position: absolute;
	top: -45px;
	left: 110px;
	width: 140px;
	z-index: 1;
}
.v3-boxModal .abroadHasCheckLabel01 .abroadCheckLabel01 {
	left: 15px;
}

/* closeWrap */
.v3-boxModal .closeWrap .btnT01 {
	width: 300px;
	min-height: 60px;
	margin-bottom: 8px;
	border: solid 1px #c5c5c5;
	border-radius: 36px;
	box-shadow: none;
	box-sizing: border-box;
}
.v3-boxModal .closeWrap .btnT01 > span {
	color: #0c3bbc;
}
.v3-boxModal .closeWrap .btnT01.glyphClose > span::before {
	left: auto;
	right: 20px;
	font-weight: bold;
	color: #0c3bbc;
}
.v3-boxModal .closeWrap .btnT01:hover > span,
.v3-boxModal .closeWrap .btnT01.glyphClose:hover > span::before {
	color: #f7920e !important;
}

/* abroadModalBalloon */
.abroadModalBalloon01 {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	padding: 11px 11px 15px;
	background: #0c3bbc;
	border-radius: 8px 10px 8px 17px;
	z-index: 1;
	box-sizing: border-box;
}
.abroadModalBalloon01::before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: calc(100% - 6px);
	height: calc(100% - 4px);
	background: #fff;
	border: solid 1px #0c3bbc;
	border-radius: 8px;
	z-index: -1;
}
.abroadModalBalloon01 > span::before,
.abroadModalBalloon01 > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
}
.abroadModalBalloon01 > span::before {
	bottom: -12px;
	margin-left: -6px;
	border-width: 18px 13px 0px 0px;
	border-color: #fff transparent transparent transparent;
	z-index: 1;
}
.abroadModalBalloon01 > span::after {
	bottom: -20px;
	margin-left: -7px;
	border-width: 20px 14px 0px 0px;
	border-color: #0c3bbc transparent transparent transparent;
}

/* abroadColorBlock */
.abroadColorBlock01 {
	padding: 30px;
	background: #eaf6fb;
	border-radius: 16px;
	box-sizing: border-box;
}
.abroadColorBlock01 .abroadColorBlockInner {
	padding: 30px;
	background: #fff;
	border-radius: 16px;
	box-sizing: border-box;
}

/* abroadLineTtl */
.abroadLineTtl01 {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: solid 1px #003776;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	color: #003776;
}

/* abroadCarousel */
.abroadCarouselWrap01 {
	padding: 60px 30px 30px;
	background: #fff;
	border-radius: 104px;
	box-sizing: border-box;
}
.abroadCarousel01 .abroadCarouselIcon01 {
	width: 24px;
	margin: -4px 5px 0;
}
.abroadCarousel01 .bx-default-pager {
	position: relative;
	bottom: -20px;
}
.abroadCarousel01 .bx-default-pager a {
	width: 60px;
	height: 10px;
	border-radius: 6px;
}
.abroadCarousel01 .bx-prev,
.abroadCarousel01 .bx-next {
	width: 42px;
	height: 45px;
	background: rgba(12, 162, 108, 0.6);
	border-radius: 16px;
}
.abroadCarousel01 .bx-prev:before,
.abroadCarousel01 .bx-next:before {
	margin: -13px 0 0 -14px;
	font-size: 2.6rem;
}
.abroadCarousel01 .bx-next:before {
	margin: -13px 0 0 -11px;
}

/* abroadLinkColumn */
.abroadLinkColumn01 {
	display: flex;
	justify-content: center;
	width: 720px;
	margin: 30px auto 0;
	box-sizing: border-box;
}
.abroadLinkColumn01 > * {
	width: 48%;
	margin-left: 4%;
}
.abroadLinkColumn01 > *:nth-child(2n-1) {
	margin-left: 0;
}

/* abroadBorderBlock */
.abroadBorderBlock01 {
	display: block;
	position: relative;
	padding: 20px 20px 30px;
	border: solid 1px #c9c9c9;
	border-radius: 6px;
	transition: 0.4s;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
	box-sizing: border-box;
}
.abroadBorderBlock01::after {
	content: "";
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	border-top: 2px solid #0c3bbc;
	border-right: 2px solid #0c3bbc;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.abroadBorderBlock01:hover {
	opacity: 0.7;
}
.abroadBorderBlock01 .abroadLinkText {
	color: #000 !important;
}

/* abroadListColumn */
.abroadListColumn01 {
	display: flex;
	justify-content: center;
	margin-left: -20px;
}
.abroadListColumn01 > * {
	margin-left: 20px;
}

/* abroadNumListBlock */
.abroadNumListBlock01 {
	position: relative;
	padding-left: 65px;
}
.abroadNumListBlock01 .abroadNumListTtl {
	font-size: 2rem;
	font-weight: bold;
	color: #003776;
}
.abroadNumListBlock01 .abroadNumListImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
}

/* abroadIcon */
.abroadIconQuestion01 > span,
.abroadIconLamp01 > span {
	display: inline-block;
	position: relative;
}
.abroadIconQuestion01 > span {
	padding-left: 40px;
}
.abroadIconLamp01 > span {
	padding-left: 30px;
}
.abroadIconQuestion01 > span::before,
.abroadIconLamp01 > span::before {
	position: absolute;
	top: 0;
	left: 0;
}
.abroadIconQuestion01 > span::before {
	content: "?";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: #0c3bbc;
	border-radius: 50%;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
}
.abroadIconLamp01 > span::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 34px;
	background: url(/kojin/visa_debit/landing/modal/images/modal_ico_05.png) no-repeat 0 0;
	background-size: cover;
}

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

	/* /kojin/visa_debit/landing/abroad.html

	/***************************************************************/
	/* abroadMvBlock */
	.abroadMvBlock01 {
		margin: 0 -10px;
		padding: 0;
		background: none;
	}
	.abroadMvBlock01 .abroadMvInner {
		width: auto;
	}
	.abroadMvBlock01 .abroadMvTtlWrap {
		padding: 25px 10px 60px;
		background: linear-gradient(to bottom, #57abff 0%,#4cb0ff 80%, #9be3ff 100%);
	}
	.abroadMvBlock01 .abroadMvTtl::before {
		top: 32px;
		width: 436px;
		height: 174px;
		background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_01_sp.png);
		transform: translateX(-46%);
	}
	.abroadMvBlock01 .abroadMvTtl .readTtl {
		font-size: 2.2rem;
	}
	.abroadMvBlock01 .abroadMvTtl .readTtl .smallText {
		font-size: 1.5rem;
	}
	.abroadMvBlock01 .abroadMvTtl .subTtl {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.abroadMvBlock01 .abroadMvTtl .mainTtl {
		font-size: 2rem;
	}
	.abroadMvBlock01 .abroadMvTtl .mainTtl .smallText {
		font-size: 1.7rem;
	}
	.abroadMvBlock01 .abroadMvTtl .mainTtl .largeText {
		font-size: 3.1rem;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"] > * {
		border-radius: 4px 5px 4px 9px;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"] > *::before {
		bottom: 2px;
		left: -1px;
		border-radius: 4px;
	}
	.abroadMvBlock01 .abroadMvBalloon01 {
		height: 27.5px;
		margin-top: 30px;
	}
	.abroadMvBlock01 .abroadMvBalloon01 > * {
		padding: 2px 24px 6px 22px;
		font-size: 1.3rem;
	}
	.abroadMvBlock01 .abroadMvBalloon02 > * {
		min-width: 175px;
		padding: 2px 8px 5px 4px;
		font-size: 1.3rem;
	}
	.abroadMvBlock01 .abroadMvBalloon03 > * {
		min-width: 159px;
		padding: 2px 8px 5px 4px;
		font-size: 1.3rem;
	}
	.abroadMvBlock01 .abroadMvBalloon02 > * > span::before,
	.abroadMvBlock01 .abroadMvBalloon02 > * > span::after,
	.abroadMvBlock01 .abroadMvBalloon03 > * > span::before {
		width: 8px;
		height: 10px;
	}
	.abroadMvBlock01 .abroadMvBalloon02 > * > span::before {
		bottom: -7px;
	}
	.abroadMvBlock01 .abroadMvBalloon02 > * > span::after {
		bottom: -10px;
	}
	.abroadMvBlock01 .abroadMvBalloon03 > * > span::before {
		top: -11px;
		left: 50%;
		margin: 0 0 0 -3px;
		transform: rotate(180deg);
	}
	/* ↓ hover ↓ */
	.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a {
		left: auto;
		margin-bottom: 0;
		padding: 2px 8px 5px 4px;
		background: #8e8e8e;
		border: solid 1px #414141;
		color: #fff !important;
	}
	.abroadMvBlock01 .contentFlow05 *[class*="abroadMvBalloon"]:hover > a,
	.abroadMvBlock01 .contentFlow06 *[class*="abroadMvBalloon"]:hover > a {
		left: auto;
		padding: 2px 8px 5px 4px;
	}
	.abroadMvBlock01 .contentFlow02 *[class*="abroadMvBalloon"]:hover > a,
	.abroadMvBlock01 .contentFlow04 *[class*="abroadMvBalloon"]:hover > a {
		left: auto;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a::before {
		bottom: 2px;
		left: -1px;
		background: #ff399e;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a > span::before {
		bottom: -7px;
		background-image: url(/kojin/visa_debit/landing/images/abroad_arrow_02.png);
	}
	.abroadMvBlock01 .abroadMvBalloon01.jsMvAnimation > span {
		padding: 6px 22px 2px 24px;
		background: none;
		border: none;
	}
	.abroadMvBlock01 .abroadMvBalloon01.jsMvAnimation > span::before {
		bottom: -2px;
		left: 2px;
	}
	.abroadMvBlock01 .abroadMvBalloon03:hover > a > span::before {
		bottom: -15px;
		left: 50%;
		margin: 0 0 0 -3px;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a > span::after {
		content: "";
	}
	.abroadMvBlock01 .abroadMvBalloon03:hover > a > span::after {
		content: none;
	}
	.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap01 {
		margin: 10px -20px 0 0;
	}
	.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap02{
		margin: 4px 0 0 -31px;
	}
	.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap03 {
		margin: 0 -30px 0 0;
	}
	.abroadMvBlock01 .abroadMvBalloon02:hover + .contentFlowImgWrap04 {
		margin: 7px 0 0 -40px;
	}
	.abroadMvBlock01 .abroadMvBalloon03:hover {
		margin-left: 0;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"]:hover > a .abroadMvIconQuestion01 > span::before {
		background-image: url(/kojin/visa_debit/landing/images/abroad_ico_05.svg);
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a {
		bottom: -2px;
		padding: 4px 8px 3px 4px;
	}
	.abroadMvBlock01 *[class*="abroadMvBalloon"].jsMvAnimation > a > span::before {
		bottom: -9px;
	}
	.abroadMvBlock01 .contentFlow05 *[class*="abroadMvBalloon"].jsMvAnimation > a,
	.abroadMvBlock01 .contentFlow06 *[class*="abroadMvBalloon"].jsMvAnimation > a {
		padding: 4px 8px 3px 4px;
	}
	.abroadMvBlock01 .abroadMvBalloon03.jsMvAnimation > a > span::before {
		top: -9px;
		bottom: auto;
		left: 50%;
		margin-top: 0;
		margin-left: -2px;
	}
	.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap01 {
		margin: 9px -20px 0 0;
	}
	.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap02 {
		margin: 3px 0 0 -31px;
	}
	.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap03 {
		margin: -1px -30px 0 0;
	}
	.abroadMvBlock01 .abroadMvBalloon02.jsMvAnimation + .contentFlowImgWrap04 {
		margin: 6px 0 0 -40px;
	}
	/* ↑ hover ↑ */
	.abroadMvBlock01 .abroadMvContentBlock01 {
		display: block;
		margin-top: 0;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01,
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02 {
		width: 100%;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01 {
		height: 361px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02 {
		height: 475px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent03 {
		padding: 10px 0 25px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01::after {
		top: 2px;
		width: 349px;
		height: 305px;
		margin-left: -175px;
		background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_02_sp.png);
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::after {
		top: 27px;
		width: 355px;
		height: 388px;
		margin-left: -178px;
		background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_03_sp.png);
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::before {
		top: -67px;
		left: 50%;
		width: 143px;
		height: 106px;
		margin-left: -72px;
		background-image: url(/kojin/visa_debit/landing/images/abroad_mv_bg_04_sp.png);
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow01 {
		top: 50px;
		right: 50%;
		margin-right: -173px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow02 {
		top: 125px;
		left: 50%;
		margin-left: -175px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow03 {
		top: 20px;
		right: 50%;
		margin-right: -173px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow04 {
		top: 122px;
		left: 50%;
		margin-left: -175px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] *[class*="contentTtl"] {
		top: -37px;
		left: 50%;
		margin-left: -178px;
		padding: 7px 8px 5px;
		border-radius: 23px 23px 0 0;
		font-size: 1.6rem;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] *[class*="contentTtl"] > span {
		padding: 5px 23px 4px;
		border-radius: 13px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl03 > span {
		padding: 5px 4px 4px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentTtl03 .subTtl {
		top: -3px;
		left: 0;
		font-size: 1.2rem;
		transform: rotate(-25deg);
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 {
		align-items: flex-start;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > * {
		display: block;
		width: 160px;
		height: 158px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 {
		margin-left: 0;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > *:last-child {
		margin-left: 32px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap01 {
		margin: 10px -20px 0 0;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap02 {
		margin: 4px 0 0 -31px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap03 {
		margin: 0 -30px 0 0;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImgWrap04 {
		margin: 7px 0 0 -40px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlowImg"] > a {
		background-size: 110px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlowImg"] img {
		width: 160px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentFlowImg04 > a > img {
		top: -6px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvCampainLabel01 {
		width: 108px;
		height: 20px;
		font-size: 1.2rem;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 *[class*="contentFlow"] .abroadMvCampainLabel01 {
		margin-top: 0;
		top: -3px;
	}
	.abroadMvBlock01 .abroadMvIconQuestion01 > span {
		padding-left: 18px;
	}
	.abroadMvBlock01 .abroadMvIconQuestion01 > span::before {
		width: 12px;
		height: 18px;
		margin-top: -9px;
	}

	/* animation */
	*[class*="abroadMvAnimation"]:hover > span {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	*[class*="abroadMvAnimation"]:hover img {
		animation: none;
	}

	/* abroadTtl */
	.abroadTtlBlock01 {
		margin-bottom: 20px;
	}
	.abroadTtlBlock01 .ttlLabel {
		margin-bottom: 5px;
	}
	.abroadTtlBlock01 .ttlLabel > span {
		padding: 0 9px;
		border-radius: 9px;
		font-size: 1.1rem;
	}
	.abroadTtlBlock01 .ttlText {
		font-size: 2.2rem;
	}
	.abroadCheckTtl01 > span::before {
		top: 1px;
	}

	/* abroadDecText */
	.abroadDecText01 > span {
		padding: 0 20px;
	}
	.abroadDecText01 > span::before,
	.abroadDecText01 > span::after {
		width: 12px;
		height: 17px;
		margin-top: -9px;
	}

	/* abroadAccBlock */
	.abroadAccBlock01 > .blockInner > .blockTitle {
		padding: 15px !important;
	}
	.abroadAccBlock01 > .blockInner > .blockDetail {
		margin: 0 12px;
		padding: 20px 0 !important;
	}
	.abroadAccBlock01 > .blockInner > .blockTitle::before,
	.abroadAccBlock01 > .blockInner > .blockTitle::after {
		right: 18px;
	}
	.abroadAccBlock01 > .blockInner > .blockTitle::before {
		right: 26px;
		margin-top: -10px;
		height: 20px;
	}
	.abroadAccBlock01 > .blockInner > .blockTitle::after {
		width: 20px;
	}
	.abroadAccBlock01 > .blockInner > .blockTitle[aria-selected="true"]::before {
		content: none;
	}
	.abroadAccBlock01 > .blockInner > .blockTitle > span {
		padding-right: 25px !important;
	}
	.abroadAccBlock01 > .blockInner *[class*="abroadAccIcon"] > span {
		display: flex !important;
		align-items: center;
		padding-left: 65px;
	}
	.abroadAccBlock01 > .blockInner .abroadAccIcon06 > span::before {
		width: 28px;
		height: 28px;
		margin-top: -14px;
		font-size: 1.8rem;
	}
	.abroadAccBlock01 .abroadAccNum {
		top: -30px;
		left: 11px;
		width: 37px;
	}

	/* abroadAttentionBlock */
	.abroadAttentionBlock01 {
		padding: 20px 12px;
	}
	.abroadAttentionBlock01 .abroadAttentionInner {
		padding: 10px 12px;
	}

	/* abroadTicketBlock */
	.abroadTicketBlock01 {
		border: solid 2px #a5d2ee;
	}
	.abroadTicketBlock01 .abroadTicketTop {
		padding: 18px 12px 22px;
	}
	.abroadTicketBlock01 .abroadTicketTop::after {
		bottom: -2.5px;
		width: 81%;
		height: 5px;
	}
	.abroadAccBlock01 .abroadTicketBlock01 .abroadTicketTop::after {
		width: 81%;
	}
	.v3-boxModal .abroadTicketBlock01 .abroadTicketTop::after,
	.v3-boxModal .abroadAccBlock01 .abroadTicketBlock01 .abroadTicketTop::after {
		width: 83%;
	}
	.abroadTicketBlock01 .abroadTicketBottom {
		padding: 20px 12px;
	}
	.abroadTicketBlock01 .abroadTicketBottom::before,
	.abroadTicketBlock01 .abroadTicketBottom::after {
		top: -11px;
		width: 11px;
		height: 22px;
		border: solid 2px #a5d2ee;
	}
	.abroadTicketBlock01 .abroadTicketBottom::before {
		left: -2px;
		border-width: 2px 2px 2px 0;
		border-radius: 0 22px 22px 0;
	}
	.abroadTicketBlock01 .abroadTicketBottom::after {
		right: -2px;
		border-width: 2px 0 2px 2px;
		border-radius: 22px 0 0 22px;
	}
	.abroadTicketBlock01 .abroadTicketTtl {
		font-size: 1.8rem;
	}
	.abroadTicketBlock01 .abroadTicketImg01 {
		width: 102px;
	}

	/* abroadCardColumn */
	.abroadCardColumn01 > *:last-child {
		margin-left: 20px;
	}

	/* abroadFaqQuestionBlock */
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ > span {
		padding-right: 25px;
	}
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li span.answerIconWrap,
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li div.answerIconWrap {
		margin: 0 12px;
		padding: 20px 0;
	}
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ {
		padding: 15px;
	}
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::before,
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::after {
		right: 18px;
	}
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::before {
		right: 26px;
		margin-top: -10px;
		height: 20px;
	}
	.abroadFaqQuestionBlock01 .faqQuestionWithAnswer > li > a.iconQ::after {
		width: 20px;
	}

	/* btn */
	*[class*="abroadBtn"] {
		min-height: 45px;
		padding: 10px;
		border-radius: 45px;
	}
	*[class*="abroadBtn"]:hover {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	*[class*="abroadBtn"][class*="abroadIcon"] {
		padding: 10px 35px;
	}

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

	/* /kojin/visa_debit/landing/modal/abroad.html

	/***************************************************************/
	/* abroadModalNumTtl */
	.abroadModalNumTtl01 .num {
		width: 39px;
	}
	.abroadModalNumTtl01 .text {
		margin-left: 5px;
		font-size: 1.8rem;
	}

	/* abroadHasCheckLabel */
	.abroadHasCheckLabel01 {
		margin-top: 50px !important;
	}
	.abroadHasCheckLabel01 .abroadCheckLabel01 {
		top: -32px;
		left: 12px;
		width: 102px;
	}
	.v3-boxModal .abroadHasCheckLabel01 .abroadCheckLabel01 {
		left: 12px;
	}

	/* closeWrap */
	.v3-boxModal .closeWrap .btnT01 {
		width: 100%;
		min-height: 45px;
		margin-bottom: 10px;
		padding: 12px 30px 10px;
		border-radius: 45px;
	}
	.v3-boxModal .closeWrap .btnT01:hover > span,
	.v3-boxModal .closeWrap .btnT01.glyphClose:hover > span::before {
		color: #0c3bbc !important;
	}

	/* abroadModalBalloon */
	.abroadModalBalloon01 {
		width: 100%;
		margin-bottom: 10px;
		padding: 3px 10px 9px;
	}
	.abroadModalBalloon01::after {
		bottom: -26px;
	}

	/* abroadColorBlock */
	.abroadColorBlock01 {
		padding: 30px 12px;
		border-radius: 8px;
	}
	.abroadColorBlock01 .abroadColorBlockInner {
		padding: 20px 20px;
		border-radius: 8px;
	}

	/* abroadLineTtl */
	.abroadLineTtl01 {
		font-size: 1.8rem;
	}

	/* abroadCarousel */
	.abroadCarouselWrap01 {
		margin: 0 10px;
		padding: 35px 10px 30px;
		border-radius: 52px;
	}
	.abroadCarousel01 .abroadCarouselIcon01 {
		width: 18px;
	}
	.abroadCarousel01 .bx-default-pager {
		top: auto;
		bottom: -7px;
	}
	.abroadCarousel01 .bx-default-pager .bx-pager-item {
		margin: 0 3px;
	}
	.abroadCarousel01 .bx-default-pager a {
		width: 30px;
		height: 5px;
		border-radius: 3px;
	}
	.abroadCarousel01 .bx-prev {
		left: -40px !important;
	}
	.abroadCarousel01 .bx-next {
		right: -40px !important;
	}

	/* abroadLinkColumn */
	.abroadLinkColumn01 {
		width: 100%;
		margin: 15px auto 0;
		padding: 0 15px;
	}

	/* abroadBorderBlock */
	.abroadBorderBlock01 {
		padding: 15px 10px 20px;
		border-radius: 3px;
	}
	.abroadBorderBlock01::after {
		bottom: 10px;
		width: 6px;
		height: 6px;
		margin-left: -3px;
	}
	.abroadBorderBlock01:hover {
		opacity: 1;
	}
	.abroadBorderBlock01 .abroadLinkImg > img {
		width: 83px;
	}

	/* abroadListColumn */
	.abroadListColumn01 {
		flex-wrap: wrap;
		margin-left: -10px;
	}
	.abroadListColumn01 > * {
		width: calc(50% - 10px);
		margin-left: 10px;
	}

	/* abroadNumListBlock */
	.abroadNumListBlock01 {
		padding-left: 45px;
	}
	.abroadNumListBlock01 .abroadNumListTtl {
		font-size: 1.8rem;
	}
	.abroadNumListBlock01 .abroadNumListImg {
		top: 6px;
		width: 37px;
	}

	/* abroadIcon */
	.abroadIconQuestion01 > span {
		padding-left: 35px;
	}
	.abroadIconQuestion01 > span::before {
		width: 28px;
		height: 28px;
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 320px) {
	/***************************************************************/

	/* /kojin/visa_debit/landing/abroad.html

	/***************************************************************/
	/* abroadMvBlock */
	.abroadMvBlock01 .abroadMvTtl .readTtl {
		font-size: 2rem;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01 {
		height: 350px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02 {
		height: 435px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent01::after {
		width: 310px;
		height: 271px;
		margin-left: -157px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::after {
		width: 310px;
		height: 339px;
		margin-left: -157px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .abroadMvContent02::before {
		top: -74px;
		z-index: 1;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow01 {
		margin-right: -154px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow02 {
		margin-left: -157px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow03 {
		margin-right: -151px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] .contentFlow04 {
		margin-left: -153px;
	}
	.abroadMvBlock01 *[class*="abroadMvContentBlock"] *[class*="contentTtl"] {
		margin-left: -152px;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > *:last-child {
		margin-left: 0;
	}
}

@media print {
	.abroadMvBlock01 .abroadMvInner {
		width: auto;
	}
	.abroadMvBlock01 .abroadMvContentBlock01 .contentColumn01 > *:last-child {
		margin-left: 0;
	}
}