@charset "UTF-8";
/* スマホパララックス対策 */
@media screen and (max-width: 767px) {
	main,
	.contact_wrap,
	footer {
		background: var(--white);
	}
}
/*--------------------------------------------------
**************************************************
  メインビジュアル
**************************************************
--------------------------------------------------*/
.mv {
	position: relative;
	width: 100%;
	min-height: 100vh;
	padding-bottom: 80px;
	background: #1977DA url(../imgs/top/mv.png) no-repeat center center / cover;
	background-attachment: fixed;
	overflow: hidden;
}

.decoration_01 {
	position: absolute;
	top: 65vh;
	left: 2vw;
	transform: rotate(135deg);
	display: block;
	width: 400px;
	height: 60px;
	background: linear-gradient(90deg, #4EA3FF 0%, #ADD5FF 100%);
	border-radius: 9999px;
}

.decoration_02 {
	position: absolute;
	top: 7vh;
	right: 16vw;
	transform: rotate(135deg);
	display: block;
	width: 540px;
	height: 100px;
	background: linear-gradient(90deg, #4EA3FF 0%, #ADD5FF 100%);
	border-radius: 0 9999px 9999px 0;
}

.decoration_03 {
	position: absolute;
	top: 20vh;
	right: -10vw;
	transform: rotate(135deg);
	display: block;
	width: 1000px;
	height: 140px;
	background: linear-gradient(90deg, #4EA3FF 0%, #ADD5FF 100%);
	border-radius: 0 9999px 9999px 0;
}

.mv .box1 {
	position: relative;
	display: flex;
	justify-content: flex-end;
	gap: 5vw;
	width: min(1728px, 100% - 96px);
	min-height: 62vh;
	margin: 30px auto;
}

.mv .box1 .text_box {
	position: relative;
	z-index: 2;
}

.mv .box1 .text_1 {
	text-align: center;
	font-size: 4.6rem;
	font-weight: 800;
	color: var(--white);
}

.mv .box1 .text_2 {
	margin-top: 24px;
	text-align: center;
	font-size: 12.0rem;
	font-weight: 800;
	line-height: 1;
	color: var(--white);
}

.mv .box1 .text_2 .batsu {
	display: block;
	font-size: 4.0rem;
	font-weight: 350;
}

.mv .box1 .text_2 .poppins {
	font-size: 15.0rem;
	font-weight: 600;
	line-height: 1;
	vertical-align: -0.08em;
}

.mv .box1 .text_3 {
	margin-top: 24px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.7;
	color: var(--white);
}

.mv .box1 .image_1 img {
	position: relative;
	left: -30px;
	top: -15px;
}

.mv .box1 .image_2 {
	position: relative;
}

.mv .box1 .image_2 .catch {
	position: absolute;
	right: 85px;
	bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 210px;
	height: 210px;
	background: var(--white);
	border-radius: 50%;
}

.mv .box1 .image_2 .catch p {
	text-align: center;
	color: var(--blue-dark);
}

.mv .box1 .image_2 .catch p:nth-of-type(1) {
	font-size: 2.2rem;
	font-weight: 800;
}

.mv .box1 .image_2 .catch p:nth-of-type(2) {
	font-size: 1.4rem;
	font-weight: 700;
}

.mv .box2 {
	padding: 0;
}

.mv .box2 .message_box {
	display: flex;
	justify-content: center;
	gap: 60px;
	width: min(1728px, 100% - 96px);
	margin: auto;
	padding: 120px 0 0;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 24px;
}

.mv .box2 .message_box .image_box {
	width: 700px;
}

.mv .box2 .message_box .image_box > div:nth-of-type(1) {
	position: relative;
	z-index: 2;
	max-width: 620px;
	margin-left: auto;
}

.mv .box2 .message_box .image_box > div:nth-of-type(2) {
	position: relative;
	top: -130px;
	z-index: 1;
	max-width: 320px;
}

.mv .box2 .message_box .text_box {
	max-width: 630px;
	width: 100%;
}

.mv .box2 .message_box .text_1 {
	margin-top: 40px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2;
}

.mv .box2 .message_box .link_box {
	margin-top: 134px;
	text-align: center;
}

/* PC */
@media screen and (min-width: 768px) {
	.mv::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 320px;
		height: 678px;
		background: url(../imgs/top/mv_decoration_01.png) no-repeat left top / 100%;
	}
}

/* sp */
@media screen and (max-width: 767px) {
	.mv {
		padding-bottom: 40px;
		background: none;
		background-attachment: scroll;
	}
	
	.mv .sp_bg_image::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100%;
		background: #1977DA url(../imgs/top/mv_sp.png) no-repeat center center / cover;
	}
	
	.mv.is-bg-hidden .sp_bg_image::before {
		opacity: 0;
		pointer-events: none;
	}
	
	.decoration_01 {
		top: 55vh;
		left: -70vw;
		height: 36px;
	}

	.decoration_02 {
		top: 2vh;
		right: -100vw;
		height: 50px;
	}

	.decoration_03 {
		top: 50vh;
		right: -95vw;
		width: 540px;
		height: 40px;
	}

	.mv .box1 {
		display: block;
		width: 95%;
		min-height: auto;
	}

	.mv .box1 .text_1 {
		font-size: 1.8rem;
	}

	.mv .box1 .text_2 {
		margin-top: 8px;
		font-size: 5.0rem;
		line-height: 1.1;
	}

	.mv .box1 .text_2 .batsu {
		font-size: 2.0rem;
	}

	.mv .box1 .text_2 .poppins {
		font-size: 6.4rem;
		font-weight: 500;
	}

	.mv .box1 .text_3 {
		margin-top: 19px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.7;
	}

	.mv .box1 .image_box_sp_slide {
		margin-top: 24px;
	}

	.mv .box1 .image_box_sp_slide .swiper-slide {
		width: 65%;
		height: auto;
	}

	.mv .box1 .image_box_sp_slide .swiper-slide img {
		object-fit: cover;
		display: block;
		width: 100%;
		height: auto;
	}

	.mv .box2 {
		position: relative;
	}

	.mv .box2 .message_box {
		flex-direction: column-reverse;
		justify-content: flex-start;
		gap: 24px;
		width: 90%;
		margin: auto;
		padding: 40px 20px;
	}

	.mv .box2 .message_box .image_box {
		width: 100%;
	}

	.mv .box2 .message_box .image_box > div:nth-of-type(1) {
		margin: auto;
	}

	.mv .box2 .message_box .text_1 {
		margin-top: 24px;
		font-size: 1.6rem;
	}

	.mv .box2 .message_box .link_box {
		margin-top: 24px;
	}

}


/*--------------------------------------------------
**************************************************
  不動産売却ガイド
**************************************************
--------------------------------------------------*/
.guide_box {
	width: min(1728px, 100% - 96px);
	margin: 170px auto 0;
}

.guide_box .text_1 {
	margin-top: 64px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2;
}

.guide_box .link_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 34px;
	margin-top: 64px;
}

.guide_box .guide_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* PCで3列 */
	gap: 54px 49px;
	margin-top: 120px;
}

.guide_box .guide_list .item .count {
	position: relative;
	z-index: 1;
	margin-top: -15px;
	text-align: center;
}

.guide_box .guide_list .item h3 {
	text-align: center;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.4;
}

.guide_box .guide_list .item .text_2 {
	margin-top: 14px;
	text-align: center;
	font-size: 1.5rem;
}

/* PC */
@media screen and (min-width: 768px) {
	.guide_box .guide_list .item .thumb_link {
		overflow: hidden;
		border-radius: 16px;
	}

	.guide_box .guide_list .item .thumb_link:hover img {
		transform: scale(1.1);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.guide_box {
		width: 92%;
		margin-top: 0;
		padding-top: 64px;
	}

	.guide_box .text_1 {
		margin-top: 24px;
		text-align: left;
		font-size: 1.6rem;
	}

	.guide_box .link_box {
		gap: 16px;
		width: 90%;
		margin: 24px auto 0;
	}

	.guide_box .guide_list {
		grid-template-columns: 1fr;
		gap: 48px;
		margin-top: 92px;
	}

	.guide_box .guide_list .item .count {
		margin-top: -10px;
	}

	.guide_box .guide_list .item h3 {
		font-size: 2.0rem;
	}

	.guide_box .guide_list .item .text_2 {
		margin-top: 16px;
		text-align: left;
		font-size: 1.4rem;
	}
}


/*--------------------------------------------------
**************************************************
  成功事例のご紹介
**************************************************
--------------------------------------------------*/
.history_box {
	margin-top: 200px;
}

.history_box .text_1 {
	margin-top: 64px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}

.history_box [class^="case_"] {
	display: flex;
	align-items: flex-start;
	gap: 76px;
	/* max-width: 1920px; */
	margin: 120px auto 0;
}

.history_box [class^="case_"] picture img {
	display: block;
	width: 886px;
	height: auto;
}

.history_box [class^="case_"] .text_box {
	max-width: 638px;
	width: 100%;
	padding-top: 20px;
}

.history_box [class^="case_"] .text_box h3 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.4;
}

.history_box [class^="case_"] .text_box .text_2 {
	margin: 16px 0;
}

.history_box [class^="case_"] .text_box dl {
	display: flex;
	align-items: center;
	gap: 40px;
	margin-top: 24px;
}

.history_box [class^="case_"] .text_box dl dt {
	width: 160px;
	padding: 10px 0 10px 20px;
	font-weight: 700;
	color: var(--blue-gradient-end);
}

.history_box [class^="case_"] .text_box dl dd {
	width: 446px;
	font-size: 1.5rem;
}

.history_box .link_box {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

/* PCでの左右突き出し */
@media (min-width: 1200px) {
	/* case_01 は左に画像を出す */
	.history_box .case_01 picture {
		flex: 0 0 886px;
		/* ビューポートの左端に揃える */
		margin-left: calc(50% - 50vw);
	}
	/* case_02 は右に画像を出す */
	.history_box .case_02 {
		flex-direction: row-reverse;
	}
	.history_box .case_02 picture {
		flex: 0 0 886px;
		/* ビューポートの右端に揃える */
		margin-right: calc(50% - 50vw);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.history_box {
		width: 92%;
		margin: 120px auto 0;
	}

	.history_box .text_1 {
		margin-top: 24px;
		text-align: left;
		font-size: 1.6rem;
	}

	.history_box [class^="case_"] {
		flex-direction: column;
		gap: 16px;
		margin-top: 40px;
	}

	.history_box .case_02 {
		margin-top: 74px;
	}

	.history_box [class^="case_"] picture img {
		width: 100%;
	}

	.history_box [class^="case_"] .text_box {
		padding-top: 0;
	}

	.history_box [class^="case_"] .text_box h3 {
		margin-top: 15px;
		font-size: 2.0rem;
	}

	.history_box [class^="case_"] .text_box .text_2 {
		font-size: 1.5rem;
	}

	.history_box [class^="case_"] .text_box dl {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-top: 16px;
	}

	.history_box [class^="case_"] .text_box dl dt {
		width: 100%;
		padding: 6px 0 6px 20px;
		font-size: 1.5rem;
	}

	.history_box [class^="case_"] .text_box dl dd {
		width: 100%;
	}

	.history_box .link_box {
		width: 90%;
		margin: 64px auto 0;
	}
}


/*--------------------------------------------------
**************************************************
  不動産売却に関するスペシャルコンテンツ
**************************************************
--------------------------------------------------*/
.special_box {
	margin-top: 120px;
	padding: 120px 20px 94px;
	background: linear-gradient(131.51deg, #237DDE 11.62%, #0252A8 99.2%);
}

.special_box > div {
	max-width: var(--content-max-width);
	width: 100%;
	margin: auto;
}

.special_box .heading_01 .sub {
	opacity: 0.5;
	color: var(--white);
}

.special_box .heading_01 .main {
	color: var(--white);
}

.special_box .slide {
	display: flex;
	justify-content: center;
	gap: 24px;
	max-width: 1100px;
	width: 100%;
	margin: 64px auto 0;
	padding: 66px 40px 40px;
	background: #f7f7f7;
	border-radius: 24px;
}

.special_box .slide .slide_item {
	max-width: 310px;
	width: 100%;
}

.special_box .slide .slide_item a {
	position: relative;
	display: block;
	height: 100%;
	padding: 80px 24px 60px;
	background: var(--white);
	border-radius: 24px;
	box-shadow: 0px 0px 40px 0px #0000001A;
	text-align: center;
}

.special_box .slide .check_01 {
	position: absolute;
	top: -26px;
	left: 50%;
	transform: translateX(-50%);
}

.special_box .slide h3 {
	margin-top: 24px;
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 1.5;
	color: #404040;
}

.special_box .slide .slide_item p:nth-of-type(1) {
	margin-top: 24px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.8;
}

/* SP */
@media screen and (max-width: 767px) {
	.special_box {
		margin-top: 133px;
		padding: 64px 20px;
	}

	.special_box > div {
		width: 100%;
	}

	.special_box .slide {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin-top: 40px;
		padding: 40px 0 70px;
	}

	.special_box .slide .slide_item {
		max-width: none;
	}

	.special_box .slide .swiper-wrapper {
		position: relative;
		padding: 0;
	}

	.swiper_2 .swiper-slide {
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
	}

	.swiper_2 .swiper-slide > a {
		display: block;
		height: 100%;
		margin: 0 32px;
		padding: 80px 24px 60px;
		background: var(--white);
		border-radius: 24px;
		box-shadow: 0 0 40px 0 #0000001a;
		text-align: center;
	}

	.special_box .slide .check_01 {
		top: -15px;
	}

	.special_box .slide h3 {
		font-size: 2.0rem;
	}

	/* ページネーションを下に */
	.swiper_2 .swiper-pagination {
		position: absolute;
		left: 50%;
		bottom: 30px;
		transform: translateX(-50%);
		display: flex;
		justify-content: center;
		gap: 10px;
	}

	.swiper_2 .swiper-pagination .swiper-pagination-bullet {
		display: block;
		width: 12px;
		height: 12px;
		background: var(--gray-bg-dark);
		border-radius: 50%;
	}

	.swiper_2 .swiper-pagination .swiper-pagination-bullet-active {
		background: var(--blue-gradient-end);
	}

	/* 矢印 */
	.swiper_2 .swiper-button-next,
	.swiper_2 .swiper-button-prev {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		z-index: 1;
		display: block;
		width: 10px;
		height: 21px;
	}

	.swiper_2 .swiper-button-next {
		right: 10px;
		background: url(../imgs/other/arrow_right_01_sp.png) no-repeat left top / 100%;
	}

	.swiper_2 .swiper-button-prev {
		left: 10px;
		background: url(../imgs/other/arrow_left_01_sp.png) no-repeat left top / 100%;
	}
}

/*--------------------------------------------------
**************************************************
  ※背景色
**************************************************
--------------------------------------------------*/
.bg_grey_01 {
	background: #f7f7f7;
}


/*--------------------------------------------------
**************************************************
  お知らせ
**************************************************
--------------------------------------------------*/
.news_box {
	display: flex;
	gap: 120px;
	max-width: var(--content-width);
	width: 95%;
	margin: 0 auto;
	padding-top: 170px;
}

.news_box .heading_box {
	max-width: 400px;
	width: 100%;
}

.news_box .heading_01 {
	text-align: left;
}

.news_box .heading_box .link_box {
	margin-top: 88px;
}

.news_box .article_box {
	max-width: 760px;
	width: 100%;
}

.news_box .article_box ul li {
	padding: 40px 0;
	border-bottom: var(--gray-line) 1px solid;
}

.news_box .article_box .archive_date {
	font-family: "Poppins", sans-serif;
	font-size: 1.6rem;
	line-height: 1;
	color: var(--black-base);
}

.news_box .article_box .archive_title {
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--black-base);
}

/* SP */
@media screen and (max-width: 767px) {
	.news_box {
		flex-direction: column;
		gap: 0;
		width: 92%;
		padding-top: 64px;
	}

	.news_box .heading_01 {
		text-align: center;
	}

	.news_box .article_box ul a {
		padding: 24px 0;
	}

	.news_box .article_box .archive_date {
		font-size: 1.2rem;
	}

	.news_box .article_box .archive_title {
		margin-top: 8px;
		font-size: 1.4rem;
	}

	.news_box .article_box .link_box {
		width: 92%;
		margin: 40px auto 0;
	}
}


/*--------------------------------------------------
**************************************************
  岐阜の不動産売却お役立ちマガジン
**************************************************
--------------------------------------------------*/
.column_box {
	width: min(1728px, 100% - 96px);
	margin: 160px auto 0;
}

.column_box .text_1 {
	margin-top: 24px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}

.column_box .column_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	margin-top: 64px;
}

.column_box .link_box {
	display: flex;
	justify-content: center;
	margin-top: 64px;
}

/* SP */
@media screen and (max-width: 767px) {
	.column_box {
		width: 92%;
		margin-top: 120px;
	}

	.column_box .text_1 {
		text-align: left;
		font-size: 1.6rem;
	}

	.column_box .column_list {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-top: 40px;
	}

	.column_box .link_box {
		width: 92%;
		margin: 40px auto 0;
	}
}