/**
 *
 * page-finding.scss
 *
 */
/* ------------------------------------------------------------
 finding-hero
------------------------------------------------------------ */
.finding-hero {
	position: relative;
	overflow: hidden;
	background: var(--color-gradation7);
	padding-top: 0.1px;
}

@media screen and (min-width: 1024px) {
	.finding-hero {
		height: 76rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero {
		height: 44rem ;
	}
}

/* ----------------------------------------
 finding-hero__contents
---------------------------------------- */
.finding-hero__contents {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.finding-hero__contents {
		margin-top: 16.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__contents {
		margin-top: 12.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__title {
		width: 85.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__title {
		width: 34.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__catch {
		width: 63.2rem ;
		margin-top: 4.2rem ;
		margin-left: -1.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__catch {
		width: 31.6rem ;
		margin-top: 2.1rem ;
		margin-left: -1.1rem ;
	}
}

.finding-hero__txt {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.finding-hero__txt {
		margin-top: 3.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__txt {
		margin-top: 1.6rem ;
	}
}

/* ----------------------------------------
 finding-hero__cloud
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.finding-hero__cloud-1 {
		--width: 274;
		--top: 91;
		--left: -28;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-1 {
		--width: 103;
		--top: 76;
		--left: -28;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__cloud-2 {
		--width: 164;
		--top: 372;
		--left: -16;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-2 {
		--width: 62;
		--top: 211;
		--left: -14;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__cloud-3 {
		--width: 206;
		--top: 430;
		--left: 287;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-3 {
		--width: 77;
		--top: 263;
		--left: 91;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__cloud-4 {
		--width: 352;
		--top: 34;
		--right: -82;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-4 {
		--width: 132;
		--top: 34;
		--right: -14;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__cloud-5 {
		--width: 156;
		--top: 328;
		--right: 337;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-5 {
		--width: 59;
		--top: 195;
		--right: 24;
	}
}

@media screen and (min-width: 1024px) {
	.finding-hero__cloud-6 {
		--width: 201;
		--top: 446;
		--right: 34;
	}
}

@media screen and (max-width: 1023px) {
	.finding-hero__cloud-6 {
		--width: 75;
		--top: 319;
		--right: 30;
	}
}

/* ------------------------------------------------------------
 finding-area
------------------------------------------------------------ */
.finding-area {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.finding-area--1 {
		--base-width: 1728;
		--base-height: 1199;
		margin-top: -16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area--1 {
		--base-width: 390;
		--base-height: 313;
		margin-top: -5.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area--1 .finding-area__figure img {
		min-width: 115.38462vw;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area--2 {
		--base-width: 1728;
		--base-height: 1190;
		margin-top: 8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area--2 {
		--base-width: 390;
		--base-height: 297;
		margin-top: 4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area--2 .finding-area__figure {
		justify-content: flex-end;
	}
	.finding-area--2 .finding-area__figure img {
		min-width: 110.25641vw;
	}
}

/* ----------------------------------------
 finding-area__figure
---------------------------------------- */
.finding-area__figure {
	display: flex;
	justify-content: center;
}

/* ----------------------------------------
 finding-area__pin
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.finding-area__pin {
		--width: 100;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin {
		--width: 53;
	}
}

.finding-area__pin img {
	-webkit-filter: var(--shadow);
	filter: var(--shadow);
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique1 {
		--top: 108;
		--left: 486;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique1 {
		--top: 12;
		--left: 106;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique2 {
		--top: 187;
		--left: 257;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique2 {
		--top: 31;
		--left: 36;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique3 {
		--top: 312;
		--left: 1025;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique3 {
		--top: 54;
		--left: 218;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique4 {
		--top: 176;
		--left: 1458;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique4 {
		--top: 39;
		--left: 327;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique5 {
		--top: 686;
		--left: 183;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique5 {
		--top: 143;
		--left: 31;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique6 {
		--top: 891;
		--left: 499;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique6 {
		--top: 228;
		--left: 98;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique7 {
		--top: 456;
		--left: 887;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique7 {
		--top: 102;
		--left: 190;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique8 {
		--top: 892;
		--left: 802;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique8 {
		--top: 220;
		--left: 174;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique9 {
		--top: 635;
		--left: 1191;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique9 {
		--top: 137;
		--left: 279;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique10 {
		--top: 647;
		--left: 649;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique10 {
		--top: 153;
		--left: 130;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique17 {
		--top: 785;
		--left: 1458;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique17 {
		--top: 211;
		--left: 327;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique18 {
		--top: 350;
		--left: 112;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique18 {
		--top: 80;
		--left: 42;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique11 {
		--top: 789;
		--left: 1355;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique11 {
		--top: 188;
		--left: 292;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique12 {
		--top: 155;
		--left: 1556;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique12 {
		--top: 35;
		--left: 324;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique13 {
		--top: 624;
		--left: 734;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique13 {
		--top: 134;
		--left: 126;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique14 {
		--top: 400;
		--left: 343;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique14 {
		--top: 93;
		--left: 36;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique15 {
		--top: 294;
		--left: 796;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique15 {
		--top: 61;
		--left: 142;
	}
}

@media screen and (min-width: 1024px) {
	.finding-area__pin.-unique16 {
		--top: 869;
		--left: 1029;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__pin.-unique16 {
		--top: 204;
		--left: 204;
	}
}

.finding-area__pin__button {
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
}

@media (hover: hover) {
	.finding-area__pin__button:hover {
		-webkit-transform: var(--hover-scale4);
		transform: var(--hover-scale4);
	}
}

.finding-area__pin__button img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* ----------------------------------------
 finding-area__contents
---------------------------------------- */
.finding-area__contents {
	max-width: 79.4rem ;
	width: var(--contents);
	margin-inline: auto;
	box-shadow: var(--shadow2);
	border: var(--solid-bold-main3);
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.finding-area__contents {
		padding: 11.4rem 11.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__contents {
		padding: 7.6rem var(--outside);
	}
}

.finding-area__contents__figure {
	text-align: center;
}

.finding-area__contents__figure img {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.finding-area__contents__figure img {
		max-width: calc( var(--width) * 0.1rem);
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__contents__figure img {
		max-width: calc( var(--width) * 0.672 * 0.1rem);
	}
}

.finding-area__contents__figure [src*="contents_1.webp"] {
	--width: 260;
}

.finding-area__contents__figure [src*="contents_2.webp"] {
	--width: 590;
}

.finding-area__contents__figure [src*="contents_3.webp"] {
	--width: 139;
}

.finding-area__contents__figure [src*="contents_4.webp"] {
	--width: 251;
}

.finding-area__contents__figure [src*="contents_5.webp"] {
	--width: 166;
}

.finding-area__contents__figure [src*="contents_6.webp"] {
	--width: 212;
}

.finding-area__contents__figure [src*="contents_7.webp"] {
	--width: 250;
}

.finding-area__contents__figure [src*="contents_8.webp"] {
	--width: 200;
}

.finding-area__contents__figure [src*="contents_9.webp"] {
	--width: 111;
}

.finding-area__contents__figure [src*="contents_10.webp"] {
	--width: 125;
}

.finding-area__contents__figure [src*="contents_11.webp"] {
	--width: 590;
}

.finding-area__contents__figure [src*="contents_12.webp"] {
	--width: 230;
}

.finding-area__contents__figure [src*="contents_13.webp"] {
	--width: 305;
}

.finding-area__contents__figure [src*="contents_14.webp"] {
	--width: 258;
}

.finding-area__contents__figure [src*="contents_15.webp"] {
	--width: 197;
}

.finding-area__contents__figure [src*="contents_16.webp"] {
	--width: 590;
}

.finding-area__contents__figure [src*="contents_17.webp"] {
	--width: 313;
}

.finding-area__contents__figure [src*="contents_18.webp"] {
	--width: 297;
}

.finding-area__contents__num {
	width: 6.4rem ;
	height: 5.6rem ;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline: auto;
	background-image: url("../img/common/icon/title_symbol.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--color-txt2);
	font-family: var(--font-sans-serif);
	font-size: var(--font-size24);
	padding-top: 0.8rem ;
	margin-top: 4rem ;
}

.finding-area__contents__title {
	text-align: center;
	font-weight: 700;
	line-height: var(--line-height-noraml);
	margin-top: 2rem ;
}

@media screen and (min-width: 1024px) {
	.finding-area__contents__title {
		font-size: var(--font-size32);
	}
}

@media screen and (max-width: 1023px) {
	.finding-area__contents__title {
		font-size: var(--font-size24);
	}
}

.finding-area__contents__txt {
	margin-top: 2rem ;
}

.finding-area__contents__close {
	width: 24rem ;
	height: 6rem ;
	margin-top: 4rem ;
	margin-inline: auto;
}

.finding-area__contents__close button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-max);
	background: var(--color-gradation10);
	color: var(--color-txt2);
	font-weight: 700;
	font-size: var(--font-size20);
}

/* ------------------------------------------------------------
 finding-gradation
------------------------------------------------------------ */
.finding-gradation {
	margin: -0.1rem 0 ;
}

@media screen and (min-width: 1024px) {
	.finding-gradation {
		height: 16rem ;
	}
}

@media screen and (max-width: 1023px) {
	.finding-gradation {
		height: 8rem ;
	}
}

.finding-gradation.-color1 {
	background: var(--color-gradation8);
}

.finding-gradation.-color2 {
	background: var(--color-gradation9);
}
/*# sourceMappingURL=sourcemaps/page-finding.css.map */