/*------制作メモ------

 #CDE3F8⇒メイン部分の背景、こだわり条件ボタン枠の背景
 #0D316D⇒タイトルバーとボタンの置換
 #5E8ABF⇒【エリア名（ローマ字）】
 #009CD1⇒ウェブアイコンの色
 #AD3333⇒値下げ・新着一覧リンクボタンホバー
 #E7F0F9⇒物件ホバー背景色

---------------------*/
/* lpo_common
---------------------------------------- */
.lpo_tl {
	background: #0D316D;
	color: #fff;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	padding: 10px;
	margin: 0 auto 10px;
	line-height: 24px;
}
/* lpo_main
---------------------------------------- */
.lpo_main_wrap {
	background: #CDE3F8;
	padding: 10px 2%;
}
.lpo_main_wrap a {
	color: #333;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.lpo_main_wrap a i {
	color: #009CD1;
}
.lpo_main {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.lpo_m_search {
	width: 100%;
	border: 1px solid #999;
	padding: 9px;
	background: #fff;
	box-sizing: border-box;
}
.lpo_m_s_tl {
	display: flex;
	align-items: flex-end;
	background: #0D316D;
	margin-bottom: 10px;
	padding: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lpo_m_s_tl p, .lpo_m_s_tl span {
	float: left;
	font-weight: bold;
	line-height: 26px;
}
.lpo_m_s_tl p {
	color: #fff;
	font-size: 16px;
}
.lpo_m_s_tl span {
	display: block;
	color: #fff;
	font-size: 13px;
}
.lpo_m_s_inner {
	overflow: hidden;
}
.lpo_m_s_img {
	display: none;
}
.lpo_m_s_btn {
	width: 100%;
}
.lpo_m_s_btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lpo_m_s_btn li {
	float: left;
}
.lpo_m_s_btn a {
	font-size: 13px;
}
.lpo_m_s_btn a p {
	font-weight: bold;
}
.lpo_m_s_btn_area {}
.lpo_m_s_btn_area li {
	width: 32%;
	margin-right: 2%;
}
.lpo_m_s_btn_area li:last-child {
	margin-right: 0;
}
.lpo_m_s_btn_area a {
	text-align: center;
	padding: 20px 0;
	background: #FFF;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px rgb(204 204 204 / 40%);
}
.lpo_m_s_btn_area a:hover {
	background: #f9f9f9;
}
.lpo_m_s_btn_area li a i {
	font-size: 25px;
	margin-bottom: 15px;
}
.lpo_m_s_btn_kind {
	margin: 0 0 15px 0;
}
.lpo_m_s_btn_kind li {
	width: 49%;
	margin-top: 6px;
}
.lpo_m_s_btn_kind li:nth-of-type(2n-1) {
	margin-right: 2%;
}
.lpo_m_s_btn_kind li a {
	display: flex;
	justify-content: space-between;
	padding: 14px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px rgb(204 204 204 / 40%);
	overflow: hidden;
}
.lpo_m_s_btn_kind li a i,
.lpo_m_s_btn_kind li a p {
	line-height: 20px;
}
.lpo_m_s_btn_kind li a i.fa-chevron-right {
	width: auto;
	margin: 0;
	font-size: 10px;
}
.lpo_m_s_btn_kind li a:hover {
	background: #f9f9f9;
}
.lpo_m_s_btn_kind li a i {
	font-size: 20px;
	margin-right: 10px;
	width: 25px;
	text-align: center;
}
.lpo_m_s_btn_kind li a p {
	padding: 0 15px 0 0;
}
.lpo_m_s_link p {
	display: flex;
	align-items: center;
	gap: 0 5px;
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #0062a0;
	letter-spacing: 0.6px;
}
.lpo_m_s_link p:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background: #0062a0;
	margin-left: 0rem;
}
.lpo_m_s_link ul {
	overflow: hidden;
}
.lpo_m_s_link li {
	float: left;
	width: 49%;
	margin-top: 6px;
}
.lpo_m_s_link li:nth-of-type(2n-1) {
	margin-right: 2%;
}
.lpo_m_s_link a:hover {
	text-decoration: underline;
}
.lpo_m_s_link a {
	padding: 5px;
	font-size: 13px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #f9f9f9;
}
.lpo_m_s_link a i {
	margin-right: 5px;
}
.lpo_m_regist {
	display: none;
}
/* lpo_free
---------------------------------------- */
.lpo_free {
	overflow: hidden;
	margin: 10px auto;
	width: 96%;
}
.lpo_free_tl {
	border-left: 5px solid #333;
	margin-bottom: 5px;
	padding: 2px 0 2px 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
	line-height: 24px;
}
.lpo_free_tl p {
	font-size: 18px;
	float: left;
	margin-right: 10px;
	font-weight: bold;
}
.lpo_free_tl span {
	font-size: 13px;
	float: left;
	font-weight: bold;
}
.lpo_free form {
	width: 100%;
}
.lpo_free input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	padding: 5px;
}
.lpo_free input[type="text"] {
	width: 75%;
	height: 40px;
	border: 1px solid #cccccc;
	background: #FFF;
	box-shadow: none;
}
.lpo_free ::placeholder {
	color: #cccccc;
}
.lpo_free input[type="submit"] {
	font-weight: bold;
	background: #333;
	color: #fff;
	cursor: pointer;
	width: 23%;
	height: 40px;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	line-height: 20px;
	-webkit-appearance: none;
}
.lpo_free input[type="submit"]:hover {
	background: #AD3333;
}
/* lpo_article
---------------------------------------- */
.lpo_article {
	width: 98%;
	margin: 0 auto;
}
.lpo_article ul {
	overflow: hidden;
}
.lpo_article li {
	position: relative;
	border: 1px solid #ccc;
	width: 100%;
	margin: 0 auto 10px;
	padding: 10px;
	box-sizing: border-box;
}
.lpo_article li:empty {
	display: none;
}
.lpo_article li:nth-of-type(3n) {
	margin-right: 0;
}
.lpo_article li:hover {
	border: solid 1px #333;
	background: #E7F0F9;
}
.lpo_article li .bukken_icon_only {
	position: absolute;
	font-size: 12px;
	padding: 0 3px;
	line-height: 20px;
	margin: 1px 0;
	top: 40px;
	left: 5px;
	font-weight: bold;
}
.lpo_article li>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background
	/*\**/
	: #fff\9;
	filter: alpha(opacity=0);
}
.lpo_article li>a p {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 35px;
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	box-sizing: border-box;
	padding: 5px;
	overflow: hidden;
	background: #F3F2ED;
}
.lpo_art_photo {
	float: left;
	width: 40%;
	margin: 35px 0 10px;
}
.lpo_art_photo p {
	text-align: center;
}
.lpo_art_photo span {
	background: #333;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	display: block;
}
.lpo_art_detail {
	float: right;
	width: 58%;
	margin: 35px 0 10px;
}
.lpo_art_detail p {
	line-height: 20px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lpo_art_detail p:last-of-type {
	font-size: 11px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
}
.lpo_art_detail p.lpo_art_price {
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 5px;
	overflow: hidden;
}
.lpo_art_price .bukken_icon_down {
	font-size: 12px;
	float: right;
	padding: 0 3px;
	line-height: 20px;
	margin: 1px 0;
}
.lpo_art_comment {
	background: #f5f5f5;
	padding: 10px;
	clear: both;
}
.lpo_art_comment p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 67px;
	overflow: hidden;
}
.lpo_art_comment_regist p {
	color: #FE9901;
	font-weight: bold;
}
.lpo_more {
	margin-bottom: 20px;
}
.lpo_more a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 90%;
	border-radius: 3px;
	border: 2px solid #0D316D;
	padding: 15px 4%;
	color: #333;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 24px;
}
.lpo_more a:hover {
	background: #0D316D;
	color: #FFF;
}
.lpo_more a p, .lpo_more a i {
	display: table-cell;
	vertical-align: middle;
}
.lpo_more a p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 90%;
	padding: 0 0 0 10px;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
.lpo_more a i {
	font-size: 12px;
}

/* lpo_btn
---------------------------------------- */
.lpo_btn {
	width: 96%;
	background: #ebf3f8;
	padding: 5% 2% 2% 2%;
	margin: 0 auto 10px;
	box-sizing: border-box;
}
.lpo_btn h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 22px;
	color: #0e6ba5;
	font-weight: bold;
	letter-spacing: 1.2px;
	text-align: center;
}
.lpo_btn h3:after {
	content: "";
	width: 40px;
	height: 2px;
	background: #0062a0;
}
.lpo_btn ul {
	overflow: hidden;
}
.lpo_btn li {
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 4px;
	box-sizing: border-box;
}
.lpo_btn li a {
	display: flex;
	justify-content: space-between;
	padding: 14px 10px;
	background: #fff;
	border-radius: 3px;
	color: #333;
	font-size: 13px;
	box-shadow: 0px 1px 0px 0px rgb(204 204 204 / 40%);
}
.lpo_btn li a i,
.lpo_btn li a p {
	line-height: 20px;
	font-weight: bold;
}
.lpo_btn li a p {
	padding: 0 10px 0 0;
}
.lpo_btn li a:hover {
	border: 1px solid #333;
}
.lpo_btn li a i {
	font-size: 16px;
	width: 20px;
	text-align: center;
	color: #0062a0;
}
.lpo_btn li a i.fa-chevron-right {
	width: auto;
	margin: 0;
	font-size: 10px;
}
/* lpo_regist_comment
---------------------------------------- */
.lpo_regist_comment {
	border: 5px solid #eee;
	padding: 15px 5%;
	width: 98%;
	box-sizing: border-box;
	margin: 0 auto 10px;
}
.lpo_regist_comment p {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.lpo_regist_comment span {
	color: #ff0000;
	font-size: 20px;
	padding: 0 5px;
	font-weight: bold;
}
/* lpo_regist
---------------------------------------- */
.lpo_regist {
	box-sizing: border-box;
	margin: 0 auto 10px;
}
.lpo_regist_flow {
	display: none;
}
.lpo_regist_form {
	margin-bottom: 10px;
}
.lpo_regist_form form {}

.lpo_regist table {
	border-collapse: collapse;
	width: 100%;
}
.lpo_regist table tr {
	display: flex;
	flex-direction: column;
}
.lpo_regist th, .lpo_regist td {
	width: 96%;
	box-sizing: border-box;
	display: block;
	padding: 10px 2%;
	margin: 0 auto;
}
.lpo_regist th {
	background: #eee;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
.lpo_regist th span {
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	border-radius: 3px;
	padding: 1px 5px;
	float: right;
}
.lpo_regist td p {
	padding-bottom: 5px;
}
.lpo_regist td input {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 5px;
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	box-shadow: none;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lpo_regist td textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 5px;
	border: 1px solid #ccdae4;
	background: #f5f9fc;
	box-shadow: none;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lpo_regist td input {}
.lpo_regist td input.lpo_regist_s {
	width: 48%;
}
.lpo_regist td textarea {
	height: 100px;
}
.lpo_regist_btm {
	padding: 20px 2%;
	background: #f5f9fc;
}
.lpo_regist_kiyaku {
	margin-bottom: 10px;
	text-align: center;
}
.lpo_regist_kiyaku a {
	color: #0062a0;
	font-weight: bold;
	text-decoration: underline;
}
.lpo_regist_kiyaku a:hover {
	color: #999;
}
.lpo_regist_agree {
	display: flex;
	justify-content: center;
	gap: 0 10px;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.lpo_regist_agree p {
	padding-bottom: 5px;
}
.lpo_regist_agree label {
	border: 1px solid #ccdae4;
	padding: 8px 13px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0 10px;
	border-radius: 3px;
	background: #fff;
}
.lpo_regist_agree label:hover {
	background: #eee;
}
.lpo_regist_agree label input {
	vertical-align: sub;
	margin: 0 0 0 0;
}
.lpo_regist_submit {
	text-align: center;
}
.lpo_regist_submit p {
	padding-bottom: 5px;
}
.lpo_regist_submit input {
	cursor: pointer;
	background: #de3838;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: none;
	border-radius: 3px;
	box-shadow: 0 3px 0 #c43333;
	padding: 10px 80px;
	-webkit-appearance: none;
}
.lpo_regist_submit input:hover {
	background: #c43333;
}


/* ----------------------------------------
売買LPO
---------------------------------------- */
.buy_lpo_wrap {
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	/*  共通  */
	.buy_con_tit {
		display: flex;
		gap: 0px 30px;
		align-items: baseline;
		>p {
			font-size: clamp(40px, 11.5vw, 44px);
			letter-spacing: 0;
			line-height: 1;
			font-weight: bold;
			position: relative;
			>span{
				font-weight: bold;
			}
			&:after {
				position: absolute;
				content: "";
				right: -13%;
				bottom: 4px;
				width: 2px;
				height: 24px;
				transform: rotate(25deg);
				background-color: #ec187a;
			}
		}
		>h2 {
			font-size: clamp(19px, 5.5vw, 22px);
			letter-spacing: 0.05em;
			line-height: 1;
			font-weight: bold;
		}
	}
	.buy_con_text {
		font-size: clamp(13px, 3.7vw, 16px);
		letter-spacing: 0.01em;
		line-height: 2;
		font-weight: 500;
		margin: 15px 0px 0px 0px;
	}
	/*  メイン  */
	.buy_main_w {
		background: url(/img/buy/buy_main_bg.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		padding: 100px 0px 20px 0px;
		.buy_main_in {
			width: 96%;
			margin: 0 auto;
			>h2 {
				text-align: center;
				color: #f2f7fb;
				font-size: clamp(23px, 6.6vw, 26px);
				line-height: 1.6;
				font-weight: bold;
				letter-spacing: 0.05em;
				text-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4);
			}
			.buy_main_eng {
				text-align: center;
				margin: 10px 0px 0px 0px;
				color: #f2f7fb;
				font-size: clamp(13px, 3.7vw, 16px);
				line-height: 1.4;
				font-weight: bold;
				letter-spacing: 0.08em;
				text-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4);
			}
			.mv_line {
				margin: 80px 0px 0px 0px;
				text-align: center;
				color: #f2f7fb;
				font-size: clamp(11px, 3.1vw, 14px);
				line-height: 1.2;
				font-weight: bold;
				letter-spacing: 0.08em;
				text-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4);
				position: relative;
				&:before,
				&:after {
					filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
				}
				/* メインの縦線 */
				&:before {
					content: "";
					position: absolute;
					width: 2px;
					height: 50px;
					background-color: #ffffff;
					left: calc(50% - 4px);
					bottom: 20px;
					transform-origin: top center;
					animation: scroll01 3s ease infinite;
				}
				/* 上向き矢印の斜め線 */
				&:after {
					content: "";
					position: absolute;
					width: 15px;
					height: 2px;
					background-color: #ffffff;
					left: calc(50% - 3px);
					bottom: 19px;
					margin: 0px 20px 0px 0px;
					transform-origin: left center;
					transform: rotate(-45deg) scale(0, 1);
					animation: scroll02 3s ease infinite;
				}
			}
		}
	}
	/*  フォーム  */
	.top_form {
		background-color: #134b98;
		width: 90%;
		padding: 0px 0px 3px 0px;
		margin: 30px auto 0px auto;
	}
	.t_form_tit_w {
		display: flex;
		gap: 0px 8px;
		padding: 5px 0px;
		justify-content: center;
		align-items: center;
		margin: 0px 2px 0px 8px;
		>img {
			width: 30%;
		}
	}
	.t_form_easy {
		font-size: clamp(13px, 3.7vw, 16px);
		color: #ffffff;
		background-color: #ec187a;
		line-height: 22px;
		text-align: center;
		font-weight: bold;
		white-space: nowrap;
		padding: 1px 7px 0px 7px;
	}
	.t_form_min span {
		font-size: clamp(22px, 1.69vw, 28px);
	}
	.t_form_satei {
		font-size: clamp(16px, 4.6vw, 20px);
		font-weight: bold;
		letter-spacing: 0.05em;
		background-color: #ffffff;
		border-radius: 3px;
		text-align: center;
		color: #134b98;
		padding: 8px 15px 6px 15px;
	}
	.top_form form {
		background-color: #ffffff;
		width: calc(100% - 5px);
		margin: 0px auto;
		padding: 5px 5% 15px 5%;
		position: relative;
		box-sizing: border-box;
	}
	.top_form tr {
		margin: 15px 0px 0px 0px;
		display: block;
	}
	.top_top_form_inq {
		width: 100%;
	}
	.top_top_form_inq th {
		font-size: clamp(13px, 3.7vw, 15px);
		line-height: 1.2;
		font-weight: bold;
		text-align: left;
		display: block;
	}
	.top_top_form_inq th span {
		font-size: clamp(12px, 3.4vw, 13px);
		font-weight: bold;
		color: #ffffff;
		background-color: #ec187a;
		text-align: center;
		line-height: 1;
		display: inline-block;
		padding: 3px 5px 3px 5px;
		margin: 0px 0px 0px 5px;
	}
	.top_top_form_inq td {
		display: flex;
		margin: 4px 0px 0px 0px;
		flex-wrap: wrap;
	}
	.top_top_form_inq tr input {
		box-sizing: border-box;
		padding: 0px 0px 0px 10px;
		border: 1px solid #c1c1c1;
		margin: 2px 0px 0px 0px;
	}
	.top_top_form_inq tr input::placeholder {
		font-size: clamp(12px, 3.4vw, 14px);
		color: #c8c8c8;
		font-family: -apple-system, BlinkMacSystemFont, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	}
	.top_top_form_inq tr:not(:nth-of-type(1)) input {
		width: 100%;
		line-height: 33px;
		font-weight: bold;
	}
	.top_top_form_inq tr:nth-of-type(1) td {
		margin: 0px;
	}
	.top_top_form_inq tr:nth-of-type(1) label {
		font-size: clamp(13px, 3.7vw, 15px);
		line-height: 1;
		font-weight: bold;
		margin: 10px 10px 0px 0px;
		display: flex;
		align-items: center;
	}
	.top_top_form_inq tr:nth-of-type(1) input {
		margin: 0px 7px 2px 0px;
		width: 12px;
		height: 12px;
		border-radius: 0px;
		padding: 0px;
		border: 1px solid #000000;
	}
	#jc_btn_submit {
		margin: 15px auto 0px auto;
		width: 70%;
		display: block;
		background-color: #134b98;
		border: 0px;
		color: #ffffff;
		font-weight: bold;
		font-size: clamp(14px, 4vw, 16px);
		line-height: 2;
		padding: 10px 0px 9px 0px;
		box-sizing: border-box;
		letter-spacing: 0.1em;
		cursor: pointer;
		font-family: -apple-system, BlinkMacSystemFont, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	}
	/*  振り分け  */
	.buy_sort_box {
		width: 90%;
		margin: 50px auto 0px auto;
		>li {
			width: 100%;
			margin: 15px 0px 0px 0px;
			>a {
				display: block;
				box-shadow: 0px 0px 10px 0px rgba(100, 100, 111, 0.2);
				border-radius: 3px;
				background-color: #ffffff;
				box-sizing: border-box;
				padding: 15px;
				text-align: center;
				>div {
					border-radius: 3px;
					box-sizing: border-box;
					padding: 20px 0px 15px 0px;
					>h2 {
						font-size: clamp(23px, 6.6vw, 26px);
						letter-spacing: 0.075em;
						line-height: 1.2;
						font-weight: bold;
						display: inline-block;
						border-bottom: 2px solid #e4e4e4;
						padding: 0px 10px 5px 10px;
						>span{
							font-weight: bold;
						}
						.sort_tit_s {
							font-size: clamp(19px, 5.5vw, 22px);
						}
					}
					>img {
						width: 25%;
						display: block;
						margin: 10px auto 0px auto;
					}
					.buy_sort_text {
						font-size: clamp(15px, 4.3vw, 18px);
						letter-spacing: 0.05em;
						line-height: 1.2;
						font-weight: bold;
						margin: 6px 0px 0px 0px;
					}
					.buy_sort_btn {
						border-radius: 22.5px;
						width: 45%;
						line-height: 36px;
						margin: 10px auto 0px auto;
						color: #ffffff;
						font-size: clamp(14px, 4vw, 17px);
						letter-spacing: 0em;
						font-weight: bold;
						position: relative;
						&:after {
							content: "";
							display: block;
							width: clamp(14px, 4vw, 17px);
							height: auto;
							aspect-ratio: 9 / 5;
							background-image: url(/img/buy/buy_sort_arrow.webp);
							background-repeat: no-repeat;
							background-size: contain;
							position: absolute;
							bottom: 0;
							top: 0;
							margin: auto;
							right: 10px;
						}
					}
				}
			}
		}
		>li:nth-child(1) {
			margin: 0px;
			>a {
				>div {
					border: 2px solid #ec187a;
					.buy_sort_btn {
						background-color: #ec187a;
					}
				}
			}
		}
		>li:nth-child(2) {
			>a {
				>div {
					border: 2px solid #134b98;
					.buy_sort_btn {
						background-color: #134b98;
					}
				}
			}
		}
	}
	/*  売却について  */
	.buy_sale_w {
		margin: 50px 0px 0px 0px;
		position: relative;
		z-index: 0;
		box-sizing: border-box;
		padding: 40px 0px 110px 0px;
		background-color: #eceaea;
		.buy_sale_in {
			width: 90%;
			margin: 0px auto;
			position: relative;
			>img {
				width: 90%;
				position: absolute;
				bottom: clamp(-410px, -48vh, -360px);
				left: 0;
				right: 0;
				margin: auto;
				z-index: 2;
			}
			.buy_sale_top {
				>a {
					width: 70%;
					background-color: #ec187a;
					color: #ffffff;
					border-radius: 45px;
					padding: 14px 0px 12px 29px;
					display: block;
					font-size: clamp(15px, 4.3vw, 18px);
					letter-spacing: 0.1em;
					box-sizing: border-box;
					font-weight: bold;
					margin: 20px auto 0px 0px;
					position: relative;
					border: 2px solid #ec187a;
					&:after {
						content: "";
						display: block;
						width: clamp(25px, 7.2vw, 30px);
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/buy/buy_sale_arrow.webp);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						margin: auto;
						top: 0;
						bottom: 0;
						right: 8px;
					}
				}
			}
			.buy_sale_satei_bn {
				margin: 40px 0px 0px 0px;
				display: block;
				box-shadow: 0px 0px 10px 0px rgba(100, 100, 111, 0.2);
			}
			>ul {
				display: flex;
				flex-wrap: wrap;
				margin: 15px 0px 0px 0px;
				gap: 10px;
				>li {
					width: calc((100% - 10px) / 2);
					>a {
						display: flex;
						align-items: center;
						justify-content: center;
						border: 5px solid #ffffff;
						aspect-ratio: 13 / 11;
						position: relative;
						overflow: hidden;
						box-shadow: 0px 0px 10px 0px rgba(100, 100, 111, 0.2);
						border-radius: 3px;
						background-color: #ffffff;
						.buy_sale_btn_pho {
							position: absolute;
							top: 0;
							right: 0;
							border-radius: 3px;
							overflow: hidden;
							width: 100%;
							height: 100%;
							>img {
								width: 100%;
								height: 100% !important;
								object-fit: cover;
							}
						}
						.buy_sale_btn_con {
							position: relative;
							z-index: 2;
							width: 100%;
							height: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
							text-align: center;
							.buy_sale_con_item {
								font-size: clamp(18px, 5.2vw, 21px);
								letter-spacing: 0.05em;
								line-height: 1;
								font-weight: bold;
								color: #ffffff;
								width: 100%;
								text-align: center;
							}
							.buy_sale_con_btn {
								font-size: clamp(11px, 3.1vw, 14px);
								letter-spacing: 0.05em;
								line-height: 1;
								font-weight: bold;
								color: #ffffff;
								position: absolute;
								bottom: 25px;
								left: 0;
								right: 0;
								margin: auto;
								&:after {
									content: "";
									display: block;
									width: 50%;
									height: auto;
									aspect-ratio: 101 / 6;
									background-image: url(/img/buy/buy_sale_btn_arrow.webp);
									background-repeat: no-repeat;
									background-size: contain;
									position: absolute;
									bottom: -10px;
									right: 0;
									left: 0;
									margin: auto;
								}
							}
						}
					}
				}
			}
		}
	}
	/*  レンタルコンテンツ  */
	.buy_sale_know_w {
		background: url(/img/buy/buy_sale_know_bg.webp) center center / cover no-repeat;
		text-align: center;
		padding: 40px 0px 25px 0px;
		margin: 330px 0px 0px 0px;
		.buy_sale_know_in {
			>h2 {
				color: #ffffff;
				font-size: clamp(18px, 5.2vw, 22px);
				letter-spacing: 0.05em;
				line-height: 1.4;
				font-weight: bold;
				display: inline-block;
				position: relative;
				&:before {
					position: absolute;
					position: absolute;
					content: "";
					left: -3%;
					bottom: 0px;
					width: 1px;
					height: 45px;
					transform: rotate(-23deg);
					background: #ffffff;
				}
				&:after {
					position: absolute;
					content: "";
					right: -3%;
					bottom: 0px;
					width: 1px;
					height: 45px;
					transform: rotate(23deg);
					background: #ffffff;
				}
			}
			>ul {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
				width: 90%;
				margin: 15px auto 0px auto;
				>li {
					width: calc((100% - 8px) / 2);
					>a {
						display: block;
						background-color: #ffffff;
						border: 1px solid #134b98;
						color: #134b98;
						font-size: clamp(12px, 3.4vw, 15px);
						letter-spacing: 0;
						font-weight: bold;
						padding: 23px 0px 21px 0px;
						position: relative;
						&:after {
							content: "";
							position: absolute;
							bottom: -3px;
							right: -3px;
							border: 7px solid transparent;
							border-left: 7px solid #134b98;
							transform: rotate(45deg);
						}
					}
				}
			}
		}
	}
	/*  おすすめ物件  */
	.buy_rec_w {
		position: relative;
		background-color: #eceaea;
		z-index: 0;
		overflow: hidden;
		&:after {
			position: absolute;
			content: "";
			top: 0;
			bottom: 0;
			margin: auto;
			right: 30%;
			width: 350%;
			height: auto;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			background-color: #ffffff;
			z-index: -1;
		}
		.buy_rec_in {
			width: 90%;
			margin: 0px auto;
			padding: 70px 0px 60px 0px;
			.buy_rec_tit {
				>p {
					font-size: clamp(45px, 13vw, 50px);
					letter-spacing: 0;
					line-height: 1;
					font-weight: bold;
					position: relative;
					>span {
						font-weight: bold;
					}
				}
				>h2 {
					font-size: clamp(19px, 5.5vw, 22px);
					letter-spacing: 0;
					line-height: 1;
					font-weight: bold;
					color: #ffffff;
					background-color: #134b98;
					display: inline-block;
					padding: 10px 13px;
					margin: 10px 0px 0px 0px;
				}
			}
			.buy_con_text {
				line-height: 1.6;
				margin: 20px 0px 0px 0px;
				font-size: clamp(14px, 4vw, 17px);
			}
			>a {
				width: 65%;
				background-color: #ffffff;
				color: #134b98;
				border-radius: 35px;
				padding: 21px 0px 18px 45px;
				line-height: 1;
				font-size: clamp(18px, 1.3vw, 21px);
				letter-spacing: 0.1em;
				box-sizing: border-box;
				font-weight: bold;
				position: relative;
				border: 2px solid #134b98;
				display: block;
				margin: 30px auto 0px auto;
				&:after {
					content: "";
					display: block;
					width: clamp(25px, 7.2vw, 35px);
					height: auto;
					aspect-ratio: 1 / 1;
					background-image: url(/img/buy/buy_rec_btn.webp);
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					margin: auto;
					top: 0;
					bottom: 0;
					right: 10px;
				}
			}
		}
		.buy_rec_bukken {
			margin: 30px 0px 0px 0px;
			>li {
				width: 70%;
				position: relative;
				overflow: hidden;
				flex-shrink: 0;
				.buy_rec_pho {
					aspect-ratio: 1 / 1;
					position: relative;
					>img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
					>p {
						font-size: clamp(14px, 4vw, 17px);
						letter-spacing: 0.05em;
						line-height: 1;
						background-color: #ffffff;
						color: #134b98;
						font-weight: bold;
						text-align: center;
						padding: 11px 10px 10px 10px;
						position: absolute;
						top: 10px;
						left: 10px;
						z-index: 3;
					}
				}
				.buy_rec_con {
					padding: 20px 0px 15px 0px;
					.buy_rec_tit {
						font-size: clamp(17px, 4.9vw, 21px);
						letter-spacing: 0;
						line-height: 1;
						font-weight: bold;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
					.buy_rec_mid {
						display: flex;
						align-items: baseline;
						gap: 0px 20px;
						margin: 10px 0px 0px 0px;
						.buy_rec_mo {
							font-size: clamp(18px, 5.2vw, 22px);
							letter-spacing: 0;
							line-height: 1;
							font-weight: bold;
							position: relative;
							&:after {
								position: absolute;
								content: "";
								right: -11px;
								bottom: 2px;
								width: 1px;
								height: 14px;
								transform: rotate(25deg);
								background-color: #000000;
							}
						}
						.buy_rec_floor {
							font-size: clamp(14px, 4vw, 19px);
							letter-spacing: 0;
							line-height: 1;
							font-weight: 500;
						}
					}
					.buy_rec_text {
						font-size: clamp(13px, 3.7vw, 16px);
						letter-spacing: 0.05em;
						line-height: 1;
						font-weight: 500;
						margin: 15px 0px 0px 0px;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
					.buy_rec_text:nth-of-type(3) {
						margin: 5px 0px 0px 0px;
					}
				}
				.buy_rec_comment {
					display: none;
				}
			}
		}
	}
	/*  現地販売会  */
	.buy_open_w {
		background: url(/img/buy/buy_open_bg.webp) center center / cover no-repeat;
		background-position: center center;
		.buy_open_in {
			width: 90%;
			padding: 45px 0px 50px 0px;
			margin: 0 auto;
			.buy_con_tit {
				align-items: flex-end;
				>p {
					font-size: clamp(40px, 11.5vw, 44px);
					color: #ffffff;
					&:after {
						position: absolute;
						right: -11%;
						bottom: 3px;
					}
				}
				>h2 {
					color: #ffffff;
					font-size: clamp(21px, 6vw, 23px);
					flex-shrink: 0;
					margin: 0px 0px 2px 0px;
				}
			}
			iframe {
				margin: 20px 0px 0px 0px;
				height: clamp(490px, 66vh, 520px);
				display: flex;
				width: 100%;
			}
		}
	}
	.lpo_container {
		margin: 60px auto 0px auto;
		.lpo_maincontents {
			/*  エリア検索  */
			.buy_ser_box {
				background-color: #eceaea;
				box-sizing: border-box;
				padding: 35px 5% 35px 5%;
				.buy_con_tit {
					gap: 0px 30px;
					>p {
						font-size: clamp(34px, 9.8vw, 38px);
						letter-spacing: 0.05em;
						&:after {
							height: 20px;
							right: -12%;
						}
					}
					>h2 {
						font-size: clamp(17px, 4.9vw, 21px);
						letter-spacing: 0.05em;
					}
				}
				.buy_ser_con {
					margin: 15px 0px 0px 0px;
					.buy_ser_map{
						width: 100%;
						>img{
							width: 100%;
						}
					}
					.buy_ser_r {
						margin: 20px 0px 0px 0px;
						>ul {
							display: flex;
							gap: 7px;
							flex-wrap: wrap;
							>li {
								width: calc((100% - 7px) / 2);
								>a {
									display: flex;
									align-items: center;
									justify-content: center;
									position: relative;
									overflow: hidden;
									width: 100%;
									height: 100%;
									padding: 15px;
									box-sizing: border-box;
									&:after {
										content: "";
										display: block;
										width: 17px;
										height: auto;
										aspect-ratio: 1 / 1;
										background-image: url(/img/buy/buy_ser_arrow.webp);
										background-repeat: no-repeat;
										background-size: contain;
										position: absolute;
										bottom: 5px;
										right: 5px;
									}
									>img {
										position: absolute;
										top: 0;
										right: 0;
										overflow: hidden;
										width: 100%;
										height: 100%;
										object-fit: cover;
									}
									>div {
										position: relative;
										z-index: 2;
										width: 100%;
										height: 100%;
										display: flex;
										justify-content: center;
										align-items: center;
										text-align: center;
										flex-wrap: wrap;
										align-content: center;
										>img {
											width:50%;
										}
										>p {
											font-size: clamp(14px, 4vw, 17px);
											letter-spacing: 0.05em;
											width: 100%;
											color: #ffffff;
											font-weight: bold;
											text-align: center;
											margin: 5px 0px 0px 0px;
										}
									}
								}
							}
						}
						>a {
							border: 1px solid #000000;
							background-color: #ffffff;
							text-align: center;
							font-size: clamp(14px, 4vw, 17px);
							letter-spacing: 0.05em;
							font-weight: bold;
							width: 100%;
							display: block;
							margin: 7px 0px 0px 0px;
							padding: 20px 0px 17px 0px;
							box-sizing: border-box;
						}
					}
				}
			}
			/*  マンションカタログバナー  */
			.buy_catalog_bn {
				margin: 30px auto 0px auto;
				display: block;
				width: 90%;
			}
			/*  物件  */
			.buy_bukken_box:nth-of-type(2) {
				background-color: #eceaea;
				.buy_bukken_tit {
					>h2 {
						&:after {
							background-color: #134b98;
						}
					}
				}
			}
			.buy_bukken_box:nth-of-type(3) {
				margin: 40px 0px 0px 0px;
				padding: 0px;
				.buy_bukken_tit {
					>h2 {
						&:after {
							background-color: #ec187a;
						}
					}
				}
			}
			.buy_bukken_box {
				margin: 30px 0px 0px 0px;
				box-sizing: border-box;
				padding: 30px 0px;
				position: relative;
				.buy_bukken_tit {
					display: flex;
					gap: 0px 30px;
					align-items: baseline;
					padding: 0px 5%;
					>h2 {
						font-size: clamp(35px, 10.1vw, 40px);
						letter-spacing: 0.05em;
						line-height: 1.2;
						font-weight: bold;
						position: relative;
						&:after {
							position: absolute;
							content: "";
							right: -15px;
							bottom: 8px;
							width: 2px;
							height: 20px;
							transform: rotate(25deg);
						}
						>span{
							font-weight: bold;
						}
					}
					>p {
						font-size: clamp(17px, 4.9vw, 20px);
						letter-spacing: 0.05em;
						line-height: 1.2;
						font-weight: bold;
					}
				}
				.buy_bukken_slide {
					margin: 14px 0px 0px 0px;
				}
				.buy_bukken_con {
					margin: 10px 0px 0px 0px;
					>li {
						width: 70%;
						>a {
							display: block;
							position: relative;
							.buy_rec_comment_kind{
								font-size: clamp(14px, 4vw, 17px);
								letter-spacing: 0.05em;
								line-height: 1;
								background-color: #ffffff;
								color: #134b98;
								font-weight: bold;
								text-align: center;
								padding: 11px 10px 9px 10px;
								position: absolute;
								top: 10px;
								left: 10px;
								z-index: 3;
							}
							>img {
								aspect-ratio: 1 / 1;
								overflow: hidden;
								width: 100%;
								height: 100%;
								object-fit: cover;
							}
							.buy_bukken_tit {
								font-size: clamp(17px, 4.9vw, 20px);
								letter-spacing: 0;
								line-height: 1;
								font-weight: bold;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
								margin: 15px 0px 0px 0px;
								color: #134b98;
								display: block;
								padding: 0px;
							}
							.buy_bukken_mid {
								display: flex;
								font-weight: bold;
								margin: 8px 0px 0px 0px;
								gap: 0px 20px;
								align-items: flex-end;
								.buy_bukken_mo {
									font-size: clamp(17px, 4.9vw, 20px);
									position: relative;
									letter-spacing: 0;
									line-height: 1.2;
									font-weight: bold;
									&:after {
										position: absolute;
										content: "";
										right: -10px;
										bottom: 3px;
										width: 1px;
										height: 13px;
										transform: rotate(25deg);
										background: #000000;
									}
								}
								.buy_bukken_floor {
									font-size: clamp(14px, 4vw, 18px);
									letter-spacing: 0;
									line-height: 1.2;
								}
							}
							.buy_bukken_det {
								font-size: clamp(12px, 3.4vw, 16px);
								font-weight: 500;
								letter-spacing: 0;
								margin: 6px 0px 0px 0px;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
								line-height: 1;
							}
							.buy_bukken_det:nth-of-type(2) {
								margin: 10px 0px 0px 0px;
							}
							.buy_bukken_comment {
								display: none;
								}
							}
						}
					}
				}
			}
			/*  不動産購入に関するお役立ち情報  */
			.buy_purch_w {
				margin: 40px 0px 0px 0px;
				background: url(/img/buy/buy_purch_bg.webp) center center / cover no-repeat;
				text-align: center;
				box-sizing: border-box;
				padding: 30px 5% 20px 5%;
				>h2 {
					color: #ffffff;
					font-size: clamp(18px, 5.2vw, 22px);
					letter-spacing: 0.05em;
					line-height: 1.2;
					font-weight: bold;
					display: inline-block;
					position: relative;
					&:before {
						position: absolute;
						content: "";
						left: -4%;
						bottom: 0px;
						top: 0;
						margin: auto;
						width: 1px;
						height: 30px;
						transform: rotate(-40deg);
						background: #ffffff;
					}
					&:after {
						position: absolute;
						content: "";
						right: -4%;
						bottom: 0px;
						top: 0;
						margin: auto;
						width: 1px;
						height: 30px;
						transform: rotate(40deg);
						background: #ffffff;
					}
				}
				>ul {
					display: flex;
					flex-wrap: wrap;
					gap: 8px;
					margin: 20px 0px 0px 0px;
					>li {
						width: calc((100% - 8px) / 2);
						>a {
							display: block;
							background-color: #ffffff;
							border: 1px solid #134b98;
							color: #134b98;
							font-size: clamp(12px, 3.4vw, 15px);
							letter-spacing: 0;
							font-weight: bold;
							padding: 23px 0px 21px 0px;
							position: relative;
							&:after {
								content: "";
								position: absolute;
								bottom: -3px;
								right: -3px;
								border: 7px solid transparent;
								border-left: 7px solid #134b98;
								transform: rotate(45deg);
							}
						}
					}
				}
			}
			/*  vsバナー  */
			.buy_vs_bn {
				display: block;
				margin: 30px auto 0px auto;
				width: 90%;
			}
		}
	}
	
@keyframes scroll01 {
	0% {
		transform: scale(1, 0);
	}
	80% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1, 1);
	}
}
@keyframes scroll02 {
	0% {
		transform: rotate(-45deg) scale(0, 1);
	}
	60% {
		transform: rotate(-45deg) scale(0, 1);
	}
	79% {
		transform: rotate(-45deg) scale(1, 1);
	}
	100% {
		transform: rotate(-45deg) scale(1, 1);
	}
}


.buy_open_box {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul, li {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #000000;
	}
	>li {
		>a {
			background-color: #eceaea;
			box-sizing: border-box;
			padding: 20px;
			display: block;
			width: 100%;
			height: 100%;
			.buy_open_pho {
				aspect-ratio: 9 / 6;
				overflow: hidden;
				>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.buy_open_r {
				background-color: #ffffff;
				box-sizing: border-box;
				padding: 20px 7%;
				.buy_open_kind {
					font-size: clamp(14px, 4vw, 18px);
					letter-spacing: 0;
					line-height: 1;
					border: 1px solid #000000;
					font-weight: bold;
					text-align: center;
					padding: 6px 5% 4px 5%;
					display: inline-block;
					&:empty {
						display: none;
					}
				}
				.buy_open_tit {
					font-size: clamp(19px, 5.6vw, 22px);
					letter-spacing: 0;
					line-height: 1;
					font-weight: bold;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin: 10px 0px 0px 0px;
				}
				.buy_open_det {
					padding: 15px 0px 0px 0px;
					border-top: 1px solid #000000;
					margin: 15px 0px 0px 0px;
					.buy_open_top {
						display: flex;
						gap: 0px 10px;
						align-items: baseline;
						.buy_open_mo {
							font-size: clamp(20px, 6.1vw, 24px);
							letter-spacing: 0;
							line-height: 1;
							font-weight: bold;
							position: relative;
							&:after {
								position: absolute;
								content: "";
								right: 1%;
								bottom: 2px;
								width: 1px;
								height: 14px;
								transform: rotate(25deg);
								background-color: #000000;
							}
						}
						.buy_open_floor {
							font-size: clamp(15px, 4.8vw, 19px);
							letter-spacing: 0;
							line-height: 1;
							font-weight: 500;
						}
					}
					.buy_open_mid {
						margin: 13px 0px 0px 0px;
						>p {
							font-size: clamp(14px, 4.1vw, 16px);
							letter-spacing: 0;
							line-height: 1;
							font-weight: bold;
						}
						.buy_open_ad {
							position: relative;
							padding: 0px 0px 0px 20px;
							&:before {
								content: "";
								display: block;
								width: 14px;
								height: auto;
								aspect-ratio: 17 / 22;
								background-image: url(/img/buy/buy_open_icon.webp);
								background-repeat: no-repeat;
								background-size: contain;
								position: absolute;
								margin: auto;
								top: 0;
								bottom: 0;
								left: -1px;
							}
						}
						.buy_open_train{
							margin: 6px 0px 0px 0px;
							line-height: 1.3;
						}
					}
					.buy_open_text {
						font-size: clamp(12px, 3.6vw, 14px);
						letter-spacing: 0.05em;
						line-height: 1.4;
						font-weight: 500;
						margin: 10px 0px 0px 0px;
						>span {
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 3;
						}
					}
				}
			}
		}
	}
}

/*  当社について  */
.t_com_w {
	margin: 90px 0px 0px 0px;
	position: relative;
	padding: 30px 0px 30px 0px;
	z-index: 0;
	&:before {
		content: "";
		display: block;
		width: 70%;
		height: 100%;
		background-image: url(/img/sp/com_bg.webp);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: -2;
	}
	&:after {
		content: "";
		width: 85%;
		height: 110%;
		clip-path: polygon(40% 0, 100% 0%, 60% 100%, 0% 100%);
		margin: auto;
		position: absolute;
		top: -50px;
		left: -28%;
		z-index: -1;
		background-color: #ebf2fc;
	}
	.t_com_in {
		width: 90%;
		margin: 0 auto;
		>h2 {
			&:before {
				width: clamp(250px, 69.84vw, 270px);
				height: clamp(80px, 11.4vh, 100px);
				background-image: url(/img/sp/com_tit.webp);
				top: -35px;
			}
		}
		.t_con_text {
			margin: 45px 0px 0px 0px;
		}
		.t_com_rec_bn {
			display: block;
			margin: 20px 0px 0px 0px;
		}
		.t_com_btn {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 40px 0px 0px 0px;
			gap: 15px;
			flex-wrap: wrap;
			>li {
				width: calc((100% - 15px) / 2);
				height: clamp(100px, 14.2vh, 120px);
				box-shadow: 0px 0px 5px 0px rgba(208, 208, 208, 0.3);
				overflow: hidden;
				position: relative;
				z-index: 0;
				&:before {
					content: "";
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-size: cover;
					position: absolute;
					top: 0;
					right: 0px;
					z-index: -1;
					background-position: right 50% bottom 50%;
				}
				&:after {
					content: "";
					width: 70%;
					height: 100%;
					clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
					margin: auto;
					position: absolute;
					top: 0px;
					left: 0px;
					background-color: #ffffff;
					z-index: -1;
				}
				>a {
					display: block;
					width: 100%;
					height: 100%;
					box-sizing: border-box;
					padding: 27px 10px;
					position: relative;
					&:before {
						content: "";
						display: block;
						width: 18px;
						height: 4px;
						background-image: url(/img/sp/com_btn_arrow.webp);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 15px;
						left: 13px;
					}
					.t_com_btn_jp {
						font-size: clamp(11px, 3vw, 13px);
						line-height: 1.2;
						font-weight: bold;
						letter-spacing: 0;
					}
					.t_com_btn_eng {
						font-size: clamp(14px, 3.8vw, 16px);
						line-height: 1.2;
						font-weight: bold;
						letter-spacing: 0.05em;
						margin: 10px 0px 0px 0px;
					}
				}
			}
			>li:nth-child(1) {
				&:before {
					background-image: url(/img/sp/com_btn_bg1.webp);
				}
			}
			>li:nth-child(2) {
				&:before {
					background-image: url(/img/sp/com_btn_bg2.webp);
				}
			}
			>li:nth-child(3) {
				&:before {
					background-image: url(/img/sp/com_btn_bg3.webp);
				}
			}
			>li:nth-child(4) {
				&:before {
					background-image: url(/img/sp/com_btn_bg4.webp);
				}
			}
		}
	}
}
/*  スタッフ紹介  */
.t_staff_w {
	margin: 150px 0px 0px 0px;
	text-align: right;
	.t_staff_top {
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		>h2 {
			margin: 0px;
			&:before {
				width: clamp(240px, 29.2vw, 260px);
				height: clamp(100px, 14.2vh, 120px);
				background-image: url(/img/sp/staff_tit.webp);
				top: -45px;
			}
		}
		.t_con_btn {
			margin: 0px clamp(75px, 5.7vw, 90px) 0px 0px;
		}
	}
	iframe {
		width: 100%;
		height: 300px;
		overflow: hidden;
		margin: 45px 0px 0px 0px;
	}
	.t_con_btn {
		margin: 15px 90px 0px 0px;
	}
}

.t_con_tit {
	font-size: clamp(26px, 7.2vw, 29px);
	line-height: 1.2;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 0;
	font-weight: bold;
	&:before {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		left: 0px;
		z-index: -1;
	}
}
.t_con_btn {
	font-size: clamp(19px, 5.2vw, 22px);
	font-weight: bold;
	margin: 25px 0px 0px 0px;
	display: inline-block;
	position: relative;
	letter-spacing: 0.05em;
	padding: 20px 0px;
	&:before {
		content: "";
		display: block;
		width: clamp(60px, 4.6vw, 75px);
		height: clamp(60px, 4.6vw, 75px);
		background-image: url(/img/sp/top_btn_arrow.webp);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: clamp(-90px, -6.9vw, -75px);
	}
}

.lpo_bukken_slide_pagenation {
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 0px 7px;
	margin: 20px 0px 0px 0px;
	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #c5c5c5;
		opacity: 1;
	}
	.swiper-pagination-bullet-active {
		background: #134b98;
	}
}