@charset "UTF-8";
/* transition
------------------------------------------ */
@-webkit-keyframes toggleOpenTop {
	0% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
}
@keyframes toggleOpenTop {
	0% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
}

@-webkit-keyframes toggleOpenBottom {
	0% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
}

@keyframes toggleOpenBottom {
	0% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
}

@-webkit-keyframes toggleCloseTop {
	0% {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
}

@keyframes toggleCloseTop {
	0% {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
}

@-webkit-keyframes toggleCloseBottom {
	0% {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}

@keyframes toggleCloseBottom {
	0% {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}

@-webkit-keyframes walkWrapperSP {
	0% {
		left: -603px;
	}
	100% {
		left: 0;
	}
}

@keyframes walkWrapperSP {
	0% {
		left: -603px;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes walkWrapperPC {
	0% {
		left: -1203px;
	}
	100% {
		left: 0;
	}
}

@keyframes walkWrapperPC {
	0% {
		left: -1203px;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes walkInner {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 100%;
	}
}

@keyframes walkInner {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 100%;
	}
}

@-webkit-keyframes strokeDraw {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes strokeDraw {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes linetoggle {
	0% {
		background-position: 100% 100%;
		background-size: 100% 1px;
	}
	50% {
		background-position: 100% 100%;
		background-size: 0 1px;
	}
	51% {
		background-position: 0 100%;
	}
	100% {
		background-position: 0 100%;
		background-size: 100% 1px;
	}
}

@keyframes linetoggle {
	0% {
		background-position: 100% 100%;
		background-size: 100% 1px;
	}
	50% {
		background-position: 100% 100%;
		background-size: 0 1px;
	}
	51% {
		background-position: 0 100%;
	}
	100% {
		background-position: 0 100%;
		background-size: 100% 1px;
	}
}

@-webkit-keyframes sliderIndicator {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes sliderIndicator {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-text-size-adjust: 100%;
	/* Prevent adjustments of font size after orientation changes in iOS */
	word-break: normal;
}

*,
::before,
::after {
	/* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-repeat: no-repeat;
}

::before,
::after {
	text-decoration: inherit;
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

* {
	padding: 0;
	/* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
	height: 0;
	/* Add the correct box sizing in Firefox */
	color: inherit;
	/* Correct border color in Firefox. */
}

details,
main {
	display: block;
	/* Render the `main` element consistently in IE. */
}

summary {
	display: list-item;
	/* Add the correct display in all browsers */
}

small {
	font-size: 80%;
	/* Set font-size to 80% in `small` elements */
}

[hidden] {
	display: none;
	/* Add the correct display in IE */
}

abbr[title] {
	border-bottom: none;
	/* Remove the bottom border in Chrome 57 */
	/* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline;
	text-decoration: underline dotted;
}

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
	outline-width: 0;
	/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace,monospace;
	/* Specify the font family of code elements */
}

pre {
	font-size: 1em;
	/* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
	font-weight: bolder;
	/* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	border-color: inherit;
	/* Correct border color in all Chrome, Edge, and Safari. */
	text-indent: 0;
	/* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
	border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
	/* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type='search'] {
	-webkit-appearance: textfield;
	/* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px;
	/* Correct the outline style in Safari */
}

[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
	/* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
	overflow: auto;
	/* Internet Explorer 11+ */
	resize: vertical;
	/* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
	/* Restore the font weight unset by the previous rule */
}

button {
	overflow: visible;
	/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type='button'],
[type='reset'],
[type='submit'],
[role='button'] {
	cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	border-style: none;
	background-color: transparent;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-width: 0;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
}

legend {
	/* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	border: 0;
	/* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
	/* Correct the text wrapping in Edge and IE */
	white-space: normal;
	/* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
	/* Correct the inability to style clickable types in iOS and Safari */
	-webkit-appearance: button;
	color: inherit;
	font: inherit;
	/* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
	/* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy='true'] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled='true'] {
	cursor: default;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::before,
::after {
	min-width: 0;
}

body {
	min-width: 320px;
	color: #333;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic Std","Helvetica Neue",Arial,Meiryo,sans-serif;
	font-weight: 300;
}

li {
	list-style-type: none;
}

a {
	color: #333;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

summary {
	display: block;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none;
}

/* Lazyload
------------------------------------------ */
.lazyload,
.lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.lp7th-application {
	background-color: var(--blue2);
}

.lp7th-application > .title {
	color: var(--white);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
	text-align: center;
}

.lp7th-application > .buttons .item dt {
	color: var(--white);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
	text-align: center;
}

.lp7th-application > .buttons .item dd a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-ms-flex-pack: center;
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	letter-spacing: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
}

.lp7th-application > .buttons .item dd a span {
	position: relative;
	z-index: 2;
	color: var(--blue);
}

.lp7th-application > .buttons .item dd a::after {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 4.8vw;
	width: 4.8vw;
	height: 4.8vw;
	background-color: var(--blue);
	background-image: url(../img/arrow_button_wh.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 1.8667vw;
	border-radius: 50%;
	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lp7th-attractive-ranking .ranking .rank {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
}

.lp7th-attractive-ranking .ranking .rank dt {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
}

.lp7th-attractive-ranking .ranking .rank dt img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.lp7th-attractive-ranking .ranking .rank dd {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-attractive-ranking .ranking .rank dd mark {
	color: var(--blue);
}

.lp7th-attractive-ranking .ranking .rank dd .period {
	padding-left: 1em;
	text-indent: -1em;
}

.lp7th-attractive-ranking .ranking .rank.-first .balloon {
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.3s ease,-webkit-transform 0.3s ease;
	transition: opacity 0.3s ease,-webkit-transform 0.3s ease;
	transition: transform 0.3s ease,opacity 0.3s ease;
	transition: transform 0.3s ease,opacity 0.3s ease,-webkit-transform 0.3s ease;
}

.lp7th-attractive-ranking .ranking .rank.-first .balloon img {
	width: 100%;
	height: auto;
}

.lp7th-attractive-ranking.-active .rank.-first .balloon {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.lp7th-balloon {
	position: fixed;
	z-index: 10;
	display: block;
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%);
	-webkit-transition: -webkit-transform 1.2s ease;
	transition: -webkit-transform 1.2s ease;
	transition: transform 1.2s ease;
	transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}

.lp7th-balloon > a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-animation: balloonFloat 3s ease infinite;
	animation: balloonFloat 3s ease infinite;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th-balloon.-hello {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.lp7th-card {
	position: relative;
	overflow: visible;
	padding: 5.3333vw 5.3333vw 10.6667vw;
	background-color: var(--white);
	border-radius: 1.0667vw 0 1.0667vw 1.0667vw;
}

.lp7th-card::before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 6.4vw;
	height: 6.4vw;
	background-color: var(--gray);
	background-image: url(../img/dogear.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
}

.lp7th-card > .ribbon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #008cdb), to(#00409e));
	background-image: linear-gradient(to right, #008cdb 10%, #00409e 100%);
	background-repeat: no-repeat;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	color: var(--white);
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-ms-flex-pack: start;
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
}

.lp7th-card > .ribbon::before {
	position: absolute;
	top: 0;
	left: -1.4667vw;
	width: 1.6vw;
	height: 10.6667vw;
	background-image: url(../img/bg_ribbon_sp.svg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 1.6vw 10.6667vw;
	content: "";
}

.lp7th-card > .ribbon::after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-left: 0;
	content: "";
}

.lp7th-card > .ribbon .ruby {
	display: inline-block;
	margin-right: 0.2em;
	margin-left: 0.2em;
	font-size: 0.5em;
	vertical-align: 0.25em;
}

.lp7th-card .comment {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-card .text {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-card .img img {
	width: 100%;
	height: auto;
}

.lp7th-card .note {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-card .note li {
	padding-left: 1em;
	text-indent: -1em;
}

.lp7th-card .note li::before {
	content: "※";
	text-indent: 0;
}

.lp7th-footer .note {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	list-style: none;
}

.lp7th-footer ul.note li {
	padding-left: 1em;
	text-indent: -1em;
}

.lp7th-footer ul.note li::before {
	content: "※";
	text-indent: 0;
}

.lp7th-footer ol.note {
	counter-reset: note;
}

.lp7th-footer ol.note li {
	padding-left: 2em;
	counter-increment: note;
	text-indent: -2em;
}

.lp7th-footer ol.note li::before {
	content: "※" counter(note) ".";
	text-indent: 0;
}

.lp7th-footer .risk {
	margin-top: 1em;
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-footer .risk a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: linear-gradient(currentColor, currentColor);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: currentColor;
	text-decoration: none;
}

.lp7th-footer .lower {
	display: grid;
	align-items: end;
	border-top: 1px solid #d9d9d9;
	-webkit-box-align: end;
	-ms-flex-align: end;
	grid-template: 'logo  share' auto 'copyright  share' auto / auto auto;
}

.lp7th-footer .lower .logo {
	grid-area: logo;
}

.lp7th-footer .lower .logo img {
	width: 100%;
	height: auto;
}

.lp7th-footer .lower .copyright {
	color: #808080;
	font-family: 'Lato',sans-serif;
	grid-area: copyright;
	line-height: 1.65;
}

.lp7th-footer .lower .share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-ms-flex-pack: end;
	grid-area: share;
}

.lp7th-footer .lower .share dt {
	font-family: 'Cabin',sans-serif;
	font-weight: 400;
}

.lp7th-footer .lower .share .item {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
}

.lp7th-footer .lower .share .item svg {
	width: 100%;
	height: auto;
}

.lp7th-footer .lower .share .item svg circle, .lp7th-footer .lower .share .item svg path {
	-webkit-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
}

.lp7th-footer .lower .share .item a:hover svg circle:not([fill='white']),
.lp7th-footer .lower .share .item a:hover svg path:not([fill='white']) {
	fill: var(--blue);
}

.lp7th-grid {
	background-color: var(--gray);
}

.lp7th-grid.-attractive .favored {
	position: relative;
}

.lp7th-grid.-attractive .favored span {
	z-index: 1;
	height: auto;
	background-color: var(--gray);
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-grid.-attractive .point {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	list-style: none;
}

.lp7th-grid.-attractive .point li {
	position: relative;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.lp7th-grid.-attractive .point li::before {
	display: inline-block;
	width: 1.2em;
	content: "●";
	text-indent: 0;
}

.lp7th−header {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.lp7th−header::after {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: -1px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
}

.lp7th−header .title img {
	width: 100%;
	height: auto;
}

.lp7th−header .copy {
	color: #fff;
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th−header .lead {
	color: #fff;
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th−header .balloon_anniv {
	position: absolute;
	z-index: 3;
	top: 118.9333vw;
	left: 21.3333vw;
	width: 26.6667vw;
	height: 44.8vw;
	-webkit-animation: balloonFloat 3s ease infinite;
	animation: balloonFloat 3s ease infinite;
	background-image: url(../img/mv_balloon_anniv_sp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.lp7th−header .balloon_theo {
	position: absolute;
	z-index: 3;
	top: 148.2667vw;
	left: 5.0667vw;
	display: block;
	width: 21.3333vw;
	height: 35.7333vw;
	-webkit-animation: balloonFloat 3s -0.5s ease infinite;
	animation: balloonFloat 3s -0.5s ease infinite;
	background-image: url(../img/mv_balloon_theo_sp.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header .balloon1 {
	position: absolute;
	z-index: 3;
	top: 3.7333vw;
	left: 3.7333vw;
	display: block;
	width: 9.6vw;
	height: 16vw;
	-webkit-animation: balloonFloat 3s -1s ease infinite;
	animation: balloonFloat 3s -1s ease infinite;
	background-image: url(../img/mv_balloon1_pc.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header .balloon2 {
	position: absolute;
	z-index: 3;
	top: 165.3333vw;
	left: 48.8vw;
	display: block;
	width: 7.2vw;
	height: 12vw;
	-webkit-animation: balloonFloat 3s -1.5s ease infinite;
	animation: balloonFloat 3s -1.5s ease infinite;
	background-image: url(../img/mv_balloon2_pc.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header .balloon3 {
	position: absolute;
	z-index: 3;
	top: 36.8vw;
	left: 85.3333vw;
	display: block;
	width: 9.6vw;
	height: 16vw;
	-webkit-animation: balloonFloat 3s -2s ease infinite;
	animation: balloonFloat 3s -2s ease infinite;
	background-image: url(../img/mv_balloon3_pc.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header .balloon4 {
	position: absolute;
	z-index: 3;
	top: 120vw;
	left: 69.6vw;
	display: block;
	width: 17.0667vw;
	height: 28.5333vw;
	-webkit-animation: balloonFloat 3s -2.5s ease infinite;
	animation: balloonFloat 3s -2.5s ease infinite;
	background-image: url(../img/mv_balloon4_pc.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header .balloon5 {
	position: absolute;
	z-index: 3;
	top: 144.2667vw;
	left: 87.4667vw;
	display: block;
	width: 7.2vw;
	-webkit-animation: balloonFloat 3s ease infinite;
	animation: balloonFloat 3s ease infinite;
	background-image: url(../img/mv_balloon5_pc.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th−header.-fly [class^="bird"] {
	position: absolute;
	z-index: 1;
	display: block;
	aspect-ratio: 1;
}

.lp7th−header.-fly [class^="bird"]::before {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-animation: birdFlap 0.25s steps(2, start) infinite;
	animation: birdFlap 0.25s steps(2, start) infinite;
	background-image: url(../img/mv_bird.svg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	content: "";
}

.lp7th−header.-fly .bird1 {
	top: 2.9333vw;
	left: 65.6vw;
	width: 5.8667vw;
	height: 5.8667vw;
	-webkit-animation: bird1Sp 12s forwards;
	animation: bird1Sp 12s forwards;
}

.lp7th−header.-fly .bird2 {
	top: 9.8667vw;
	left: 72.5333vw;
	width: 2.6667vw;
	height: 2.6667vw;
	-webkit-animation: bird1Sp 10s forwards;
	animation: bird1Sp 10s forwards;
}

.lp7th−header.-fly .bird3 {
	top: 7.2vw;
	left: 81.6vw;
	width: 2.4vw;
	height: 2.4vw;
	-webkit-animation: bird1Sp 10s forwards;
	animation: bird1Sp 10s forwards;
}

.lp7th−header.-fly .bird4 {
	top: 11.7333vw;
	left: 87.4667vw;
	width: 3.7333vw;
	height: 3.7333vw;
	-webkit-animation: bird1Sp 12s forwards;
	animation: bird1Sp 12s forwards;
}

.lp7th−header.-fly .bird5 {
	top: 154.1333vw;
	left: 58.6667vw;
	width: 3.7333vw;
	height: 3.7333vw;
	-webkit-animation: bird1Sp 12s forwards;
	animation: bird1Sp 12s forwards;
}

.lp7th−header.-fly .bird6 {
	top: 161.8667vw;
	left: 76.2667vw;
	width: 5.3333vw;
	height: 5.3333vw;
	-webkit-animation: bird1Sp 12s forwards;
	animation: bird1Sp 12s forwards;
}

.lp7th−header.-fly .bird7 {
	top: 159.7333vw;
	left: 90.1333vw;
	width: 2.4vw;
	height: 2.4vw;
	-webkit-animation: bird1Sp 9s forwards;
	animation: bird1Sp 9s forwards;
}

.lp7th−header.-fly .rainbow {
	position: absolute;
	z-index: 1;
	top: 121.8667vw;
	right: 0;
	width: 79.4667vw;
	height: 79.4667vw;
	-webkit-animation: rainbowAnim 1s ease-out forwards 2s;
	animation: rainbowAnim 1s ease-out forwards 2s;
	background-image: url(../img/mv_rainbow_pc.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}

@-webkit-keyframes balloonFloat {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes balloonFloat {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes birdFlap {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 -200%;
	}
}

@keyframes birdFlap {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 -200%;
	}
}

@-webkit-keyframes bird1Pc {
	0% {
		-webkit-transform: translate(2000%, 500%);
		transform: translate(2000%, 500%);
	}
	100% {
		-webkit-transform: translate(-10000%, -2500%);
		transform: translate(-10000%, -2500%);
	}
}

@keyframes bird1Pc {
	0% {
		-webkit-transform: translate(2000%, 500%);
		transform: translate(2000%, 500%);
	}
	100% {
		-webkit-transform: translate(-10000%, -2500%);
		transform: translate(-10000%, -2500%);
	}
}

@-webkit-keyframes bird2Pc {
	0% {
		-webkit-transform: translate(2000%, 500%);
		transform: translate(2000%, 500%);
	}
	100% {
		-webkit-transform: translate(-18000%, -4500%);
		transform: translate(-18000%, -4500%);
	}
}

@keyframes bird2Pc {
	0% {
		-webkit-transform: translate(2000%, 500%);
		transform: translate(2000%, 500%);
	}
	100% {
		-webkit-transform: translate(-18000%, -4500%);
		transform: translate(-18000%, -4500%);
	}
}

@-webkit-keyframes bird1Sp {
	0% {
		-webkit-transform: translate(1000%, 250%);
		transform: translate(1000%, 250%);
	}
	100% {
		-webkit-transform: translate(-5000%, -750%);
		transform: translate(-5000%, -750%);
	}
}

@keyframes bird1Sp {
	0% {
		-webkit-transform: translate(1000%, 250%);
		transform: translate(1000%, 250%);
	}
	100% {
		-webkit-transform: translate(-5000%, -750%);
		transform: translate(-5000%, -750%);
	}
}

@-webkit-keyframes rainbowAnim {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes rainbowAnim {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.lp7th-how-dcard .img img {
	width: 100%;
	height: auto;
}

.lp7th-how-dcard .theoplus {
	position: relative;
}

.lp7th-how-dcard .theoplus > .content {
	z-index: 1;
	height: auto;
	background-color: var(--white);
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-how-dcard .theoplus .notice a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: linear-gradient(currentColor, currentColor);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 0.1389vw;
	color: currentColor;
	text-decoration: none;
}

.lp7th-how-dcard .theoplus .notice a:hover {
	-webkit-animation: hoverBorder 0.6s ease forwards;
	animation: hoverBorder 0.6s ease forwards;
	background-size: 0 0.1389vw;
}

.lp7th-how-green .copy {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-how-green .green img {
	width: 100%;
	height: auto;
}

.lp7th-how-green .notice {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-how-green .notice a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: linear-gradient(currentColor, currentColor);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 0.1389vw;
	color: currentColor;
	text-decoration: none;
}

.lp7th-how-green .notice a:hover {
	-webkit-animation: hoverBorder 0.6s ease forwards;
	animation: hoverBorder 0.6s ease forwards;
	background-size: 0 0.1389vw;
}

.lp7th-how-long .number {
	line-height: 1;
}

.lp7th-how-long .number em {
	font-style: normal;
}

.lp7th-how-long .number .thinking {
	display: block;
	letter-spacing: normal;
	text-align: right;
}

.lp7th-how-long .graph {
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th-how-long .graph .number {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-ms-flex-line-pack: end;
	line-height: 1;
	text-align: center;
}

.lp7th-how-long .graph .number strong {
	font-size: 150%;
}

.lp7th-how-ratio {
	position: relative;
}

.lp7th-how-ratio .info .text1, .lp7th-how-ratio .info .text2 {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-how-ratio .info .number {
	line-height: 1;
}

.lp7th-how-ratio .info .text2 {
	line-height: normal;
}

.lp7th-how-ratio .img img {
	width: 100%;
	height: auto;
}

.lp7th-intro {
	width: 89.3333vw;
	padding-top: 6.4vw;
	margin-right: auto;
	margin-bottom: 21.3333vw;
	margin-left: auto;
	text-align: center;
}

.lp7th-intro p {
	color: var(--pink);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lp7th-main {
	overflow: hidden;
	width: 100%;
}

.lp7th-now-region .number .period {
	display: inline-block;
	padding-left: 1em;
	letter-spacing: normal;
	text-indent: -1em;
}

.lp7th-now-satisfaction .graph {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-start;
	background-image: url(../img/bg_now-satisfaction_pc.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
}

.lp7th-now-satisfaction .graph .summary {
	width: 87.5%;
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
}

.lp7th-now-satisfaction .graph .number {
	width: 87.5%;
	line-height: 1;
	text-align: center;
}

.lp7th-section-title {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
}

.lp7th-section-title > .ruby {
	display: inline-block;
	margin-right: 0.2em;
	margin-left: 0.2em;
	font-size: 0.5em;
	vertical-align: 0.25em;
}

.lp7th-section-title sup {
	font-size: 50%;
}

.lp7th-section-title::before {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 11.7333vw;
	border-bottom: 0.5333vw solid var(--pink);
	margin-right: auto;
	margin-bottom: 6.6667vw;
	margin-left: auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}

.lp7th-section-title.-first::before {
	width: 13.8667vw;
	background-image: url(../img/section_num1.svg);
}

.lp7th-section-title.-second::before {
	width: 14.4vw;
	background-image: url(../img/section_num2.svg);
}

.lp7th-section-title.-third::before {
	width: 14.4vw;
	background-image: url(../img/section_num3.svg);
}

.lp7th-section-title.-forth::before {
	width: 14.9333vw;
	background-image: url(../img/section_num4.svg);
}

.lp7th-user-age .ages .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-ms-flex-pack: start;
}

.lp7th-user-age .ages dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-content: baseline;
	align-items: baseline;
	justify-content: center;
	-webkit-box-align: baseline;
	-webkit-box-pack: center;
	color: var(--blue);
	-ms-flex-align: baseline;
	-ms-flex-line-pack: baseline;
	-ms-flex-pack: center;
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
}

.lp7th-user-age .ages dt .icon {
	display: inline-block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	align-self: center;
	-webkit-box-flex: 0;
	-ms-flex-item-align: center;
}

.lp7th-user-age .ages dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-ms-flex-line-pack: end;
	line-height: 1;
}

.lp7th-user-age .ages dd::before {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	align-self: center;
	-webkit-box-flex: 0;
	content: "";
	-ms-flex-item-align: center;
}

.lp7th-user-assets .img img {
	width: 100%;
	height: auto;
}

.lp7th-user-assets .assets {
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th-user-assets .assets .number.-major {
	line-height: 1;
}

.lp7th-user-assets .assets .number.-minor {
	line-height: 1;
}

.lp7th-user-experience .graph {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_user-experience.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.lp7th-user-experience .graph > div {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-line-pack: center;
	-ms-flex-pack: center;
	text-align: center;
}

.lp7th-user-experience .graph > div dt {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
}

.lp7th-user-experience .graph > div dd {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	order: -1;
	-webkit-box-flex: 0;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
}

.lp7th-user-experience .graph .primary .number {
	line-height: 1;
}

.lp7th-user-experience .graph .secondary .number {
	line-height: 1;
}

.lp7th-user-experience .graph .other {
	top: 0;
	right: 0;
}

.lp7th-user-experience .graph .other .number {
	line-height: 1;
}

.lp7th-user-gender .img img {
	width: 100%;
	height: auto;
}

.lp7th-user-gender .gender {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

.lp7th-user-gender .gender > div {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
}

.lp7th-user-gender .gender dt {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: normal;
	text-align: center;
}

.lp7th-user-gender .gender .number {
	text-align: center;
}

.lp7th-user-gender .gender .number strong {
	line-height: 1;
}

:where(.lp7th) {
	--white: #fff;
	--pink: #eb6991;
	--lime: #d7ed00;
	--blue: #0040a9;
	--blue2: #065fe4;
	--gray: #ebeff2;
}

:where(.lp7th) .marker {
	background-color: transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--lime)), to(var(--lime)));
	background-image: linear-gradient(var(--lime), var(--lime));
	background-position: left bottom;
	background-repeat: repeat-x;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

:where(.lp7th) .ruby {
	font-size: 0.75em;
}

:where(.lp7th) .number {
	color: var(--blue);
	font-family: YakuHanJPs_Noto,'Noto Sans JP',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

:where(.lp7th) .number .marker {
	color: var(--blue);
}

:where(.lp7th) .number .marker strong {
	font-family: 'Cabin',sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: normal;
}

:where(.lp7th) .number sup {
	vertical-align: super;
}

@-webkit-keyframes hoverBorder {
	0% {
		background-position: right bottom;
		background-size: 100% 0.1389vw;
	}
	50% {
		background-position: right bottom;
		background-size: 0 0.1389vw;
	}
	51% {
		background-position: left bottom;
		background-size: 0 0.1389vw;
	}
	100% {
		background-position: left bottom;
		background-size: 100% 0.1389vw;
	}
}

@keyframes hoverBorder {
	0% {
		background-position: right bottom;
		background-size: 100% 0.1389vw;
	}
	50% {
		background-position: right bottom;
		background-size: 0 0.1389vw;
	}
	51% {
		background-position: left bottom;
		background-size: 0 0.1389vw;
	}
	100% {
		background-position: left bottom;
		background-size: 100% 0.1389vw;
	}
}

@media screen and (max-width: 767px) {
	._pc {
		display: none;
	}
	.lp7th-application {
		padding-top: 12.8vw;
		padding-right: 5.3333vw;
		padding-bottom: 14.9333vw;
		padding-left: 5.3333vw;
	}
	.lp7th-application > .title {
		margin-bottom: 9.6vw;
		font-size: 8vw;
	}
	.lp7th-application > .buttons .item + .item {
		margin-top: 8.5333vw;
	}
	.lp7th-application > .buttons .item dt {
		margin-bottom: 4.2667vw;
		font-size: 4.8vw;
	}
	.lp7th-application > .buttons .item dd a {
		height: 14.9333vw;
		padding-right: 9.6vw;
		padding-left: 9.6vw;
		border-radius: 1.0667vw;
		font-size: 4.2667vw;
	}
	.lp7th-attractive-ranking .ranking .rank {
		align-content: flex-start;
		align-items: flex-start;
		padding-bottom: 5.3333vw;
		padding-left: 2.1333vw;
		border-bottom: 0.8vw dotted #afbcc8;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-flex-line-pack: start;
	}
	.lp7th-attractive-ranking .ranking .rank + .rank {
		margin-top: 5.3333vw;
	}
	.lp7th-attractive-ranking .ranking .rank dt {
		width: 8.5333vw;
	}
	.lp7th-attractive-ranking .ranking .rank dt + dd {
		margin-left: 4.2667vw;
	}
	.lp7th-attractive-ranking .ranking .rank dd {
		-webkit-font-feature-settings: "palt" 1;
		font-feature-settings: "palt" 1;
		font-size: 4.2667vw;
		line-height: 1.375;
	}
	.lp7th-attractive-ranking .ranking .rank dd .period {
		display: block;
		margin-top: 2.1333vw;
		font-size: 3.2vw;
		line-height: normal;
	}
	.lp7th-attractive-ranking .ranking .rank.-first {
		align-content: flex-end;
		align-items: flex-end;
		padding-left: 0;
		-webkit-box-align: end;
		-ms-flex-align: end;
		-ms-flex-line-pack: end;
	}
	.lp7th-attractive-ranking .ranking .rank.-first dt {
		width: 10.6667vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-first .balloon {
		top: -13.3333vw;
		right: -8vw;
		width: 30.4vw;
		height: 30.4vw;
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	.lp7th-attractive-ranking .ranking .rank.-second, .lp7th-attractive-ranking .ranking .rank.-third {
		padding-left: 1.6vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-second dt, .lp7th-attractive-ranking .ranking .rank.-third dt {
		width: 9.0667vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-first dd, .lp7th-attractive-ranking .ranking .rank.-second dd, .lp7th-attractive-ranking .ranking .rank.-third dd {
		font-size: 5.3333vw;
		line-height: 1.2;
	}
	.lp7th-attractive-ranking .ranking .rank.-fourth dt, .lp7th-attractive-ranking .ranking .rank.-fifth dt {
		padding-top: 0.5333vw;
	}
	.lp7th-balloon {
		top: 3.7333vw;
		left: 3.7333vw;
		display: none;
		width: 9.6vw;
		height: 16vw;
	}
	.lp7th-balloon > a {
		background-image: url(../img/mv_balloon_anniv_sp.svg);
	}
	.lp7th-card + .lp7th-card {
		margin-top: 5.3333vw;
	}
	.lp7th-card > .ribbon {
		position: relative;
		height: 7.4667vw;
		padding-right: 5.3333vw;
		padding-left: 3.7333vw;
		margin-left: -5.3333vw;
		font-size: 4vw;
	}
	.lp7th-card > .ribbon::after {
		border-top: 3.7333vw solid transparent;
		border-right: 1.6vw solid var(--white);
		border-bottom: 3.7333vw solid transparent;
	}
	.lp7th-card > .ribbon sup {
		top: -0.25em;
		margin-left: 0.25em;
		font-size: 3.2vw;
	}
	.lp7th-card .comment {
		font-size: 3.7333vw;
		line-height: 1.4286;
	}
	.lp7th-card .note {
		font-size: 2.6667vw;
		line-height: 1.4;
	}
	.lp7th-card > .note:last-child {
		margin-bottom: -5.3333vw;
	}
	.lp7th-footer {
		padding-top: 10.6667vw;
		padding-right: 5.3333vw;
		padding-bottom: 11.7333vw;
		padding-left: 5.3333vw;
	}
	.lp7th-footer .note li {
		font-size: 3.2vw;
		line-height: 1.3333;
	}
	.lp7th-footer .risk {
		font-size: 3.2vw;
		line-height: 1.3333;
	}
	.lp7th-footer .risk a {
		background-size: 100% 0.5333vw;
	}
	.lp7th-footer .lower {
		padding-top: 11.7333vw;
		margin-top: 11.7333vw;
	}
	.lp7th-footer .lower .logo {
		width: 24vw;
		height: 7.4667vw;
		margin-bottom: 4vw;
	}
	.lp7th-footer .lower .copyright {
		font-size: 3.2vw;
	}
	.lp7th-footer .lower .share {
		width: 20.2667vw;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-self: end;
	}
	.lp7th-footer .lower .share dt {
		width: 100%;
		margin-bottom: 2.1333vw;
		font-size: 3.7333vw;
		line-height: 1.65;
		text-align: left;
	}
	.lp7th-footer .lower .share .item {
		width: 8.5333vw;
		height: 8.5333vw;
	}
	.lp7th-footer .lower .share .item + .item {
		margin-left: 3.2vw;
	}
	.lp7th-grid {
		padding: 8.5333vw 5.3333vw;
		border-radius: 2.6667vw;
	}
	.lp7th-grid.-attractive .favored {
		border: 0.5333vw solid var(--blue);
		margin-top: 7.4667vw;
		margin-bottom: 7.4667vw;
		border-radius: 1.0667vw;
	}
	.lp7th-grid.-attractive .favored span {
		display: block;
		padding-top: 4vw;
		padding-bottom: 4vw;
		margin-top: -0.5333vw;
		margin-right: 4.2667vw;
		margin-bottom: -0.5333vw;
		margin-left: 4.2667vw;
		font-size: 5.8667vw;
		line-height: 1.4546;
		text-align: center;
	}
	.lp7th-grid.-attractive .point li {
		font-size: 4.2667vw;
		line-height: 1.375;
	}
	.lp7th-grid.-attractive .point li + li {
		margin-top: 3.2vw;
	}
	.lp7th-grid.-attractive .point + .point {
		margin-top: 3.2vw;
	}
	.lp7th−header {
		height: 194.6667vw;
		background-image: url(../img/bg_mv_sky_sp.svg);
	}
	.lp7th−header::after {
		height: 24vw;
		background-image: url(../img/bg_mv_cloud_sp.svg);
	}
	.lp7th−header .title {
		width: 62.9333vw;
		height: 26.6667vw;
		margin-top: 18.1333vw;
		margin-right: auto;
		margin-bottom: 6.4vw;
		margin-left: auto;
	}
	.lp7th−header .copy {
		margin-bottom: 2.1333vw;
		font-size: 6.4vw;
		line-height: 1.5;
		text-align: center;
	}
	.lp7th−header .lead {
		width: 89.3333vw;
		margin-right: auto;
		margin-left: auto;
		font-size: 4vw;
		line-height: 2;
	}
	.lp7th-how-amount {
		padding-bottom: 5.3333vw;
	}
	.lp7th-how-dcard .img {
		margin-top: 6.4vw;
		margin-bottom: -10.6667vw;
	}
	.lp7th-how-dcard .theoplus {
		border: 0.5333vw solid var(--blue);
		margin-top: 5.8667vw;
		border-radius: 1.0667vw;
	}
	.lp7th-how-dcard .theoplus > .content {
		width: auto;
		padding: 3.2vw;
		margin-top: -0.5333vw;
		margin-right: 2.1333vw;
		margin-bottom: -0.5333vw;
		margin-left: 2.1333vw;
	}
	.lp7th-how-dcard .theoplus .title {
		font-size: 4.8vw;
		line-height: 1.1111;
	}
	.lp7th-how-dcard .theoplus .title + * {
		margin-top: 4.2667vw;
	}
	.lp7th-how-dcard .theoplus .text {
		font-size: 3.2vw;
		line-height: 1.3333;
	}
	.lp7th-how-dcard .theoplus .text + * {
		margin-top: 2.1333vw;
	}
	.lp7th-how-dcard .theoplus .notice {
		padding-left: 1em;
		font-size: 3.2vw;
		line-height: 1.3333;
		text-indent: -1em;
	}
	.lp7th-how-dcard .theoplus .notice + * {
		margin-top: 2.1333vw;
	}
	.lp7th-how-green .copy {
		margin-top: 6.4vw;
		font-size: 4.8vw;
		line-height: 1.1111;
	}
	.lp7th-how-green .text {
		margin-top: 3.2vw;
		font-size: 3.2vw;
		line-height: 1.3333;
	}
	.lp7th-how-green .green {
		width: 42.6667vw;
		margin-top: 4.2667vw;
	}
	.lp7th-how-green .green + * {
		margin-top: 2.6667vw;
	}
	.lp7th-how-green .notice {
		font-size: 3.2vw;
		line-height: 1.3333;
	}
	.lp7th-how-green .img {
		margin-top: 5.3333vw;
	}
	.lp7th-how-initial {
		padding-bottom: 5.3333vw;
	}
	.lp7th-how-long > .inner + .note {
		margin-top: 2.6667vw;
	}
	.lp7th-how-long .number + .number {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-top: -2.1333vw;
	}
	.lp7th-how-long .graph {
		width: 100%;
		height: 68vw;
		margin-top: 8.5333vw;
		background-image: url(../img/bg_how-long_sp.svg);
	}
	.lp7th-how-long .graph .number {
		width: 8vw;
		height: 6vw;
		font-size: 4vw;
	}
	.lp7th-how-long .graph .number.-under1 {
		bottom: 13.8667vw;
		left: 3.2vw;
	}
	.lp7th-how-long .graph .number.-under5 {
		bottom: 18.6667vw;
		left: 15.2vw;
	}
	.lp7th-how-long .graph .number.-under10 {
		bottom: 32vw;
		left: 26.6667vw;
	}
	.lp7th-how-long .graph .number.-under20 {
		bottom: 61.8667vw;
		left: 40vw;
	}
	.lp7th-how-long .graph .number.-under30 {
		bottom: 45.3333vw;
		left: 52.2667vw;
	}
	.lp7th-how-long .graph .number.-over30 {
		bottom: 18.1333vw;
		left: 64.5333vw;
	}
	.lp7th-how-ratio .info .number + .number {
		margin-top: -2.6667vw;
	}
	.lp7th-how-ratio .info .text2 {
		font-size: 5.3333vw;
		text-indent: 4em;
	}
	.lp7th-how-ratio .img {
		margin-top: 6.4vw;
		margin-bottom: -5.3333vw;
	}
	.lp7th-intro p {
		-webkit-font-feature-settings: "palt" 1;
		font-feature-settings: "palt" 1;
		font-size: 4.2667vw;
		line-height: 2;
	}
	.lp7th-intro p .ruby {
		font-size: 100%;
	}
	.lp7th-now-amount .img {
		margin-top: 4.2667vw;
	}
	.lp7th-now-portfolio .inner + .note {
		margin-top: 2.6667vw;
	}
	.lp7th-now-portfolio .number {
		width: 100%;
		margin-top: 2.6667vw;
		text-align: center;
	}
	.lp7th-now-portfolio .number .marker {
		background-size: 1px 4.8vw;
	}
	.lp7th-now-portfolio .number .marker strong {
		font-size: 34.4vw;
	}
	.lp7th-now-portfolio .info {
		margin-top: -2.1333vw;
	}
	.lp7th-now-portfolio .info .note {
		margin-top: 5.3333vw;
		white-space: nowrap;
	}
	.lp7th-now-portfolio .img {
		margin-top: 8vw;
	}
	.lp7th-now-region .number .period {
		font-size: 2.6667vw;
		line-height: 1.4;
	}
	.lp7th-now-region .comment {
		margin-top: 2.6667vw;
	}
	.lp7th-now-region .img {
		margin-top: 4.2667vw;
	}
	.lp7th-now-region .note {
		margin-top: 5.3333vw;
		margin-bottom: -5.3333vw;
	}
	.lp7th-now-satisfaction .graph {
		height: 43.2vw;
		padding-top: 2.9333vw;
		margin-top: 9.6vw;
	}
	.lp7th-now-satisfaction .graph .summary {
		margin-bottom: -0.8vw;
		font-size: 4.2667vw;
		line-height: 1.375;
	}
	.lp7th-now-satisfaction .graph .number {
		font-size: 10.1333vw;
	}
	.lp7th-now-satisfaction .graph .number strong {
		font-size: 16vw;
	}
	.lp7th-now-satisfaction .comment {
		margin-top: 5.3333vw;
	}
	.lp7th-now-satisfaction .note {
		margin-top: 4vw;
		margin-bottom: -5.3333vw;
	}
	.lp7th-now-user .comment {
		margin-top: 2.6667vw;
	}
	.lp7th-now-user .img {
		margin-top: 2.6667vw;
	}
	.lp7th-section-title {
		margin-bottom: 6.6667vw;
		-webkit-font-feature-settings: "palt" 1;
		font-feature-settings: "palt" 1;
		font-size: 9.0667vw;
		letter-spacing: normal;
		line-height: 1.2941;
	}
	.lp7th-section + * {
		margin-top: 19.2vw;
	}
	.lp7th-user-age .ages {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding-top: 4.8vw;
		margin-left: 9.6vw;
	}
	.lp7th-user-age .ages .item + .item {
		margin-top: 3.7333vw;
	}
	.lp7th-user-age .ages dt {
		font-size: 3.7333vw;
	}
	.lp7th-user-age .ages dt span {
		font-size: 8.5333vw;
	}
	.lp7th-user-age .ages dt .icon {
		width: 8.5333vw;
		height: soVw(42);
		margin-right: 4.2667vw;
	}
	.lp7th-user-age .ages dd {
		font-size: 4.2667vw;
	}
	.lp7th-user-age .ages dd strong {
		font-size: 8.5333vw;
	}
	.lp7th-user-age .ages dd::before {
		width: 12.8vw;
		border-bottom: 0.8vw dotted var(--blue);
		margin-right: 2.1333vw;
		margin-left: 2.1333vw;
	}
	.lp7th-user-assets > .inner > .number {
		margin-top: -1.0667vw;
		line-height: 1;
		text-align: center;
	}
	.lp7th-user-assets > .inner > .number small {
		display: block;
		margin-top: 0.8vw;
		font-size: 4.8vw;
		letter-spacing: normal;
	}
	.lp7th-user-assets > .inner > .number span {
		font-size: 15.2vw;
	}
	.lp7th-user-assets .assets {
		width: 100%;
		height: 194.6667vw;
		margin-top: 10.6667vw;
		margin-bottom: 5.3333vw;
		background-image: url(../img/bg_user-assets_sp.svg);
	}
	.lp7th-user-assets .assets .number.-under100 {
		position: absolute;
		top: 3.2vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-under499 {
		position: absolute;
		top: 29.6vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-under999 {
		position: absolute;
		top: 64.5333vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-under1999 {
		position: absolute;
		top: 107.2vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-under2999 {
		position: absolute;
		top: 130.9333vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-over3000 {
		position: absolute;
		top: 158.9333vw;
		left: 32.8vw;
	}
	.lp7th-user-assets .assets .number.-major {
		font-size: 6.4vw;
	}
	.lp7th-user-assets .assets .number.-major strong {
		font-size: 14.4vw;
	}
	.lp7th-user-assets .assets .number.-minor {
		font-size: 5.3333vw;
	}
	.lp7th-user-assets .assets .number.-minor strong {
		font-size: 8vw;
	}
	.lp7th-user-experience .graph {
		width: 66.1333vw;
		height: 80vw;
	}
	.lp7th-user-experience .graph > div dt {
		font-size: 3.2vw;
	}
	.lp7th-user-experience .graph .primary {
		top: 48vw;
		right: 6.4vw;
	}
	.lp7th-user-experience .graph .primary dt {
		font-size: 3.4667vw;
	}
	.lp7th-user-experience .graph .primary .number {
		font-size: 6.9333vw;
	}
	.lp7th-user-experience .graph .primary .number strong {
		font-size: 13.8667vw;
	}
	.lp7th-user-experience .graph .secondary {
		top: 37.3333vw;
		left: 5.8667vw;
	}
	.lp7th-user-experience .graph .secondary .number {
		font-size: 5.0667vw;
	}
	.lp7th-user-experience .graph .secondary .number strong {
		font-size: 10.1333vw;
	}
	.lp7th-user-experience .graph .other .number {
		font-size: 4.1333vw;
	}
	.lp7th-user-experience .graph .other .number strong {
		font-size: 8.2667vw;
	}
	.lp7th-user-experience .comment {
		width: 66.1333vw;
		margin-top: 4.2667vw;
		margin-right: auto;
		margin-bottom: -4.8vw;
		margin-left: auto;
		font-size: 4.8vw;
		line-height: 1.4444;
	}
	.lp7th-user-gender .img {
		width: 100%;
		padding-left: 8vw;
		margin-top: -4.2667vw;
	}
	.lp7th-user-gender .gender {
		width: 62.6667vw;
		margin-top: 4.8vw;
		margin-right: auto;
		margin-left: auto;
	}
	.lp7th-user-gender .gender > div {
		width: 26.6667vw;
	}
	.lp7th-user-gender .gender dt {
		font-size: 4.8vw;
	}
	.lp7th-user-gender .gender .number {
		font-size: 7.7333vw;
	}
	.lp7th-user-gender .gender .number .marker {
		background-size: 1px 4.8vw;
	}
	.lp7th-user-gender .gender .number strong {
		font-size: 17.0667vw;
	}
	:where(.lp7th) .marker {
		background-size: 1px 2.9333vw;
	}
	:where(.lp7th) .number {
		font-size: 5.3333vw;
	}
	:where(.lp7th) .number .marker strong {
		font-size: 14.9333vw;
	}
	:where(.lp7th) .number sup {
		font-size: 2.6667vw;
	}
}

@media screen and (min-width: 768px) {
	._sp {
		display: none;
	}
	.lp7th-application {
		padding-top: 4.4444vw;
		padding-bottom: 5.5556vw;
	}
	.lp7th-application > .title {
		margin-bottom: 2.5vw;
		font-size: 2.0833vw;
	}
	.lp7th-application > .buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	}
	.lp7th-application > .buttons .item {
		width: 20.9722vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-box-flex: 0;
	}
	.lp7th-application > .buttons .item + .item {
		margin-left: 4.3056vw;
	}
	.lp7th-application > .buttons .item dt {
		margin-bottom: 1.1111vw;
		font-size: 1.25vw;
	}
	.lp7th-application > .buttons .item dd a {
		height: 3.8889vw;
		padding-right: 2.5vw;
		padding-left: 1.25vw;
		border-radius: 0.2778vw;
		font-size: 1.25vw;
	}
	.lp7th-application > .buttons .item dd a span {
		-webkit-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	.lp7th-application > .buttons .item dd a::before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: var(--blue);
		border-radius: inherit;
		content: "";
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity,-webkit-transform;
		transition-property: opacity,-webkit-transform;
		transition-property: opacity,transform;
		transition-property: opacity,transform,-webkit-transform;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
	}
	.lp7th-application > .buttons .item dd a::after {
		right: 1.25vw;
		width: 1.25vw;
		height: 1.25vw;
		background-size: auto 0.4861vw;
		-webkit-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}
	.lp7th-application > .buttons .item dd a:hover span {
		color: var(--white);
	}
	.lp7th-application > .buttons .item dd a:hover::before {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.lp7th-application > .buttons .item dd a:hover::after {
		background-color: var(--white);
		background-image: url(../img/arrow_button_bl.svg);
	}
	.lp7th-attractive-ranking.lp7th-card {
		padding: 1.3889vw 2.7778vw 3.4722vw;
	}
	.lp7th-attractive-ranking .ranking .rank {
		align-content: flex-end;
		align-items: flex-end;
		padding-left: 1.8056vw;
		border-bottom: min(3 / 1440 * 100vw, 3px) dotted #afbcc8;
		-webkit-box-align: end;
		-ms-flex-align: end;
		-ms-flex-line-pack: end;
	}
	.lp7th-attractive-ranking .ranking .rank + .rank {
		margin-top: 1.1111vw;
	}
	.lp7th-attractive-ranking .ranking .rank dt {
		width: 3.4722vw;
		padding-bottom: 0.8333vw;
	}
	.lp7th-attractive-ranking .ranking .rank dt + dd {
		margin-left: 2.5vw;
	}
	.lp7th-attractive-ranking .ranking .rank dd {
		padding-bottom: 0.8333vw;
		font-size: 1.7361vw;
		line-height: 1.36;
	}
	.lp7th-attractive-ranking .ranking .rank dd .period {
		display: inline-block;
		font-size: 0.7639vw;
		line-height: 1.3636;
	}
	.lp7th-attractive-ranking .ranking .rank.-first {
		padding-left: 0.8333vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-first dt {
		width: 4.4444vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-first dd {
		position: relative;
	}
	.lp7th-attractive-ranking .ranking .rank.-first .balloon {
		bottom: 50%;
		left: 101%;
		width: 10.625vw;
		height: 10.625vw;
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	.lp7th-attractive-ranking .ranking .rank.-second, .lp7th-attractive-ranking .ranking .rank.-third {
		padding-left: 1.5278vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-second dt, .lp7th-attractive-ranking .ranking .rank.-third dt {
		width: 3.75vw;
	}
	.lp7th-attractive-ranking .ranking .rank.-first dd, .lp7th-attractive-ranking .ranking .rank.-second dd, .lp7th-attractive-ranking .ranking .rank.-third dd {
		padding-bottom: 1.25vw;
		font-size: 2.1528vw;
		line-height: 1.0968;
	}
	.lp7th-balloon {
		top: 1.3889vw;
		left: 1.7361vw;
		width: 6.9444vw;
		height: 11.5972vw;
	}
	.lp7th-balloon > a {
		background-image: url(../img/mv_balloon_anniv_pc.svg);
	}
	.lp7th-card {
		padding: 5vw 3.4722vw 3.4722vw;
		border-radius: 0.4167vw 0 0.4167vw 0.4167vw;
	}
	.lp7th-card::before {
		width: 2.7778vw;
		height: 2.7778vw;
	}
	.lp7th-card > .ribbon {
		position: absolute;
		top: 1.875vw;
		left: 0vw;
		height: 3.125vw;
		padding-right: 2.7778vw;
		padding-left: 2.7778vw;
		font-size: 1.3889vw;
	}
	.lp7th-card > .ribbon::before {
		left: -0.5903vw;
		display: block;
		width: 0.625vw;
		height: 4.375vw;
		background-image: url(../img/bg_ribbon_pc.svg);
		background-size: 0.625vw 4.375vw;
	}
	.lp7th-card > .ribbon::after {
		border-top: 1.5625vw solid transparent;
		border-right: 0.625vw solid var(--white);
		border-bottom: 1.5625vw solid transparent;
	}
	.lp7th-card > .ribbon sup {
		margin-left: 0.5em;
		font-size: 0.8333vw;
	}
	.lp7th-card .comment {
		font-size: 1.3889vw;
		line-height: 1.4;
	}
	.lp7th-card .note {
		width: auto;
		margin-right: -0.6944vw;
		margin-left: -0.6944vw;
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-card > .note:last-child {
		margin-bottom: -1.3889vw;
	}
	.lp7th-footer {
		width: 84.7222vw;
		padding-top: 3.0556vw;
		padding-bottom: 3.0556vw;
		margin-right: auto;
		margin-left: auto;
	}
	.lp7th-footer .note li {
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-footer .risk {
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-footer .risk a {
		background-size: 100% 0.1389vw;
	}
	.lp7th-footer .risk a:hover {
		-webkit-animation: hoverBorder 0.6s ease forwards;
		animation: hoverBorder 0.6s ease forwards;
		background-size: 0 0.1389vw;
	}
	.lp7th-footer .lower {
		width: 84.7222vw;
		padding-top: 3.8889vw;
		margin-top: 3.0556vw;
		margin-right: auto;
		margin-left: auto;
	}
	.lp7th-footer .lower .logo {
		width: 7.0833vw;
		height: 2.2222vw;
		margin-bottom: 0.9722vw;
	}
	.lp7th-footer .lower .copyright {
		font-size: 0.8333vw;
	}
	.lp7th-footer .lower .share dt {
		margin-right: 1.9444vw;
		font-size: 1.1111vw;
		line-height: normal;
	}
	.lp7th-footer .lower .share .item {
		width: 2.7778vw;
		height: 2.7778vw;
	}
	.lp7th-footer .lower .share .item + .item {
		margin-left: 0.6944vw;
	}
	.lp7th-grid {
		display: grid;
		padding: 3.0556vw;
		border-radius: 0.6944vw;
		gap: 3.0556vw;
	}
	.lp7th-grid.-now {
		grid-template-columns: repeat(2, 37.7778vw);
	}
	.lp7th-grid.-now .lp7th-now-portfolio {
		grid-column-end: span 2;
	}
	.lp7th-grid.-attractive {
		grid-template-columns: 17.6389vw 1fr 1fr;
	}
	.lp7th-grid.-attractive .lp7th-attractive-ranking {
		grid-column-end: span 3;
	}
	.lp7th-grid.-attractive .favored {
		border: max(2 / 1440 * 100vw, 2px) solid var(--blue);
		border-radius: max(4 / 1440 * 100vw, 4px);
	}
	.lp7th-grid.-attractive .favored span {
		position: absolute;
		top: min(-2 / 1440 * 100vw, -2px);
		bottom: min(-2 / 1440 * 100vw, -2px);
		left: 6%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 88%;
		align-content: center;
		align-items: center;
		padding-left: 2.2222vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
		font-size: 1.3889vw;
		line-height: 1.5;
		text-align: left;
	}
	.lp7th-grid.-attractive .point li {
		font-size: 1.1111vw;
		line-height: 1.375;
	}
	.lp7th-grid.-attractive .point li + li {
		margin-top: 0.6944vw;
	}
	.lp7th-grid.-user {
		grid-template-columns: repeat(3, 24.1667vw);
	}
	.lp7th-grid.-user .lp7th-user-assets {
		grid-column-end: span 3;
	}
	.lp7th-grid.-how {
		grid-template-columns: repeat(2, 37.7778vw);
	}
	.lp7th-grid.-how .lp7th-how-ratio {
		grid-column-end: span 2;
	}
	.lp7th-grid.-how .lp7th-how-dcard {
		grid-column-end: span 2;
	}
	.lp7th-grid.-how .lp7th-how-green {
		grid-column-end: span 2;
	}
	.lp7th-grid.-how .lp7th-how-long {
		grid-column-end: span 2;
	}
	.lp7th−header {
		height: 53.125vw;
		background-image: url(../img/bg_mv_sky_pc.svg);
	}
	.lp7th−header::after {
		height: 12.5vw;
		background-image: url(../img/bg_mv_cloud_pc.svg);
	}
	.lp7th−header .title {
		position: absolute;
		top: 11.5278vw;
		left: 44.6528vw;
		width: 27.7778vw;
		height: 11.8056vw;
		margin: 0;
	}
	.lp7th−header .copy {
		position: absolute;
		top: 26.5278vw;
		left: 44.4444vw;
		font-size: 2.2222vw;
		line-height: 1;
	}
	.lp7th−header .lead {
		position: absolute;
		top: 29.6528vw;
		left: 44.4444vw;
		font-size: 1.1111vw;
		line-height: 1.875;
	}
	.lp7th−header .balloon_anniv {
		top: 6.8056vw;
		left: 20vw;
		display: block;
		width: 21.1111vw;
		height: 35.3472vw;
		background-image: url(../img/mv_balloon_anniv_pc.svg);
	}
	.lp7th−header .balloon_theo {
		top: 25.1389vw;
		left: 7.0833vw;
		width: 10.2778vw;
		height: 17.2222vw;
		background-image: url(../img/mv_balloon_theo_pc.svg);
	}
	.lp7th−header .balloon1 {
		top: 34.5139vw;
		left: 2.0139vw;
		width: 2.5vw;
		height: 4.1667vw;
	}
	.lp7th−header .balloon2 {
		top: 36.8056vw;
		left: 40vw;
		width: 3.1944vw;
		height: 5.3472vw;
	}
	.lp7th−header .balloon3 {
		top: 38.75vw;
		left: 72.5694vw;
		width: 5.1389vw;
		height: 8.6111vw;
	}
	.lp7th−header .balloon4 {
		top: 25.3472vw;
		left: 88.4722vw;
		width: 5.4861vw;
		height: 9.1667vw;
	}
	.lp7th−header .balloon5 {
		top: 35.4167vw;
		left: 95vw;
		width: 1.9444vw;
		height: 3.1944vw;
	}
	.lp7th−header.-fly .bird1 {
		top: 43.0556vw;
		left: 48.0556vw;
		width: 1.6667vw;
		height: 1.6667vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird2 {
		top: 46.9444vw;
		left: 51.9444vw;
		width: 0.6944vw;
		height: 0.6944vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird3 {
		top: 45.9028vw;
		left: 56.3889vw;
		width: 0.6944vw;
		height: 0.6944vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird4 {
		top: 47.0833vw;
		left: 57.9167vw;
		width: 1.0417vw;
		height: 1.0417vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird5 {
		top: 41.4583vw;
		left: 87.6389vw;
		width: 0.9722vw;
		height: 0.9722vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird6 {
		top: 43.4722vw;
		left: 92.2222vw;
		width: 1.3889vw;
		height: 1.3889vw;
		-webkit-animation: bird1Pc 12s forwards;
		animation: bird1Pc 12s forwards;
	}
	.lp7th−header.-fly .bird7 {
		display: none;
	}
	.lp7th−header.-fly .rainbow {
		top: 25.625vw;
		left: 79.5833vw;
		width: 20.8333vw;
		height: 20.8333vw;
		-webkit-animation: rainbowAnim 1.5s ease-out forwards 2.5s;
		animation: rainbowAnim 1.5s ease-out forwards 2.5s;
	}
	.lp7th-how-amount .number {
		margin-top: 1.25vw;
	}
	.lp7th-how-dcard > .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-box-pack: start;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
		-ms-flex-pack: start;
	}
	.lp7th-how-dcard .info {
		width: 35.2778vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-top: 1.3889vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-dcard .img {
		width: 26.0417vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: 6.1111vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-dcard .theoplus {
		border: max(2 / 1440 * 100vw, 2px) solid var(--blue);
		margin-top: 2.7778vw;
		border-radius: max(4 / 1440 * 100vw, 4px);
	}
	.lp7th-how-dcard .theoplus > .content {
		width: 94%;
		padding: 0.6944vw 1.3889vw;
		margin-top: min(-2 / 1440 * 100vw, -2px);
		margin-right: 3%;
		margin-bottom: min(-2 / 1440 * 100vw, -2px);
		margin-left: 3%;
	}
	.lp7th-how-dcard .theoplus .title {
		font-size: 1.7361vw;
		line-height: 1.36;
	}
	.lp7th-how-dcard .theoplus .title + * {
		margin-top: 0.3472vw;
	}
	.lp7th-how-dcard .theoplus .text {
		font-size: 0.9722vw;
		line-height: 1.4286;
	}
	.lp7th-how-dcard .theoplus .text + * {
		margin-top: 0.6944vw;
	}
	.lp7th-how-dcard .theoplus .notice {
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-how-dcard .theoplus .notice + * {
		margin-top: 0.4167vw;
	}
	.lp7th-how-green > .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-content: center;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
	}
	.lp7th-how-green .info {
		width: 32.5vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-top: 2.3611vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-green .copy {
		margin-top: 1.6667vw;
		font-size: 1.7361vw;
		line-height: 1.36;
	}
	.lp7th-how-green .text {
		margin-top: 0.3472vw;
		font-size: 0.9722vw;
		line-height: 1.4286;
	}
	.lp7th-how-green .green {
		width: 15vw;
		margin-top: 1.5278vw;
	}
	.lp7th-how-green .green + * {
		margin-top: 0.6944vw;
	}
	.lp7th-how-green .notice {
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-how-green .notice + * {
		margin-top: 0.4167vw;
	}
	.lp7th-how-green .img {
		width: 37.3611vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: 1.6667vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-initial .number {
		margin-top: 1.25vw;
	}
	.lp7th-how-long > .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-content: center;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
	}
	.lp7th-how-long .info {
		width: 25.4167vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-top: 0.8333vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-long .info .note {
		margin-top: 2.2222vw;
		margin-bottom: -1.3889vw;
		margin-left: -0.6944vw;
	}
	.lp7th-how-long .number + .number {
		margin-top: -1.1111vw;
	}
	.lp7th-how-long .number em {
		font-size: 3.4722vw;
	}
	.lp7th-how-long .image {
		position: relative;
		width: 39.9306vw;
		height: 17.9167vw;
	}
	.lp7th-how-long .graph {
		width: 39.9306vw;
		height: 17.9167vw;
		margin-left: 3.75vw;
		background-image: url(../img/bg_how-long_pc.svg);
	}
	.lp7th-how-long .graph .number {
		width: 2.2222vw;
		height: 1.5625vw;
		font-size: 1.0417vw;
	}
	.lp7th-how-long .graph .number.-under1 {
		bottom: 4.3056vw;
		left: 2.8472vw;
	}
	.lp7th-how-long .graph .number.-under5 {
		bottom: 5.3472vw;
		left: 8.125vw;
	}
	.lp7th-how-long .graph .number.-under10 {
		bottom: 8.8889vw;
		left: 13.4722vw;
	}
	.lp7th-how-long .graph .number.-under20 {
		bottom: 16.6667vw;
		left: 18.6806vw;
	}
	.lp7th-how-long .graph .number.-under30 {
		bottom: 12.3611vw;
		left: 23.9583vw;
	}
	.lp7th-how-long .graph .number.-over30 {
		bottom: 5.4167vw;
		left: 29.3056vw;
	}
	.lp7th-how-ratio > .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-content: flex-end;
		align-items: flex-end;
		justify-content: flex-start;
		-webkit-box-align: end;
		-webkit-box-pack: start;
		-ms-flex-align: end;
		-ms-flex-line-pack: end;
		-ms-flex-pack: start;
	}
	.lp7th-how-ratio .info {
		width: 32.2222vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-top: 1.9444vw;
		-webkit-box-flex: 0;
	}
	.lp7th-how-ratio .info .text1 {
		font-size: 1.3194vw;
		line-height: normal;
	}
	.lp7th-how-ratio .info .text1 + .number {
		margin-top: -0.6944vw;
	}
	.lp7th-how-ratio .info .number {
		font-size: 2.2222vw;
	}
	.lp7th-how-ratio .info .number strong {
		font-size: 7.0833vw;
	}
	.lp7th-how-ratio .info .number + .number {
		margin-top: -1.25vw;
	}
	.lp7th-how-ratio .info .text2 {
		margin-top: -0.5556vw;
		font-size: 2.2222vw;
		text-align: right;
	}
	.lp7th-how-ratio .img {
		width: 23.8889vw;
		height: 21.9444vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: 4.8611vw;
		-webkit-box-flex: 0;
	}
	.lp7th-intro {
		width: 84.7222vw;
		padding-top: 5vw;
		margin-bottom: 5vw;
	}
	.lp7th-intro p {
		font-size: 1.3889vw;
		line-height: 2.4;
	}
	.lp7th-intro p .ruby {
		display: inline-block;
		margin-right: 0.2em;
		margin-left: 0.2em;
		font-size: 70%;
		vertical-align: 0.15em;
	}
	.lp7th-now-amount .img {
		margin-top: 2.3611vw;
	}
	.lp7th-now-portfolio .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-box-pack: justify;
		-ms-flex-align: center;
		-ms-flex-line-pack: center;
		-ms-flex-pack: justify;
	}
	.lp7th-now-portfolio .number {
		width: 6.3889vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-box-flex: 0;
	}
	.lp7th-now-portfolio .info {
		width: 25.6944vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: 2.7778vw;
		-webkit-box-flex: 0;
	}
	.lp7th-now-portfolio .info .note {
		margin-top: 0.6944vw;
	}
	.lp7th-now-portfolio .img {
		width: 33.6806vw;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: auto;
		-webkit-box-flex: 0;
	}
	.lp7th-now-region .number .period {
		font-size: 0.8333vw;
		line-height: 1.3333;
	}
	.lp7th-now-region .comment {
		margin-top: 1.3889vw;
	}
	.lp7th-now-region .img {
		margin-top: 0.8333vw;
	}
	.lp7th-now-region .note {
		margin-top: 1.6667vw;
	}
	.lp7th-now-satisfaction .graph {
		height: 16.9444vw;
		padding-top: 2.0833vw;
		margin-top: 4.0278vw;
	}
	.lp7th-now-satisfaction .graph .summary {
		margin-bottom: -0.1389vw;
		font-size: 1.1111vw;
		line-height: 1.375;
	}
	.lp7th-now-satisfaction .graph .number {
		font-size: 3.8889vw;
	}
	.lp7th-now-satisfaction .graph .number strong {
		font-size: 6.3889vw;
	}
	.lp7th-now-satisfaction .comment {
		margin-top: 1.6667vw;
	}
	.lp7th-now-satisfaction .note {
		margin-top: 3.3333vw;
	}
	.lp7th-now-user .comment {
		margin-top: 1.5278vw;
	}
	.lp7th-now-user .img {
		margin-top: 2.3611vw;
	}
	.lp7th-section-title {
		margin-bottom: 2.7778vw;
		font-size: 2.9167vw;
		line-height: 1.2381;
	}
	.lp7th-section-title::before {
		height: 6.3889vw;
		border-bottom: 0.2778vw solid var(--pink);
		margin-bottom: 2.7778vw;
	}
	.lp7th-section-title.-first::before {
		width: 7.6389vw;
	}
	.lp7th-section-title.-second::before {
		width: 7.7778vw;
	}
	.lp7th-section-title.-third::before {
		width: 7.7778vw;
	}
	.lp7th-section-title.-forth::before {
		width: 8.0556vw;
	}
	.lp7th-section {
		width: 84.7222vw;
		margin-right: auto;
		margin-left: auto;
	}
	.lp7th-section + * {
		margin-top: 5.5556vw;
	}
	.lp7th-user-age .ages {
		padding-top: 4.0278vw;
	}
	.lp7th-user-age .ages .item + .item {
		margin-top: 0.8333vw;
	}
	.lp7th-user-age .ages dt {
		font-size: 0.9722vw;
	}
	.lp7th-user-age .ages dt span {
		font-size: 2.3611vw;
	}
	.lp7th-user-age .ages dt .icon {
		width: 2.2222vw;
		height: 2.9167vw;
		margin-right: 1.1111vw;
	}
	.lp7th-user-age .ages dd {
		font-size: 1.1806vw;
	}
	.lp7th-user-age .ages dd strong {
		font-size: 2.3611vw;
	}
	.lp7th-user-age .ages dd::before {
		width: 4.1667vw;
		border-bottom: min(3 / 1440 * 100vw, 3px) dotted var(--blue);
		margin-right: 0.6944vw;
		margin-left: 0.6944vw;
	}
	.lp7th-user-assets > .inner > .number {
		margin-top: -3.0556vw;
		margin-left: 12.5vw;
	}
	.lp7th-user-assets > .inner > .number small {
		margin-left: 1.25vw;
		font-size: 1.3194vw;
	}
	.lp7th-user-assets > .inner > .number span {
		font-size: 4.8611vw;
	}
	.lp7th-user-assets .img {
		width: 71.1111vw;
		margin-top: 2.7778vw;
		margin-right: auto;
		margin-left: auto;
	}
	.lp7th-user-assets .assets {
		width: 71.1111vw;
		height: 16.9444vw;
		margin-top: 2.7778vw;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../img/bg_user-assets_pc.svg);
	}
	.lp7th-user-assets .assets .number.-under100 {
		position: absolute;
		top: 3.1944vw;
		left: 1.5278vw;
	}
	.lp7th-user-assets .assets .number.-under499 {
		position: absolute;
		top: 1.1806vw;
		left: 14.2361vw;
	}
	.lp7th-user-assets .assets .number.-under999 {
		position: absolute;
		top: -0.6944vw;
		left: 29.5139vw;
	}
	.lp7th-user-assets .assets .number.-under1999 {
		position: absolute;
		top: 5.0694vw;
		left: 43.75vw;
	}
	.lp7th-user-assets .assets .number.-under2999 {
		position: absolute;
		top: 4.1667vw;
		left: 53.9583vw;
	}
	.lp7th-user-assets .assets .number.-over3000 {
		position: absolute;
		top: 3.125vw;
		left: 64.1667vw;
	}
	.lp7th-user-assets .assets .number.-major {
		font-size: 2.0833vw;
	}
	.lp7th-user-assets .assets .number.-major strong {
		font-size: 4.5833vw;
	}
	.lp7th-user-assets .assets .number.-minor {
		font-size: 1.3889vw;
	}
	.lp7th-user-assets .assets .number.-minor strong {
		font-size: 1.8056vw;
	}
	.lp7th-user-experience .graph {
		width: 17.2222vw;
		height: 20.8333vw;
		margin-top: -0.3472vw;
	}
	.lp7th-user-experience .graph > div dt {
		font-size: 0.8333vw;
	}
	.lp7th-user-experience .graph .primary {
		top: 12.5vw;
		right: 1.6667vw;
	}
	.lp7th-user-experience .graph .primary dt {
		font-size: 0.9722vw;
	}
	.lp7th-user-experience .graph .primary .number {
		font-size: 1.875vw;
	}
	.lp7th-user-experience .graph .primary .number strong {
		font-size: 3.75vw;
	}
	.lp7th-user-experience .graph .secondary {
		top: 9.7222vw;
		left: 1.5278vw;
	}
	.lp7th-user-experience .graph .secondary .number {
		font-size: 1.3889vw;
	}
	.lp7th-user-experience .graph .secondary .number strong {
		font-size: 2.7778vw;
	}
	.lp7th-user-experience .graph .other .number {
		font-size: 1.1111vw;
	}
	.lp7th-user-experience .graph .other .number strong {
		font-size: 2.2222vw;
	}
	.lp7th-user-experience .comment {
		margin-top: 0.8333vw;
		font-size: 1.25vw;
		line-height: 1.4444;
	}
	.lp7th-user-gender .img {
		width: 18.8889vw;
		margin-right: 1.6667vw;
	}
	.lp7th-user-gender .gender {
		margin-top: 0.6944vw;
	}
	.lp7th-user-gender .gender > div {
		width: 7.5vw;
	}
	.lp7th-user-gender .gender dt {
		font-size: 1.3194vw;
	}
	.lp7th-user-gender .gender .number {
		font-size: 3.0556vw;
	}
	.lp7th-user-gender .gender .number strong {
		font-size: 4.4444vw;
	}
	:where(.lp7th) .marker {
		background-size: 1px 1.25vw;
	}
	:where(.lp7th) .number {
		font-size: 2.2222vw;
	}
	:where(.lp7th) .number .marker strong {
		font-size: 6.3889vw;
	}
	:where(.lp7th) .number sup {
		font-size: 0.8333vw;
	}
}