@charset "UTF-8";
/* ==========================================================================
 * Font face
 * ========================================================================== */
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

/* ==========================================================================
 * Root
 * ========================================================================== */
*,
::before,
::after {
	background-repeat: no-repeat;
	box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	margin: 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.6em;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-weight: 500;
}
@media screen and (max-width: 640px) {
	body {
		font-size: 1.6rem;
	}
}
/* ==========================================================================
 * HTML5 display definitions
 * ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}

/* ==========================================================================
 * Anchor
 * ========================================================================== */
a:link,
a:visited {
	background-color: transparent;
	color: #0b7ece;
	text-decoration: none;
}
a:active,
a:hover {
	outline: 0;
	text-decoration: underline;
	opacity: .7;
}

/* ==========================================================================
 * Embedded
 * ========================================================================== */
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}
svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
 * Grouping
 * ========================================================================== */
figure {
	margin: 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	border: none;
	border-top: 1px solid #bbb;
}
dd {
	margin-left: 0;
}

/* ==========================================================================
 * Float
 * ========================================================================== */
.clear {
	clear: both;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* ==========================================================================
 * List
 * ========================================================================== */
ul,
ol {
	padding: 0;
}
ul {
	margin: 0;
	list-style: none;
}
ul.list-disc {
	margin-left: 1.55em;
	list-style: disc;
}
ul.list-annotation {
	margin-left: 1.3em;
}
ul.list-annotation li::before {
	margin-left: -1.3em;
	content: "※\0020";
}
ol {
	margin-left: 1.3em;
}
ol.list-annotation {
	margin-left: 2em;
	padding: 0;
	counter-reset: number;
	list-style: none;
}
ol.list-annotation li::before {
	margin-left: -2em;
	counter-increment: number;
	content: "※"counter(number)"\0020";
}
ul.list-disc li + li,
ul.list-annotation li + li,
ol li + li {
	margin-top: 8px;
}

/* ==========================================================================
 * Text
 * ========================================================================== */
b,
strong {
	font-weight: bold;
}
mark {
	background: #ff0;
	color: #000;
}
small,
.txt-small{
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
address {
	font-style: normal;
}
h1,
.h1 {
	font-size: 3.2rem;
	line-height: 1.2;
	margin: 0;
}
h2,
.h2 {
	font-size: 2.4rem;
	line-height: 1.2;
	margin: 0;
}
h3,
.h3 {
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 0;
}
h4,
.h4 {
	font-size: 1.6rem;
	line-height: 1.2;
	margin: 0;
}
p {
	margin: 0;
}
p + p {
	margin-top: .5em;
	margin-bottom: 0;
}
.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
.txt-unbold {
	font-weight: normal;
}
.txt-bold {
	font-weight: bold;
}
.txt-emphasis {
	color: #e74c3c;
}
.txt-notes {
	color: #7f8c8d;
}
.notes {
	font-size: 1.2rem;
	text-align: left;
	color: #666;
}
.txt-og {
	color: #f69102;
}

/* ==========================================================================
 * Table
 * ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}

/* ==========================================================================
 * Form
 * ========================================================================== */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	border: 1px solid #999;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
	padding: 5px;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
}

/* ==========================================================================
 * Spacing
 * ========================================================================== */
.margin-none  {margin:           0px !important;}
.padding-none {padding:          0px !important;}

.margin-T0    {margin-top:       0px !important;}
.margin-T5    {margin-top:       5px !important;}
.margin-T10   {margin-top:      10px !important;}
.margin-T15   {margin-top:      15px !important;}
.margin-T20   {margin-top:      20px !important;}
.margin-T25   {margin-top:      25px !important;}
.margin-T30   {margin-top:      30px !important;}
.margin-T35   {margin-top:      35px !important;}
.margin-T40   {margin-top:      40px !important;}
.margin-T45   {margin-top:      45px !important;}
.margin-T50   {margin-top:      50px !important;}
.margin-T60   {margin-top:      60px !important;}
.margin-T70   {margin-top:      70px !important;}
.margin-T80   {margin-top:      80px !important;}
.margin-T90   {margin-top:      90px !important;}
.margin-T100  {margin-top:     100px !important;}

.margin-R0    {margin-right:     0px !important;}
.margin-R5    {margin-right:     5px !important;}
.margin-R10   {margin-right:    10px !important;}
.margin-R15   {margin-right:    15px !important;}
.margin-R20   {margin-right:    20px !important;}

.margin-B0    {margin-bottom:    0px !important;}
.margin-B5    {margin-bottom:    5px !important;}
.margin-B10   {margin-bottom:   10px !important;}
.margin-B15   {margin-bottom:   15px !important;}
.margin-B20   {margin-bottom:   20px !important;}

.margin-L0    {margin-left:      0px !important;}
.margin-L5    {margin-left:      5px !important;}
.margin-L10   {margin-left:     10px !important;}
.margin-L15   {margin-left:     15px !important;}
.margin-L20   {margin-left:     20px !important;}

.padding-T0   {padding-top:      0px !important;}
.padding-T5   {padding-top:      5px !important;}
.padding-T10  {padding-top:     10px !important;}
.padding-T15  {padding-top:     15px !important;}
.padding-T20  {padding-top:     20px !important;}
.padding-T25  {padding-top:     25px !important;}
.padding-T30  {padding-top:     30px !important;}
.padding-T35  {padding-top:     35px !important;}
.padding-T40  {padding-top:     40px !important;}
.padding-T45  {padding-top:     45px !important;}
.padding-T50  {padding-top:     50px !important;}
.padding-T60  {padding-top:     60px !important;}
.padding-T70  {padding-top:     70px !important;}
.padding-T80  {padding-top:     80px !important;}
.padding-T90  {padding-top:     90px !important;}
.padding-T100 {padding-top:    100px !important;}

.padding-R0   {padding-right:    0px !important;}
.padding-R5   {padding-right:    5px !important;}
.padding-R10  {padding-right:   10px !important;}
.padding-R15  {padding-right:   15px !important;}
.padding-R20  {padding-right:   20px !important;}

.padding-B0   {padding-bottom:   0px !important;}
.padding-B5   {padding-bottom:   5px !important;}
.padding-B10  {padding-bottom:  10px !important;}
.padding-B15  {padding-bottom:  15px !important;}
.padding-B20  {padding-bottom:  20px !important;}

.padding-L0   {padding-left:     0px !important;}
.padding-L5   {padding-left:     5px !important;}
.padding-L10  {padding-left:    10px !important;}
.padding-L15  {padding-left:    15px !important;}
.padding-L20  {padding-left:    20px !important;}

/* ==========================================================================
 * Common
 * ========================================================================== */
#page-container {
	max-width: 2000px;
	margin: 0 auto;
	min-width: 1050px;
}
.inner-width {
	width: 1000px;
	margin-right: auto;
	margin-left:  auto;
}
/*-------------------- Back to Top --------------------*/
a.backtotop {
	position: fixed;
	bottom: 30px;
	right: 5%;
	width: 40px;
	height: 40px;
	padding: 38px 0 0;
	background-color: #ccc;
	color: #fff;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	opacity: .5;
	border-radius: 50%;
	z-index: 999;
}
a.backtotop::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 17.3px 10px;
	border-color: transparent transparent #ffffff transparent;
}
.cta {
	text-align: center;
}
.cta__shindan {
	text-align: center;
	margin-top: 10px;
}
.position__abs {
	position: absolute;
}
.text-color__green {
	color: #1bb502;
}
.text-color__yellow {
	color: #ffe487;
}
.text-color__orange {
	color: #f69102;
}
.txt-L {
	font-size: 3.4rem;
}
.open_pop_signup , .open_pop_simulation {
	display: inline-block;
}
.open_pop_signup:hover , .open_pop_simulation:hover {
	opacity: .7;
    cursor: pointer;
}
.sp_hidden {
	display: block;
}
.pc_hidden {
	display: none;
}
summary {
	display: block;
	list-style: none;
}
@media screen and (max-width: 640px) {
	#page-container {
		max-width: 640px;
		overflow: hidden;
		min-width: unset;
	}
	.inner-width {
		width: 100%;
		padding: 0 4%;
	}
	.cta__shindan {
	margin-top: 8vw;
	} 
	.sp_hidden {
		display: none;
	}
	.pc_hidden {
		display: block;
	}
	.txt-L {
		font-size: 3.2rem;
	}
	.marker {
		background-color: #fff1fb;
	}
	.font-color_pink {
		color: #b60181;
	}
}

/* ==========================================================================
 * Header
 * ========================================================================== */
header {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #fff;
}
header .inner-width {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 0;
}
@media screen and (max-width: 640px) {
	header {
		position: fixed;
	}
	header .inner-width {
		padding: 2vw 4vw;
	}
	.header__logo {
		width: 50%;
		margin-top: -.8em;
	}
	.header__cta {
		width: 40%;
		margin-top: .6em;
	}
}

/* ==========================================================================
 * kv
 * ========================================================================== */
.kv {
	background: url("/wealthnavi/lp/aeoncard_second_test/images/pc/kv_bg.jpg") top center no-repeat;
}
.kv .inner-width {
	padding: 50px 0 66px;
	position: relative;
}
.kv h1 {
	text-align: center;
	z-index: 1;
	position: relative;
}
.kv h1 span {
	display: block;
	margin-bottom: 12px;
}
.kv ul {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-top: 15px;
	position: relative;
	width: 415px;
}
.kv li {
	padding: 0 4px;
	width: 40%;
}
.kv .notes {
	width: 440px;
	margin: 10px auto 0;
	color: #999;
	font-size: 1.0rem;
	position: relative;
}
.kv__img--man {
	position: absolute;
	bottom: 0;
    left: 109px;
}
.kv__img--point {
	text-align: center;
    margin-top: 30px;
}
.kv__img--woman {
	position: absolute;
	bottom: 0;
	right: 100px;
}
.kv__img--icon {
	position: absolute;
	top: 43px;
	right: 10px;
}

@media screen and (max-width: 640px) {
	.kv {
		margin-top: 16vw;
	}
	.kv .inner-width {
		padding: 0;
	}
	.kv h1 {
		width: 100%;
	}
	.kv h1 span {
		display: block;
		width: 66%;
		margin: 0 auto .3em;
	}
	.kv ul {
		display: none;
	}
	.kv .notes {
		width: 94%;
		margin: 1em auto 0;
	}
	.kv__img--device {
		display: none;
	}
	.kv__img--point,
	.kv__img--woman,
	.kv__img--man {
		display: none;
	}
	.kv__img--icon {
		display: none;
	}
}
/* ==========================================================================
 * nav
 * ========================================================================== */
nav {
	position: relative;
	background: #b60181;
	color: #fff;
}
nav ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
nav ol li {
    margin: 0;
}
nav ol li a {
	padding: 8px 18px;
	display: block;
	border: 2px solid #192158;
	border-radius: 10px;
	margin: 10px 0 14px;
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.4);
}
nav ol li a:link,
nav ol li a:visited {
	color: #fff;
	text-decoration: none;
	background: #4652a1;
}
nav ol li a:hover {
	box-shadow: none;
	transform: translate(0,5px);
}
@media screen and (max-width: 640px) {
	nav {
	}
	nav ol {
	padding: 3vw 0 4vw;
	}
	nav ol li {
	width: 48%;
	text-align: center;
	}
	nav ol li a {
		padding: 3vw;
		display: block;
		min-height: 4.5em;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 2vw 0;
	}
}
/* ==========================================================================
 * Intro
 * ========================================================================== */
.intro {
	padding: 20px 0 40px;
	background: #fff1fb;
	z-index: 1;
	position: relative;
}
.intro .cta {
	position: relative;
}
.intro .campaign {
	margin-top: 50px;
}
.bnrlink {
	margin-top:50px;
}
.intro__bnr--txt {
	text-align: center;
	font-size: 2.4rem;
    font-weight: bold;
    margin-top: 10px;
}
.intro__bnr--txt img {
	width: 3.5rem;
}
@media screen and (max-width: 640px) {
	.bnrlink {
		margin:5vw 5vw 0;
	}
}
@media screen and (max-width: 640px) {
	.intro {
		padding: 2vw 0 6vw;
	}
	.intro .cta {
		position: unset;
		margin-top: 5vw;
	}
	.intro .campaign {
		margin-top: 4vw;
	}
	.intro__bnr--txt {
		font-size: 1.8rem;
		margin-top: 5vw;
	}
	.intro__bnr--txt span {
		display: inline-block;
	}
}
/* ==========================================================================
 * Problem
 * ========================================================================== */
.problem {
	padding: 80px 0 0;
	background: 
		url(/wealthnavi/lp/aeoncard_second_test/images/pc/problem_bg-top.png) top left no-repeat,
		url(/wealthnavi/lp/aeoncard_second_test/images/pc/problem_bg-bottom.png) bottom right no-repeat,
		#f0f2ff;
}
.problem p {
	text-align: center;
}
.problem ul {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.problem__affinity {
	position: relative;
	height: 390px;
}
.problem__img {
	position: absolute;
}
.problem__img--01 {
	top: 110px;
	left: 50px;
}
.problem__img--02 {
	top: 180px;
	left: 193px;
}
.problem__img--03 {
	top: 100px;
	right: 120px;
}
.problem__img--woman {
	right: 320px;
	bottom: 0;
}
.problem__img--man {
	left: 350px;
	bottom: 0;
}
@media screen and (max-width: 640px) {
	.problem {
		padding: 15vw 0 0;
		background-size: 170%;
	}
	.problem p {
	margin-bottom: 4vw;
	}
	.problem ul {
		display: block;
		margin: 1em 0;
	}
	.problem li {
		margin-top: 1em;
	}
	.problem__affinity {
		height: auto;
	}
	.problem__img {
		position: absolute;
	}
	p.problem__img--01 {
		display: none;
	}
	p.problem__img--02 {
		display: none;
	}
	p.problem__img--03 {
		display: none;
	}
	.problem__img--woman {
		display: none;
	}
	.problem__img--man {
		display: none;
	}
}
/* ==========================================================================
 * Solution
 * ========================================================================== */
.solution {
	text-align: center;
	padding: 40px 0 70px;
}
.solution__img--attentionn {
	position: relative;
}
.solution__img--attentionn::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 138px 239px 0 239px;
	border-color: #fff1fb transparent transparent transparent;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}
.solution h2 {
	margin-top: 60px;
}
.solution ul {
	display: flex;
	justify-content: space-between;
	margin: 40px auto 10px;
	width: 630px;
}
@media screen and (max-width: 640px) {
	.solution {
		padding: 0 0 15vw;
	}
	.solution__img--attentionn {
		position: unset;
		width: 100%;
		margin: 0 auto;
	}
	.solution__img--attentionn::after {
		content: none;
	}
	.solution h2 {
		margin-top: 1em;
	}
	.solution ul {
		margin: 1em auto 2em;
		width: 100%;
	}
}
/* ==========================================================================
 * Basis
 * ========================================================================== */
.basis {
	text-align: center;
	background: #f1ffef;
	padding: 230px 0 70px;
}
.basis__box {
	border: 3px solid #1bb502;
	background: #fff;
	border-radius: 20px;
	position: relative;
	margin: 0 0 60px;
}
.basis__img--subTtl {
	top: -140px;
	left: 200px;
}
.basis__img--woman {
	top: -207px;
	right: 180px;
}
.basis__img--subTtl02 {
	margin-top: -25px;
}
.basis__box h2 {
	margin-top: 30px;
}
.basis__box ul {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 60px;
	width: 92%;
}
.basis__box li {
	border: 3px solid #ccc;
	border-radius: 20px;
	padding: 40px 30px 160px;
	font-size: 2.6rem;
	line-height: 1.2;
	position: relative;
	width: 32%;
	background-position: bottom 30px center;
}
.basis__box li:nth-of-type(1) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_icon01.png) top left no-repeat;
	background-position: bottom 30px center;
}
.basis__box li:nth-of-type(2) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_icon02.png) top left no-repeat;
	background-position: bottom 30px center;
}
.basis__box li:nth-of-type(3) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_icon03.png) top left no-repeat;
	background-position: bottom 30px center;
}
.basis__box li::before {
	position: absolute;
	content: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_check.png);
	top: -30px;
	left: 0;
	right: 0;
}
.basis__box li .small {
	font-size: 1.8rem;
	font-weight: 700;
}
.basis__box--txt {
	margin-top: 25px;
}
.basis__bottom {
	background: #1bb502;
	border-radius: 0 0 15px 15px;
	margin-top: 30px;
	padding-bottom: 30px;
}
.basis__bottom--box {
	display: flex;
	width: 68%;
	margin: 0 auto;
	justify-content: space-between;
	padding: 30px 0 0;
	align-items: center;
}
.basis__bottom--users {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 8.6rem;
	line-height: 1.2;
}
.basis__bottom--users.pc_hidden {
	display: none;
}
.basis__bottom--users picture {
	display: flex;
	align-items: center;
}
.basis__voice {
	margin: 35px 0;
}
.basis__voice ul {
	display: flex;
	justify-content: space-between;
	width: 92%;
	margin: 0 auto;
}
.basis__voice li {
	padding-bottom: 8.5em;
}
.basis__voice li:nth-of-type(1) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img01.png) top 120px center no-repeat;
}
.basis__voice li:nth-of-type(2) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img02.png) top 120px center no-repeat;
}
.basis__voice li:nth-of-type(3) {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img03.png) top 120px center no-repeat;
}
.sp_modal_bg {
	display: none;
}
@media screen and (max-width: 640px) {
	.basis {
		padding: 88vw 0 4vw;
	}
	.basis__box {
		margin: 0 0 10vw;
	}
	.basis__img--subTtl {
		margin: -76vw auto 0;
		position: unset;
	}
	.basis__img--woman {
		display: none;
	}
	.basis__img--subTtl02 {
		margin-top: -25px;
		display: none;
	}
	.basis__box h2 {
		margin: 8vw auto 0;
	}
	.basis__box ul {
		display: block;
		margin-top: 3em;
		width: 90%;
	}
	.basis__box li {
		padding: 2em .5em 8em;
		font-size: 2.0rem;
		width: 100%;
		margin-top: 2em;
	}
	.basis__box li .small {
		font-size: 1.8rem;
		font-weight: 700;
	}
	.basis__box--txt {
		margin-top: 10vw;
	}
	.basis__bottom {
		margin-top: 10vw;
		padding-bottom: 5vw;
	}
	.basis__bottom--box {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 3vw 0 0;
	}
	.basis__bottom--users {
		border-top: none;
		display: block;
		font-size: 6rem;
		padding: 0 0 7vw;
		margin-bottom: 7vw;
	}
	.basis__bottom--users.pc_hidden {
		display: block;
	}
	.basis__bottom--users.sp_hidden {
		display: none;
	}
	.basis__bottom--users img {
		width: 50%;
	}
	.basis__bottom--users .basis__bottom--txt02 {
		width: 40%;
		display: inline-flex;
		align-items: center;
		margin-top: .2em;
	}
	.basis__bottom--users .basis__bottom--txt02 img {
	width: 100%;
	}
	.basis__bottom--users .basis__bottom--txt01 {
		display: block;
		margin: 0 auto;
	}
	.basis__bottom--usersSP {
		display: flex;
		justify-content: center;
	}
	.basis__bottom--usersSP p {
		line-height: 1;
	}
	.basis__bottom--ranking {
		margin: 0 auto 5vw;
	}
	.basis__bottom--bnr {
		margin-bottom: 4vw;
		display: block;
	}
	.basis__voice {
		margin: 10vw 0 0;
	}
	.basis__voice ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.basis__voice li {
		padding-bottom: 5vw;
	}
	.basis__voice li:nth-of-type(1) {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img01.png) top 120px center no-repeat;
		background: none;
	}
	.basis__voice li:nth-of-type(2) {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img02.png) top 120px center no-repeat;
		background: none;
	}
	.basis__voice li:nth-of-type(3) {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/basis_voice-img03.png) top 120px center no-repeat;
		background: none;
	}
	.sp_order {
		display: flex;
		flex-wrap: wrap;
	}
	.basis_order01 {
		order: 1;
	}
	.basis_order02 {
		order: 2;
		margin-top: 5vw;
	}
	.sp_modal_link {
		margin: 1.5em 0;
	}
	.sp_modal_link a {
		text-decoration: underline;
		color: #0b7ece;
	}
	.sp_modal_bg {
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		overflow: hidden;
	}
	.sp_modal {
		width: 80%;
		min-width: 80%;
		max-width: 90%;
		background-color: #ffffff;
		max-height: fit-content;
		min-height: fit-content;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		transform: translate3d(0%, 6%, 0);
		padding: 2em 1em;
		border-radius: 20px;
		position: fixed;
	}
	.sp_modal_close {
		float: right;
		width: 35px;
		height: 35px;
		margin-top: -40px;
		right: -17.5px;
		position: absolute;
		cursor: pointer;
	}
	.sp_modal_title {
		font-size: 1.8rem;
		line-height: 1.2;
		margin-bottom: 5vw;
	}
	.sp_modal_txt {
		text-align: left;
		font-size: 1.2rem;
	}
}
/* ==========================================================================
 * Voice
 * ========================================================================== */
.voice {
	 background: #fbfae4;
	 padding: 70px 0;
	 text-align: center;
 }
.voice__area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}
.voice__box {
	background: #fff;
	border-radius: 20px;
	padding: 10px 20px 20px;
    width: 32%;
}
.voice__ttl {
	font-size: 2.6rem;
	color: #f69102;
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 1.2;
}
.voice__name {
	background: #f69102;
	color: #fff;
	font-size: 1.6rem;
	display: block;
	text-align: center;
	width: fit-content;
	padding: 0 .5em 0 1em;
	border-radius: 20px;
	margin-top: 5px;
}
.voice__box dt {
	padding: 10px 0 22px 122px;
}
.voice__box:nth-of-type(1) dt {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/voice-img01.png) center left no-repeat;
}
.voice__box:nth-of-type(2) dt {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/voice-img02.png) center left no-repeat;
}
.voice__box:nth-of-type(3) dt {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/voice-img03.png) center left no-repeat;
}
.voice__box:nth-of-type(4) dt {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/voice-img04.png) center left no-repeat;
}
.voice__box dd {
	text-align: left;
	margin-top: 20px;
}
.voice .notes {
	font-size: 1.6rem;
	color: #333;
}
.voice__cta-txt {
	margin-top: 60px;
}
.voice .cta {
	margin-top: -10px;
}
.voice .cta__shindan {
	margin-top: 0;
}


@media screen and (max-width: 640px) {
	.voice {
	padding: 14vw 0;
	}
   .voice__area {
	margin-top: 6vw;
   }
   .voice__box {
   width: 100%;
   padding: 7vw 5vw;
   }
   .voice__box dt {
   padding: 1vw 0 1vw 30vw;
   }
   .voice__box:nth-of-type(1) dt,
   .voice__box:nth-of-type(2) dt,
   .voice__box:nth-of-type(3) dt,
   .voice__box:nth-of-type(4) dt
    {
   background-size: 26vw;
   }
	.voice__cta-txt {
		margin-top: 10vw;
	}
	.voice .cta {
		margin-top: 2vw;
	}
	.voice .cta__shindan {
		margin-top: 4vw;
	}
}
/* ==========================================================================
 * Step
 * ========================================================================== */
.step {
	 background: #fbfae4;
	 padding: 70px 0;
	 text-align: center;
 }
.step ol {
	margin: 0;
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
	list-style: none;
	position: relative;
}
.step ol::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 33px 0 33px 35px;
	border-color: transparent transparent transparent #f69102;
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 10px;
	right: 0;
	margin: auto;
}
.step li {
	background: #fff;
	border-radius: 20px;
	/* padding: 25px; */
	width: 45%;
	position: relative;
}
.step dl {
	padding: 25px;
	margin: 0;
}
.step dt {
	margin: -45px 0 30px;
}
.step dd {
	padding-top: 128px;
}
.step li:nth-of-type(1) dd {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/step_icon01.png) top center no-repeat;
}
.step li:nth-of-type(2) dd {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/step_icon02.png) top center no-repeat;
}
.step__automatic {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.step__automatic--img {
	margin: 0 15px;
}
.step .notes {
	margin-top: 10px;
}
@media screen and (max-width: 640px) {
	.step {
		padding: 14vw 0;
	}
	.step h2 {
		margin: 0 auto;
	}
	.step ol {
		margin: 0;
		margin-top: 15vw;
		display: block;
	}
	.step ol::before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 33px 33.5px 0 33.5px;
		border-color: #f69102 transparent transparent transparent;
	}
	.step li {
		width: 100%;
	}
	.step li + li {
		margin-top: 27vw;
	}
   .step dl {
	   padding: 25px;
	   margin: 0;
   }
   .step dt {
	   margin: -12vw auto 6vw;
	  }
   .step dd {
	   padding-top: 32vw;
	   width: 100%;
	  }
   .step li:nth-of-type(1) dd {
	   background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/step_icon01@2x.png) top center no-repeat;
	   background-size: 35%;
	   margin: 0 auto;
	  }
   .step li:nth-of-type(2) dd {
	   background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/step_icon02@2x.png) top center no-repeat;
	   background-size: 35%;
	   margin: 0 auto;
	  }
   .step__automatic {
	   margin-top: 10vw;
	   display: flex;
	   flex-wrap: wrap;
	}
	.step__automatic--img:nth-child(1) {
		order: 2;
		margin-top: 5vw;
	}
	.step__automatic--img:nth-child(2) {
		order: 1;
	}
	.step__automatic--img {
		margin: 0;
	}
	.step .notes {
		margin-top: 10px;
	}
}
/* ==========================================================================
 * cta_area
 * ========================================================================== */
.cta_area {
	background: #fff1fb;
	padding: 5px 0 40px;
	text-align: center;
}
.cta_area .cta {
	margin-top: 40px;
}
.cta__link--flow {
	text-align: center;
}
.cta__link--flow a:link,
.cta__link--flow a:visited {
	color: #333;
}
.login {
	text-align: center;
	margin-top: 13px;
    cursor: pointer;
}
@media screen and (max-width: 640px) {
	.cta_area {
		padding: 4vw 0 9vw;
	}
	.cta_area .cta {
		margin-top: 3vw;
	}
	.cta__link--flow {
		margin-top: 5vw;
	}
}
/* ==========================================================================
 * waon
 * ========================================================================== */
.waon {
	background: #fff1fb;
	padding: 90px 0 0;
	text-align: center;
	z-index: 1;
	position: relative;
}
.waon__box {
	border: 3px solid #b60181;
	background: #fff;
	border-radius: 20px;
	position: relative;
	margin: 80px 0 30px;
	padding-bottom: 20px;
}
.waon__img--point {
	margin-top: 50px;
}
.waon__img--subTtl01 {
	margin-top: -25px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.waon__img--subTtl02 {
	margin: 0;
	background: #b60181;
	border-radius: 15px 15px 0 0;
	padding: 35px 0 25px;
}
.waon__img--figure01 {
	margin-top: 30px;
}
.waon__box .notes {
	margin-top: 20px;
	width: 73%;
	margin-left: 40px;
}
.waon__img--woman {
	bottom: -100px;
	right: -20px;
}
.waon__img--txt02 {
	margin-top: 80px;
	position: relative;
}
.waon__img--txt02::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 138px 239px 0 239px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}
.waon__box.shopping {
	padding: 40px;
	margin: 90px 0 0;
}
.waon__box.shopping p {
	font-size: 1.6rem;
	margin-top: 30px;
	text-decoration: underline;
}
.waon__box.shopping a:link, 
.waon__box.shopping a:visited {
	color: #333;
}
@media screen and (max-width: 640px) {
	.waon {
		padding: 0 0 13vw;
	}
	.waon__box {
		margin: 13vw 0 0;
		padding-bottom: 7vw;
	}
	.waon__img--point {
		margin-top: 7vw;
	}
	.waon__img--subTtl01 {
		margin-top: -7vw;
	}
	.waon__img--subTtl02 {
		padding: 10vw 0 5vw;
	}
	.waon__img--figure01 {
		margin-top: 30px;
	}
	.waon__box .notes {
		width: 90%;
		margin: 6vw auto 0;
	}
	.waon__img--woman {
		bottom: 68vw;
		right: 0;
		width: 41%;
	}
	.waon__img--txt01 {
		width: 48%;
		position: absolute;
		bottom: 69vw;
		left: 9%;
	}
	.waon__img--txt02 {
		position: unset;
		margin-top: 10vw;
	}
	.waon__img--txt02::after {
		content: none;
	}
	.waon__box.shopping {
		padding: 10vw 0 8vw;
		margin: 6vw 0 0;
	}
	.waon__box.shopping p {
		font-size: 1.2rem;
		margin-top: 4vw;
	}
	.waon__box.shopping a:link, 
	.waon__box.shopping a:visited {
		color: #333;
	}
}
/* ==========================================================================
 * Balance
 * ========================================================================== */
.balance {
	background: #f1ffef;
	padding: 60px 0 0;
	text-align: center;
}
.balance__box {
	border: 3px solid #1bb502;
	background: #fff;
	border-radius: 20px;
	padding: 45px 160px 15px;
	margin-top: -3px;
}
.balance__box figure {
	width: fit-content;
	margin: 0 auto;
}
.balance__box figcaption {
	margin-top: 20px;
}
.balance__bottom {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.balance__bottom--img {
	margin: 0 15px;
}
.balance__bottom--img:nth-child(2) {
	margin-bottom: 45px;
}
@media screen and (max-width: 640px) {
	.balance {
		padding: 15vw 0 0;
	}
	.balance__box {
		padding: 10vw 5vw;
	}
	.balance__box figure {
		width: fit-content;
		margin: 0 auto;
	}
	.balance__box figcaption {
		margin-top: 20px;
	}
	.balance__bottom {
		margin-top: 10vw;
		flex-wrap: wrap;
	}
	.balance__bottom--img {
		margin: 0 15px;
	}
	.balance__bottom--img:nth-child(1) {
		order: 2;
		margin-top: 0;
	}
	.balance__bottom--img:nth-child(2) {
		margin-bottom: 3vw;
		order: 1;
	}
}
/* ==========================================================================
 * nisa
 * ========================================================================== */
.nisa {
	background: #e5fcff;
	padding: 70px 0 90px;
	text-align: center;
}
.nisa__box {
	border: 3px solid #2ecce4;
	background: #fff;
	border-radius: 20px;
	position: relative;
	margin: 80px 0 15px;
	padding-bottom: 120px;
}
.nisa__img--subTtl01 {
	margin-top: -25px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.nisa__img--subTtl02 {
	margin: 0;
	background: #2ecce4;
	border-radius: 15px 15px 0 0;
	padding: 35px 0 25px;
}
.nisa__img--figure01 {
	margin-top: 45px;
}
.nisa__img--txt01 {
	bottom: 33px;
	left: 0;
	right: 0;
}
.nisa__img--figure02 {
	bottom: 0;
	right: -22px;
}
.nisa__box.omakase {
	padding: 0 50px 30px;
}
.omakase .notes {
	margin-top: 30px;
}
.omakase__ttl {
	margin-top: -25px;
}
.omakase__btn {
	border: 3px solid #333;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    margin: 50px auto 0;
    position: relative;
    padding: 13px;
    display: block;
	cursor: pointer;
}
.omakase__btn:hover {
	opacity: .7;
}
.omakase__btn.accordionMenu::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    width: 15px;
    height: 15px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/omakase_open.png) no-repeat center center /cover;
    transform: translateY(-50%);
}
.omakase__btn.accordionMenu.open::after {
	height: 2px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/omakase_open.png) no-repeat center center /cover;
}
.omakase__box {
	display: none;
	margin-bottom: 70px;
}
.omakase__jiyuudo {
	margin-top: 40px;
}
.omakase__change {
	margin-top: 40px;
}
.omakase__area {
	display: flex;
	width: 96%;
	margin: 30px auto 0;
	justify-content: space-between;
	align-items: center;
}
.omakase__area--figure .notes {
	text-align: right;
	margin-top: 20px;
}
.omakase__chishiki {
	margin-top: 40px;
}
.omakase__jidou {
	margin-top: 40px;
}
.omakase__figure {
	margin-top: 60px;
}
.omakase__dakara {
	margin-top: 40px;
}
.omakase__link {
	margin-top: 30px;
}
.omakase__link a:link, .omakase__link a:visited {
	color: #333;
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
	.nisa {
		padding: 11vw 0 14vw;
	}
	.nisa__box {
		margin: 18vw 0 5vw;
		padding-bottom: 10vw;
	}
	.nisa__img--subTtl01 {
		margin-top: -7vw;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.nisa__img--subTtl02 {
		padding: 8vw 0 6vw;
	}
	.nisa__img--figure01 {
		margin-top: 6vw;
	}
	.nisa__img--txt01 {
		position: initial;
		margin-top: 2vw;
	}
	.nisa__img--figure02 {
		bottom: 0;
		right: -22px;
	}
	.nisa__box.omakase {
		padding: 0;
	}
	.omakase .notes {
		width: 90%;
        margin: 6vw auto 0;
	}
	.omakase__ttl {
		margin-top: -7vw;
	}
	.omakase__btn {
		width: 90%;
		padding: .6em 0 .8em;
		margin: 6vw auto 0;
	}
	.omakase__box {
		padding: 0 !important;
		margin-bottom: 10vw;
	}
	.omakase__jiyuudo {
		margin-top: 6vw;
	}
	.omakase__change {
		margin-top: 4vw;
	}
	.omakase__area {
		width: 90%;
        flex-wrap: wrap;
		margin: 4vw auto 0;
	}
	.omakase__area--figure {
		margin-top: 6vw;
	
	}
	.omakase__area--figure .notes {
		text-align: left;
		width: 100%;
        margin-top: 3vw;
	}
	.omakase__area--table {
		width: 100%;
		overflow-x: scroll;
		padding-bottom: 3vw;
	}
	.omakase__area--table::-webkit-scrollbar {
		background-color: #f6f6f6;
		height: 5px;
	}
	.omakase__area--table::-webkit-scrollbar-thumb {
		background: #cacaca;
		
		border-radius: 2.5px;
	}
	.omakase__area--table picture {
		width: 130%;
        display: block;
	}
	.omakase__chishiki {
		margin-top: 10vw;
	}
	.omakase__jidou {
		margin-top: 7vw;
	}
	.omakase__figure {
		margin-top: 10vw;
	}
	.omakase__dakara {
		margin-top: 10vw;
	}
	.omakase__link {
		margin: 6vw auto;
        width: 90%;
		text-align: left;
	}
}
/* ==========================================================================
 * point
 * ========================================================================== */
.point {
	background: #fff1fb;
	padding: 80px 0 10px;
}
.point h2 {
	text-align: center;
	margin-bottom: 60px;
}
.point__box {
	border: 3px solid #b60181;
	background: #fff;
	border-radius: 20px;
	position: relative;
	padding: 35px 40px;
	margin-top: 35px;
	display: flex;
	align-items: center;
}
.point__box:nth-child(even) dl {
	order: 2;
}
.point__box:nth-child(even) .point__box--img {
	order: 1;
	text-align: left;
}
.point__box dl {
	margin: 0;
	width: 50%;
}
.point__box--img {
	width: 50%;
	text-align: right;
}
.point__box dd {
	margin-top: 30px;
}
.point__img--txt01 {
	text-align: center;
	margin-top: 35px;
}
.point__list {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 35px;
	position: relative;
	width: 610px;
}
.point__list li {
	padding: 0 4px;
}
.point__img--txt02 {
	text-align: center;
	margin-top: 30px;
}
.point .notes {
	width: 630px;
	margin: 35px auto;
}
.point__btn {
	border: 3px solid #b60181;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding: 13px;
	display: block;
}
.point__btn:after {
	content: "";
    width: 15px;
    height: 15px;
    border-right: 3px solid #b60181;
    border-top: 3px solid #b60181;
    display: inline-block;
    transform: translateY(-50%) rotate(45deg);
    right: 1em;
    top: 50%;
    position: absolute;
}
.point__btn:link,
.point__btn:visited {
	background: #fff;
	color: unset;
}
.point__btn:hover {
	opacity: .7;
}

@media screen and (max-width: 640px) {
	.point {
		padding: 14vw 0 0;
	}
	.point h2 {
		margin-bottom: 10vw;
	}
	.point__box {
		padding: 7vw 5vw;
		margin-top: 6vw;
		display: inherit;
	}
	.point__box:nth-child(even) dl {
		order: 2;
	}
	.point__box:nth-child(even) .point__box--img {
		order: 1;
		text-align: left;
	}
	.point__box dl {
		width: 100%;
	}
	.point__box--img {
		width: 100%;
		margin-top: 5vw;
	}
	.point__box dd {
		margin-top: 30px;
		font-size: 1.8rem;
	}
	.point__img--txt01 {
		margin-top: 8vw;
	}
	.point__list {
		margin-top: 8vw;
		width: 100%;
	}
	.point__list li {
		padding: 0 4px;
	}
	.point__img--txt02 {
		margin-top: 8vw;
	}
	.point .notes {
		width: 100%;
		margin: 6vw auto;
	}
	.point__btn {
		border-radius: 50px;
		padding: .6em 0 .8em;
	}
	.point__btn img {
		width: 70%;
	}
	.point__btn:after {
		content: "";
		width: 10px;
		height: 10px;
		border-right: 2px solid #b60181;
		border-top: 2px solid #b60181;
		right: .8em;
	}
	.point__btn:hover {
		opacity: 1;
	}
}
/* ==========================================================================
 * Cost
 * ========================================================================== */
.cost {
    background: #e5fcff;
    padding: 70px 0;
    text-align: center;
}
.cost__img--txt01 {
	margin-top: 60px;
}
.cost .notes {
	width: 700px;
	margin: 0 auto;
	margin-top: 30px;
}
@media screen and (max-width: 640px) {
	.cost {
		padding: 14vw 0;
	}
	.cost__img--txt01 {
		margin-top: 12vw;
	}
	.cost .notes {
		width: 100%;
		margin-top: 5vw;
	}
}
/* ==========================================================================
 * Attribute
 * ========================================================================== */
.attribute {
    background: #f1ffef;
    padding: 80px 0 70px;
    text-align: center;
}
.attribute ul {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 40px;
	/* width: 92%; */
}
.attribute li {
	border: 3px solid #1bb502;
	background: #fff;
	border-radius: 20px;
	width: 32%;
}
.attribute li:nth-of-type(3) dt {
	padding-top: 20px;
}
.attribute dl {
	margin: 0;
}
.attribute dt {
	background: #1bb502;
	border-radius: 15px 15px 0 0;
	padding: 15px 0;
	color: #fff;
	font-size: 2.6rem;
	min-height: 4em;
	line-height: 1.2;
}
.attribute dt .notes {
	color: #fff;
}
.attribute dd:nth-of-type(1) {
	padding-top: 40px;
}
.attribute__list--txt {
	color: #1bb502;
	font-size: 2.0rem;
	line-height: 1.2;
	border: 3px solid #1bb502;
	width: 86%;
	padding: 10px;
	margin: 20px auto;
}
.attribute__list--txt .txt-L {
	font-size: 3.0rem;
}
.attribute__list--txt .notes {
	color: #1bb502;
}
.attribute .notes {
	margin-top: 10px;
}
@media screen and (max-width: 640px) {
	.attribute {
		padding: 14vw 0;
	}
	.attribute ul {
		display: inherit;
		margin: 10vw auto 0;
		width: 100%;
	}
	.attribute li {
		width: 100%;
		margin-top: 6vw;
		padding-bottom: 5vw;
	}
	.attribute li:nth-of-type(3) dt {
		padding-top: 20px;
	}
	.attribute dl {
		margin: 0;
	}
	.attribute dt .notes {
		color: #fff;
	}
	.attribute dd:nth-of-type(1) {
		padding-top: 8vw;
	}
	.attribute__list--txt {
	margin-bottom: 2vw;
	}
	.attribute__list--txt .txt-L {
		font-size: 3.0rem;
	}
	.attribute__list--txt .notes {
		color: #1bb502;
	}
	.attribute .notes {
		margin-top: 5vw;
	}
}
/* ==========================================================================
 * Flow
 * ========================================================================== */
.flow {
	background: #fbfae4;
	padding: 70px 0;
	text-align: center;
}
.flow h2+.notes {
	width: 387px;
	margin: 0 auto;
	margin-left: 370px;
	text-align: center;
}
.flow .notes {
	text-indent: -1em;
	padding-left: 1em;
}
.flow__img--subTtl01 {
	margin-top: 60px;
}
.flow__box {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0;
}
.flow__box:after {
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.tab_label {
  color: White;
  background: #ccc;
  font-weight: bold;
  padding: 15px;
  order: -1;
  cursor: pointer;
  border-radius: 20px 20px 0 0;
  flex: 1;
}
.tab_content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab_swhich:nth-of-type(1):checked+.tab_label {
  background: #f4b139;
}
.tab_swhich:nth-of-type(2):checked+.tab_label {
  background: #67ce67;
}
.tab_swhich:nth-of-type(1):checked+.tab_label+.tab_content {
	border: 3px solid #f4b139;
}
.tab_swhich:nth-of-type(2):checked+.tab_label+.tab_content {
	border: 3px solid #67ce67;
}
.tab_swhich:checked+.tab_label+.tab_content {
	height: fit-content;
	overflow: auto;
	padding: 45px 30px 40px;
	opacity: 1;
	transition: .5s opacity;
	background: #fff;
	border-radius: 0 0 20px 20px;
}
.tab_swhich {
  display: none;
}
.have ol {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}
.have li {
	background: #fbfae4;
	border-radius: 20px;
	width: 30%;
	position: relative;
	padding-bottom: 25px;
}
.have li::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 22px 23px;
    border-color: transparent transparent transparent #f69102;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: -37px;
    margin: auto 0;
}
.have li:nth-of-type(3)::before {
	display: none;
}
.have__list--num {
	margin: -20px 0 0;
}
.have__list--txt {
	padding-top: 150px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3;
}
.have li:nth-of-type(1) .have__list--txt {
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/flow_have_icon01.png) top 25px center no-repeat;
}
.have li:nth-of-type(2) .have__list--txt {
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/flow_have_icon02.png) top 25px center no-repeat;
}
.have li:nth-of-type(3) .have__list--txt {
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/flow_have_icon03.png) top 25px center no-repeat;
}
.have__list--fukidashi {
	position: absolute;
}
.have__links {
	text-align: left;
	margin-top: 30px;
	font-size: 1.6rem;
}
.have__links p {
	margin: 0 0 1em;
	text-decoration: underline;
}
.have__links a:link, 
.have__links a:visited {
	color: #333;
}
.dnt-have__list--bnr {
	margin: 25px 0 30px;
}
@media screen and (max-width: 640px) {
	.flow {
		padding: 14vw 0;
	}
	.flow h2+.notes {
		width: 100%;
		margin: 3vw auto 0;
		text-align: left;
	}
	.flow .notes {
		width: 100%;
		margin: 3vw auto 0;
		text-align: left;
	}
	.flow__img--subTtl01 {
		margin-top: 10vw;
	}
	.flow__box {
	  margin: 8vw 0 0;
	}
	.flow__box:after {
	  width: 100%;
	  height: 3px;
	  background: DeepSkyBlue;
	  display: block;
	  order: -1;
	}
	.tab_label {
	  padding: .5em .8em;
	}
	.tab_content {
	  width: 100%;
	  height: 0;
	  overflow: hidden;
	  opacity: 0;
	}
	.tab_swhich:nth-of-type(1):checked+.tab_label {
	  background: #f4b139;
	}
	.tab_swhich:nth-of-type(2):checked+.tab_label {
	  background: #67ce67;
	}
	.tab_swhich:nth-of-type(2):checked+.tab_label+.tab_content {
		border: 3px solid #67ce67;
	}
	.tab_swhich:checked+.tab_label+.tab_content {
	  height: fit-content;
	  padding: 5vw 5vw 10vw;
	}
	.tab_swhich {
	  display: none;
	}
	.have ol {
		margin: 10vw 0 0;
		flex-wrap: wrap;
	}
	.have li {
		padding-bottom: 5vw;
		width: 100%;
	}
	.have li + li {
		margin-top: 25vw;
	}
	.have li::before {
		content: "";
		border-width: 23px 23.5px 0 23.5px;
		border-color:#f69102 transparent transparent transparent;
		bottom: -50vw;
		right: 0;
		left: 0;
		margin: auto;
	}
	.have li:nth-of-type(3)::before {
		display: none;
	}
	.have__list--num {
		margin: -5vw 0 0;
	}
	.have__list--num picture {
		width: 14%;
		display: block;
		margin: auto;
	}
	.have__list--txt {
		padding-top: 31vw;
		font-size: 2.0rem;
	}
	.have li:nth-of-type(1) .have__list--txt {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/flow_have_icon01@2x.png) top 4vw center no-repeat;
		background-size: 30%;
	}
	.have li:nth-of-type(2) .have__list--txt {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/flow_have_icon02@2x.png) top 4vw center no-repeat;
		background-size: 30%;
	}
	.have li:nth-of-type(3) .have__list--txt {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/flow_have_icon03@2x.png) top 4vw center no-repeat;
		background-size: 30%;
	}
	.have__list--fukidashi {
		position: absolute;
	}
	.have__links {
		text-align: left;
		margin-top: 40vw;
		font-size: 1.2rem;
	}
	.have__links p {
		margin: 0;
		text-decoration: underline;
	}
	.have__links a:link, 
	.have__links a:visited {
		color: #333;
	}
	.dnt-have__list--txt {
		margin-top: 3vw;
	}
	.dnt-have__list--bnr {
		margin: 8vw 0 0;
	}
}
/* ==========================================================================
 * Faq
 * ========================================================================== */
.faq {
	background: #f0f3ff;
	padding: 80px 0;
}
.faq h2 {
	text-align: center;
}
.faq__body {
	margin-top: 50px;
}
.accordion {
	margin-top: -130px;
    padding-top: 100px;
}
.faq__body .accordionMenu {
	background: #fff;
	border-radius: 20px;
	margin-top: 30px;
	padding: 1.0em 3.2em;
	cursor: pointer;
	position: relative;
	font-weight: 600;
}

.faq__body .accordionMenu:hover {
	opacity: .7;
}
.faq__body .accordionMenu::before {
	content: "Q.";
	font-weight: 800;
	font-size: 2.2rem;
	color: #7c89e6;
	padding-right: .2em;
	position: absolute;
	left: 1.2em;
	top: 0.6em;
}
.faq__body .accordionMenu::after {
	content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    width: 15px;
    height: 15px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/open.png) no-repeat center center /cover;
    transform: translateY(-50%);
}
.faq__body .accordionMenu.open::after {
	height: 2px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/open.png) no-repeat center center /cover;
}
.faq__body .accordionContents {
	padding: 0.8em 3.2em;
	position: relative;
	display: none;
}
.faq__body .accordionContents::before {
	content: "A.";
	font-weight: 800;
	font-size: 2.2rem;
	color: #b60181;
	padding-right: .2em;
	position: absolute;
	left: 1.2em;
	top: .5em;
}
.accordionContents a:link,
.accordionContents a:link,
.accordionContents a:visited {
	color: #0b7ece;
	text-decoration-line: underline;
}
@media screen and (max-width: 640px) {
	.faq {
		padding: 14vw 0;
	}
	.faq h2 {
		text-align: center;
	}
	.faq__body {
		margin-top: 10vw;
	}
	.faq__body .accordionMenu {
		margin-top: 6vw;
		padding: 1.0em 2.5em 1.0em 3.0em;
	}
	.faq__body .accordionMenu:hover {
		opacity: 1;
	}
	.faq__body .accordionMenu::before {
		left: .8em;
		top: 0.5em;
	}
	.faq__body .accordionMenu::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 1em;
		width: 15px;
		height: 15px;
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/open.png) no-repeat center center /cover;
		transform: translateY(-50%);
	}
	.faq__body [open] summary::after {
		height: 2px;
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/open.png) no-repeat center center /cover;
	}
	.accordionContents {
		padding: 0.8em 0 0.8em 3.0em;
		position: relative;
	}
	.accordionContents::before {
		left: 0.8em;
		top: 0.3em;
	}
}
/* ==========================================================================
 * Important
 * ========================================================================== */
.important {
	padding: 70px 0;
}
.important .accordionMenu {
	text-align: center;
	background: #aaa;
	color: #fff;
	padding: 12px;
	position: relative;
}
.important .accordionMenu:hover {
	opacity: .7;
	cursor: pointer;
}
.important .accordionMenu::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    width: 15px;
    height: 15px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/plus.png) no-repeat center center /cover;
    transform: translateY(-50%);
}
.important .accordionMenu.open::after {
    height: 2px;
    background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/minus.png) no-repeat center center /cover;
}
.important .accordionContents {
	padding: 40px;
}
.important .accordionContents dl {
	margin: 0;
}
.important .accordionContents ul dt {
	text-indent: 1em;
}
.important .accordionContents ul dd {
	text-indent: 2em;
}
.important .accordionContents .important__body--block {
	margin-top: 30px;
}
@media screen and (max-width: 640px) {
	.important {
		padding: 14vw 0 10vw;
	}
	.important .accordionMenu {
		text-align: left;
		padding: .5em 2em .5em 1em;
		position: relative;
	}
	.important .accordionMenu:hover {
		opacity: 1;
	}
	.important summary::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 1em;
		width: 15px;
		height: 15px;
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/plus.png) no-repeat center center /cover;
		transform: translateY(-50%);
	}
	.important [open] summary::after {
		height: 2px;
		background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/minus.png) no-repeat center center /cover;
	}
	.important .accordionContents {
		padding: 5vw 0;
	}
	.important .accordionContents dl {
		margin: 0;
	}
	.important .accordionContents ul dt {
		text-indent: 1em;
	}
	.important .accordionContents ul dd {
		text-indent: 2em;
	}
	.accordionContents .important__body--block {
		margin-top: 7vw;
	}
}
/* ==========================================================================
 * Overview
 * ========================================================================== */
.overview {
	padding-bottom: 80px;
}
.overview__box {
	background: #efefef;
	padding: 80px 20px 50px;
}
.overview__box h2 {
	text-align: center;
	font-size: 2.6rem;
	margin-bottom: 50px;
}
.overview__box p {width: 96%;margin: 0 auto;}
.overview__box a:link,
.overview__box a:link,
.overview__box a:visited {
	color: #0b7ece;
	text-decoration-line: underline;
}
.overview__box dt {
	background: #fff;
	border-radius: 20px;
	padding: .4em 2em;
	font-weight: 600;
}
.overview__box dd {
	padding: 0.5em 2em;
}
.overview__box .notes {
	color: #999;
	width: 92%;
}
@media screen and (max-width: 640px) {
	.overview {
		padding-bottom: 0;
	}
	.overview .inner-width {
	padding: 0;
	}
	.overview__box {
		padding: 14vw 2vw;
	}
	.overview__box h2 {
		font-size: 1.8rem;
		margin-bottom: 10vw;
	}
	.overview__box p {width: 96%;margin: 0 auto;font-size: 1.4rem;}
	.overview__box a:link,
	.overview__box a:link,
	.overview__box a:visited {
		color: #0b7ece;
		text-decoration-line: underline;
	}
	.overview__box dt {
		padding: .5em 1em;
	}
	.overview__box dd {
		padding: 0.5em 1.2em;
		font-size: 1.4rem;
	}
	.overview__box .notes {
		color: #999;
		width: 92%;
	}
}
/* ==========================================================================
 * Contact
 * ========================================================================== */
.contact {
	background: #e5fcff;
	padding: 70px 0;
}
.contact h2 {
	text-align: center;
	margin-bottom: 60px;
}
.contact__box {
	border: 3px solid #2ecce4;
	background: #fff;
	border-radius: 20px;
	position: relative;
	margin-top: 40px;
}
.contact__box h3 {
	margin: 0;
	background: #2ecce4;
	border-radius: 15px 15px 0 0;
	padding: 15px 1.5em;
	color: #fff;
	font-size: 2.6rem;
	font-weight: 500;
}
.contact__box ul {
	padding: .5em 2.5em;
}
.contact__box li {padding: 25px 0;}
.contact__box li + li {
    border-top: 1px solid #aaa;
}
.contact__block {
	margin: 0;
}
.contact__block--btn a {
	background: #7fd8e5;
	border: 3px solid #2ecce4;
	border-radius: 100px;
	padding: .5em;
	text-align: center;
	display: inline-block;
	width: 45%;
	margin-top: 10px;
}
.contact__block--btn a:link,
.contact__block--btn a:visited {
	color: #fff;
	text-decoration: none;
}
.contact__block--con {
	display: flex;
}
.contact__detail + .contact__detail {
	margin-left: 30px;
}
.contact__detail {
	width: 50%;
	margin: .5em 0 0;
}
.contact__detail--tel {
	font-size: 3.2rem;
	line-height: 1;
	margin-top: .1em;
	position: relative;
	padding-left: 60px;
}
.contact__detail--tel a:link, 
.contact__detail--tel a:visited{
	color: #333;
}
.contact__detail--tel::before {
	content: "";
	position: absolute;
	width: 56px;
	height: 32px;
	left: 0;
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/contact_icon01.png) no-repeat center;
}
.contact__detail--tel.mobile {
	padding-left: 0;
}
.contact__detail--tel.mobile::before {
	background: none;
}
.contact__detail--tel.navi::before {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/contact_icon02.png) no-repeat center;
}
.contact__detail--tel.paid::before {
	background: url(/wealthnavi/lp/aeoncard_second_test/images/pc/contact_icon03.png) no-repeat center;
}
.contact__detail--time {
	font-size: 1.2rem;
	margin-top: .5em;
}
@media screen and (max-width: 640px) {
	.contact {
		padding: 14vw 0;
	}
	.contact h2 {
		margin-bottom: 7vw;
	}
	.contact__box {
		margin-top: 10vw;
	}
	.contact__box h3 {
		padding: 3vw 5vw;
		font-size: 1.8rem;
	}
	.contact__box ul {
		padding: 0 5vw;
	}
	.contact__box li {padding: 6vw 0;}
	.contact__block {
		margin: 0;
	}
	.contact__block--title {
		font-size: 1.4rem;
	}
	.contact__block--btn a {
		padding: .8em;
		width: 100%;
		margin-top: 2vw;
	}
	.contact__block--con {
	flex-wrap: wrap;
	}
	.contact__detail + .contact__detail {
		margin-left: 0;
	}
	.contact__detail {
		width: 100%;
		margin: 1.5em 0 0;
	}
	.contact__detail--tel {
		margin-top: .2em;
		padding-left: 2.3em;
		font-size: 2.6rem;
	}
	.contact__detail--tel::before {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/contact_icon01@2x.png) no-repeat center;
		background-size: 100%;
	}
	.contact__detail--tel.navi::before {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/contact_icon02@2x.png) no-repeat center;
		background-size: 100%;
		width: 56px;
		height: 32px;
	}
	.contact__detail--tel.paid::before {
		background: url(/wealthnavi/lp/aeoncard_second_test/images/sp/contact_icon03@2x.png) no-repeat center;
		background-size: 100%;
		width: 55px;
	}
}

/* ==========================================================================
 * mordal
 * ========================================================================== */
.fixed_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
}
.pop_section {
    width: 80%;
    min-width: 700px;
    max-width: 1000px;
    background-color: #ffffff;
    max-height: fit-content;
    min-height: 680px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: translate3d(0%, 6%, 0);
    padding-bottom: 30px;
    border-radius: 20px;
}
.pop_close {
    float: right;
    width: 35px;
    height: 35px;
    margin-top: -11px;
    right: -17.5px;
    position: absolute;
    cursor: pointer;
}

.modal__title {
	margin: 0;
	background: #b60181;
	border-radius: 15px 15px 0 0;
	padding: 15px 0;
	text-align: center;
	font-size: 2.6rem;
	color: #fff;
}
.modal__txt--top {
	text-align: center;
	margin-top: 25px;
}
.modal__txt--notes {
	text-align: center;
	font-size: 1.6rem;
}
.modal__txt--color {
	text-align: center;
	color: #b60181;
	margin-top: -10px;
}
.pop_section ul {
	display: flex;
	justify-content: space-between;
	width: 92%;
	margin: 25px auto;
}
.pop_section li {
	width: 32%;
	border: 3px solid #ccc;
	border-radius: 20px;
	padding: 20px;
}
.pop_section li:nth-of-type(2) p {
	text-align: center;
	margin-bottom: 10px;
}
.pop_section dl {
	margin: 0;
}
.pop_section dt {
	text-align: center;
	color: #b60181;
	line-height: 1.2;
	margin: 0 0 20px;
	min-height: 2.3em;
}
.pop_section dd a:link,
.pop_section dd a:visited{
	color: #b60181;
	text-decoration: underline;
}
.pop_section dd img {
	margin: 0 auto 20px;
	display: block;
}
.pop_section .notes {
	font-size: 1.6rem;
	margin: 0;
}
.pop_section .cta a {
	display: block;
	cursor: pointer;
}
.card-list{
	display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.tit {
    text-align: center;
    font-weight: bold;
    position: relative;
    font-size: 24px;
	color: #b60181;
	margin: 0px auto 40px;
    width: 370px;
}
.tit::before {
    position: absolute;
    content: "／";
    right: -40px;
    top: -20px;
    font-size: 50px;
}
.tit::after {
    position: absolute;
    content: "ï¼¼";
    left: -40px;
    top: -20px;
    font-size: 50px;
}
@media screen and (max-width: 640px) {
	.fixed_bg {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		display: none;
		overflow: auto;
	}
	.pop_section {
		width: 80%;
		min-width: 80%;
		max-width: 90%;
		max-height: fit-content;
		min-height: fit-content;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		transform: translate3d(0%, 6%, 0);
		padding-bottom: 30px;
		border-radius: 20px;
	}
	.pop_close {
		float: right;
		width: 35px;
		height: 35px;
		margin-top: -11px;
		right: -17.5px;
		position: absolute;
		cursor: pointer;
	}
	
	.modal__title {
		padding: 3vw 0;
		font-size: 2.0rem;
	}
	.modal__txt--top {
		margin: 5vw auto 0;
		font-size: 1.4rem;
		width: 90%;
	}
	.modal__txt--notes {
		font-size: 1.4rem;
		width: 90%;
		margin: 5vw auto 0;
	}
	.modal__txt--color {
		margin: 3vw auto 0;
		width: 90%;
		font-size: 1.4rem;
	}
	.pop_section ul {
		display: flex;
		justify-content: space-between;
		width: 92%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.pop_section li {
		width: 100%;
		padding: 4vw;
		margin-top: 3vw;
	}
	.pop_section li:nth-of-type(2) p {
		text-align: center;
		margin-bottom: 10px;
	}
	.pop_section dl {
		margin: 0;
	}
	.pop_section dt {
		margin: 0 0 3vw;
		min-height: auto;
		font-size: 1.4rem;
	}
	.pop_section dd a:link,
	.pop_section dd a:visited{
		color: #b60181;
		text-decoration: underline;
	}
	.pop_section dd img {
		margin: 0 auto 3vw;
		display: block;
	}
	.pop_section .notes {
		font-size: 1.4rem;
	}
	.pop_section .cta {
		margin: 0 auto;
		width: 90%;
	}
	.pop_section .cta a {
		display: block;
		cursor: pointer;
	}
	.tit {
		font-size: 14px;
		margin-bottom: 20px;
		margin: 0 auto 20px;
		width: 230px;
	}
	.tit::before {
		font-size: 24px;
		right: -15px;
		top: -10px;
	}
	.tit::after {
		font-size: 24px;
		left: -15px;
		top: -10px;
	}
}

/* ==========================================================================
 * video
 * ========================================================================== */
@media screen and (max-width: 640px) {
	.wrapper-video {
		margin-top: 5vw;
	}
}