/* ----------------------------------------
Reset
---------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

*,
::before,
::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

:where(a[href],
area,
button,
label[for],
select,
summary,
[tabindex]:not([tabindex*="-"])) {
	-ms-touch-action: manipulation;
	cursor: pointer;
	touch-action: manipulation;
}

:where(input[type=file]) {
	cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button {
	cursor: pointer;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
	cursor: pointer;
}

:where(button,
button[type],
input[type=button],
input[type=submit],
input[type=reset])[disabled] {
	cursor: not-allowed;
}

/* ----------------------------------------
Base
---------------------------------------- */

@font-face {
	font-family: "YDWbananaslipplus";
	src: url("../fonts/YDWbananaslipplus.otf") format("opentype");
}

html {
	font-size: 62.5%;
	overflow-x: hidden;
	scroll-behavior: smooth;
	visibility: hidden;
}

html.wf-active,
html.loading-delay {
	visibility: visible;
}

body {
	background-color: #fff;
	color: #191d1c;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	min-height: 100vh;
	overflow-x: hidden;
	position: relative;
}

li {
	list-style: none;
}

a {
	color: #191d1c;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

/* ----------------------------------------
footer
---------------------------------------- */

.footer {
	background-color: #191d1c;
	padding: 25px;
	position: relative;
	text-align: center;
	z-index: 999;
}

.copyright {
	color: #fff;
	font-size: 1.2rem;
	margin-top: 16px;
}

/* ----------------------------------------
header
---------------------------------------- */

.header {
	padding: 5px 0 10px;
	position: relative;
	z-index: 999;
}

.header__inner {
	margin: 0 auto;
	max-width: 1254px;
	width: 100%;
}

.header__logo {
	margin: 0 auto;
	width: 207px;
}

/* ----------------------------------------
button
---------------------------------------- */

.button {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fdf15e;
	border: none;
	border-bottom: 10px solid #ccbf22;
	border-radius: 20px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 91px;
	justify-content: center;
	margin: 22px auto 0;
	position: relative;
	width: 468px;
	z-index: 10;
}

.button:hover {
	opacity: 1;
}

.button:active {
	border-bottom: none;
	height: 81px;
	margin-top: 32px;
	opacity: 1;
}

.button__text {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.button__text--sm {
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 2.4rem;
	font-weight: normal;
}

.button__text--lg {
	color: #ff2b74;
	font-size: 4rem;
	font-weight: 900;
	letter-spacing: calc(100 / 1000 * 1em);
}

.button-catch {
	background-color: #fff;
	border-radius: 100px;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 auto;
	padding: 6px 40px;
	position: relative;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

.button-catch::after {
	-webkit-transform: translateX(-50%);
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 14px 14.5px 0 14.5px;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
	width: 0;
}

/* ----------------------------------------
form
---------------------------------------- */

.form {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
}

.form__container {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 20px;
	justify-content: space-between;
}

.form__container:not(:first-child) {
	margin-top: 40px;
}

.form__label {
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 2.5rem;
	font-weight: normal;
	letter-spacing: calc(100 / 1000 * 1em);
	min-width: 155px;
}

.form__input {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	border: none;
	border-radius: 100px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	height: 53px;
	min-width: 335px;
	padding: 17px 28px;
	width: 100%;
}

.form__input:focus-visible {
	outline: none;
}

.form__input::-webkit-input-placeholder {
	color: #eee;
	font-size: 1.4rem;
	font-weight: 300;
}

.form__input::-moz-placeholder {
	color: #eee;
	font-size: 1.4rem;
	font-weight: 300;
}

.form__input:-ms-input-placeholder {
	color: #eee;
	font-size: 1.4rem;
	font-weight: 300;
}

.form__input::-ms-input-placeholder {
	color: #eee;
	font-size: 1.4rem;
	font-weight: 300;
}

.form__input::placeholder {
	color: #eee;
	font-size: 1.4rem;
	font-weight: 300;
}

.form__submit {
	border-bottom-width: 7px;
	color: #191d1c;
	font-size: 2.4rem;
	font-weight: 900;
	height: 64px;
	letter-spacing: calc(50 / 1000 * 1em);
	margin: 50px auto 0;
	width: 400px;
}

.form__submit:active {
	height: 57px;
	margin-top: 57px;
}

.wpcf7-form-control-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}

.wpcf7-radio {
	display: block;
	text-align: center;
}

.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-response-output {
	display: none;
}

.wpcf7-not-valid-tip {
	font-size: 1.2rem;
	left: 20px;
	position: absolute;
	top: calc(100% + 5px);
}

.grecaptcha-badge {
	visibility: hidden;
}

/* ----------------------------------------
list
---------------------------------------- */

.list {
	margin-bottom: 30px;
}

.list__item {
	background-image: url(../img/icon_check.png);
	background-position: top 10px left 0;
	background-repeat: no-repeat;
	background-size: 22.26px;
	color: #ff4271;
	font-weight: bold;
	letter-spacing: calc(50 / 1000 * 1em);
	line-height: calc(41 / 16);
	padding-left: 32px;
}

.list__item span {
	background-color: rgba(253, 241, 94, 0.6);
}

/* ----------------------------------------
tab
---------------------------------------- */

.tab {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.tab__label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-transform: translateX(-50%);
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	align-items: center;
	border: none;
	bottom: -15px;
	color: #999;
	display: none;
	font-size: 1.4rem;
	left: 50%;
	order: -1;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	transform: translateX(-50%);
	z-index: 100;
}

.tab__label:has(+ .is_show) {
	display: block;
}

.tab__content {
	-webkit-transform: translateX(-200%);
	-webkit-transition: -webkit-transform 0.4s;
	height: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-200%);
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
	visibility: hidden;
	width: 100%;
}

.tab__content.is_show {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-transform: translateX(0);
	height: auto;
	opacity: 1;
	order: 1;
	padding-bottom: 100px;
	padding-top: 30px;
	pointer-events: auto;
	transform: translateX(0);
	visibility: visible;
}

.tab__content.is_show ~ .tab__content {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

/* ----------------------------------------
type
---------------------------------------- */

.type {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	align-items: center;
	aspect-ratio: 1;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
	width: 186px;
}

.type.steady-savings {
	background-color: #00bc91;
}

.type.living-fulfilling {
	background-color: #ff8022;
}

.type.self-investment {
	background-color: #ff5c5c;
}

.type.status-oriented {
	background-color: #db4ad6;
}

.type__img--01 {
	width: 54px;
}

.type__img--02 {
	width: 64px;
}

.type__img--03 {
	width: 67px;
}

.type__img--04 {
	width: 68px;
}

.type__text {
	color: #fff;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 3.4rem;
	letter-spacing: calc(-50 / 1000 * 1em);
	line-height: calc(36 / 34);
	text-align: center;
}

.type__text span {
	letter-spacing: calc(-200 / 1000 * 1em);
	margin-right: 5px;
}

/* ----------------------------------------
diagnosis
---------------------------------------- */

.diagnosis {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	background-color: #fafafa;
	min-height: calc(100vh - 143px);
	overflow: hidden;
	padding-bottom: 140px;
	user-select: none;
}

.diagnosis__inner {
	margin: 0 auto;
	max-width: 1440px;
	padding: 50px 20px 0;
	position: relative;
	width: 100%;
	z-index: 10;
}

.diagnosis__yen {
	opacity: 0.6;
	position: absolute;
	width: 140px;
}

.diagnosis__yen--01 {
	left: -13px;
	top: 376px;
}

.diagnosis__yen--02 {
	left: 22%;
	top: -45px;
}

.diagnosis__yen--03 {
	left: 35%;
	top: 610px;
}

.diagnosis__yen--04 {
	right: 5%;
	top: -45px;
}

.diagnosis__bg {
	position: absolute;
	right: 5%;
	top: 111px;
	width: 489px;
}

.diagnosis__section {
	cursor: auto;
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	width: 100%;
	z-index: 0;
}

.diagnosis__img {
	max-width: unset;
	position: absolute;
	z-index: -1;
}

.diagnosis__img--01 {
	left: -95px;
	top: 0;
	width: 588px;
}

.diagnosis__img--02 {
	right: -160px;
	top: 120px;
	width: 647px;
}

.diagnosis__step {
	-webkit-transform: translateX(-50%);
	background-color: #d6f3f7;
	border-radius: 100px;
	display: none;
	height: 10px;
	left: 50%;
	max-width: 600px;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	z-index: 10;
}

.diagnosis__step::after {
	background-color: #5ee5fd;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

.diagnosis__step.is_show {
	display: block;
}

.diagnosis__step--01::after {
	content: "";
	width: 12.5%;
}

.diagnosis__step--02::after {
	content: "";
	width: 25%;
}

.diagnosis__step--03::after {
	content: "";
	width: 37.5%;
}

.diagnosis__step--04::after {
	content: "";
	width: 50%;
}

.diagnosis__step--05::after {
	content: "";
	width: 62.5%;
}

.diagnosis__step--06::after {
	content: "";
	width: 75%;
}

.diagnosis__step--07::after {
	content: "";
	width: 87.5%;
}

.diagnosis__step--08::after {
	border-radius: 100px;
	content: "";
	width: 100%;
}

.diagnosis__heading {
	margin-bottom: 30px;
	text-align: center;
}

.diagnosis__num {
	color: #00c4e6;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 2.4rem;
	font-weight: normal;
	margin-bottom: 20px;
}

.diagnosis__text {
	font-size: 2rem;
	letter-spacing: calc(200 / 1000 * 1em);
	margin-bottom: 15px;
}

.diagnosis__title {
	color: #00c4e6;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 4.8rem;
	font-weight: normal;
	letter-spacing: calc(100 / 1000 * 1em);
}

.diagnosis__title span {
	display: inline-block;
}

.diagnosis__list {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 5%;
	justify-content: center;
}

.diagnosis__item {
	width: 47.5%;
}

.diagnosis__item input {
	display: none;
}

.diagnosis__item label {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	align-items: center;
	background-color: #fff;
	border-radius: 100px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 2rem;
	font-weight: 500;
	height: 63px;
	justify-content: center;
	letter-spacing: calc(200 / 1000 * 1em);
	width: 100%;
}

.diagnosis__item label:hover {
	-webkit-box-shadow: none;
	background-color: #fdf15e;
	box-shadow: none;
}

.diagnosis__item label:has(:checked) {
	-webkit-box-shadow: none;
	background-color: #fdf15e;
	box-shadow: none;
}

.slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.slick-slide {
	height: auto !important;
}

.slick-arrow {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	align-items: center;
	background-color: #fff;
	border: none;
	border-radius: 100px;
	bottom: 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0;
	height: 40px;
	padding: 0 36px;
	position: absolute;
	text-align: center;
	z-index: 10;
}

.slick-arrow.slick-disabled {
	opacity: 0;
	visibility: hidden;
}

.slick-prev {
	left: 0;
}

.slick-prev::before {
	content: "戻る";
	font-size: 1.4rem;
}

.slick-next {
	right: 0;
}

.slick-next::before {
	content: "次へ";
	font-size: 1.4rem;
}

.diagnosis__item .wpcf7-not-valid-tip {
	display: none;
}

/* ----------------------------------------
result
---------------------------------------- */

.result {
	background-color: #98f0f7;
	overflow: hidden;
}

.result__inner {
	margin: 0 auto;
	max-width: 1440px;
	min-height: 100vh;
	padding: 20px 40px 100px;
	position: relative;
	width: 100%;
}

.result__yen {
	opacity: 0.6;
	position: absolute;
	width: 177px;
}

.result__yen--01 {
	left: -33px;
	top: 25.5%;
}

.result__yen--02 {
	bottom: 210px;
	left: 55px;
}

.result__yen--03 {
	left: 15%;
	top: 55px;
}

.result__yen--04 {
	bottom: 60px;
	right: 33%;
}

.result__yen--05 {
	right: 15%;
	top: 90px;
}

.result__yen--06 {
	right: 4%;
	top: 38%;
}

.result__yen--07 {
	bottom: 230px;
	right: 2.5%;
}

.result__title {
	color: #fff;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 6.8rem;
	font-weight: normal;
	letter-spacing: calc(100 / 1000 * 1em);
	margin-bottom: 20px;
	text-align: center;
}

.result__contents {
	background-color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	max-width: 1080px;
	padding: 60px 60px 75px;
	position: relative;
	width: 100%;
	z-index: 100;
}

.result__head {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	justify-content: center;
	margin-bottom: 60px;
}

.result__head--steady-savings .result__heading--lg {
	color: #00bc91;
}

.result__head--steady-savings .result__lead {
	color: #00bc91;
}

.result__head--living-fulfilling .result__heading--lg {
	color: #ff8022;
}

.result__head--living-fulfilling .result__lead {
	color: #ff8022;
}

.result__head--self-investment .result__heading--lg {
	color: #ff5c5c;
}

.result__head--self-investment .result__lead {
	color: #ff5c5c;
}

.result__head--status-oriented .result__heading--lg {
	color: #db4ad6;
}

.result__head--status-oriented .result__lead {
	color: #db4ad6;
}

.result .type {
	margin-left: 20px;
	width: 290px;
}

.result .type__img--01 {
	width: 85px;
}

.result .type__img--02 {
	width: 100px;
}

.result .type__img--03 {
	width: 105px;
}

.result .type__img--04 {
	width: 106px;
}

.result .type__text {
	font-size: 5.2rem;
}

.result__text-area {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.result__heading {
	margin-bottom: 30px;
}

.result__heading--sm {
	font-size: 2.6rem;
	letter-spacing: calc(150 / 1000 * 1em);
}

.result__heading--lg {
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 4.8rem;
	font-weight: normal;
	letter-spacing: calc(100 / 1000 * 1em);
}

.result__heading--lg span {
	letter-spacing: calc(-100 / 1000 * 1em);
	margin-right: 5px;
}

.result__lead {
	background-color: #fafafa;
	border-radius: 10px;
	font-size: 2.5rem;
	letter-spacing: calc(50 / 1000 * 1em);
	line-height: calc(40 / 25);
	padding: 30px;
	position: relative;
	width: 470px;
}

.result__img {
	bottom: -20px;
	left: calc(100% + 15px);
	position: absolute;
	width: 112px;
}

.result__img--sp {
	display: none;
}

.result__text {
	font-weight: bold;
	letter-spacing: calc(100 / 1000 * 1em);
	line-height: calc(35 / 16);
	margin-bottom: 50px;
	text-align: center;
}

.result__text span {
	display: inline-block;
}

.result__button {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #0ab53c;
	border-bottom: 7px solid #0b802d;
	border-radius: 20px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.4rem;
	font-weight: 900;
	gap: 10px;
	height: 71px;
	justify-content: center;
	margin: 60px auto 0;
	max-width: 466px;
	position: relative;
	width: 100%;
	z-index: 10;
}

.result__button:hover {
	opacity: 1;
}

.result__button:active {
	border-bottom: none;
	height: 64px;
	margin-top: 67px;
	opacity: 1;
}

.result__button img {
	width: 48px;
}

/* ----------------------------------------
top
---------------------------------------- */

/* ----------------------------------------
cta
---------------------------------------- */

.cta {
	background-color: #98f0f7;
	overflow: hidden;
}

.cta__inner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 1440px;
	padding: 70px 20px;
	position: relative;
	width: 100%;
}

.cta__yen {
	opacity: 0.4;
	position: absolute;
	width: 177px;
}

.cta__yen--light {
	opacity: 0.2;
}

.cta__yen--01 {
	bottom: 51px;
	left: -13px;
}

.cta__yen--02 {
	left: 20%;
	top: -45px;
}

.cta__yen--03 {
	bottom: -53px;
	right: 8%;
}

.cta__yen--04 {
	right: 3%;
	top: 44px;
}

.cta__contents {
	position: relative;
}

.cta__img {
	position: absolute;
	top: 60px;
	width: 305px;
}

.cta__img--01 {
	right: 102.7777777778%;
}

.cta__img--02 {
	left: 102.7777777778%;
}

.cta__title {
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 2.9rem;
	font-weight: normal;
	letter-spacing: calc(70 / 1000 * 1em);
	line-height: calc(41 / 29);
	margin-bottom: 20px;
	text-align: center;
}

.cta__logo {
	width: 483px;
}

/* ----------------------------------------
intro
---------------------------------------- */

.intro {
	background-color: #fafafa;
	margin-bottom: 230px;
	padding: 100px 20px 70px;
	position: relative;
	z-index: 10;
}

.intro::after {
	border-color: #fafafa transparent transparent transparent;
	border-style: solid;
	border-width: 113px 50vw 0 50vw;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 100%;
	width: 0;
}

.intro__inner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4.5454545455%;
	justify-content: center;
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
}

.intro__img {
	mix-blend-mode: multiply;
	width: 45.4545454545%;
}

.intro__text-area {
	min-width: 545px;
}

.intro__title {
	color: #ff4271;
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 4.8rem;
	font-weight: normal;
	letter-spacing: calc(90 / 1000 * 1em);
	margin-bottom: 25px;
	text-align: center;
}

.intro__text01 {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: calc(200 / 1000 * 1em);
	line-height: 2.5;
	margin-bottom: 25px;
	text-align: center;
}

.intro__text02 {
	background-color: #191d1c;
	color: #fdf15e;
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: calc(100 / 1000 * 1em);
	line-height: calc(39 / 19);
	margin: 0 auto 10px;
	padding: 0 8px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.intro__text02 + .intro__text02 {
	margin-bottom: 25px;
}

.intro__text03 {
	font-weight: 500;
	letter-spacing: calc(200 / 1000 * 1em);
	line-height: calc(41 / 16);
	text-align: center;
}

.intro__text03 span {
	border-bottom: 1px solid;
	font-weight: 900;
	padding-bottom: 5px;
}

/* ----------------------------------------
about
---------------------------------------- */

.about {
	padding-bottom: 140px;
	padding-right: 110px;
}

.about__inner {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 13.1578947368%;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 1140px;
	width: 100%;
}

.about__text-area {
	min-width: 390px;
}

.about__title {
	margin-bottom: 60px;
}

.about__title--en {
	color: #00c4e6;
	font-family: din-condensed, sans-serif;
	font-size: 3.3rem;
	margin-bottom: 10px;
}

.about__title--ja {
	font-family: "YDWbananaslipplus", sans-serif;
	font-size: 5.9rem;
	font-weight: normal;
}

.about__title--ja span {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.about__text {
	font-weight: bold;
	letter-spacing: calc(150 / 1000 * 1em);
	line-height: calc(41 / 16);
	margin-bottom: 30px;
}

.about__type-area {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	align-items: center;
	aspect-ratio: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	gap: 70px 80px;
	justify-content: center;
	position: relative;
	width: 452px;
}

.about__type-area::before,
.about__type-area::after {
	background-color: #eefdff;
	content: "";
	display: block;
	height: 6px;
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	width: 592.54px;
}

.about__type-area::before {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.about__type-area::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

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

.button {
	height: 80px;
	width: 350px;
}

.button:active {
	height: 70px;
}

.button__text--sm {
	font-size: 2rem;
}

.button__text--lg {
	font-size: 3rem;
}

.form__submit {
	font-size: 2rem;
	height: 60px;
}

.form__submit:active {
	height: 53px;
}

.list {
	margin-bottom: 20px;
}

.result__yen {
	width: 150px;
}

.result__yen--02 {
	left: -30px;
}

.result__yen--06 {
	right: -30px;
}

.result__yen--07 {
	right: -50px;
}

.result__title {
	font-size: 6rem;
}

.result__contents {
	padding: 50px 35px;
}

.result__head {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}

.result .type {
	margin-left: 0;
	position: relative;
}

.result__text-area {
	width: 100%;
}

.result__heading {
	margin-bottom: 20px;
	text-align: center;
}

.result__lead {
	margin: 0 auto;
	text-align: center;
}

.result__img {
	bottom: -20px;
	left: unset;
	right: -100px;
	width: 155px;
}

.result__img--pc {
	display: none;
}

.result__img--sp {
	display: block;
}

.cta__inner {
	padding: 50px 20px;
}

.cta__yen {
	width: 150px;
}

.cta__yen--01 {
	bottom: 30px;
}

.cta__yen--02 {
	top: -30px;
}

.cta__yen--03 {
	bottom: -40px;
}

.cta__yen--04 {
	top: 30px;
}

.cta__img {
	width: 230px;
}

.cta__img--01 {
	right: 100%;
}

.cta__img--02 {
	left: 100%;
}

.cta__title {
	font-size: 2.4rem;
}

.cta__logo {
	width: 400px;
}

.intro {
	margin-bottom: 130px;
	padding: 80px 20px 50px;
}

.intro::after {
	border-top-width: 80px;
}

.intro__img {
	width: 36%;
}

.intro__text-area {
	min-width: 455px;
}

.intro__title {
	font-size: 4rem;
}

.intro__text01 {
	font-size: 1.8rem;
}

.intro__text02 {
	font-size: 1.7rem;
}

.about {
	padding-bottom: 120px;
	padding-right: 0;
}

.about__inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 70px;
}

.about__title {
	margin-bottom: 40px;
}

.about__title--en {
	font-size: 2.8rem;
}

.about__title--ja {
	font-size: 5rem;
}

.about__text {
	margin-bottom: 20px;
}

}

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

.footer {
	padding: 10px;
}

.copyright {
	font-size: 1.1rem;
}

.header {
	padding: 3px 0 6px;
}

.header__logo {
	width: 140px;
}

.button {
	border-bottom-width: 7px;
	height: 70px;
	margin-top: 15px;
	width: 300px;
}

.button:active {
	height: 63px;
	margin-top: 20px;
}

.button__text--sm {
	font-size: 1.8rem;
}

.button__text--lg {
	font-size: 2.6rem;
	letter-spacing: calc(50 / 1000 * 1em);
}

.button-catch {
	font-size: 1.8rem;
	padding: 4px 30px;
}

.button-catch::after {
	border-width: 10px 10.5px 0 10.5px;
}

.form__label {
	font-size: 2rem;
	padding-left: 15px;
}

.form__input {
	height: 45px;
}

.form__submit {
	font-size: 1.8rem;
	height: 50px;
	margin-top: 60px;
}

.form__submit:active {
	height: 43px;
	margin-top: 67px;
}

.list {
	margin-bottom: 10px;
}

.list__item {
	background-position: top 5px left 0;
	background-size: 16px;
	font-size: 1.4rem;
	line-height: 2;
	padding-left: 25px;
}

.tab__label {
	font-size: 1.4rem;
}

.tab__content.is_show {
	padding-bottom: 60px;
	padding-top: 20px;
}

.type {
	width: 130px;
}

.type__img--01 {
	width: 35.1px;
}

.type__img--02 {
	width: 41.6px;
}

.type__img--03 {
	width: 43.55px;
}

.type__img--04 {
	width: 44.2px;
}

.type__text {
	font-size: 2.2rem;
}

.diagnosis {
	min-height: calc(100vh - 86px);
	padding-bottom: 60px;
}

.diagnosis__inner {
	padding: 30px 20px 0;
}

.diagnosis__yen {
	width: 114px;
}

.diagnosis__bg {
	right: -30px;
	top: 50px;
	width: 170px;
}

.diagnosis__img--01 {
	-webkit-transform: translateX(-60%);
	left: 50%;
	transform: translateX(-60%);
	width: 350px;
}

.diagnosis__img--02 {
	-webkit-transform: translateX(85%);
	right: 50%;
	top: 100px;
	transform: translateX(85%);
	width: 385px;
}

.diagnosis__step {
	height: 8px;
	width: 80%;
}

.diagnosis__heading {
	margin-bottom: 20px;
}

.diagnosis__num {
	font-size: 2rem;
	margin-bottom: 10px;
}

.diagnosis__text {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.diagnosis__title {
	font-size: 2.9rem;
	letter-spacing: 0.05rem;
}

.diagnosis__list {
	gap: 20px 5%;
}

.diagnosis__item {
	min-width: 300px;
}

.diagnosis__item label {
	font-size: 1.6rem;
	font-weight: bold;
	height: 45px;
}

.slick-prev::before {
	font-size: 1.2rem;
}

.slick-next::before {
	font-size: 1.2rem;
}

.result__inner {
	padding: 20px 20px 50px;
}

.result__yen {
	width: 112px;
}

.result__yen--01 {
	left: -50px;
}

.result__yen--03 {
	left: 3%;
}

.result__yen--04 {
	bottom: 35px;
}

.result__yen--05 {
	right: 5%;
}

.result__title {
	font-size: 4rem;
}

.result__contents {
	padding: 30px 10px;
}

.result__head {
	margin-bottom: 20px;
}

.result .type {
	width: 200px;
}

.result .type__img {
	margin-bottom: 5px;
}

.result .type__img--01 {
	width: 54px;
}

.result .type__img--02 {
	width: 64px;
}

.result .type__img--03 {
	width: 67px;
}

.result .type__img--04 {
	width: 68px;
}

.result .type__text {
	font-size: 3.4rem;
}

.result__heading--sm {
	font-size: 1.8rem;
}

.result__heading--lg {
	display: inline-block;
	font-size: 3rem;
}

.result__lead {
	font-size: 1.7rem;
	max-width: 300px;
	padding: 20px 10px;
	width: 100%;
}

.result__img {
	bottom: -10px;
	right: -50px;
	width: 90px;
}

.result__text {
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 2;
	margin-bottom: 20px;
}

.result__button {
	border-bottom-width: 5px;
	font-size: 1.6rem;
	gap: 5px;
	height: 60px;
	margin-top: 40px;
	max-width: 350px;
	width: 90%;
}

.result__button:active {
	height: 55px;
	margin-top: 45px;
}

.result__button img {
	width: 34px;
}

.cta__inner {
	padding: 40px 20px;
}

.cta__yen {
	width: 112px;
}

.cta__img-area {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.cta__img {
	position: static;
	width: 167.5px;
}

.cta__title {
	font-size: 2rem;
	margin-bottom: 10px;
}

.cta__logo {
	width: 335px;
}

.intro {
	margin-bottom: 90px;
	padding: 40px 20px 0;
}

.intro::after {
	border-top-width: 50px;
}

.intro__inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	gap: 20px;
}

.intro__img {
	width: 220px;
}

.intro__text-area {
	min-width: unset;
}

.intro__title {
	font-size: 3rem;
	letter-spacing: calc(10 / 1000 * 1em);
	margin-bottom: 15px;
}

.intro__text01 {
	font-size: 1.5rem;
	letter-spacing: calc(100 / 1000 * 1em);
	line-height: 2;
	margin-bottom: 20px;
}

.intro__text02 {
	font-size: 1.4rem;
	margin-bottom: 5px;
}

.intro__text02 + .intro__text02 {
	margin-bottom: 15px;
}

.intro__text03 {
	font-size: 1.3rem;
	letter-spacing: calc(100 / 1000 * 1em);
}

.intro__text03 span {
	padding-bottom: 3px;
}

.about {
	padding: 0 20px 70px;
}

.about__text-area {
	min-width: unset;
}

.about__title {
	margin-bottom: 30px;
}

.about__title--en {
	font-size: 2.3rem;
	margin-bottom: 0;
}

.about__title--ja {
	font-size: 4rem;
}

.about__title--ja span {
	padding-bottom: 5px;
}

.about__text {
	font-size: 1.4rem;
	letter-spacing: calc(100 / 1000 * 1em);
	line-height: 2;
	margin-bottom: 10px;
}

.about__type-area {
	gap: 30px;
	width: 335px;
}

.about__type-area::before,
.about__type-area::after {
	width: 375px;
}

}
input[type="date"] {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: 700;
	background: #fff !important;
    -webkit-appearance: none; /* Safari/Chrome 用 */
    -moz-appearance: none;    /* Firefox 用 */
    appearance: none;         /* その他のブラウザ用 */
}
.wpcf7-radio {
	display: flex;
    gap: 20px;
	width: 100%;
}
.wpcf7-radio span{
	width: 100%;
}
.form__input {
min-width: 300px;
}
.footer-link {
	color:#fff;
	border-bottom: 1px solid #fff;
	margin-bottom:20px;
	
}
/*# sourceMappingURL=styles.css.map */