@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/******************************************************
.ua_view_other_netbkapp */
.ua_view_other_netbkapp {
	display: block;
}

.ua_ios,
.ua_android,
.ua_browser {
	display: none;
}

/******************************************************
変数 */
:root {
	--contents-bg-blue: #E7F3FF;
	--contents-bg-light-blue: #F7FBFF;
	--contents-key-color: #0068DE;
	--contents-hover-color: #0059BD;
	--contents-active-color: #00428D;
	--contents-txt-secondary: #575757;
	--contents-emerald: #00D5CE;
	--contents-blue-berry: #3F9FFF;
	--contents-salmon: #FF8A7F;
	--contents-leading-trim: calc((1em - 1lh) / 2);
}
@supports not (top: 1lh) {
	:root {
	  --contents-leading-trim: 0px;
	}
  }

/* contentA */
a.contentA {
	color: var(--contents-key-color);
}
a.contentA:hover {
	color: var(--contents-hover-color);
}
a.contentA:active {
	color: var(--contents-active-color);
}

/******************************************************
.top-section */
.topWrap + .top-section {
	margin-top: 64px;
}
.top-section .m-link:before {
	position: absolute;
	top: -1px;
}
.top-section .m-listDef > li:first-child:before {
	position: absolute;
	top: 8px;
}
.top-section .m-listDef > li::before {
	position: absolute;
	top: 13px;
}
@media screen and (max-width: 559px) {
	.topWrap + .top-section {
		margin-top: 16px;
	}
}

/******************************************************
show */
.topnew-showPc {
	display: block !important;
}
.topnew-showPc.-inline {
	display: inline-block !important;
}
.topnew-showSp.-inline,
.topnew-showSp {
	display: none !important;
}
@media screen and (max-width: 559px) {
	.topnew-showPc.-inline,
	.topnew-showPc {
		display: none !important;
	}
	.topnew-showSp {
		display: block !important;
	}
	.topnew-showSp.-inline {
	display: inline-block !important;
	}
}

/******************************************************
topnew-fix-action */
[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action {
	padding: 24px 20px;
	opacity: 0;
	background: rgba(255, 255, 255, 0.95);
	transition: opacity 0.3s ease;
	box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(3px);
	border-radius: 16px 16px 0px 0px;
}
[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action {
	opacity: 0;
	transition: opacity 0.3s ease;
	box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
}
.top-fix-action.topnew-fix-action .m-btnListM {
	align-items: center;
}
[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnListM li {
	padding: 0;
	max-width: 600px;
}
[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action .m-btnListM li {
	padding: 0;
	max-width: 370px;
}
.top-fix-action.topnew-fix-action .m-btnListM li + li {
	margin-left: 40px;
}
[data-js="top-haveaccount-after"] .topnew-fix-action_blur {
	position: relative;
	display: inline-block;
	z-index: 1;
}
[data-js="top-haveaccount-after"] .topnew-fix-action_blur::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	display: block;
	border-radius: 15.5px;
	width: 296px;
	width: 80%;
	height: 31px;
	background: #A6BAB1;
	filter: blur(12.462699890136719px);
	transform: translate3d(-50%, 0, 0);
	z-index: 2;
}
[data-js="top-haveaccount-after"] .topnew-fix-action_blur.-def::after {
	background: #BAA6A6;
}
[data-js="top-haveaccount-before"] .topKv_button .m-btnDefR-m,
[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnDefR-m,
[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnEm-m {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 9999px;
	max-width: 600px;
	height: 62px;
	box-shadow: none;
	z-index: 3;
}
[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action .m-btnDefR-m,
[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action .m-btnEm-m {
	padding-top: 0;
	padding-bottom: 0;
	max-width: 370px;
	height: 70px;
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
	box-shadow: none;
	z-index: 3;
}
[data-js="top-haveaccount-before"] .topKv_button .m-btnDefR-m.-blue,
[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnDefR-m.-blue {
	border-color: var(--contents-key-color);
	background: var(--contents-key-color);
}
.topnew-fix-action_sub {
	display: block;
	margin-top: -3px;
	font-size: 1.2rem;
	font-weight: 700;
}
.topnew-fix-action_text {
	display: block;
	font-size: 2.0rem;
	font-weight: 600;
}
.topnew-fix-action_sub + .topnew-fix-action_text {
	margin-top: 4px;
}
[data-js="top-haveaccount-before"] .topKv p.topKv_houjin,
[data-js="top-haveaccount-before"] .top-fix-action p.topnew-fix-action_houjin {
	margin-top: 32px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: center;
}
[data-js="top-haveaccount-before"] .top-fix-action p.topnew-fix-action_houjin {
	display: none;
}
[data-js="top-haveaccount-before"] .topKv p.topKv_houjin {
	display: none;
	margin-top: 0;
	padding: 4px 0 16px 0;
}
[data-js="top-haveaccount-before"] .top-fix-action p.topnew-fix-action_houjin a {
	padding: 0;
}
@media screen and (max-width: 819px) {
	[data-js="top-haveaccount-before"] .top-fix-action p.topnew-fix-action_houjin,
	[data-js="top-haveaccount-before"] .topKv p.topKv_houjin {
		display: block;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	[data-js="top-haveaccount-before"] .top-fix-action_vessel.-pc {
		display: none;
	}
}
@media screen and (max-width: 559px) {
	[data-js="top-haveaccount-before"] .top-fix-action_vessel.-pc {
		display: none;
	}

	[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action {
		padding: 16px;
		box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);
	}
	[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action {
		box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);
	}
	.top-fix-action.topnew-fix-action .m-btnListM li {
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	.top-fix-action.topnew-fix-action .m-btnListM li + li {
		margin-left: 0;
	}
	[data-js="top-haveaccount-after"] .topnew-fix-action_blur {
		display: block;
	}
	[data-js="top-haveaccount-after"] .topnew-fix-action_blur::after {
		content: '';
		position: absolute;
		bottom: -1px;
		border-radius: 11px;
		width: 120px;
		width: 76.82%;
		height: 22px;
	}
	.topKv_button .m-btnDefR-m {
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 56px;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnDefR-m,
	[data-js="top-haveaccount-before"] .top-fix-action.topnew-fix-action .m-btnEm-m {
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 56px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action .m-btnDefR-m,
	[data-js="top-haveaccount-after"] .top-fix-action.topnew-fix-action .m-btnEm-m {
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 46px;
	}
	.topnew-fix-action_sub {
		margin-top: 0;
		font-size: 1.0rem;
		font-weight: 500;
	}
	.topnew-fix-action_text {
		font-size: 1.6rem;
	}
	.topnew-fix-action_sub + .topnew-fix-action_text {
		margin-top: 0;
	}
	[data-js="top-haveaccount-before"] .top-fix-action p.topnew-fix-action_houjin {
		margin-top: 16px;
	}
}

/******************************************************
topnewPopup */
.topnewPopup {
	display: none;
}
.topnewPopup_vessel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	z-index: 1000;
}
.topnewPopup_bg {
	position: absolute;
	top: -50px;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	background: rgba(0, 0, 0, 0.5);
}
.topnewPopup_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;

	padding: 16px;
}
.topnewPopup_box {
	position: relative;
	display: grid;
	border-radius: 5px;
	width: min(100%, 752px);
	background: #fff;
}
.topnewPopup_box > * {
	grid-area: 1 / 1;
}
.topnewPopup_main {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	flex-direction: row;

	padding-right: calc((22 / 752) * 100%);
}
.topnewPopup_content {
	padding: calc((42 / 752) * 100%) 0 0 0;
	width: calc((424 / 752) * 100%);
}
.topnewPopup_hdr {
	display: flex;
	align-items: center;

	position: relative;
	min-height: 48px;
	padding-left: 64px;
	color: #fff;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.5;
}
.topnewPopup_hdr::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 48px;
	height: 48px;
	background: url(/contents/cdn-img/top/neobank/top_icn_popup_01.svg) no-repeat;
	background-size: 48px 48px;
}
.topnewPopup_qr {
	margin-top: 16px;
	line-height: 0;
	text-align: center;
}
.topnewPopup_qr img {
	border-radius: 10px;
	width: 170px;
	height: auto;
}
.topnewPopup_txt {
	margin-top: 16px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.7;
	text-indent: 0.5px;
	letter-spacing: 0.5px;
	text-align: center;
}
.topnewPopup_houjin {
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	bottom: 0;
	right: 0;
	padding: 16px 38px 16px 36px;
	border-radius: 20px 0 0 0;
	background-color: #275FDA;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.topnewPopup_houjin:visited,
.topnewPopup_houjin:hover {
	background-color: var(--contents-hover-color);
	color: #fff;
	text-decoration: none;
}
.topnewPopup_houjin:active {
	background-color: var(--contents-active-color);
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 783px) {
	.topnewPopup_hdr {
		min-height: min(5.71vw, 48px);
		padding-left: min(8.55vw, 64px);
		font-size: min(3.57vw, 27px);
	}
	.topnewPopup_hdr::before {
		content: '';
		width: min(5.71vw, 48px);
		height: min(5.71vw, 48px);
		background: url(/contents/cdn-img/top/neobank/top_icn_popup_01.svg) no-repeat;
		background-size: min(5.71vw, 48px) min(5.71vw, 48px);
	}
	.topnewPopup_qr {
		margin-top: min(2.04vw, 16px);
	}
	.topnewPopup_qr img {
		width: min(21.71vw, 170px);
	}
	.topnewPopup_txt {
		margin-top: min(2.04vw, 16px);
		font-size: min(2.04vw, 16px);
	}
	.topnewPopup_houjin {
		padding: min(2.04vw, 16px) min(4.85vw, 38px) min(2.04vw, 16px) min(4.57vw, 36px);
		font-size: min(2.29vw, 18px);
	}
}

/******************************************************
topWrap */
.topWrap {
	background: #fff;
}
.topWrap img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	.topWrap img {
		image-rendering: -webkit-optimize-contrast;
	}
}

/******************************************************
topPcWidth */
.topPcWidth {
	margin-inline: auto;
	width: min(100%, 1280px);
}

/******************************************************
topScrollFadeIn */
.topScrollFadeIn {
	position: relative;
	transform: translateY(50px);
	opacity: 0;
	transition: .5s;
}
.topScrollFadeIn.-is-active {
	opacity: 1;
	transform: translateY(0);
}

.js-scrollFadeIn.-is-active .topScrollFadeIn {
	opacity: 1;
	transform: translateY(0);
}

/******************************************************
topKv */
.topKv .m-picture img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
}
/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	.topKv .m-picture img {
		image-rendering: -webkit-optimize-contrast;
	}
}
.topKv_button {
	display: none;
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topKv_button {
		padding: 24px 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (max-width: 559px) {
	.topKv_button {
		padding: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.topKv_image {
	display: none;
}
.topKv_image.-pc {
	display: block;
}
.topKv_layout {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr auto;
	grid-template-areas:
		"area1 area2 area3 area4"
		"area5 area5 area5 area5";
	line-height: 0;
}
.topKv_image.-sp .topKv_layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr auto 1fr;
	grid-template-areas:
		"area1 area2"
		"area5 area5"
		"area3 area4";
}
.topKv_layout img {
	width: 100%;
	height: auto;
}
.topKv_img01 {
	grid-area: area1;
}
.topKv_img02 {
	grid-area: area2;
}
.topKv_img03 {
	grid-area: area3;
}
.topKv_img04 {
	grid-area: area4;
}
.topKv_img05 {
	grid-area: area5;
}
@media screen and (min-width: 2300px) {
	.topKv_image.-pc,
	.topKv_image {
		display: none;
	}
	.topKv_image.-w2300 {
		display: block;
	}
}
@media screen and (min-width: 1920px) and (max-width: 2299px) {
	.topKv_image.-pc,
	.topKv_image {
		display: none;
	}
	.topKv_image.-w1920 {
		display: block;
	}
}
@media screen and (max-width: 819px) {
	.topKv_image.-pc,
	.topKv_image {
		display: none;
	}
	.topKv_image.-sp {
		display: block;
	}
}

/******************************************************
topAccount */
.topAccount {
	position: relative;
	padding: 59px 0 17px 0;
	/*background: linear-gradient(112.35deg, #65D2CC -65.52%, #3D75EF 100.39%);*/
	color: #fff;
}
.topAccount::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% + 46px);
	background: linear-gradient(112.35deg, #65D2CC -65.52%, #3D75EF 100.39%);
	z-index: 1;
}
.topAccount > * {
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 819px) {
	.topAccount {
		padding: 24px 16px 13px 16px;
	}
}

/******************************************************
topAccountHeader */
.topAccountHeader {
	position: relative;
	margin-inline: auto;
	padding-left: 87px;
	padding-right: 77px;
	width: fit-content;
	text-align: center;
}
.topAccountHeader::after,
.topAccountHeader::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	display: block;
	width: 63px;
	height: 120px;
	background: url(/contents/cdn-img/top/neobank/top_img_account_01.svg) no-repeat;
	background-size: 63px 120px;
}
.topAccountHeader::after {
	right: 0;
	left: auto;
	transform: scale(-1, 1);
}
.topAccountHeader_sub {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2;
	text-indent: 0.15em;
	letter-spacing: 0.15em;
}
.topAccountHeader_main {
	margin-top: -4px;
	font-size: 45px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-shadow: 4.95px 3.3px 8.25px #3380E2;
	font-feature-settings: "palt";
}
.topAccountHeader_num {
	margin-right: 4px;
	font-size: 70px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1.2;
	text-indent: 0.03em;
	letter-spacing: 0.03em;
	vertical-align: -3px;
}
.topAccountHeader_unit {
	font-size: 36px;
	letter-spacing: 0.26em;
}
@media screen and (max-width: 819px) {
	.topAccountHeader {
		padding-left: 39px;
		padding-right: 39px;
	}
	.topAccountHeader::after,
	.topAccountHeader::before {
		content: '';
		position: absolute;
		top: 4px;
		width: 47px;
		height: 89px;
		background: url(/contents/cdn-img/top/neobank/top_img_account_01.svg) no-repeat;
		background-size: 47px 89px;
	}
	.topAccountHeader_sub {
		font-size: 14px;
		text-indent: 0.08em;
		letter-spacing: 0.08em;
	}
	.topAccountHeader_main {
		margin-top: 1px;
		font-size: 20px;
		letter-spacing: 0.08em;
		text-shadow: 3.3px 2.2px 5.5px #3380E2;
		font-feature-settings: "palt";
	}
	.topAccountHeader_block1 {
		display: block;
	}
	.topAccountHeader_block2 {
		display: block;
		margin-top: -6px;
	}
	.topAccountHeader_num {
		margin-right: 5px;
		font-size: 46px;
		text-indent: 0;
		letter-spacing: 0;
		vertical-align: 0;
	}
	.topAccountHeader_unit {
		font-size: 28px;
		letter-spacing: 0;
	}
}

/******************************************************
topAccountBox */
.topAccountBox {
	margin: 21px auto 0 auto;
	padding: 14px 0 15px 0;
	border: 1px solid #fff;
	width: min(100%, 612px);
}
.topAccountBox_vessel {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: row;
}
.topAccountBox_image {
	align-self: center;
	width: 63px;
	min-width: 63px;
}
.topAccountBox_block {
	position: relative;
	text-align: center;
}
.topAccountBox_vessel .topAccountBox_block {
	padding: 0 29px;
}
.topAccountBox_vessel .topAccountBox_block:nth-of-type(2) {
	padding: 0 34px;
}
.topAccountBox_vessel .topAccountBox_block:nth-of-type(2)::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	margin-top: -27px;
	width: 1px;
	height: 54px;
	background: rgba(255, 255, 255, 0.75);
}
.topAccountBox_hdr {
	font-weight: 500;
	line-height: 1.38;
	text-align: center;
}
.topAccountBox_hdrEn {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	text-indent: 0.09em;
	letter-spacing: 0.09em;
}
.topAccountBox_hdrJa {
	font-size: 16px;
	text-indent: 0.07em;
	letter-spacing: 0.07em;
}
.topAccountBox_star {
	margin-top: 2px;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	line-height: 1.2;
}
.topAccountBox_star img {
	margin-right: 8px;
	width: 25px;
	height: auto;
	vertical-align: -2px;
}
.topAccountBox_review {
	margin-top: 7px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.2;
}
@media screen and (max-width: 819px) {
	.topAccountBox {
		margin-top: 16px;
		padding: 5px 0 7px 0;
		width: min(100%, 253px);
	}
	.topAccountBox.-pc {
		display: none;
	}
	.topAccountBox.-pc .topAccountBox_vessel {
		display: grid;
		grid-template-areas:
		"image1 block2"
		"image1 block1";
		gap: 10px 0;
	}
	.topAccountBox.-pc .topAccountBox_image {
		grid-area: image1;
		align-self: center;
	}
	.topAccountBox.-pc .topAccountBox_block:nth-of-type(1) {
		grid-area: block1;
	}
	.topAccountBox.-pc .topAccountBox_block:nth-of-type(2) {
		grid-area: block2;
	}
	.topAccountBox_image {
		width: 45px;
		min-width: 45px;
	}
	.topAccountBox_block {
		position: relative;
		text-align: center;
	}
	.topAccountBox_vessel .topAccountBox_block {
		padding: 0 0 0 25px;
	}
	.topAccountBox_vessel .topAccountBox_block:nth-of-type(2) {
		padding: 0 0 0 25px;
	}
	.topAccountBox_vessel .topAccountBox_block:nth-of-type(2)::before {
		display: none;
	}
	.topAccountBox_hdrEn {
		font-size: 12px;
		text-indent: 0.12em;
		letter-spacing: 0.12em;
	}
	.topAccountBox_hdrJa {
		font-size: 12px;
	}
	.topAccountBox_star {
		margin-top: -1px;
		font-size: 22px;
	}
	.topAccountBox_star img {
		width: 16px;
		vertical-align: 0;
	}
	.topAccountBox_review {
		margin-top: -1px;
		font-size: 10px;
	}
}

/******************************************************
topAccountNotes */
.topAccountNotes {
	margin: 51px auto 0 auto;
	width: min(100%, 950px);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
	text-align: right;
}
@media screen and (max-width: 819px) {
	.topAccountNotes {
		margin-top: 22px;
		font-size: 9px;
		line-height: 1.2;
	}
	.topAccountNotes_txt.-pc {
		display: none;
	}
}

/******************************************************
topBnrArea */
.topBnrArea {
	position: relative;
	padding: 48px;
	padding: 3.75vw;
	background: #fff;
	text-align: center;
	z-index: 1;
}
.topBnrArea > * {
	position: relative;
	z-index: 2;
}
.topBnrArea img {
	width: 550px;
}
@media screen and (max-width: 819px) {
	.topBnrArea {
		padding: 24px 16px;
	}
}

/******************************************************
topGood */
.topGoodSection {
	position: relative;
	z-index: 1;
}
.topGood {
	padding-top: 45px; /* px指定 */
}
.topGood.-no2 {
	margin-top: -45px;
}
.topGood.-no3 {
	margin-top: -45px;
}
.topGood_vessel {
	position: relative;
	background: var(--contents-emerald);
}
.topGood.-no1 .topGood_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--contents-emerald);
	z-index: 2;
}
.topGood.-no2 .topGood_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #FE9389;
	z-index: 2;
}
.topGood.-no3 .topGood_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% + 100dvh);
	background: #539DFF;
	z-index: 2;
}
.topGood .topPcWidth {
	width: min(100%, 1550px);
}
.topGood.-no1 .topPcWidth {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
}
.topGood.-no2 .topPcWidth {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row-reverse;
}
.topGood.-no3 .topPcWidth {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;

	height: min(70.54vw, 1094px); /* no2と揃える */
}
.topGood_image {
	width: 50%;
}
.topGood.-no3 .topGood_image {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	flex-direction: row;
}
.topGood_image img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
}
/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	.topGood_image img {
		image-rendering: -webkit-optimize-contrast;
	}
}
@media screen and (max-width: 819px) {
	.topGood {
		padding-top: 28px; /* px指定 */
	}
	.topGood.-no2 {
		margin-top: 0;
	}
	.topGood.-no3 {
		margin-top: 0;
	}
	.topGood_bg {
		height: 100%;
	}
	.topGood.-no2 .topGood_bg {
		height: 100%;
		background: #FE9389;
	}
	.topGood.-no3 .topGood_bg {
		height: 100%;
	}
	.topGood_vessel::after {
		content: '';
		position: absolute;
		top: 80%;
		left: 0;
		display: block;
		width: 100%;
		height: 100vh;
		background: #F9F9F9;
		z-index: 1;
	}
	.topGood.-no1 .topPcWidth {
		display: block;
	}
	.topGood.-no2 .topPcWidth {
		display: block;
	}
	.topGood.-no3 .topPcWidth {
		display: block;
		height: auto;
	}
	.topGood_image {
		width: 100%;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topGood.-no3 .topGood_image {
		height: 378.33px;
	}
}

/******************************************************
topGoodCircle */
.topGoodCircleSingle {
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -72px;
	padding-top: 19px;
	border-radius: 9999px;
	width: 144px;
	height: 144px;
	background: var(--contents-emerald);
	z-index: 1;
}
.topGood.-no2 .topGoodCircleSingle {
	background: #FE9389;
}
.topGood.-no3 .topGoodCircleSingle {
	background: #539DFF;
}
.topGoodCircle {
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -72px;
	padding-top: 19px;
	border-radius: 9999px;
	width: 144px;
	height: 144px;
	color: #fff;
	text-align: center;
	z-index: 3;
}
.topGoodCircle_txt {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-indent: 0.05em;
	letter-spacing: 0.05em;
}
.topGoodCircle_num {
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1.1;
}
@media screen and (max-width: 819px) {
	.topGoodCircleSingle {
		position: absolute;
		top: -20px;
		margin-left: -48px;
		width: 96px;
		height: 96px;
	}
	.topGood.-no2 .topGoodCircleSingle {
		background: #FE9389;
	}
	.topGoodCircle {
		position: absolute;
		top: -20px;
		margin-left: -48px;
		padding-top: 12px;
		width: 96px;
		height: 96px;
	}
	.topGoodCircle_txt {
		font-size: 12px;
	}
	.topGoodCircle_num {
		margin-top: 2px;
		font-size: 20px;
	}
}

/******************************************************
topGoodImage */
@keyframes topGoodImageOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.topGoodImageWrap.-sp {
	display: none;
}

.topGoodImageWrap01 {
	padding-top: 0;
}
.topGoodImageWrap02 {
	padding-top: 0;
}
.topGoodImageWrap03 {
	padding-top: 0;
}

.topGoodImage {
	position: relative;
	line-height: 0;
	z-index: 2;
}

.topGoodImage {
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.5s 0.5s;
}
.js-scrollFadeIn.-is-active .topGoodImage {
	opacity: 1;
	transform: translateY(0);
}

.topGoodImage01 {
	position: relative;
	width: 124.84%;
	height: auto;
}
.topGoodImage01_main {
	width: 100%; /* 799px */
	height: auto; /* 855px */
}
.topGoodImage01_01 {
	position: absolute;
	top: calc((445 / 855) * 100%);
	left: calc((130 / 799) * 100%);
	width: calc((130 / 799) * 100%);
	height: auto;
	opacity: 0;
}
.topGoodSection01.-is-active .topGoodImage01_01 {
	animation: topGoodImageOpacity 0.5s 1.5s forwards;
}
.topGoodImage01_02 {
	position: absolute;
	top: calc((215 / 855) * 100%);
	left: calc((390 / 799) * 100%);
	width: calc((164 / 799) * 100%);
	height: auto;
	opacity: 0;
}
.topGoodSection01.-is-active .topGoodImage01_02 {
	animation: topGoodImageOpacity 0.5s 1s forwards;
}

.topGoodImage02 {
	position: relative;
	width: min(46.48vw, 595px);
	width: calc((595 / 640) * 100%);
}
.topGoodImage02_main {
	width: 100%;
	height: auto;
}

.topGoodImageWrap03 {
	display: flex;
	justify-content: flex-end;
}
.topGoodImage03 {
	align-content: center;

	position: relative;
	margin-right: max(-2.73vw, -35px);
	width: calc((648 / 640) * 100%);
}
.topGoodImage03_main {
	width: 100%;
	height: auto;
}
img[src$=".svg"].topGoodImage03_01 {
	position: absolute;
	top: 24.8%;
	left: 19.2%;
	width: 33.2%;
	height: auto;
}
@media screen and (max-width: 819px) {
	.topGoodImageWrap.-pc {
		display: none;
	}
	.topGoodImageWrap.-sp {
		display: block;
	}
	.topGoodImageWrap01 {
		padding-top: 0;
	}
	.topGoodImageWrap02 {
		padding-top: 0;
	}
	.topGoodImageWrap03 {
		padding-top: 0;
	}
	
	.topGoodImage01 {
		margin-inline: auto;
		width: min(100%, 400px);
	}
	.topGoodImage01_main {
		width: 100%;
		height: auto;
	}
	.topGoodImage01_01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.topGoodImage01_02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.topGoodImage02 {
		margin-inline: auto;
		width: min(100%, 400px);
	}
	
	.topGoodImageWrap03 {
		overflow: hidden;
	}
	.topGoodImage03 {
		display: block;
		margin-top: -1%;
		margin-bottom: -6.2%;
		margin-inline: auto;
		width: min(100%, 350px);
	}
	img[src$=".svg"].topGoodImage03_01 {
		position: absolute;
		top: 15.2%;
		left: 20%;
		width: 32%;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topGoodImageWrap03 {
		padding-top: 4%;
	}
}

/******************************************************
topGoodBox */
.topGoodBoxWrap {
	position: relative;
	width: 50%;
	z-index: 2;
}
.topGood.-no1 .topGoodBoxWrap {
	display: flex;
	align-items: center;
}
.topGood.-no2 .topGoodBoxWrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.topGood.-no3 .topGoodBoxWrap {
	display: flex;
	align-items: center;
}
.topGoodBox {
	padding: min(3.75vw, 48px) min(2.89vw, 32px);
	background: #F9F9F9;
	border-radius: 10px;
	width: min(43.75vw, 560px);
}
@media screen and (min-width: 1201px) {
	.topGoodBox {
		padding: min(3.33vw, 64px) min(2.91vw, 56px);
		width: clamp(560px, 33.75vw, 648px);
	}
}
.topGoodBox_txt {
	color: #000;
	font-size: clamp(14px, 1.25vw, 16px);
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0.01em;
}
.topGoodBox_txt.-sp {
	display: none;
}
.topGoodBox_txt em {
	font-weight: 500;
	font-style: normal;
}
.topGoodBox_txt strong {
	font-weight: 600;
	font-style: normal;
}
.topGoodBox_txt sup {
	font-size: 9px;
	line-height: 1.2;
	vertical-align: super;
}
* + .topGoodBox_txt {
	margin-top: 29px;
}
.topGoodBoxEnclosing + .topGoodBox_txt {
	margin-top: 24px;
}
* + .topGoodBox_notes {
	margin-top: 24px;
}
.topLinkList + .topGoodBox_notes {
	margin-top: 16px;
}
.topGoodBox_asterisk {
	font-size: 9px;
	font-weight: 300;
	letter-spacing: 0.1em;
	vertical-align: top;
}
.topGoodBox .topLinkList {
	margin-top: 24px;
}
@media screen and (max-width: 819px) {
	.topGoodBoxWrap {
		padding-top: 0;
		width: 100%;
	}
	.topGood.-no1 .topGoodBoxWrap {
		display: block;
	}
	.topGood.-no2 .topGoodBoxWrap {
		display: block;
	}
	.topGood.-no3 .topGoodBoxWrap {
		display: block;
	}
	.topGoodBox {
		padding: 40px 16px 24px 16px;
		border-radius: 0;
		width: auto;
	}
	.topGoodBox_txt {
		font-size: 16px;
		line-height: 1.88;
	}
	* + .topGoodBox_txt {
		margin-top: 24px;
	}
	.topGoodBoxEnclosing + .topGoodBox_txt {
		margin-top: 24px;
	}
	.topGoodBox_txt.-pc {
		display: none;
	}
	.topGoodBox_txt.-sp {
		display: block;
	}
	.topGoodBox_asterisk {
		font-size: 9px;
		font-weight: 300;
		letter-spacing: 0.1em;
		vertical-align: top;
	}
	.topGoodBox .topLinkList {
		margin-top: 24px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topGoodBox {
		padding: calc((40 / 640) * 100%) calc((48 / 640) * 100%) calc((32 / 640) * 100%) calc((48 / 640) * 100%);
	}
}

/******************************************************
topNotes */
.topNotes {
	color: #575757;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5;
}
.topNotes a {
	color: var(--contents-key-color);
}
.topNotes_item + .topNotes_item {
	margin-top: 8px;
}
.topNotes_vessel {
	display: table;
	width: 100%;
}
.topNotes_txt,
.topNotes_no {
	display: table-cell;
	vertical-align: top;
}
.topNotes_no {
	padding-right: 8px;
	width: 1em;
	white-space: nowrap;
}
.topNotes_txt {
	width: auto;
}
@media screen and (max-width: 819px) {
	.topNotes {
		font-size: 12px;
	}
}

/******************************************************
topGoodBoxHdr */
.topGoodBoxHdr {
	color: #0A2FA1;
}
.topGoodBoxHdr_sub {
	display: block;
	font-size: min(1.875vw, 24px);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-indent: 0.05em;
	letter-spacing: 0.05em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.topGoodBoxHdr_asteriskWrap {
	position: relative;
}
.topGoodBoxHdr_asterisk {
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.1em;
	vertical-align: top;
}
.topGoodBoxHdr_asteriskWrap .topGoodBoxHdr_asterisk {
	position: absolute;
	top: -1.5em;
	right: 0;
}
.topGoodBoxHdr_box {
	display: inline-block;
	margin-inline: 6px;
	padding: 5px 14px 3px 14px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
}
.topGoodBoxHdr_main {
	display: block;
	font-size: 36px;
	font-size: min(2.81vw, 36px);
	font-weight: 600;
	line-height: 1.66;
	text-align: center;
	text-indent: 0.02em;
	letter-spacing: 0.02em;
}
@media screen and (min-width: 1201px) {
	.topGoodBoxHdr_main {
		font-size: clamp(36px, 2.08vw, 40px);
	}
}
.topGoodBoxHdr_sub + .topGoodBoxHdr_main {
	margin-top: 22px;
}
.topGoodBoxHdr_main .topGoodBoxHdr_asterisk {
	margin-left: 5px;
}
@media screen and (max-width: 819px) {
	.topGoodBoxHdr_sub {
		font-size: 16px;
		font-size: clamp(16px, 3.75vw, 24px);
	}
	.topGoodBoxHdr_asterisk {
		font-size: 7px;
	}
	.topGoodBoxHdr_box {
		margin-inline: 4px;
		padding: 3px 10px 2px 10px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.04);
	}
	.topGoodBoxHdr_main {
		font-size: 24px;
		font-size: clamp(24px, 5.625vw, 36px);
	}
	.topGoodBoxHdr_sub + .topGoodBoxHdr_main {
		margin-top: 11px;
	}
	.topGoodBoxHdr_main .topGoodBoxHdr_asterisk {
		margin-left: 2px;
		vertical-align: text-top;
	}
}
@media screen and (max-width: 359px) {
	.topGoodBoxHdr_sub {
		font-size: clamp(14px, 3.75vw, 24px);
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topGoodBoxHdr_box {
		margin-inline: 6px;
		padding: 5px 14px 3px 14px;
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.04);
	}
	.topGoodBoxHdr_sub + .topGoodBoxHdr_main {
		margin-top: 22px;
	}
}

/******************************************************
topGoodBoxEnclosing */
.topGoodBoxEnclosing {
	line-height: 0;
	text-align: center;
}
* + .topGoodBoxEnclosing {
	margin-top: 18px;
}
.topGoodBoxEnclosing_vessel {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	padding: 0 18px;
	border: 2px solid #717171;
	border-radius: 9999px;
	height: 35px;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 29px;
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	* + .topGoodBoxEnclosing {
		margin-top: 13px;
	}
}
@media screen and (max-width: 559px) {
	* + .topGoodBoxEnclosing {
		margin-top: 20px;
	}
	.topGoodBoxEnclosing_vessel {
		padding: 0 15px;
		height: 26px;
		font-size: 12px;
		line-height: 22px;
	}
}

/******************************************************
topLinkList */
.topnewPopup .topLinkList {
	position: absolute;
	bottom: min(0.78vw, 10px);
	right: min(0.78vw, 10px);
	width: fit-content;
}
.topLinkList_item {
	position: relative;
	padding-left: 24px;
	font-size: 16px;
	line-height: 1.5;
}
.topnewPopup .topLinkList_item {
	font-size: 14px;
}
.topLinkList_item::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: url(/contents/cdn-img/top/neobank/icon_arrow_right.svg) no-repeat 0 0;
	background-size: 20px 20px;
}
.topnewPopup .topLinkList_item::before {
	content: '';
	top: 0;
	background: url(/contents/cdn-img/top/neobank/icon_arrow_right_w.svg) no-repeat 0 0;
	background-size: 20px 20px;
}
.topLinkList_item + .topLinkList_item {
	margin-top: 8px;
}
a.topLinkList_a {
	position: relative;
	display: inline-flex;
	gap: 4px;
	color: var(--contents-key-color);
}
.topnewPopup a.topLinkList_a {
	color: #fff;
}
a.topLinkList_a[target="_blank"] {
	padding-right: 24px;
}
a.topLinkList_a[target="_blank"]::after {
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/contents/cdn-img/top/neobank/icon_link_blank.svg) no-repeat 0 0;
	background-size: 20px 20px;
}
@media screen and (max-width: 819px) {
	.topLinkList_item {
		font-size: 16px;
	}
	.topLinkList_item::before {
		content: '';
		position: absolute;
		top: 2px;
	}
	a.topLinkList_a[target="_blank"]::after {
		content: '';
		position: absolute;
		top: 2px;
	}
}

/******************************************************
topBgBlue */
.topBgBlue {
	background: var(--contents-bg-light-blue);
}

/******************************************************
topRobot */
.topRobot {
	position: relative;
	padding: 100px 160px;
	padding: 7.81vw 12.5vw;
	background: var(--contents-bg-light-blue);
	z-index: 1;
}
.topRobot_vessel {
	margin-inline: auto;
	padding: 0 min(6.25vw, 80px);

	border-radius: 10px;
	width: min(100%, 1280px);
	background: #fff;
}
.topRobot_inner {
	margin-inline: auto;
	padding: min(3.75vw, 48px) 0;
	width: min(100%, 800px);
}
.topRobot_h2 {
	color: #0A2FA1;
}
.topRobot_h2Sub {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.75;
	text-align: center;
	text-indent: 0.03em;
	letter-spacing: 0.03em;
}
.topRobot_h2Main {
	display: block;
	margin-top: 20px;
	margin-top: min(1.56vw, 20px);
	font-size: 36px;
	font-weight: 600;
	line-height: 1.66;
	text-align: center;
	text-indent: 0.02em;
	letter-spacing: 0.02em;
}
.topRobot_box {
	margin: min(2.35vw, 30px) auto 0 auto;
	padding: min(2.5vw, 32px) min(1.56vw, 20px);
	border: 1px solid #D1D1D1;
	border-radius: 13px;
	width: min(75%, 600px);
	background: #fff;
}
.topRobot_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.topRobot_logoItem + .topRobot_logoItem {
	margin-left: min(6.25vw, 80px);
}
.topRobot_logoItem:nth-of-type(1) img {
	width: min(10.15vw, 130px);
	height: auto;
}
.topRobot_logoItem:nth-of-type(2) img {
	width: min(13.28vw, 170px);
	height: auto;
}
.topRobot_text {
	margin-top: min(2.5vw, 32px);
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0.01em;
}
.topRobot .topLinkList {
	margin-top: min(1.88vw, 24px);
}
@media screen and (max-width: 819px) {
	.topRobot {
		padding: 40px 16px 48px 16px;
	}
	.topRobot_vessel {
		padding: 0;
		background: transparent;
	}
	.topRobot_inner {
		padding: 0;
		width: 100%;
	}
	.topRobot_h2Sub {
		font-size: 16px;
		font-weight: 600;
		text-indent: 0;
		letter-spacing: 0;
	}
	.topRobot_h2Main {
		margin-top: 11px;
		font-size: min(6.66vw, 24px);
	}
	.topRobot_box {
		margin-top: 23px;
		padding: 16px;
		border-radius: 10px;
		width: 100%;
	}
	.topRobot_logoItem + .topRobot_logoItem {
		margin-left: max(13.33vw, 48px);
	}
	.topRobot_logoItem:nth-of-type(2) img,
	.topRobot_logoItem:nth-of-type(1) img,
	.topRobot_logoItem img {
		width: max(18vw, 68px);
	}
	.topRobot_text {
		margin-top: 24px;
		line-height: 1.875;
	}
	.topRobot .topLinkList {
		margin-top: 24px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topRobot {
		padding: calc((40 / 640) * 100%) calc((48 / 640) * 100%) calc((56 / 640) * 100%) calc((48 / 640) * 100%);
	}
	.topRobot_h2Sub {
		font-size: 24px;
		text-indent: 0.03em;
		letter-spacing: 0.03em;
	}
	.topRobot_h2Main {
		margin-top: 20px;
		font-size: 36px;
	}
	.topRobot_box {
		margin-top: 24px;
		padding: 24px;
		border: 1px solid #D1D1D1;
		border-radius: 13px;
		width: min(100%, 400px);
	}
	.topRobot_logoItem + .topRobot_logoItem {
		margin-left: max(9.6vw, 62px);
	}
	.topRobot_logoItem img {
		width: min(15.15vw, 97px);
	}
}

/******************************************************
topSecurity */
.topSecuritySection {
	position: relative;
	z-index: 1;
}
.topSecurity {
	position: relative;
	padding: 54px 0;
	overflow: hidden;
	background: var(--contents-bg-light-blue);
}
.topSecurity::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--contents-bg-light-blue);
	z-index: 2;
}
.topSecurity::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1.8px;
	background: var(--contents-blue-berry);
	z-index: 2;
}
.topSecurity_vessel {
	position: relative;
	padding: 98px 0 0 80px;
	padding: 7.65vw 0 54px 0;
}
.topSecurity_bg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #E7F3FF;
	mask-image: url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	mask-repeat: no-repeat, no-repeat;
	mask-position: top center;
	mask-size: cover;
	-webkit-mask-image: url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: top center;
	-webkit-mask-size: cover;
	z-index: 2;
	line-height: 0;

	pointer-events: none;
}
.topSecurity_bg2 {
	position: absolute;
	bottom: -54px;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 3px solid #E7F3FF;
	
	background: var(--contents-blue-berry);
	mask-image: linear-gradient(#000, #000), url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	mask-repeat: no-repeat, no-repeat;
	mask-position: 0 100%;
	mask-size: 100%, 100%;
	mask-size: 100%, cover;
	mask-composite: exclude;
	-webkit-mask-image: linear-gradient(#000, #000), url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: 0 100%;
	-webkit-mask-size: 100%, 100%;
	-webkit-mask-size: 100%, cover;
	-webkit-mask-composite: exclude;
	z-index: 3;
	line-height: 0;

	pointer-events: none;
}
.topSecurity_bg2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 15px;
	background: #E7F3FF;
}
.topSecurity_center {
	position: relative;
	z-index: 2;

	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;

	margin-top: 48px;
	width: 100%;
}
.topSecurity_image {
	order: 2;
	flex: 1;

	padding: 17px 0 0 0;
	padding: 1.41% 0 0 0;
	/*overflow: hidden;*/

	transform: translateY(50px);
	opacity: 0;
	transition: all .5s .5s;
}
.js-scrollFadeIn.-is-active .topSecurity_image {
	opacity: 1;
	transform: translateY(0);
}
.topSecurity_image img {
	margin-bottom: max(-11.71vw, -150px); /* 仮 */
	width: max(418px, 90.83%);
	height: auto;
}
@media screen and (min-width: 1410px) {
	.topSecurity_image img {
		width: 100%;
		height: auto;
	}
	.topSecurity_image {
		margin-left: min(2.39vw, 46px);
	}
}
.topSecurity_main {
	order: 1;

	padding: 113px 0 0 129px;
	padding: 9.41% 0 0 10%;
	width: calc((669 / 1280) * 100%);
}
@media screen and (min-width: 1410px) {
	.topSecurity_main {
		padding-left: 0;
		width: calc((540 / 1280) * 100%);
	}
}
.topSecurity_lead {
	color: #0A2FA0;
	font-size: min(2.81vw, 36px);
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
	text-indent: 0.02em;
	letter-spacing: 0.02em;
}
@media screen and (min-width: 1410px) {
	.topSecurity_lead {
		font-size: clamp(36px, 2.08vw, 40px);
	}
}
.topSecurity_txt {
	margin-top: 33px;
	margin-top: min(2.57vw, 33px);
	color: #000;
	font-size: clamp(14px, 1.25vw, 16px);
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0.01em;
}
.topSecurity_txt em {
	font-weight: 600;
	font-style: normal;
}
.topSecurity .topLinkList {
	margin-top: min(2.42vw, 31px);
}
@media screen and (max-width: 819px) {
	.topSecurity {
		padding: 0;
		background: #F7FBFF;
	}
	.topSecurity::before {
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 43.61vw;
		background: var(--contents-blue-berry);
		z-index: 1;
	}
	.topSecurity::after {
		content: '';
		position: absolute;
		bottom: auto;
		top: 43vw;
		left: 0;
		display: block;
		width: 100%;
		height: calc(100% - 86vw);
		background: #E7F3FF;
		z-index: 2;
	}
	.topSecurity_vessel {
		position: relative;
		padding: 65px 16px 82px 16px;
		padding: 18.05vw 16px 22.77vw 16px;
		z-index: 3;
	}
	.topSecurity_bg2,
	.topSecurity_bg1 {
		display: none;
	}
	.topSecurity_bg1Sp {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin-left: 0;
		width: 100vw;
		height: 43.61vw;
		background: url(/contents/cdn-img/top/neobank/top_bg_security_01_sp.svg) no-repeat 50% 50%;
		background-size: cover;
	}
	.topSecurity_bg2Sp {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		margin-left: 0;
		width: 100vw;
		height: 43.61vw;
		background: url(/contents/cdn-img/top/neobank/top_bg_security_01_sp.svg) no-repeat 50% 50%;
		background-size: cover;
		transform: scale(1, -1);
		z-index: 2;
	}
	.topSecurity_bg2::before {
		display: none;
	}
	.topSecurity_bg2::after {
		display: none;
	}
	.topSecurity_center {
		display: block;
	
		margin-top: 23px;
	}
	.topSecurity_image {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.topSecurity_image img {
		margin-bottom: 0;
		width: min(100%, 426px);
	}
	.topSecurity_main {
		padding: 25px 0 0 0;
		width: 100%;
	}
	.topSecurity_lead {
		font-size: 24px;
		line-height: 1.66;
	}
	.topSecurity_txt {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.875;
	}
	.topSecurity .topLinkList {
		margin-top: 24px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topSecurity::before {
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 142px;
		background: var(--contents-blue-berry);
		z-index: 1;
	}
	.topSecurity::after {
		content: '';
		position: absolute;
		top: 22.18vw;
		left: 0;
		display: block;
		width: 100%;
		height: calc(100% - 34.99vw);
		height: calc(100% - 33vw);
		background: #E7F3FF;
		z-index: 2;
	}
	.topSecurity_bg1Sp {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin-left: 0;
		width: 100vw;
		height: 22.18vw;
		/* height: 142px; */
		background: url(/contents/cdn-img/top/neobank/top_bg_security_01_tablet.svg) no-repeat 50% 50%;
		background-size: cover;
	}
	.topSecurity_bg2Sp {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		margin-left: 0;
		width: 100vw;
		height: 12.81vw;
		/* height: 82px; */
		background: url(/contents/cdn-img/top/neobank/top_bg_security_02_tablet.svg) no-repeat 50% 50%;
		background-size: cover;
		transform: scale(1);
		z-index: 2;
	}
	.topSecurity_vessel {
		padding: 65px 48px 12.81vw 48px;
	}
	.topSecurity_center {
		margin-top: 32px;
	}
	.topSecurity_lead {
		font-size: 36px;
		line-height: 1.8;
	}
}

/******************************************************
topSecurityHdr */
.topSecurityHdr {
	position: relative;
	z-index: 2;

	color: #004B84;
	text-align: center;
}
.topSecurityHdr_en {
	display: block;
	font-size: 36px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	line-height: 1;
	text-indent: 0.04em;;
	letter-spacing: 0.04em;
}
.topSecurityHdr_ja {
	display: block;
	margin-top: 17px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	text-indent: 0.03em;
	letter-spacing: 0.03em;
}
@media screen and (max-width: 559px) {
	.topSecurityHdr {
		padding-right: 0;
	}
	.topSecurityHdr_en {
		font-size: 24px;
	}
	.topSecurityHdr_ja {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.66;
	}
}

/* voiceArea */
.topVoiceSection .voiceArea_slider {
	display: none;
}
.topVoiceSection .voiceArea_slider.-contentsTop {
	display: block;
}

.voiceAreaWrap {
	background: var(--contents-blue-berry);
}

/* contents top only */
.voiceAreaWrap {
	position: relative;
	padding-bottom: 199px;
}
.voiceAreaWrap::before {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	display: block;
	margin-left: -28.5px;
	width: 57px;
	height: 15px;
	background: url(/contents/cdn-img/top/neobank/top_img_app_header_01.svg) no-repeat 0 0;
	background-size: 57px 15px;
	z-index: 3;
}
.voiceArea {
	position: relative;
	z-index: 3;
}
@media screen and (min-width: 1201px) {
	.voiceAreaWrap {
		padding-bottom: 211px;
	}
}
@media screen and (max-width: 819px) {
	.voiceAreaWrap {
		padding-bottom: 0;
	}
	.voiceAreaWrap::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 88px;
	}
}
/* /contents top only */

.voiceArea {
	margin-inline: auto;
	padding: min(9.375vw, 120px) min(6.25vw, 80px);

	width: min(100%, 1280px);
	background: var(--contents-blue-berry);
	color: #fff;
}
@media screen and (min-width: 1201px) {
	.voiceArea {
		padding-bottom: 164px;
	}
}
  .voiceArea_slider {
	margin-top: 40px;
  }
  .voiceArea_content {
	display: none;
  }
  .voiceArea_content.-is-active {
	display: block;
  }
  @media screen and (min-width: 560px) and (max-width: 819px) {
	.voiceArea {
	  padding: calc((48 / 640) * 100%) calc((32 / 640) * 100%);
	}
  }
  @media screen and (max-width: 559px) {
	.voiceArea {
	  padding: 25px 16px 47px 16px;
	  padding: 6.94vw 16px 13.05vw 16px;
	}
	.voiceArea_slider {
	  margin-top: calc((32 / 360) * 100vw);
	}
  }
  
  /* voiceAreaHeader */
  .voiceAreaHeader {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
  }
  .voiceAreaHeader_contents {
	flex: 1;
  }
  .voiceAreaHeader_main {
	position: relative;
  }
  .voiceAreaHeader_image {
	width: calc((206 / 1120) * 100%);

	transform: translateY(50px);
	opacity: 0;
	transition: all .5s .5s;
  }
  .js-scrollFadeIn.-is-active .voiceAreaHeader_image {
	opacity: 1;
	transform: translateY(0);
}
  .voiceAreaHeader_list {
	padding-top: 27px;
  }
  .voiceAreaHeader_en {
	font-size: 42px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
  }
  .voiceAreaHeader_en br {
	display: none;
  }
  .voiceAreaHeader_hdr {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.03em;
  }
  * + .voiceAreaHeader_hdr {
	margin-top: 15px;
  }
  @media screen and (max-width: 559px) {
	.voiceAreaHeader {
	  display: grid;
	  grid-template-areas:
	  "main image"
	  "list list";
	  grid-template-columns: 1fr 111px;
  
	  padding-inline: 0;
	  width: 100%;
	}
	.voiceAreaHeader_contents {
	  display: contents;
	}
	.voiceAreaHeader_main {
	  grid-area: main;
  
	  padding-top: 23px;
	}
	.voiceAreaHeader_image {
	  grid-area: image;

	  padding-top: 26px;
	  width: 113px;
	  width: 31.38vw;
	}
	.voiceAreaHeader_list {
	  grid-area: list;
	  padding-top: 41px;

		margin-inline: -16px;
		padding-inline: 16px;
		overflow: hidden;
		overflow-x: auto;
		webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.voiceAreaHeader_en {
	  font-size: 26px;
	  font-weight: 500;
	  line-height: 1.38;
	  letter-spacing: 0.03em;
	}
	.voiceAreaHeader_en br {
	  display: inline;
	}
	.voiceAreaHeader_hdr {
	  font-size: 12px;
	}
	* + .voiceAreaHeader_hdr {
	  margin-top: 8px;
	}
  }
  
  /* voiceAreaSwitch */
  .voiceAreaSwitch {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
  }
  .voiceAreaSwitch_btn {
	display: flex;
	justify-content: center;
	align-items: center;
  
	padding: 0 14px;
	border-radius: 9999px;
	height: 32px;
	border: 2px solid #fff;
	background: #fff;
	color: var(--contents-key-color);
	transition: border-color 0.3s ease, background-color 0.3s ease;
  }
  .voiceAreaSwitch_btn:hover {
	border-color: #EDF3FF;
	background: #EDF3FF;
  }
  .voiceAreaSwitch_btnInner {
	cursor: pointer;
  }
  .voiceAreaSwitch_btn.-is-active .voiceAreaSwitch_btnInner {
	cursor: default;
  }
  .voiceAreaSwitch_btnInner {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 28px;
	margin-block: var(--leading-trim);
  }
  .voiceAreaSwitch_btn.-is-active {
	background: var(--contents-key-color);
	color: #fff;
	cursor: default;
  }
  .voiceAreaSwitch_btn.-is-active:hover {
	background: var(--contents-key-color);
  }
  @media screen and (max-width: 559px) {
	.voiceAreaSwitch {
	  gap: 8px;

	  flex-wrap: nowrap;
	}
	.voiceAreaSwitch_item {
		white-space: nowrap;
	}
  }
  
  /* debitVoiceSwiperWrap */
  .debitVoiceSwiperWrap {
	overflow: hidden;
	position: relative;
	padding-inline: 56px; /* px指定 */
  }
  .debitVoiceSwiperWrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 54px;
	height: 100%;
	background: var(--contents-blue-berry);
	z-index: 2;
  }
  .debitVoiceSwiperWrap::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 54px;
	height: 100%;
	background: var(--contents-blue-berry);
	z-index: 2;
  }
  @media screen and (min-width: 820px) and (max-width: 1199px) {
	.debitVoiceSwiperWrap {
		margin-inline: -54px;
	}
  }
  @media screen and (max-width: 819px) {
	.debitVoiceSwiperWrap {
	  padding-inline: 0;
	  overflow: visible;
	}
	.debitVoiceSwiperWrap::before {
		display: none;
	  }
	.debitVoiceSwiperWrap::after {
	  display: none;
	}
	.debitVoiceSwiperWrap .swiper-slide {
		transition: opacity 0.5s;
	}
	.debitVoiceSwiperWrap .swiper-slide.swiper-slide-prev {
		opacity: 0;
	}
  }
  
  /* debitVoiceSwiper */
  .debitVoiceSwiper {
	overflow: visible;
  }
  .debitVoiceSwiper .swiper-slide {
	width: 320px;
	width: calc((99.99% - 48px) / 3);
	height: auto;
  }
  .debitVoiceSwiper .swiper-wrapper {
	margin-bottom: 52px; /* px指定 */
  }
  .debitVoiceSwiper .swiper-pagination-bullets,
  .debitVoiceSwiper.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: -52px;
	height: 12px;
	line-height: 0;
  }
  .debitVoiceSwiper.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .debitVoiceSwiper.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
  }
  .debitVoiceSwiper .swiper-pagination-bullet,
  .debitVoiceSwiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
  }
  .debitVoiceSwiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #0281FF;
	opacity: 1;
  }
  .debitVoiceSwiper .swiper-pagination-bullet-active {
	background: #BFDFFF;
  }
  @media screen and (max-width: 819px) {
	.debitVoiceSwiper .swiper-slide {
	  width: 280px;
	  width: 77.77vw;
	}
	.debitVoiceSwiper .swiper-wrapper {
	  margin-bottom: 40px; /* px指定 */
	}
	.debitVoiceSwiper .swiper-pagination-bullets,
	.debitVoiceSwiper.swiper-container-horizontal>.swiper-pagination-bullets {
	  bottom: -40px;
	  height: 8px;
	}
	.debitVoiceSwiper.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.debitVoiceSwiper.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 6px;
	}
	.debitVoiceSwiper .swiper-pagination-bullet,
	.debitVoiceSwiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 6px;
	}
	.debitVoiceSwiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	  }
  }
  @media screen and (min-width: 560px) and (max-width: 819px) {
	.debitVoiceSwiper .swiper-slide {
		width: 43.75vw;
	  }
  }
  
  /* debitVoiceSwiper-button */
  .debitVoiceSwiper-button-prev,
  .debitVoiceSwiper-button-next {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -40px;
	width: 40px;
	height: 40px;
	background: url(/contents/cdn-img/top/neobank/btn_slider_arrow_01.svg) no-repeat 0 0;
	background-size: 40px 40px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	
	z-index: 10;
  
	user-select: none;
	  -webkit-user-select: none;
  }
  .debitVoiceSwiper-button-next {
	left: auto;
	right: 0;
	transform: rotate(180deg);
  }
  .debitVoiceSwiper-button-prev.swiper-button-disabled,
  .debitVoiceSwiper-button-next.swiper-button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
  }
  @media screen and (max-width: 559px) {
	.debitVoiceSwiper-button-prev,
	.debitVoiceSwiper-button-next {
	  display: none;
	}
  }
  
  /* debitVoiceBox */
  .debitVoiceBox {
	display: flex;
	flex-direction: column;
  
	padding: 23px 16px 0 16px;
	background: #fff;
	height: 100%;
	color: #1B1B1B;
	border-radius: 10px;
  }
  .debitVoiceBox_hdr {
	position: relative;
	padding-left: 11px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0.03em;
  }
  .debitVoiceBox_hdr::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	border-radius: 9999px;
	width: 5px;
	height: 18px;
	background: var(--contents-key-color);
  }
  .debitVoiceBox_txt {
	margin-top: 9px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: 0.02em;
  }
  .debitVoiceBox_txt em {
	font-style: normal;
	font-weight: 500;
  }
  .debitVoiceBox_bottom {
	margin-top: auto;
  }
  @media screen and (max-width: 559px) {
	.debitVoiceBox {
	  padding: 25px 16px 0 16px;
	}
	.debitVoiceBox_hdr {
	  font-size: 14px;
	}
	.debitVoiceBox_hdr::before {
	  content: '';
	  position: absolute;
	  top: -1px;
	}
	.debitVoiceBox_txt {
	  margin-top: 11px;
	  margin-bottom: 16px;
	  font-size: 14px;
	  line-height: 1.7;
	}
  }
  
  /* debitVoiceProfile */
  .debitVoiceProfile {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
  }
  .debitVoiceProfile_main {
	flex: 1;
  
	padding: 0 8px 0 0 ;
	text-align: right;
  }
  .debitVoiceProfile_image {
	width: 56px;
	min-height: 56px;
	line-height: 0;
  }
  .debitVoiceProfile_txt {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.375;
  }
  .debitVoiceProfile_txt em {
	font-style: normal;
	font-weight: 600;
  }
  @media screen and (max-width: 559px) {
	.debitVoiceProfile_txt {
	  font-size: 14px;
	  line-height: 1.57;
	  letter-spacing: 0.06em;
	}
  }
  
  /* debitVoiceLink */
  a.debitVoiceLink_a {
	display: flex;
	justify-content: center;
	align-items: center;
  
	position: relative;
	margin: 16px -16px 0 -16px;
	padding: 0 15px;
	border-radius: 0 0 10px 10px;
	background: var(--contents-bg-blue);
	color: var(--contents-key-color);
	height: 56px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
  }
  .debitVoiceLink_inner {
	position: relative;
	display: inline-block;
	padding: 0 0 0 24px;
  }
  .debitVoiceLink_inner::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: url(/contents/cdn-img/top/neobank/icon_arrow_right.svg) no-repeat 0 0;
	background-size: 20px 20px;
  }
  a.debitVoiceLink_a[target="_blank"] .debitVoiceLink_inner {
	padding-right: 24px;
  }
  a.debitVoiceLink_a[target="_blank"] .debitVoiceLink_inner::after {
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/contents/cdn-img/top/neobank/icon_link_blank.svg) no-repeat 0 0;
	background-size: 20px 20px;
  }
@media screen and (max-width: 819px) {
	a.debitVoiceLink_a[target="_blank"] .debitVoiceLink_inner {
		padding-right: 20px;
	}
}

/******************************************************
topApp */
.topApp {
	margin-top: -199px;
	position: relative;
	/*background: var(--contents-bg-light-blue);*/
	z-index: 1;
}
@media screen and (min-width: 1201px) {
	.topApp {
		margin-top: -211px;
	}
}
.topApp_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 199px);
	
	border-top: 3px solid var(--contents-blue-berry);
	background: var(--contents-bg-light-blue);
	mask-image: linear-gradient(#000, #000), url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	mask-repeat: no-repeat, no-repeat;
	mask-position: 50% 100%;
	mask-size: 100%, cover;
	mask-composite: exclude;
	-webkit-mask-image: linear-gradient(#000, #000), url("/contents/cdn-img/top/neobank/top_img_security_mask_01.svg");
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: 50% 100%;
	-webkit-mask-size: 100%, cover;
	-webkit-mask-composite: exclude;
	z-index: 2;
	line-height: 0;
}
.topApp_bg2 {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 50%;
	background: var(--contents-blue-berry);
	z-index: 2;
}
.topApp_bg3 {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--contents-bg-light-blue);
	z-index: 2;
}
.topApp_header {
	position: relative;
	padding-top: 5px;
	height: 199px;
	/*background: var(--contents-blue-berry);*/
}
@media screen and (min-width: 1201px) {
	.topApp_header {
		height: 211px;
	}
}
.topApp_hdr {
	position: relative;
	z-index: 3;

	margin-top: 20px;
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
	text-indent: 0.08em;
	letter-spacing: 0.08em;
}
@media screen and (min-width: 1201px) {
	.topApp_hdr {
		font-size: clamp(36px, 2.08vw, 40px);
	}
}
.topApp_hdr br {
	display: none;
}
.topApp_body {
	padding: 120px 6.25vw 140px 6.25vw;
}
.topApp_center {
	margin-inline: auto;
	width: min(100%, 960px);

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(3.33%, 32px);
}
.topApp_notes {
	margin: min(4vw, 48px) auto 0 auto;
	width: min(100%, 960px);
}
@media screen and (max-width: 819px) {
	.topApp {
		margin-top: 0;
	}
	.topApp_bg3,
	.topApp_bg2,
	.topApp_bg {
		display: none;
	}
	.topApp_header {
		padding-top: 5px;
		height: 178px;
		background: transparent;
	}
	.topApp_header::before {
		display: none;
	}
	.topApp_header::after {
		content: '';
		position: absolute;
		top: -1px;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url(/contents/cdn-img/top/neobank/top_bg_app_01_sp.png) no-repeat 50% 0;
		background-size: 100% 179px;
		z-index: 2;
	}
	.topApp_hdr {
		margin-top: 8px;
		font-size: 24px;
		line-height: 1.7;
		text-indent: 0.02em;
		letter-spacing: 0.02em;
	}
	.topApp_hdr br {
		display: inline;
	}
	.topApp_body {
		padding: 30px 16px 64px 16px;
	}
	.topApp_center {
		width: min(100%, 328px);
	
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 24px;
	}
	.topApp_notes {
		margin-top: 24px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topApp_header {
		background: var(--contents-blue-berry);
		height: 275px;
	}
	.topApp_header::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url(/contents/cdn-img/top/neobank/top_bg_app_01_tablet.png) no-repeat 50% 0;
		background-size: 100% 275px;
		z-index: 2;
	}
	.topApp_hdr {
		margin-top: 20px;
		font-size: 36px;
		line-height: 1.6;
		text-indent: 0.08em;
		letter-spacing: 0.08em;
	}
	.topApp_body {
		padding-top: 48px;
	}
	.topApp_center {
		gap: 32px;
	}
}

/******************************************************
topAppLead */
.topAppLead {
	position: relative;
	text-align: center;
	line-height: 0;
	z-index: 3;
}
.topAppLead_vessel {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	border-radius: 9999px;
	width: 266px;
	height: 44px;
	background: var(--contents-salmon);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.06em;
}
.topAppLead_txt {
	position: relative;
	display: inline-block;
	padding-left: 29px;
}
.topAppLead_txt::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	background: url(/contents/cdn-img/top/neobank/top_icn_app_clock_01.svg) no-repeat 0 0;
	background-size: 21px 21px;
}
.topAppLead_sup {
	font-size: 11px;
	vertical-align: top;
}
@media screen and (max-width: 559px) {
	.topAppLead_vessel {
		width: 182px;
		height: 24px;
		font-size: 14px;
		line-height: 24px;
	}
	.topAppLead_txt {
		padding-left: 18px;
	}
	.topAppLead_txt::before {
		content: '';
		position: absolute;
		top: 2px;
		width: 14px;
		height: 14px;
		background: url(/contents/cdn-img/top/neobank/top_icn_app_clock_01.svg) no-repeat 0 0;
		background-size: 14px 14px;
	}
	.topAppLead_sup {
		font-size: 7px;
	}
}

/******************************************************
topAppBlock */
.topAppBlock {
	padding: 24px 16px;
	padding: 8.33% 5.55%;
	border-radius: 30px;
	background: var(--contents-bg-blue);
}
.topAppBlock .topLinkList {
	margin-top: 16px;
}
@media screen and (max-width: 819px) {
	.topAppBlock {
		padding: 18px 16px;
		border-radius: 15px;
		background: var(--contents-bg-blue);
	}
	.topAppBlock.-no2 {
		padding-bottom: 0;
	}
	.topAppBlock .topLinkList {
		margin-top: 32px;
	}
}

/******************************************************
topAppBlockHdr */
.topAppBlockHdr {
	text-align: center;
}
.topAppBlockHdr_vessel {
	position: relative;
	display: inline-block;
	padding-left: 34px;

	color: #000;
	font-size: clamp(16px, 1.4vw, 18px);
	font-weight: 600;
	line-height: 1.33;
	letter-spacing: 0.05em;
}
.topAppBlockHdr_num {
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	top: 0;
	left: 0;
	border-radius: 9999px;
	width: 24px;
	height: 24px;
	background: #0A2FA0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
}
@media screen and (max-width: 819px) {
	.topAppBlockHdr_vessel {
		font-size: 18px;
	}
	.topAppBlockHdr_pc {
		display: none;
	}
}

/******************************************************
topAppImage01 */
.topAppImage01 {
	margin-top: 14px;
	line-height: 0;
	text-align: center;
}
.topAppImage01 img {
	width: 104px;
	height: auto;

	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 819px) {
	.topAppImage01 {
		margin-top: 32px;
	}
	.topAppImage01_image01.-pc {
		display: none;
	}
	.topAppImage01 img {
		width: 160px;
	}
}

/******************************************************
topAppImage02 */
.topAppImage02 {
	position: relative;
	margin-top: 40px;
	margin-top: min(3.13vw, 40px);
	line-height: 0;
	text-align: center;
	overflow: hidden;
}
.topAppImage02 img {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
.topAppImage02_image01.-sp {
	display: none;
}
.topAppImage02_image01 {
	width: 156px;
	height: auto;
}
@media screen and (max-width: 819px) {
	.topAppImage02 {
		margin-top: 9px;
	}
	.topAppImage02_image01.-pc {
		display: none;
	}
	.topAppImage02_image01.-sp {
		display: inline;
	}
	.topAppImage02_image01 {
		width: 149px;
		height: auto;
	}
}

/******************************************************
topAppImage03 */
.topAppImage03 {
	position: relative;
	margin-top: 38px;
	margin-top: min(2.97vw, 38px);
	line-height: 0;
	text-align: center;
	overflow: hidden;
}
.topAppImage03 img {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}
.topAppImage03_image01.-sp {
	display: none;
}
.topAppImage03_image01 img {
	width: 247px;
	height: auto;
}
@media screen and (max-width: 819px) {
	.topAppImage03 {
		margin-top: 25px;
	}
	.topAppImage03_image01.-pc {
		display: none;
	}
	.topAppImage03_image01.-sp {
		display: inline;
	}
	.topAppImage03_image01 {
		width: 260px;
		height: auto;
	}
}

/******************************************************
topSearch */
.topSearch {
	padding: min(5vw, 64px) min(6.25vw, 80px);
	background: #0068DE;
}
.topSearch_vessel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;

	margin-inline: auto;
	padding: min(3.13vw, 40px) min(5.93vw, 76px);
	width: min(100%, 1090px);
	border-radius: 10px;
	background: #fff;
}
.topSearch_header {
	width: 200px;
	min-width: 200px;
}
.topSearch_main {
	width: 638px;
	width: 68.01%;
}
.topSearch_layout {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas:
	"tab1 tab2"
	"contents1 contents1"
	"contents2 contents2";
	gap: 0 min(3.125vw, 40px);
}
.topSearch_tab1 {
	grid-area: tab1;
}
.topSearch_tab2 {
	grid-area: tab2;
}
.topSearch_content1 {
	grid-area: contents1;

	padding-top: 23px;/* px指定 */
}
.topSearch_content2 {
	grid-area: contents1;

	padding-top: 23px;/* px指定 */
}
.topSearch_content2:has(.topSearch_content.-is-active),
.topSearch_content1:has(.topSearch_content.-is-active) {
	position: relative;
	z-index: 1;
}
.topSearch_content {
	display: none;
}
.topSearch_content.-is-active {
	display: block;
}
.topSearch_balloon {
	display: flex;
	justify-content: flex-start;
	align-items: center;

	position: relative;
	padding: 20px min(3.75vw, 48px);
	min-height: 108px;
	border-radius: 8px;
	background: var(--contents-bg-blue);
}
.topSearch_content2 .topSearch_balloon {
	background: transparent;
}
.topSearch_content {
	flex:  1;
}
.topSearch_balloon .topLinkList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.topSearch_balloon .topLinkList_item + .topLinkList_item {
	margin-top: 0;
}
@media screen and (min-width: 820px) and (max-width: 1200px) {
	.topSearch_vessel {
		display: block;
	}
	.topSearch_header {
		width: auto;
		min-width: 0;
	}
	.topSearch_main {
		margin-top: 40px;
		width: auto;
	}
}
@media screen and (max-width: 819px) {
	.topSearch {
		padding: 48px 16px;
	}
	.topSearch_vessel {
		position: relative;
		display: block;
	
		padding: 32px 24px 111px 24px;
		border-radius: 12px;
	}
	.topSearch_header {
		width: auto;
		min-width: 0;
	}
	.topSearch_main {
		margin-top: 37px;
		width: auto;
	}
	.topSearch_layout {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
		"tab1"
		"contents1"
		"tab2"
		"contents2";
		gap: 0;
	}
	.topSearch_tab2 {
		margin-top: 24px;
	}
	.topSearch_content1 {
		display: none;

		margin-inline: auto;
		width: min(100%, 379px);
		padding-top: 17px;/* px指定 */
	}
	.topSearch_content1:has(.topSearch_content.-is-active) {
		display: block;
	}
	.topSearch_content2 {
		display: none;

		grid-area: contents2;

		margin-inline: auto;
		width: min(100%, 379px);
		padding-top: 17px;/* px指定 */
	}
	.topSearch_content2:has(.topSearch_content.-is-active) {
		display: block;
	}

	.topSearch_content {
		display: block;
		visibility: hidden;
		pointer-events: none;
	}
	.topSearch_content.-is-active {
		display: block;
		visibility: visible;
		pointer-events: auto;
	}

	.topSearch_balloon {
		display: grid;

		padding: 16px;
		min-height: 152px;

		min-height: 0;
	}
	.topSearch_balloon > * {
		grid-area: 1 / 1;
	}
	.topSearch_content2 .topSearch_balloon {
		background: var(--contents-bg-blue);
	}
	.topSearch_balloon .topLinkList {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topSearch {
		padding: 48px 60px;
	}
	.topSearch_vessel {
		padding-top: 24px;
	}
}

/******************************************************
topSearchHdr */
.topSearchHdr {
	color: #004B84;
	text-align: center;
}
.topSearchHdr_en {
	display: block;
	font-size: 30px;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	line-height: 1.7;
	text-indent: 0.03em;
	letter-spacing: 0.03em;
}
.topSearchHdr_ja {
	display: block;
	margin-top: 6px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.11;
}
@media screen and (max-width: 559px) {
	.topSearchHdr_en {
		font-size: 24px;
		line-height: 1;
		text-indent: 0.08em;
		letter-spacing: 0.08em;
	}
	.topSearchHdr_ja {
		margin-top: 8px;
		font-size: 12px;
		line-height: 1.7;
	}
}

/* topArrow */
@keyframes topArrow1 {
	0% {
	  transform: translateX(-300%);
	}
	100% {
	  transform: translateX(0);
	}
  }
  @keyframes topArrow2 {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(300%);
	}
  }
  .topArrow {
	position: relative;
	border-radius: 9999px;
	width: 25px;
	height: 25px;
	background: #fff;
	overflow: hidden;
  }
  .topArrow::after,
  .topArrow::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	display: block;
	width: 12px;
	height: 11px;
	background: url(/contents/cdn-img/top/neobank/icn_circle_arrow_01.svg) no-repeat center center;
	background-size: 12px 11px;
  
	animation-fill-mode: forwards;
	animation-duration: 0.6s;
  }
  .topArrow::after {
	transform: translateX(-300%);
  }
  a:hover .topArrow:before {
	animation-name: topArrow2;
	animation-delay: 0s;
  }
  a:hover .topArrow:after {
	animation-name: topArrow1;
	animation-delay: 0.2s;
  }

/******************************************************
topSearchLink */
.topSearchLink {
	margin-top: 32px;
	text-align: center;
}
a.topSearchLink_a {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	border-radius: 9999px;
	width: min(100%, 200px);
	height: 40px;
	background: var(--contents-key-color);
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	text-align: center;

	transition: opacity 0.3s ease;
}
.topSearchLink_a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}
.topSearchLink_txt {
	position: relative;
	display: inline-block;
	padding-left: 32px;
	line-height: 40px;
}
.topSearchLink_txt .topArrow {
	content: '';
	position: absolute;
	top: 50%;
	left: 0; 
	display: block;
	margin-top: -12.5px;
	width: 24px;
	height: 25px;
}
@media screen and (max-width: 819px) {
	.topSearchLink {
		position: absolute;
		bottom: 32px;
		left: 0;
		margin-top: 0;
		width: 100%;
	}
}

/******************************************************
topSearchTab */
.topSearchTab {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
}
.topSearchTab_item {
	width: 73px;
}
.topSearchTab_item + .topSearchTab_item {
	margin-left: min(3.125vw, 40px);
}
button.topSearchTab_button {
	position: relative;
	padding: 0;
	border: none;
	background: transparent;
	text-align: center;
	cursor: pointer;
}
button.topSearchTab_button::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	display: block;
	margin-left: -9.5px;
	width: 19px;
	height: 17px;
	background: url(/contents/cdn-img/top/neobank/top_img_search_01.svg) no-repeat 0 0;
	background-size: 19px 17px;

	opacity: 0;
	transition: opacity 0.3s;
}
button.topSearchTab_button.-is-active::after  {
	opacity: 1;
}
.topSearchTab_icon {
	display: flex;
	justify-content: center;
	align-items: center;

	position: relative;
	border-radius: 9999px;
	width: 72px;
	height: 72px;
	overflow: hidden;
}
.topSearchTab_icon::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 9999px;
	width: 100%;
	height: 100%;
	background: #E9E9E9;
	z-index: 1;

	transition: background-color 0.3s ease;
}
.topSearchTab_icon::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	border-radius: 9999px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	z-index: 2;

	transition: background-color 0.3s ease;
}
button.topSearchTab_button.-is-active .topSearchTab_icon::before {
	top: -60px;
	left: -60px;
	width: 144px;
	height: 144px;
	background: linear-gradient(140deg, rgba(101,210,204,1) 0%, rgba(61,117,239,1) 100%);
}
button.topSearchTab_button:hover .topSearchTab_icon::after {
	background: #f1f8ff;
}
button.topSearchTab_button.-is-active .topSearchTab_icon::after {
	background: #f1f8ff;
}
.topSearchTab_icon img {
	position: relative;
	width: 40px;
	height: auto;
	z-index: 3;
}
.topSearchTab_item.-tameru .topSearchTab_icon img {
	width: 42px;
}
.topSearchTab_item.-toushi .topSearchTab_icon img {
	width: 32px;
}
.topSearchTab_item.-payment .topSearchTab_icon img {
	width: 34px;
	transform: translateY(-2px);
}
.topSearchTab_item.-loan .topSearchTab_icon img {
	width: 40px;
	transform: translateY(-1px);
}
.topSearchTab_item.-enjoy .topSearchTab_icon img {
	width: 40px;
}
.topSearchTab_item.-point .topSearchTab_icon img {
	width: 40px;
}
.topSearchTab_txt {
	display: block;
	margin-top: 10px;
	color: var(--contents-txt-secondary);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}
@media screen and (max-width: 819px) {
	.topSearchTab {
		justify-content: space-between;

		margin-inline: auto;
		width: min(100%, 280px);
	}
	.topSearchTab_item {
		width: 72px;
	}
	.topSearchTab_item + .topSearchTab_item {
		margin-left: 0;
	}
	button.topSearchTab_button::after {
		content: '';
		position: absolute;
		bottom: -24px;
		left: 50%;
		display: block;
		margin-left: -9.5px;
		width: 19px;
		height: 17px;
		background: url(/contents/cdn-img/top/neobank/top_img_search_01.svg) no-repeat 0 0;
		background-size: 19px 17px;
	}
	.topSearchTab_txt {
		margin-top: 9px;
		font-size: 14px;
	}
}
@media screen and (min-width: 560px) and (max-width: 819px) {
	.topSearchTab {
		width: min(100%, 331px);
	}
}