@charset "utf-8";

@font-face {
	font-family: "Noto Sans JP";
	src: url(/fonts/NotoSansJP-Regular.ttf);
	font-weight: 400;
}

@font-face {
	font-family: "Noto Sans JP";
	src: url(/fonts/NotoSansJP-Medium.ttf);
	font-weight: 500;
}

@font-face {
	font-family: "Noto Sans JP";
	src: url(/fonts/NotoSansJP-Bold.ttf);
	font-weight: 700;
}

@font-face {
	font-family: "Zen Maru Gothic";
	src: url(/fonts/ZenMaruGothic-Bold.ttf);
	font-weight: 700;
}

body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

.l-main * {
	font-family: "Noto Sans JP",sans-serif;
}
#contents,
.l-main {
	width: 100%;
	background: #fff;
	padding: 0;
	overflow: hidden;
}
.mv__img {
	width: 100%;
	height: 600px;
}
	.mv__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

[class*="__contWrap"] {
    width: 1140px;
    margin: 0 auto;
    padding: 79px 0 49px;
    background: #fff;
}
	[class*="__contTtl"] {
		font-size: 40px;
		font-weight: 500;
		color: #3B3937;
		line-height: 1.5;
		text-align: center;
	}
	[class*="__contTtl"] span {
		display: block;
		font-size: 26px;
		font-weight: 700;
		font-family: "FOT-筑紫A丸ゴシック Std", sans-serif;
		color: #EEC796;
	}

.parts47__contInner {
    display: flex;
    justify-content: space-between;
    padding-top: 32px;
}
	.parts47__item {
		width: 212px;
	}
		.parts47__img {
			width: 212px;
			margin-bottom: 21px;
		}
		.parts47__text {
			font-size: 20px;
			line-height: 1.5;
			font-weight: 400;
			text-align: center;
		}
			.parts47__text .parts47__text--point {
				color: #F08600;
			}

/*3つの強み*/
.strengths {
	width: 1140px;
	margin: 0 auto 120px;
	padding-top: 48px;
}

.strengths_contWrap {
	text-align: center;
}

.strengths_contTtl {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.7;
}

.strengths_number {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: bold;
	font-size: 68px;
	line-height: 0.74;
	letter-spacing: 0.05em;
	color: #D2173E;
}

.strengths_text-pint {
	font-size: 40px;
	color: #3B3937;
}
.strengths_text {
	font-size: 26px;
	font-family: "FOT-筑紫A丸ゴシック Std",sans-serif;
	color: #F9CDD8;
	font-weight: bold;
	line-height: 1;
}

.strengths_item-box {
	background: url(../images/strengths.webp) no-repeat;
	width: 364px;
	height: 324px;
	padding-top: 57px;
	text-align: center;
}
.strengths_container{
	position: relative;
}
.l-main .strengths_container:before {
	content: "";
	position: absolute;
	background: url(../images/strengths02.webp) no-repeat;
	background-size: 100%;
	background-position: center;
	width: 1920px;
	height: 430px;
	top: 39px;
	left: -390px;
	z-index: 0;
}

.strengths_item-text {
	font-size: 20px;
	padding-bottom: 15px;
	position: relative;
}
.strengths_item-text:before {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 59px;
	transform: translateX(-50%);
	background: #DCDADA;
}


.strengths_item-text span {
	font-size: 34px;
	font-family: "Zen Maru Gothic",sans-serif;
	font-weight: 500;
	margin-left: 4px;
}

.item-text02 {
	color: #D2173E;
}

.strengths_item-text02 {
	font-size: 26px;
	padding-top: 2px;
	line-height: 1.6;
}

.strengths-plus::before {
	content: "";
	display: inline-block;
	width: 18px; /* プラス記号の幅 */
	height: 3px; /* 横線の太さ */
	background-color: #fff; /* プラス記号の色 */
	position: absolute;
	top: 28px; /* 縦位置の調整 */
	right: 28px;
	border-radius: 10px;
}

.strengths-plus::after {
	content: "";
	display: inline-block;
	width: 3px; /* 縦線の太さ */
	border-radius: 10px;
	height: 20px; /* プラス記号の高さ */
	background-color: #fff; /* プラス記号の色 */
	position: absolute;
	top: 20px;
	right: 35px; /* 横位置の調整 */
}

.modal-contact-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.modal-contact-img {
	width: 490px;
	height: 346px;
	flex-shrink: 0;
}

.modal-contact-item {
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.modal-contact-text {
  width: 470px;
  font-size: 16px;
  line-height: 1.75;
  padding-bottom: 5px;
}

.modal-contact-point {
  color: #D2173E;
}

.modal-contact-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(97, 69, 34, 0.2); /* 背景色に透明度を追加 */
  z-index: 10;
  /* backdrop-filter: blur(0px); */ /* ぼかし効果を適用 */
}

/* 中央に表示するコンテンツ用 */
.modal-content {
  position: relative;
  z-index: 11; /* 背景よりも前面に表示 */
  margin: 50px auto;
  padding: 20px;
  background: white;
  width: 80%;
  max-width: 600px;
  border-radius: 8px;
}


.modal-contact-head span {
	font-size: 34px;
	font-family: "Zen Maru Gothic",sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}

/* modal
--------------------------------------------------*/
.explanation_cont{
  	margin-bottom: 20px;
}
.explanation_txt{
  	font-size: 24px;
  	font-weight: bold;
}

.txt_items{
  	font-size: 16px;
}

.txt_items:not(:last-of-type){
	margin-bottom: 10px;
}

.modal-contact {
	position: fixed;
	z-index: 20;
	width: 1140px;
	border-radius: 22px;
	height: 564px;
	background: #fff;
	top: 54.4%;
	left: 49.7%;
	transform: translate(-50%, -50%);
	color: #707070;
	padding: 50px 80px;
	display: none;
}
  
	.modal_btnlist{
		display: flex;
		align-items: center;
		padding-top: 37px;
		gap: 24px;
		position: sticky;
		z-index: 0;
	}

	.modal_btnitems a{
		display: block;
		padding: 16px 0 0 3px;
		width: 304px;
		height: 60px;
		margin: 26px 30px 0;
		text-align: center;
		color: #fff;
		background: #D2173E;
		font-size: 20px;
		font-weight: bold;
		border-radius: 46px;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);
		text-decoration: none;
		position: relative;
	}

.modal-contact-head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 14px;
	position: relative;
}
  
  .modal-contact-head:after {
	content: '';
	width: 50px;
	height: 3px;
	position: absolute;
	left: 49.8%;
	top: 57px;
	transform: translateX(-50%);
	background: #DCDADA;
  }
  
  .modal-contact-title {
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 9px;
  }
  
  .modal-contact-text {
  	margin-top: 1px;
  }
  
.modal-contact-button {
	text-align: right;
	position: relative;
}
  
.modal-contact-button a {
	display: inline-block;
	width: 70px;
	height: 70px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	bottom: 424px;
	right: -60px;
	position: absolute;
	border-radius: 5px;
	text-decoration: none;
	}
	.modal-contact-button img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}
  
  	.modal-contact-background {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #61452233;
		z-index: 10;
		display: none;
		backdrop-filter: blur(6px);
  	}

/*///////// 不動産を売るまでの流れ //////////////*/
.cnt__wrap--flow {
	padding: 54px 0 100px;
}
	.cnt__inner--flow {
		width: 1140px;
		margin: 0 auto;
	}
		.cnt__ttl--flow {
			font-size: 40px;
			font-weight: 500;
			color: #3B3937;
			text-align: center;
		}
		.cnt__ttl--flow span {
			display: block;
			font-size: 26px;
			font-family: "FOT-筑紫A丸ゴシック Std",sans-serif;
			color: #EEC796;
			font-weight: 700;
			text-align: center;
		}
		.flow__top-txt {
			font-size: 24px;
			font-weight: 500;
			color: #3B3937;
			text-align: center;
			margin-top: 32px;
		}
		.flow__bt-list {
			display: flex;
			gap: 10px;
			border-bottom: 2px solid #F08600;
			margin-top: 30px;
		}
		.flow__bt-list.is-buy {
			border-bottom: 2px solid #D2173E;
		}
			.flow__bt {
				width: 188px;
				height: 55px;
				border-radius: 10px 10px 0 0;
				background: #C7C6C6;
				font-size: 24px;
				font-weight: 500;
				color: #FFF;
				text-align: center;
			}
			.flow__bt[data-flow="broker"].is-active {
				background: #F08600;
			}
			.flow__bt[data-flow="buy"].is-active {
				background: #D2173E;
			}
		.flow__list {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 40px 30px;
			margin-top: 40px;
		}
		.flow__list.is-hidden {
			display: none;
		}
			.flow__item {
				width: 200px;
				position: relative;
			}
			.flow__item:nth-child(5) {
				margin-right: 19px;
			}
			.flow__item:not(:last-of-type)::after {
				content: "";
				width: 13px;
				height: 23px;
				background: url(../images/flow_arrow.svg) no-repeat center / contain;
				position: absolute;
				top: 57px;
				right: -22px;
			}
				.flow__img {
					width: 200px;
					height: 136px;
				}
					.flow__img img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				.flow__txt {
					font-size: 18px;
					font-weight: 500;
					color: #3B3937;
					text-align: center;
					margin-top: 10px;
				}
					.flow__txt span {
						color: #F08600;
					}
				.attention__txt {
					display: flex;
					flex-direction: column;
					gap: 2px;
					margin-top: 6px;
				}
				.attention__txt span {
					display: flex;
					align-items: center;
					gap: 1px;
					padding-left: 25px;
					font-size: 14px;
					font-weight: 400;
					color: #3B3937;
					text-align: center;
				}
				.attention__txt span::before {
					content: "";
					display: inline-block;
					width: 23px;
					height: 23px;
					background: url(../images/caution_icn.svg) no-repeat center / contain;
				}

/*///////// リレイションホームだからできる高値買取の仕組み //////////////*/
.cnt__wrap--system {
	padding: 79px 0 100px;
	background: #FDF3F5;
}
	.cnt__inner--system {
		width: 1140px;
		margin: 0 auto;
	}
		.cnt__ttl--system {
			font-size: 40px;
			font-weight: 500;
			color: #3B3937;
			text-align: center;
		}
		.cnt__ttl--system span {
			display: block;
			font-size: 26px;
			font-family: "FOT-筑紫A丸ゴシック Std",sans-serif;
			color: #F9CDD8;
			font-weight: 700;
			text-align: center;
		}
		.system__box {
			display: flex;
			gap: 20px;
			margin-top: 32px;
		}
			.system__box-left {
				display: flex;
				flex-direction: column;
				gap: 20px;
			}
				.system__img-top {
					width: 610px;
					height: 260px;
				}
				.system__img-bottom {
					width: 610px;
					height: 354px;
				}
			.system__box-right {
				width: 510px;
				border-radius: 20px;
				border: 4px solid #D2173E;
				background: #fff;
			}
				.system__box-ttl {
					border-radius: 15px 15px 0 0;
					padding: 15px 0 21px;
					background: #D2173E;
					font-family: "FOT-筑紫A丸ゴシック Std",sans-serif;
					font-size: 30px;
					font-weight: 700;
					line-height: 1;
					color: #FFF;
					text-align: center;
				}
				.system__list-top {
					display: flex;
					flex-direction: column;
					gap: 3px;
					margin-top: 53px;
    				padding-left: 119px;
				}
					.system__list-top-txt {
						display: flex;
						align-items: center;
						gap: 10px;
						font-size: 20px;
						font-weight: 400;
						color: #3B3937;
					}
					.system__list-top-txt::before {
						content: "";
						display: inline-block;
						width: 5px;
						height: 5px;
						border-radius: 50%;
						background: #D2173E;
					}
				.system__list-bottom {
					display: flex;
					flex-direction: column;
					gap: 10px;
					margin-top: 72px;
    				padding-left: 25px;
					position: relative;
				}
				.system__list-bottom::before {
					content: "";
					width: 218px;
					height: 30px;
					background: url(../images/deco_txt.webp) no-repeat center / cover;
					position: absolute;
					top: -43px;
					left: 50%;
					transform: translateX(-50%);
				}
					.system__list-bottom-txt {
						display: flex;
						align-items: center;
						gap: 6px;
						font-size: 20px;
						font-weight: 400;
						color: #3B3937;
					}
					.system__list-bottom-txt::before {
						content: "";
						display: inline-block;
						width: 28px;
						height: 28px;
						background: url(../images/tabler_checkbox.svg) no-repeat center / contain;
					}
				.system__txt-bottom {
					font-size: 24px;
					font-weight: 500;
					color: #D2173E;
					text-align: center;
					margin-top: 30px;
				}

/*///////// 瀬戸市のエリア情報 //////////////*/
.cnt__wrap--information {
	padding: 100px 0 100px;
}
	.cnt__inner--information {
		width: 1140px;
		padding: 50px;
		background: #FFFDF3;
		margin: 0 auto;
	}
		.cnt__ttl--information {
			font-size: 40px;
			font-weight: 500;
			color: #3B3937;
			text-align: center;
		}
			.cnt__ttl--information span {
				display: block;
				font-family: "FOT-筑紫A丸ゴシック Std",sans-serif;
				font-size: 26px;
				font-weight: 700;
				color: #DFD8B7;
				text-align: center;
			}
		.information__box {
			display: flex;
			align-items: center;
			gap: 30px;
			margin-top: 32px;
		}
			.information__box-left {
				width: 450px;
				height: 253px;
				flex-shrink: 0;
			}
			.information__txt {
				font-size: 16px;
				font-weight: 400;
				line-height: 1.75;
				color: #3B3937;
			}

/*///////// 不動産売却の豆知識 //////////////*/
/* /////////////////////////////////////////////////////////////////////////////////////// */

.trivia__contWrap [class$="__contWrap"] {
  padding: 0 50px;
}
.head__sub-ttl {
	font-size: 24px;
	font-weight: 500;
	color: #3B3937;
	text-align: center;
	margin-bottom: 3px;
}
.trivia__item {
  width: 360px;
  box-shadow: 3px 4px 7px #E3E3E3;
  border-radius: 10px;
  background: #fff;
}

.trivia__item:not(:first-child) {
  margin-left: 30px;
}

.trivia__img {
  width: 360px;
  height: 240px;
  background: #ccc;
  border-radius: 10px 10px 0 0;
}

.trivia__img img{
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}

.trivia__ttl {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trivia__detail {
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  padding: 14px 22px 23px;
}
.trivia__text02 {
  font-size: 16px;
  color: #333;
  display: -webkit-box;        /* Flexboxのボックス表示を指定 */
  -webkit-box-orient: vertical; /* 垂直方向にコンテンツを表示 */
  -webkit-line-clamp: 2;        /* 表示する行数を指定（ここでは2行） */
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
}

.trivia__img a {
  width: 100%;
  height: 100%;
  display: flex;
}

.trivia__item a:hover {
  opacity: .8;
}
.trivia__item a {
  text-decoration: unset;
}

.parts_bkn_02_bkn__contents {
  margin-bottom: 10px;
}



.trivia__wrap {
  display: flex;
  margin-bottom: 40px;
}

/* スクロールバーが勝手に消えるのを防止 */
.simplebar-scrollbar,.simplebar-scrollbar:before {
  opacity: 1 !important;
}
/* スクロールバーの位置調整 */
.cont-scrollbar {
  position: relative;
}
.scroll_list {
  padding-bottom: 20px;
}
.simplebar-horizontal .simplebar-track.simplebar-scrollbar {
  bottom: 0;
}
.simplebar-horizontal .simplebar-track.simplebar-scrollbar:before {
  bottom: 0;
}

/* スクロールバーの色調整 */
.simplebar-track.simplebar-horizontal{
  background: #E9E9E9!important;
  border-radius: 10px;
  height: 10px;
}
.simplebar-track .simplebar-scrollbar:before {
  background-color: #CCCCCC;
  height: 20px;
}

.more__btn {
  width: 360px;
  margin: 31px auto 0;
}
.more__btn a {
  width: 360px;
  height: 60px;
  background-color: #D2173E;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 0;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.trivia__contTtl {
  margin-bottom: 0;
}

.trivia {
  background: #FDF3F5;
}

.trivia__contWrap {
  background: #FDF3F5;
  padding: 99px 0;
}

.trivia__contInner {
  padding-top: 32px;
}

.more__btn a:before {
  content: "";
  position: absolute;
  background: url(../images/arrow-white.svg)no-repeat;
  width: 17px;
  height: 17px;
  top: 22px;
  right: 39px;
}

.trivia-case,
.trivia__contWrap-case {
	background:	#fff;
}

.cont-parts01 {
    background-color: #FDF3F5;
}

.parts01__contWrap {
    background-color: #FDF3F5;
}

.cont-parts01 [class$="__contWrap"] {
    padding: 101px 50px 73px;
}

.contact01__contTtl span {
    color: #F9CDD8;
}

.contact01__ttl-text {
    text-align: center;
    color: #3B3937;
    font-size: 24px;
    font-weight: 500;
    padding-top: 33px;
    line-height: 1.5;
}

.contact01__item-box {
    width: 1040px;
    margin: 29px auto;
    display: flex;
    background: #fff;
    gap: 32px;
    border-radius: 20px;
    position: relative;
    justify-content: center;
}

.contact01__item-box:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 195px;
    background-color: #707070;
    top: 21px;
    left: 423px;
}

.contact01__li-tel {
    width: 385px;
    position: relative;
    margin-left: 16px;
    margin-top: 31px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact01__li-tel::before {
    content: "";
    position: absolute;
    background: url(../images/tel_icn.svg) center top no-repeat;
    background-size: 100%;
    width: 32px;
    height: 41px;
	top: 11px;
    left: 2px;
}

.contact01__text {
    font-size: 46px;
    font-weight: 500;
    text-align: center;
    padding: 0 0 0 42px;
    letter-spacing: 0.02em;
    margin-left: 0;
    line-height: 1.2;
}

.contact01__text02 {
    font-size: 16px;
	font-weight: 500;
    text-align: left;
    line-height: 1.1;
    margin-top: 6px;
    padding-left: 3px;
}

.contact01__text02 span {
	margin-left: 19px;
}

.contact01__ul {
    display: flex;
    padding: 40px 0 38px;
    gap: 15px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contact01__mail::before {
    content: "";
    position: absolute;
    background: url(../images/mail_icn.svg) center top no-repeat;
    background-size: 100%;
    width: 34px;
    height: 24px;
    top: 22px;
    left: 101px;
}

.contact01__mail:after {
    content: "";
    position: absolute;
    background: url(../images/arrow-white.svg) no-repeat;
    width: 17px;
    height: 17px;
    top: 27px;
    right: 39px;
}

.contact01__mail {
    width: 526px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    margin: 0 16px 0 0;
    border-radius: 42px;
    position: relative;
    color: #fff;
    background: #F08600;
    padding-left: 49px;
}

.contact01__li.second .contact01__mail {
    background-color: #06C755;
    padding: 0 0 0 28px;
}

.contact01__li.second .contact01__mail::before {
    background: url(../images/line_icn.svg) center top no-repeat;
    width: 34px;
    height: 29px;
}

.satei__bt {
	margin-top: 15px;
    margin-left: 3px;
}

.satei__bt a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 346px;
	height: 70px;
	border-radius: 9999px;
	background: #D2173E;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	color: #FFF;
	position: relative;
}

.satei__bt a::before {
	content: "";
	width: 24px;
	height: 33px;
	background: url(../images/satei_icn.svg) no-repeat center / contain;
	position: absolute;
	top: 19px;
    left: 30px;
}

.satei__bt a:after {
    content: "";
    position: absolute;
    background: url(../images/arrow-white.svg) no-repeat;
    width: 17px;
    height: 17px;
    top: 27px;
    right: 24px;
}