@charset "utf-8";

/* CSS Document
------------------------------------------------------------ */
html {
	overflow: auto;
}

body {
	color: #4d4c4c;
	line-height: 26px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	position: relative;
	min-width: 320px;
	background-color: #fff;
	font-size: 13px;
	width: 1440px;
	margin: auto !important;
	/*text-align:center;*/
	text-align: justify;
	box-sizing: border-box;
	/* overflow-x: auto; */
	touch-action: pan-y;
	
}

ul {
	list-style: none;
}

li {
	float: left;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

/*.clearfix { display: block; }*/
/* End hide from IE-mac */

/*clearfix to objects*/
header:after,
main:after,
footer:after,
.container:after,
div.widthsize:after,
ul:after {
	content: ".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
legend,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

#topbutton {
	position: fixed;
	bottom: 10px;
	right: 20px;
	display: none;
}


img,
iframe {
	max-width: 100%;
	height: auto;
}

/**--------------------------------------------------------------------------------------------------------*/
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a {
	text-decoration: none;
}

a:link {
	color: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
	text-decoration: none;
}

.column_box a.link {
	color: #0000ee;
}


a:hover,
a:active {
	color: inherit;
}


/**--------------------------------------------------------------------------------------------------------*/

.mt1 {
	margin-top: 1em;
}

.mt2 {
	margin-top: 2em;
}

.mt3 {
	margin-top: 3em;
}

.mt5 {
	margin-top: 5em;
}

.mt8 {
	margin-top: 8em;
}

.ml1 {
	margin-left: 1em;
}

.ml2 {
	margin-left: 2em;
}

.ml3 {
	margin-left: 3em;
}

.ml4 {
	margin-left: 4em;
}

.ml5 {
	margin-left: 5em;
}

.f12 {
	font-size: 1.2em;
}

.f15 {
	font-size: 1.5em;
}

.fnt_mincho {
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.bg_gry {
	background-color: #f7f5f3;
}

.line_gry {
	color: 666666;
}

.fnt_12 {
	font-size: 12px;
}

.img_auto img {
	width: auto;
}

.txt_red {
	color: #e61e19;
}

.text_left {
	text-align: left;
}

.f_wei800 {
	font-weight: 800;
}

@media screen and (min-width:320px) {
	body {
		width: 100%;
	}

	.widthsize,
	.widthsize_l,
	.widthsize_m,
	.widthsize_s {
		max-width: 766px;
		margin-right: 1em;
		margin-left: 1em;
		position: relative;
	}

	img {
		width: 100%;
	}

	.sp_none {
		display: none;
	}

	.pc_only {
		display: none;
	}

	.sp_only {
		display: block;
	}

	#menu_pc {
		display: none;
	}

	.fade-in2 {
		display: none;
	}

	.fade-in3 {
		display: none;
	}

	.column_box img {
		width: 100%;
		border-radius: 5px;
	}

	.head_img_top {
		width: 1440px;
		height: 690px;
		top: 100px;
		flex-shrink: 0;
		position: relative;
		margin: auto;
		/*position:absolute;*/
	}

	@media screen and (min-width: 600px) {
		.head_img {
			width: auto;
			height: 590px;
			flex-shrink: 0;
			position: relative;
			margin: auto;
			top: 70px;
			/*position:absolute;*/
		}
	}

	@media screen and (max-width: 600px) {
		.head_img {
			width: 100%;
			height: 200px;
			flex-shrink: 0;
			position: relative;
			margin: auto;
			top: 50px;
			/*position:absolute;*/
		}
	}

	.head_img_profile {
		width: auto;
		height: 370px;
		flex-shrink: 0;
		position: relative;
		margin: auto;
		/* position: absolute; */
		top: 100px;
	}

	main {
		/*		margin-top:5em;*/
	}

	.logo img {
		width: 30%;
	}

	/*.head_img_sp img{width:100%;}*/
	.read_text {
		width: 90%;
		margin-top: 2em;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.1em;
		line-height: 2em;
		text-align: left;
	}


	.bxslider img {
		width: 100%;
		/* 画像の幅を親要素に合わせる */
		height: auto;
		/* 画像の高さを自動調整 */
	}

	.overlay_image {
		position: absolute;
		top: 141px;
		left: 210px;
		width: 420px;
		height: auto;
		/* 必要に応じて高さを調整 */
		z-index: 2;
		/* 画像を最前面に表示 */
	}

	/**********************************************************/

	footer {}

	footer .f_address ul {
		margin-top: 1em;
	}

	footer .f_top li {
		width: 100%;
		margin-bottom: 0.5em;
		text-align: center;
	}

	footer .f_top .f_address img {
		width: auto;
	}

	footer .f_nav {
		display: none;
	}

	footer .f_pp {
		text-align: center;
		background: #000;
		color: #fff;
		width: 100%;
		padding: 1em 0;
	}

	footer .lnk_btn {
		text-align: center;
		font-size: 15px;
	}

	footer .lnk_btn a {
		color: #fff;
		text-align: center;
		background: #000;
		width: 200px;
		border: #000 1px solid;
		display: inline-block;
		padding: 10px 0;
		margin-top: 10px;
	}

	footer .lnk_btn a:hover {
		color: #000;
		background: #fff;
		border: #000 1px solid;
		display: inline-block;
		transition: all 0.5s ease;
	}

	/*
-----------------------------------------------------------------top*/
	#top h1 {
		text-align: center;
		margin: 0;
	}

	#top #topics_box {
		width: 100%;
		margin-top: 5em;
		padding-left: 1.5em;
		padding-right: 1.5em;
		box-sizing: border-box;
	}

	#top #topics_box .topics_ttl {
		font-size: 22px;
		border-bottom: #009cd5 solid 2px;
		padding-bottom: 3px;
	}

	#top #topics_box li {
		width: 100%;
		margin: 1em 0;
	}

	#top #topics_box .topics_date,
	#top #topics_box .topics_text {
		width: 100%;
	}

	#top #topics_box .topics_text a:hover {
		text-decoration: underline #066aaf;
	}

	#top {
		width: 100%;
		margin-top: 5em;
	}

	#top .column_ttl {
		text-align: center;
		color: #009cd5;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 3px solid;
		font-size: 1.6em;
	}

	#top .column_box {
		width: 100%;
		margin-bottom: 2em;
		float: left;
	}

	.line_blu {
		border-left: #009cd5 solid 5px;
		padding-bottom: 20px;
		margin-top: 2px;
	}

	/*
#top  .date {
	font-size:0.9em;
	padding-left:0.5em;
}
#top  .ttl{
	font-size:1.2em;
	padding-left:0.5em;
	text-align:left;
}
*/
	.more_btn {
		margin: 3em auto 5em;
		text-align: center;
	}

	.more_btn a:link,
	.more_btn a:visited {
		color: #fff;
		padding: 12px 20px;
		text-align: center;
		background: #34bedd;
		letter-spacing: 5px;
		width: 230px;
		border-radius: 5px;
		border: #34bedd 1px solid;
		display: inline-block;
	}

	.more_btn a:hover {
		color: #34bedd;
		background: #fff;
		border-radius: 5px;
		border: #34bedd 1px solid;
		display: inline-block;
	}

	#video .more_btn a:link,
	#video .more_btn a:visited {
		letter-spacing: inherit;
	}

	#video02 .more_btn a:link,
	#video02 .more_btn a:visited {
		letter-spacing: inherit;
	}

	#top #sale,
	#top #chintai_top {
		width: 100%;
		padding-top: 30px;
	}

	#sale .more_btn a:link,
	#sale .more_btn a:visited,
	#chintai_top .more_btn a:link,
	#chintai_top .more_btn a:visited {
		padding: 10px 40px;
	}

	.ttl {
		text-align: center;
		font-size: 1.5em;
		font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	}

	.contact_box {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.contact_box img {
		width: 80%;
	}

	.lnk_box02 {
		width: 100%;
		background-image: url(../img/top/bg_img01.jpg);
		background-repeat: no-repeat;
		min-height: 400px;
	}

	.lnk_box02 .right {
		width: 100%;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	.lnk_box02 .lnk_area {
		width: 260px;
		margin: 140px auto;
		color: #fff;
		line-height: 2em;
	}



	.lnk_box02 .lnk_area .btn {
		margin-bottom: 20px;
	}

	.lnk_box02 .lnk_area .btn a:link,
	.lnk_box02 .lnk_area .btn a:visited {
		font-size: 1.8em;
		font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
		border: #fff 1px solid;
		padding: 8px 80px;
		text-align: center;
		color: #fff;
	}

	.lnk_box02 .lnk_area .btn a:hover {
		color: #4d4c4c;
		background: #fff;
	}

	#video,
	#video02 {
		text-align: center;
		margin-bottom: 5em;
	}

	/*#video img{
	width:100%;
}
*/
	#chintai_top {
		margin-top: 5em;
	}

	#app {
		clear: both;
		margin-top: 5em;
		text-align: center;
	}

	#app li {
		width: 40%;
		float: left;
		margin: 10px 5% 0;
	}

	#app .qr_box_sp {
		width: 80%;
		margin: auto;
	}

	#app img {
		width: 100%;
	}

	.sale_box,
	.chintai_top_box,
	.video_box {
		background: #fff;
		width: 100%;
		padding-bottom: 13px;
		margin-bottom: 2em;

		box-shadow: 0px 4px 6px rgba(161, 160, 160, 0.25);
		border-radius: 10px;
		overflow: hidden;
		opacity: 0;
	}

	.sale_box li,
	.chintai_top_box li,
	.video_box li {
		width: 100%;
		padding-left: 13px;
		box-sizing: border-box;
	}

	.sale_box .photo,
	.chintai_top_box .photo,
	.video_box .photo {
		margin-bottom: 5px;
		padding-left: 0;
		width: 100%;
		height: 212px;
		vertical-align: middle;
		text-align: center;
	}

	.sale_box .photo img,
	.chintai_top_box .photo img,
	.video_box .photo img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}

	.sale_box .type,
	.chintai_top_box .type {
		float: left;
		padding: 3px 5px;
		color: #fff;
		background: #000;
		margin-bottom: 5px;
		top: 0%;
		right: 49.1%;
		bottom: 78.38%;
		left: 0%;
		border-radius: 3px;
		background-color: #373229;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 5px 10px;
		box-sizing: border-box;
		color: #fff;

		font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	}

	.sale_box .request,
	.chintai_top_box .request {
		float: right;
		margin-right: 18px;
		border: 1px solid;
		padding: 2px 3px;
		font-size: 0.9em;
	}

	.sale_box .address,
	.chintai_top_box .address {
		width: 100%;
		padding-right: 26px;
		box-sizing: border-box;
	}

	.sale_box .land_size,
	.sale_box .room_type,
	.chintai_top_box .land_size,
	.chintai_top_box .room_type,
	.video_box .video_name {
		font-size: 1.2em;
	}

	.sale_box .plice,
	.chintai_top_box .plice {
		font-size: 1.5em;
	}

	.video_box .video_name {
		width: 100%;
		padding-right: 26px;
		box-sizing: border-box;
	}


	/*
------------------------------------------------------------------------------new*/
	#item3_box {
		margin-top: 5em;
		/*max-width: 766px;*/
		margin-right: 1em;
		margin-left: 1em;
		position: relative;
	}

	.item3_lnk_box {
		float: left;
		width: 100%;
		margin-bottom: 5em;
		position: relative;
	}

	.item3_lnk_box img {
		width: 100%;
	}

	.item3_lnk_box .lnk_name {
		margin: 50px 0;
		text-align: center;
		font-size: 20px;
		font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
		line-height: 50px;
	}

	.item3_lnk_box .lnk_name img {
		width: 20%;
	}

	.item3_lnk_box a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	/*ここから*/
	#item2_box {
		margin-top: 5em;
		max-width: 766px;
		margin-right: 1em;
		margin-left: 1em;
		position: relative;
	}

	#item2_box .item2_lnk_box_left,
	#item2_box .item2_lnk_box_right {
		float: left;
		width: 100%;
		margin-bottom: 5em;
		position: relative;
	}

	#item2_box .item2_lnk_box_left img,
	#item2_box .item2_lnk_box_right img {
		width: 100%;
	}

	#item2_box .item2_lnk_box_left .lnk_name,
	#item2_box .item2_lnk_box_right .lnk_name {
		margin: 50px 0;
		text-align: center;
		font-size: 20px;
		font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
		line-height: 50px;
	}

	#item2_box .item2_lnk_box_left .lnk_name img,
	#item2_box .item2_lnk_box_right .lnk_name img {
		width: 20%;
	}

	#item2_box .item2_lnk_box_left a,
	#item2_box .item2_lnk_box_right a,
	#sell .sell_lnk_box a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	/*ここまで修正*/
	#sell {
		background-image: url(../img/top/bg_img03.jpg);
		background-repeat: no-repeat;
		min-height: 400px;
		margin-top: 8em;
		margin-bottom: 5em;
	}

	#sell .sell_lnk_box {
		background: #FFF;
		min-height: 400px;
		opacity: 0.7;
		margin: -1em;
		position: relative;
	}

	#sell .btn img {
		width: auto;
	}

	#sell .btn {
		margin-top: 50px;
		text-align: center;
		font-size: 24px;
		font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
		line-height: 50px;
	}

	#sell .text {
		padding: 15px 30px;
		line-height: 2em;
		box-sizing: border-box;
	}



	#furniture {
		margin-top: 5em;
		max-width: 766px;
		margin-right: 1em;
		margin-left: 1em;
		position: relative;
		font-size: 1.2em;
	}

	#furniture .photo img {
		width: 100%;
	}

	#furniture .more_btn {
		margin-top: 30px;
	}

	#furniture .more_btn a:link {
		width: 300px;
		padding: 15px 30px;
	}

	.flex {
		margin: auto;
		margin-top: 100px;
		width: 250px;
		display: flex;
		flex-wrap: wrap;
	}

	#column .flex {
		margin-top: 120px;
	}

	.flex_sp {
		margin: auto;
		margin-top: 140px;
		width: 250px;
		display: flex;
		flex-wrap: wrap;
	}

	#column .flex_sp {
		margin-top: 120px;
	}

	.lnk_hannaryz {
		clear: both;
		padding-top: 3em;
		text-align: center;
	}

	.lnk_hannaryz img {
		width: 100%;
	}

	/*
----------------------------------------------------------------------------------------- contact-------------*/
	#contact h1 {
		background: #34bedd;
		font-weight: 600;
		font-size: 22px;
		text-align: center;
		letter-spacing: 2px;
		color: #fff;
		padding: 8px 0;
		margin-bottom: 0;
	}

	#contact main p {
		width: 100%;
		text-align: center;
		line-height: 1.5em;
		margin-bottom: 1.5em;
	}

	#formWrap {
		width: 100%;
		margin: 2em auto;
		color: #666666;
		line-height: 120%;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	}

	table.formTable {
		width: 100%;
		table-layout: fixed;
		margin: 1em auto 2em;
		border-collapse: collapse;
	}

	table.formTable td,
	table.formTable th {
		padding: 10px;
		display: block;
		box-sizing: border-box;
	}

	table.formTable th {
		font-weight: normal;
		color: #FFFFFF;
		background-color: #f0c686;
		border-bottom: #FFF dotted 1px;
	}

	table.formTable th .icon {
		text-align: right;
		margin-left: 1em;
	}

	table.formTable th img {
		width: auto;
	}

	table.formTable td input,
	table.formTable td select {
		height: 26px;
		border-radius: 5px;
		margin-bottom: 3px;
		padding-left: 5px;
		vertical-align: middle;
	}

	textarea {
		width: 100%;
		border-radius: 5px;
	}

	#formWrap .btn_brwn {
		color: #FFFFFF;
		background: #b27b56;
		padding: 0.5em 1em;
		text-align: center;
		border-radius: 5px;
	}

	#formWrap .btn_gry {
		color: #fff;
		background: #BCBBBB;
		padding: 0.5em 1em;
		text-align: center;
		border-radius: 5px;
	}

	/*
------------------------------------------------------------------- shuekibukken-------------*/

	.txt_blu {
		color: #066aaf;
		font-weight: 500;
		font-size: 1.2em;
	}

	#shueki .text {
		font-size: 1.2em;
		line-height: 30px;
	}

	.nagare li {
		width: 100%;
		margin: 2em auto;
		text-align: center;
	}

	/*
------------------------------------------------------------------- column-------------*/
	#column_inner .column_ttl {
		text-align: center;
		color: #009cd5;
		margin-bottom: 10px;
		border-bottom: 3px solid;
		font-size: 3em;
	}

	#column_inner .column_box {
		width: 100%;
		margin-bottom: 2em;
		float: left;
		padding: 2em 0;
		border-bottom: 1px solid;
	}

	#column_inner #column .date {
		font-size: 0.9em;
		padding-left: 0.5em;
	}

	#column_inner #column .ttl {
		font-size: 1.2em;
		font-weight: 600;
		padding-left: 0.5em;
		text-align: left;
		margin-bottom: 1em;
	}

	/*
----------------------------------------------------------------------- profile-------- */
	#profile .head_img {
		width: 100%;
		padding-top: 0;
	}

	#profile .head_img_left {
		float: left;
		width: 30%;
	}

	#profile .head_img_right {
		float: left;
		width: 70%;
		padding-top: 20px;
	}

	#profile .head_img_left img,
	#profile .head_img_right img {
		width: 100%;
	}

	.inner_tbl {
		width: 100%;
	}

	.inner_tbl th {
		width: 30%;
		background: #f7f0ef;
		text-align: center;
		padding-left: 0.5em;
		letter-spacing: 0.4em;
	}

	.inner_tbl th,
	.inner_tbl td {
		border: solid 1px #666666;

	}

	.inner_tbl td {
		width: 70%;
		text-align: left;
		padding: 0.5em;

	}

	#profile {
		/*font-family: "游明朝", YuMincho ,  "Yu Mincho" , "游明朝体" , serif;*/
		/*text-align:center;*/
	}

	#profile .nagare img {
		width: 100%;
	}



	/*
--------------------------------------------------------------------------video-----*/
	#video_page #video li {
		width: 50%;
		padding: 10px 5px 0;
		box-sizing: border-box;
		min-height: 180px;
	}

	#video_page #video li img {
		width: 100%;
	}



}

@media screen and (min-width:767px) {
	body {
		line-height: 26px;
		width: 100%;
	}

	.pc_only {
		display: none;
	}

	.widthsize,
	.widthsize_l,
	.widthsize_m,
	.widthsize_s {
		max-width: 979px;
	}

	img {
		width: auto;
	}

	.head_name_pc {
		margin: 0 auto 5px;
		width: 100%;
	}

	/*.head_name_pc img ,.head_img img{
	width:100%;
}*/
	.map iframe {
		width: 100%;
		height: 300px;
	}

	.logo img {
		width: 20%;
	}

	.read_text {
		width: 70%;
		font-size: 1.2em;
		line-height: 2.5em;
		margin-top: 3em;
	}

	/*
----------------------------------------------------------footer*/
	footer .f_top .f_contact_tel,
	footer .f_top .f_contact_mail {
		width: 50%;
		text-align: center;
		padding-top: 2em;
		line-height: 5em;
	}

	/*footer .f_top .f_address p img{
	width:auto;
}*/
	footer .f_top .f_address {
		width: 50%;
		margin: 0 30%;
	}

	footer .lnk_btn a {
		padding: 0;
		margin-top: 0;
	}

	/*
----------------------------------------------------------top*/
	#top #topics_box {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#top #topics_box .topics_date {
		width: 15%;
		float: left;
		padding-left: 1em;
		box-sizing: border-box;
	}

	#top #topics_box .topics_date:after {
		padding: 0 3px;
		content: "\025b6"
	}

	#top #topics_box .topics_text {
		float: left;
		width: 85%;
	}

	/*#top h1{
	font-size:24px;
	letter-spacing:6px;
	line-height:80px;
}*/
	/*.flex{
	display:flex;
	flex-wrap:wrap;
}
*/
	#column .flex .column_box {
		width: calc(33.3% - 20px);
		margin: 20px 10px;
	}

	#column .flex_sp .column_box {
		width: calc(33.3% - 20px);
		margin: 20px 10px;
	}

	.column_box img {
		width: 100%;
		border-radius: 5px;
	}

	#sale .flex .sale_box,
	#chintai_top .flex .chintai_top_box,
	#video .flex .video_box {
		width: calc(50% - 20px);
		margin: 20px 10px;
	}

	.sale_box img,
	.chintai_top_box img,
	.video_box img {
		width: 100%;
	}

	/*.ttl{
	font-size:2em;
}*/

	.lnk_box02 {
		min-height: 280px;
	}

	.lnk_box02 .lnk_area {
		margin: 80px auto;
	}

	.lnk_box02 .left img {
		width: 100%;
	}

	#sell {
		margin-top: 8em;
		margin-bottom: 10em;
	}

	/*
------------------------------------------------------------------------new*/
	.item3_lnk_box .lnk_name {
		margin-top: 1em;
	}

	.text {
		width: 90%;
		margin: auto;
	}

	/*ここから*/
	#item2_box .item2_lnk_box_left .lnk_name,
	#item2_box .item2_lnk_box_right .lnk_name {
		margin-top: 1em;
	}

	#item2_box .item2_lnk_box_left .text,
	#item2_box .item2_lnk_box_right .text {
		width: 90%;
		margin: auto;
	}

	/*ここまで修正*/

	#sell .sell_lnk_box {
		width: 50%;
		height: 100%;
		float: right;
	}

	#sell .sell_lnk_box .text {
		bottom: 16px;
		position: absolute;
		padding: 0 10px;
	}




	#app {
		min-height: 400px;
	}

	#app img {
		width: 80%;
	}

	/*    #app .qr_box{
	width:280px;
	margin:1em;
	float:left;
}
#app .qr_box img{
	width:auto;
}
*/
	.contact_box {
		width: 60%;
	}

	.lnk_box01_left {
		width: 45%;
		padding-right: 4%;
		margin-right: 4%;
		border-right: 1px solid;
		height: 600px;
	}

	.lnk_box01_right {
		width: 45%;
		height: 500px;
	}

	#furniture {
		margin: 8em auto 0;
		text-align: center;
		max-width: 100%;
	}

	.lnk_hannaryz img {
		width: 50%;
	}

	/*
-------------------------------------------------------------------- contact*/
	.head_ttl {
		padding: 1em 0;
	}

	table.formTable th,
	table.formTable td {
		display: table-cell;
	}

	table.formTable th {
		text-align: right;
		width: 30%;
	}

	table.formTable td {
		width: 70%;
		text-align: left
	}

	textarea {
		width: 90%;
	}

	/*
------------------------------------------------------------------- profile-------------*/
	.profile_inner {
		width: 90%;
	}

	.profile_inner th {
		width: 20%;
		padding-left: 1em;
	}

	.profile_inner td {
		width: 80%;
		padding-left: 2em;
	}

	#rinen img {
		width: 100%;
	}

	/*
--------------------------------------------------------------------------video-----*/
	#video_page #video li {
		padding: 20px 30px;
	}


}

@media screen and (min-width:980px) {
	.sp_none {
		display: inline-block;
	}

	.pc_none {
		display: none;
	}

	.sp_only {
		display: none;
	}

	.pc_only {
		display: inherit;
	}

	.fade-in2 {
		display: inherit;
	}

	.fade-in3 {
		display: inherit;
	}

	.flex {
		margin-top: 0px;
		width: 850px;
		display: flex;
		flex-wrap: wrap;
	}

	#sale .flex,
	#chintai_top .flex {
		margin-left: calc(50% - 320px);
		margin-top: 0px;
		width: 850px;
		display: flex;
		flex-wrap: wrap;
	}

	#column .flex {
		margin-left: 0px;
		margin-top: 120px;
	}

	#nav_sp {
		display: none;
	}

	.widthsize {
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	.widthsize_l {
		max-width: 1300px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	.widthsize_m {
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	.widthsize_s {
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	.head_img {
		padding-top: 0;
	}

	.logo img {
		width: 13%;
	}



	/*---------------------------------------------------------------------------------- // fixed_menu // ----------*/

	.fixed {
		position: absolute;
		top: 0;
		padding: 0;
		width: 100%;
		z-index: 1000;
		background: #fff;
	}

	/*
------------------------------------------------------------------- shuekibukken-------------*/

	/*---------------------------------------------------------------------------------- // menu // ----------*/
	.header_bar {
		width: 1440px;
		height: 100px;
		flex-shrink: 0;
		margin: auto;
		display: flex;
	}

	#menu_pc {
		display: block;
		align-items: right;
		padding: 25px 0;
		margin: auto;
		float: left;
		font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	}

	.nav_left {
		text-align: center;
		float: left;
		margin: auto;
	}

	.nav_right {
		float: right;
		display: flex;
		align-items: center;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		height: 100%;
		font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	}

	.nav_right .chukai_menu {
		width: 174px;
		height: 100px;
	}

	.nav_right .contact_menu {
		width: 100px;
		height: 100px;
	}

	.nav_right .contact_menu a {

		background: #2FBEDD;
		border: #2FBEDD 1px solid;
		color: #fff;
		display: inline-block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}

	.nav_right .chukai_menu a {
		background: #373229;
		border: #373229 1px solid;
		color: #fff;
		display: inline-block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}

	.chukai_menu img {
		margin-top: 12px;
		/* スペースの調整 */
		margin-bottom: 5px;
	}

	.contact_menu img {
		margin-top: 30px;
		/* スペースの調整 */
		margin-bottom: 5px;
	}


	/*.nav_right a:hover{
    background: #fff;
    color: #2FBEDD;
    border: #2FBEDD 1px solid;
    display:inline-block;
    transition: all 0.5s ease;
}
*/
	/*#top #menu_pc{
    width:75%;
    margin-left:5%;
    float: left;
}
*/
	#menu_pc>ul {
		display: table;
		/**/
		margin: auto;
		float: right;
	}

	#menu_pc>ul>li {
		display: table-cell;
		/**/
		padding: 0 16px;
		line-height: 10px;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 2px;
		position: relative;
		list-style: none;
		display: inline-block;
	}

	#menu_pc>ul>li:hover {
		font-weight: bold;
		color: #000;

	}

	/*
	#menu_pc>ul>li .menu {
		content: '';
		display: block;
		background: #00A3D6;
		transition: width 0.3s;
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
	}
*/
	#menu_pc>ul>li:hover .menu {
		max-height: 9999px;
		opacity: 1;
	}

	#menu_pc>ul>li>a {
		display: block;
		color: #221814;
	}

	#menu_pc>ul .menu {
		transition: all .2s ease-in;
		max-height: 0;
		opacity: .6;
		overflow: hidden;
		/*width: 100%;
  left: 0;*/
		text-align: center;
		position: absolute;
		background-color: rgba(52, 190, 221, 0.77);
		margin: 20px auto 0;
		z-index: 100;
		width: 800px;
		height: 300px;

	}

	#menu_pc>ul .menu .menu_inner {
		padding: 1em 0 0 1em;
	}

	#menu_pc>ul .menu .menu_inner li {
		display: inline-block;
		margin: 0 1em 1em;
	}

	#menu_pc>ul .menu a {
		color: #fff;
	}

	/*
----------------------------------------------------------footer*/
	footer .f_top {
		margin: 3em auto;
	}

	footer .f_top .f_address,
	footer .f_top .f_contact_tel,
	footer .f_top .f_contact_mail {
		border-right: solid 1px;
		height: 210px;
		box-sizing: border-box;
		/*width:calc(33.3% - 30px);*/
		padding: 20px 1.5%;
		margin: 0;

	}

	footer .f_top .f_address {
		width: 40%;
		text-align: left;
	}

	footer .f_top .f_address img {
		width: 100%;
	}

	footer .f_top .f_contact_tel {
		width: 30%;
		text-align: center;
	}

	footer .f_top .f_contact_mail {
		width: 30%;
	}

	footer .f_top li:last-child {
		border: none;
	}

	footer .f_top li ul li {
		border-right: none;
		width: 30px;
	}

	.f_contact_tel,
	.f_contact_mail {
		text-align: center;
		padding-top: 2em;
		line-height: 5em;
	}

	.f_contact_tel p,
	.f_contact_mail p {
		margin-bottom: 1em;
	}


	/*    footer .f_top .f_address img{
        width: 95%;
    }
footer .f_top .f_address p img{
	width:100%;
}*/
	footer .f_nav {
		display: block;
		width: 100%;
		padding: 40px 5px;
		background: #373229;
		color: #fff;
	}

	footer .f_nav ul {
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	footer .f_nav li {
		margin-left: 20px;
		padding-right: 20px;
		line-height: 25px;
		text-align: left;
	}

	footer .f_nav li a {
		color: #fff;
		text-decoration: none;
		font-size: 13px;
	}

	footer .f_nav li a:hover {
		text-decoration: underline;
	}

	footer .f_nav li:last-child {
		border-right: none;
	}

	/*
-------------------------------------------------------------------- top*/
	/*main {
	margin-top:1em;
}*/
	#top h1 {
		z-index: -1;
	}

	#top #topics_box {
		width: 70%;
	}

	#column {
		margin-top: 8em;
	}

	#top #column {
		margin-top: 5em;
	}

	#column .flex .column_box {
		width: calc(33.3% - 40px);
		margin: 20px;
	}

	.more_btn {
		margin-top: 5em;
	}

	#top #video,
	#top #video02 {
		margin-top: 9em;
		margin-bottom: 0;
		overflow: hidden;
	}

	#top #video .flex,
	#top #video02 .flex {
		justify-content: center;
	}

	#top #video img,
	#top #video02 img {
		width: auto;
	}

	#app img {
		width: 80%;
	}

	#app .app_flow li {
		width: 50%;
		float: left;
		margin: 10px 0 0;
	}

	#app .app_flow li img {
		width: 100%;
	}

	#sale .flex .sale_box,
	#chintai_top .flex .chintai_top_box,
	#video .flex .video_box,
	#video02 .flex .video_box {
		width: 250px;
		height: 353px;
		margin: auto;

	}

	#sale .flex .sale_box:last-child,
	#chintai_top .flex .chintai_top_box:last-child,
	#video .flex .video_box:last-child,
	#video02 .flex .video_box:last-child {
		border-right: none;
	}

	.lnk_box02 .right,
	.lnk_box02 .left {
		width: 50%;
	}



	/*
------------------------------------------------------------------------new差替え*/
	#item3_box {
		max-width: 80%;
		margin: 0 auto;
		overflow: hidden;
	}

	.item3_lnk_box {
		width: calc(100% / 3);
		padding: 0 10px;
		margin-top: 9em;
		box-sizing: border-box;
		border-right: 1px solid;
	}

	.item3_lnk_box:last-child {
		border-right: none;
	}

	/*ここから*/
	#item2_box {
		max-width: 80%;
		margin: 9em auto 0;
		overflow: hidden;
	}

	#item2_box .item2_lnk_box_left {
		width: 50%;
		padding-right: 2em;
		box-sizing: border-box;
		border-right: 1px solid;
	}

	#item2_box .item2_lnk_box_right {
		width: 50%;
		padding-left: 2em;
		box-sizing: border-box;
	}

	/*ここまで修正*/
	#sell .text {
		padding: 0 15% 0 1%;
		vertical-align: bottom;
	}

	#app {
		min-height: 400px;
		position: relative;
		margin: 8em 0;
		text-align: center;
	}

	/*#app .qr_box_pc{
	margin:-240px 65px 0 0;
	float:right;
	position:relative;
	z-index:200;
}
*/
	#app .qr_box_pc img {
		width: auto;
	}

	.contact_box {
		width: 70%;
		margin: 5em auto;
	}

	.contact_box .tel {
		float: left;
		width: 60%;
	}

	.contact_box .tel_img {
		float: left;
		width: 60%;
	}

	.contact_box .mail {
		float: left;
		width: 40%;
		text-align: left;
	}

	.contact_box .mail img {
		width: 100%;
	}

	.lnk_hannaryz img {
		width: 25%;
	}


	/*
------------------------------------------------------------------- profile-------------*/
	.profile_inner {
		width: 80%;
	}

	.profile_inner th,
	.profile_inner td {
		line-height: 2.5em;
	}

	/*
------------------------------------------------------------------- privacy-------------*/
	#privacy main .img {
		margin-top: -300px;
		margin-right: -200px;
	}

	#privacy main .img img {
		width: 90%;
	}

	/*
------------------------------------------------------------------- column-------------*/
	#column_inner .column_box .photo {
		float: left;
		width: 200px;
		height: 286px;
		vertical-align: middle;
		text-align: center;
	}

	#column_inner .column_box .photo img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}

	/*#column_inner #column .date {
	font-size:0.9em;
	padding-left:0.5em;
}*/
	#column_inner #column .ttl {
		font-size: 1.8em;
		font-weight: normal;
		padding-left: 0.5em;
		text-align: left;
		width: 100%;
	}

	#column_inner #column .date,
	#column_inner #column .ttl,
	#column_inner #column .text {
		width: 680px;
		padding-left: 20px;
		box-sizing: border-box;
		float: left;
	}

	#column_inner .column_box {
		border-bottom: 1px solid;
		padding: 10px 0;
		width: 880px;
		margin: 0 40px;

	}

	/*
------------------------------------------------------------------- profile-------------*/
	.inner_tbl th,
	.inner_tbl td {
		line-height: 2.5em;
	}

	#rinen img {
		width: auto;
	}

	/*
--------------------------------------------------------------------------video-----*/
	#video_page #video li {
		padding: 0 60px;
		margin-bottom: 3em;
	}

}

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

	/*#top #menu_pc{
    width:65%;
    margin-left:10%;
}
*/
	#menu_pc {
		width: 65%;
	}

	.nav_left {
		margin-left: 5%;
	}

	.nav_right {
		margin-right: 3%;
		margin-left: 0;
	}
}

@media screen and (min-width:1400px) {
	#menu_pc {
		width: 60%;
	}

	.nav_left {
		margin-left: 5%;
	}

	.nav_right {
		margin-right: 0;
	}

	#top #topics_box {
		width: 50%;
	}
}


.service_bar {
	position: absolute;
	top: 97px;
	left: 183px;
	max-height: 100%;
	width: 26px;
}

.service_value {
	position: absolute;
	top: 39px;
	left: 0px;
	letter-spacing: 0.1em;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;

	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 30px */
	letter-spacing: 2px;
}

.our-service {
	position: absolute;
	top: 0px;
	left: 160px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
}

.vector-parent {
	position: absolute;
	top: 102px;
	left: 520px;
	width: 393px;
	height: 97px;
}


.vector-parent_sp {
	position: absolute;
	top: 52px;
	width: 393px;
	height: 97px;
}

.bg-green01-child {
	position: absolute;
	top: 642px;
	left: 287px;
	background-color: #b3d93d;
	width: 287px;
	height: 642px;
	transform: rotate(180deg);
	transform-origin: 0 0;
	opacity: 0.7;
}

.illust07-1-icon {
	position: absolute;
	top: 492px;
	left: 0px;
	width: 180px;
	height: 150px;
	object-fit: cover;
}

.bg-green01 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 287px;
	height: 642px;
}


.bg-green01_sp {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 287px;
	height: 642px;
}

.bg-green02-child {
	position: absolute;
	top: 296px;
	left: 842px;
	background-color: #b3d93d;
	width: 842px;
	height: 296px;
	transform: rotate(180deg);
	transform-origin: 0 0;
	opacity: 0.7;
}

.illust06-1-icon {
	position: absolute;
	top: 32px;
	left: 70px;
	width: 221px;
	height: 152px;
	object-fit: cover;
}

.illust05-2-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 84px;
	height: 184px;
	object-fit: cover;
}

.illust06-1-parent {
	position: absolute;
	top: 112px;
	left: 470px;
	width: 291px;
	height: 184px;
}

.bg-green02 {
	position: absolute;
	top: 1032px;
	left: 598px;
	width: 842px;
	height: 296px;
}

.service01-icon {
	position: absolute;
	height: 46.02%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 53.98%;
	left: 0%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
}

.servicetitle_01 {
	position: absolute;
	width: 38.8%;
	top: 52.65%;
	left: 8.96%;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-weight: 500;
	color: #00a3d6;
	display: inline-block;
}

.service01-parent {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}


.service01-parent_sp {
	position: absolute;
	top: 0px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
	left: calc(50% - 171px);
}

.service02-parent {
	position: absolute;
	top: 0px;
	left: 397px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.service02-parent_sp {
	position: absolute;
	top: 480px;
	left: calc(50% - 171px);
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.cpm {
	position: absolute;
	width: 82.08%;
	top: 65.49%;
	left: 8.96%;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-weight: 500;
	display: inline-block;
	font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.servicetitle_02 {
	position: absolute;
	top: 52.65%;
	left: 8.96%;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-weight: 500;
	color: #00a3d6;
}

.service04-parent {
	position: absolute;
	top: 511px;
	left: 199px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.service04-parent_sp {
	position: absolute;
	top: 960px;
	left: calc(50% - 171px);
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.service03-parent {
	position: absolute;
	top: 0px;
	left: 794px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.service03-parent_sp {
	position: absolute;
	top: 1440px;
	left: calc(50% - 171px);
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.servicetitle_03 {
	position: absolute;
	top: 52.65%;
	left: 8.96%;
	font-size: 22px;
	line-height: 160%;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	font-weight: 500;
	color: #00a3d6;
}

.service05-parent {
	position: absolute;
	top: 511px;
	left: 596px;
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.service05-parent_sp {
	position: absolute;
	top: 1920px;
	left: calc(50% - 171px);
	box-shadow: 4px 4px 6px rgba(195, 195, 195, 0.4);
	border-radius: 10px;
	background-color: #f6f6f6;
	width: 342px;
	height: 452px;
	opacity: 0;
	overflow: hidden;
}

.frame-parent {
	position: absolute;
	top: 254px;
	left: 154px;
	width: 1136px;
	height: 963px;
	font-size: 16px;
	color: #221814;
	font-family: YuGothic;
}

.frame-parent_sp {
	position: absolute;
	top: 200px;
	width: 100%;
	height: 963px;
	font-size: 16px;
	color: #221814;
	font-family: YuGothic;
}

.service {
	width: 100%;
	position: relative;
	height: 1328px;
	text-align: left;
	font-size: 30px;
	color: #00a3d6;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	background-color: #FFFFFF;
}

.service_sp {
	width: 100%;
	position: relative;
	height: 2650px;
	text-align: left;
	font-size: 30px;
	color: #00a3d6;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	background-color: #FFFFFF;
}

.service_group {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	left: calc(50% - 720px);
}

.service_group_sp {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
}

/*
.inview {
	animation-name: fade-in;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-delay: .3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}z

@keyframes fade-in {
	0% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}


.inview2 {
	animation-name: fade-in;
	animation-duration: .7s;
	animation-timing-function: ease-in-out;
	animation-delay: .3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes fade-in2 {
	0% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}


/*
.inview3 {
	animation-name: fade-in;
	animation-duration: .9s;
	animation-timing-function: ease-in-out;
	animation-delay: .3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes fade-in3 {
	0% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
*/

/* 初期状態：わずかに 12px 下げて透明に */
.fade-in1,
.fade-in2,
.fade-in3 {
	opacity: 0;
	transform: translateY(30px);
	/* ← ここで調整。大きいほどスライド感UP */
	will-change: transform, opacity;
	/* GPU レイヤー化でカクつき防止 */
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}

	/* 最終位置は元の座標 */
}

.fade-in1.is-visible {
	animation: fadeUp .5s ease-out .3s forwards;
}

.fade-in2.is-visible {
	animation: fadeUp .7s ease-out .3s forwards;
}

.fade-in3.is-visible {
	animation: fadeUp .9s ease-out .3s forwards;
}

.cfade1,
.cfade2,
.cfade3 {
	opacity: 0;
	will-change: opacity;
	/* GPU レイヤー化でカクつき防止 */
}

@keyframes fadeUpC {
	to {
		opacity: 1;
	}

	/* 最終位置は元の座標 */
}

.cfade1.is-visible {
	animation: fadeUpC .5s ease-out .3s forwards;
}

.cfade2.is-visible {
	animation: fadeUpC .7s ease-out .3s forwards;
}

.cfade3.is-visible {
	animation: fadeUpC .9s ease-out .3s forwards;
}

/*
--------------------------------------------------------------------------new_sale-----*/
.sale_title {
	position: absolute;
	top: 41px;
	left: calc(50% - 65px);
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 28px */
	letter-spacing: 2px;
}

.properties-for-sale {
	position: absolute;
	top: 0px;
	left: 7px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
}

.list {
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 16px */
	font-family: "游ゴシック", YuGothic, serif;
}

.sale_new .frame-child {
	width: 5px;
	position: relative;
	height: 9.5px;
}


.sale_new_sp .frame-child {
	width: 5px;
	position: relative;
	height: 9.5px;
}

.sale_new_sp .fade-in1 {
	opacity: 1;
}

.sale_parent {
	position: absolute;
	top: 151px;
	left: 0px;
	background-color: #00a3d6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.sale_parent_sp {
	position: absolute;
	top: 510px;
	left: 0px;
	background-color: #00a3d6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.child_sale {
	position: absolute;
	top: 101px;
	left: 53px;
	border-top: 2px solid #00a3d6;
	box-sizing: border-box;
	width: 28px;
	height: 2px;
}

.sale_new .sale_icon {
	position: absolute;
	top: 106px;
	left: calc(50% - 490px);
	width: 132px;
	height: 187px;
	font-size: 28px;
	color: #00a3d6;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}


.sale_new_sp .sale_icon_sp {
	position: absolute;
	top: 106px;
	width: 132px;
	height: 187px;
	font-size: 28px;
	color: #00a3d6;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;

	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, -50%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
}


.sale_new .illust01-icon {
	position: absolute;
	top: 52px;
	left: calc(50% - 450px);
	width: 55px;
	height: 38px;
	object-fit: cover;
}

.sale_new_sp .illust01-icon_sp {
	position: absolute;
	top: 45px;
	left: 25%;
	transform: translate(-50%, -0%);
	width: 55px;
	height: 38px;
	object-fit: cover;
}

.sale_new {
	display: flex;
	width: 100%;
	position: relative;
	height: 353px;
	text-align: left;
	font-size: 14px;
	color: #221814;
	font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.sale_new_sp {
	display: flex;
	width: 100%;
	position: relative;
	height: 510px;
	text-align: left;
	font-size: 14px;
	color: #221814;
	font-family: "游ゴシック", YuGothic, "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}


.chintai_title {
	position: absolute;
	top: 41px;
	left: calc(50% - 65px);
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 28px */
	letter-spacing: 2px;

	color: #b3d93d;

}

.properties-for-chintai {
	position: absolute;
	top: 0px;
	left: 7px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	color: #b3d93d;
	font-family: "Marcellus", "Times New Roman", serif;
}

.sale_icon .lists {
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 16px */
	font-family: "游ゴシック", YuGothic, serif;
}

.sale_icon .frame-child {
	width: 5px;
	position: relative;
	height: 9.5px;
}

.chintai_parent {
	position: absolute;
	top: 151px;
	left: 0px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.chintai_parent_sp {
	position: absolute;
	top: 520px;
	left: 0px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.child_chintai {
	position: absolute;
	top: 101px;
	left: 53px;
	border-top: 2px solid #b3d93d;
	box-sizing: border-box;
	width: 28px;
	height: 2px;
}

#bukken_list {
	width: 1440px;
	position: relative;
	background-color: #f6f6f6;
	height: 900px;
	border-top: 117px;
	border-color: #f6f6f6;
	left: calc(50% - 720px);
}


#bukken_list_sp {
	width: 100%;
	position: relative;
	background-color: #f6f6f6;
	height: 1250px;
	border-top: 117px;
	border-color: #f6f6f6;
}


/*
--------------------------------------------------------------------------new_video-----*/
.bg-renovation-icon {
	top: 0px;
	width: 1440px;
	height: 590px;
	object-fit: cover;
}

.bg-renovation-icon_sp {
	position: relative;
	top: 0px;
	width: 100%;
	height: 590px;
	object-fit: cover;
	overflow: hidden;
}

.movie-child {
	position: absolute;
	top: 93px;
	left: calc(50% - 40px);
	max-height: 100%;
	width: 26px;
}

.movie_title {
	position: absolute;
	top: 30px;
	left: calc(50% - 260px);
	letter-spacing: 0.08em;
	line-height: 160%;
	white-space: nowrap;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.movie-child_sp {
	position: absolute;
	top: 110px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	max-height: 100%;
	width: 26px;
}

.movie_title_sp {
	position: absolute;
	top: 21px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	letter-spacing: 0.08em;
	line-height: 130%;
	white-space: nowrap;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	text-align: center;
}

.renovation {
	position: absolute;
	top: 0px;
	left: calc(50% - 65px);
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
}

.renovation_sp {
	position: absolute;
	top: 0px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
}

.movie-parent {
	position: absolute;
	top: 170px;
	left: 165px;
	width: 460px;
	height: 93px;
}

.movie-parent_sp {
	position: absolute;
	top: 30px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	width: 100%;
	height: 93px;
}

.movie_show {
	position: absolute;
	top: 325px;
	left: 172px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}

.movie_show_sp {
	position: absolute;
	top: 180px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
	text-align: center;
}

.play-icon {
	position: absolute;
	top: 368px;
	left: 328px;
	width: 77px;
	height: 77px;
}

.play-icon_sp {
	position: absolute;
	top: 250px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	width: 77px;
	height: 77px;
}

.youtube {
	position: absolute;
	top: 114px;
	left: 688px;
	filter: drop-shadow(0px 0px 6px rgba(35, 19, 41, 0.25));
	width: 673px;
	height: 364px;
	border-radius: 10px;
	overflow: hidden;
}

.youtube iframe{
	width: 673px;
	height: 364px;
}

.youtube_sp {
	position: absolute;
	top: 360px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
	filter: drop-shadow(0px 0px 6px rgba(35, 19, 41, 0.25));
	width: 80%;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
}

.reno_movie {
	width: 100%;
	position: relative;
	/*display: flex;*/
	height: 590px;
	text-align: left;
	font-size: 28px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	left: calc(50% - 720px);
}

.reno_movie_sp {
	width: 100%;
	position: relative;
	/*display: flex;*/
	height: 590px;
	text-align: left;
	font-size: 28px;
	color: #fff;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 要素自身のサイズ分だけ移動して中央に揃える */
}

/*
--------------------------------------------------------------------------new_column-----*/
.bg-colum-icon {
	position: absolute;
	top: 0px;
	width: 980px;
	height: 713px;
	object-fit: cover;
}

.bg-colum-icon_sp {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 713px;
	object-fit: cover;
}

.text_column {
	position: absolute;
	top: 40px;
	letter-spacing: 0.08em;
	line-height: 100%;
	white-space: nowrap;
}

.text_column2 {
	position: absolute;
	top: 0px;
	left: 21px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
	white-space: nowrap;
}

.parent {
	position: absolute;
	top: 0px;
	left: calc(50% - 44.5px);
	width: 89px;
	height: 68px;
}

.group-child {
	position: absolute;
	top: 98px;
	left: 31px;
	max-height: 100%;
	width: 26px;
}

.group-parent {
	position: absolute;
	top: 0px;
	left: calc(50% - 43.5px);
	width: 89px;
	height: 98px;
}

.column_newbox {
	position: absolute;
	top: 58px;
	left: calc(50% - 421px);
	width: 845px;
	height: 546px;
}

.column_newbox_sp {
	position: absolute;
	top: 58px;
	width: 100%;
	height: 546px;
}

.div9 {
	position: relative;
	letter-spacing: 0.1em;
	line-height: 100%;
	font-weight: 500;
}

.frame-child {
	width: 5px;
	position: relative;
	height: 8.6px;
}

.column_list {
	position: absolute;
	height: 5.05%;
	width: 12.89%;
	top: 87.52%;
	right: 43.75%;
	bottom: 7.43%;
	left: 43.36%;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	box-sizing: border-box;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游ゴシック", YuGothic, serif;
}

.column_list_sp {
	position: absolute;
	bottom: 7.43%;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	box-sizing: border-box;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: "游ゴシック", YuGothic, serif;
}

.column_list:visited {
	color: #fff;
}

.column_list_sp:visited {
	color: #fff;
}

.column_new {
	width: 100%;
	position: relative;
	height: 713px;
	text-align: left;
	font-size: 28px;
	color: #b3d93d;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	display: flex;

	justify-content: center;
}

.column_new .date {
	position: absolute;
	top: 60%;
	color: var(--green, #B3D93D);
	font-family: "Marcellus", "Times New Roman", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 14px */
	letter-spacing: 2.8px;
}

.column_new .ttl {
	position: absolute;
	top: 70%;
	width: 250px;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 160%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
	color: #221814;
	text-align: left;
}

/*
--------------------------------------------------------------------------contact_new-----*/
.illust-colum-icon {
	top: -250px;
	width: 100%;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	height: 635px;
	object-fit: cover;
	z-index: -1;
}


.map-child {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #f6f6f6;
	width: 870px;
	height: 460px;
}


.map-child_sp {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #f6f6f6;
	width: 100%;
	height: 360px;
}

.div1 {
	position: absolute;
	top: 18px;
	left: 0px;
	letter-spacing: 0.1em;
	line-height: 150%;
	font-weight: 500;
}

.p {
	margin: 0;
}

.shicata-dix-bldg-container {
	position: absolute;
	top: 0px;
	left: 301px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 150%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
	text-align: left;
	width: 498px;
}

.shicata-dix-bldg-container_sp {
	position: absolute;
	top: 50px;
	font-size: 15px;
	letter-spacing: 0.08em;
	line-height: 150%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
	text-align: left;
	width: 95%;
	white-space: nowrap;
}

.contact_new .parent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 799px;
	height: 72px;
}

.contact_new .parent_sp {
	position: absolute;
	top: -150px;
	left: 0px;
	width: 100%;
	height: 72px;
}

.map1 {
	position: absolute;
	top: 40px;
	left: 35px;
	width: 799px;
	height: 420px;
}


.map1_sp {
	position: absolute;
	top: 40px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	width: 90%;
	height: 300px;
}

.map-item {
	position: absolute;
	top: 45px;
	left: 305px;
	border-right: 1px solid #00a3d6;
	box-sizing: border-box;
	width: 1px;
	height: 63px;
}

.map {
	position: absolute;
	top: 0px;
	width: 870px;
	text-align: center;
}

.map_sp {
	position: absolute;
	top: 0px;
	width: 100%;
	aspect-ratio: 16 / 9;
	text-align: center;
}

.contact_title1 {
	position: absolute;
	top: 40px;
	letter-spacing: 0.1em;
	line-height: 100%;
}

.contact_chintai {
    position: relative;
    top: 130px;
    letter-spacing: 0.1em;
    line-height: 100%;
    color: #00a3d6;
    font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: auto;
}

.contact_chintai_sp {
    position: relative;
    top: 300px;
    letter-spacing: 0.1em;
    line-height: 100%;
    color: #00a3d6;
    font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: auto;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
}

.contact {
	position: absolute;
	top: 0px;
	left: 74px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: "Marcellus", "Times New Roman", serif;
}

.child {
	position: absolute;
	top: 98px;
	left: 85px;
	max-height: 100%;
	width: 26px;
}

.contact_title {
	position: absolute;
	top: 0px;
	width: 196px;
	height: 98px;
	font-size: 28px;
}

.mail-child {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #00a3d6;
	width: 400px;
	height: 188px;
	color: #fff;
}

.mail-child a:visited {
	color: #fff;
}

.mail-child_sp {
	position: absolute;
	top: 0px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #00a3d6;
	width: 100%;
	aspect-ratio: 16 / 7;
	color: #fff;
}

.b {
	position: absolute;
	top: 49px;
	left: 0px;
	font-family: "游ゴシック", YuGothic, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 30px */
	letter-spacing: 1.8px;
}

.b_sp {
	position: absolute;
	top: 49px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	font-family: "游ゴシック", YuGothic, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 30px */
	letter-spacing: 1.8px;
	text-align: center;
	white-space: nowrap;
}

.icon-mail {
	position: absolute;
	top: 0px;
	left: 156px;
	width: 38px;
	height: 32.9px;
}

.icon-mail_sp {
	position: absolute;
	top: 0px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	width: 38px;
	height: 32.9px;
}

.contact-button {
	position: absolute;
	top: 58px;
	left: 25px;
	width: 350px;
	height: 79px;
}

.contact-button_sp {
	position: absolute;
	top: 15%;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	width: 100%;
	height: 79px;
}

.mail {
	top: 0px;
	left: 470px;
	width: 400px;
}

.mail_foot {
	position: absolute;
	top: 0px;
	left: 470px;
	width: 400px;
	height: 188px;
}

.mail_sp {
	position: absolute;
	top: 160px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	width: 70%;
	aspect-ratio: 16 / 7;
}

.tel-child {
	position: absolute;
	top: 0px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #b3d93d;
	width: 400px;
	height: 188px;
	opacity: 0;
}

.tel-child_sp {
	position: absolute;
	top: 0px;
	left: 0px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	background-color: #b3d93d;
	width: 100%;
	aspect-ratio: 16 / 7;
	opacity: 1;
}

.div4 {
	position: absolute;
	top: 116px;
	left: 57px;
	letter-spacing: 0.1em;
	line-height: 150%;
	font-weight: 500;
}

.div4_spp {
	position: absolute;
	top: 60%;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	letter-spacing: 0.1em;
	line-height: 150%;
	font-weight: 500;
	white-space: nowrap;
	font-size: 12px;
}

.contact_call {
	position: absolute;
	top: 0px;
	left: 22px;
	letter-spacing: 0.12em;
	line-height: 150%;
	font-weight: 500;
	white-space: nowrap;
}

.contact_call_sp {
	position: absolute;
	top: 0px;
	left: 22px;
	letter-spacing: 0.12em;
	line-height: 150%;
	font-weight: 500;
	white-space: nowrap;
}

.icon-phone {
	position: absolute;
	top: 10px;
	left: -10px;
	width: 25px;
	height: 25px;
}

.contact_group {
	position: absolute;
	top: 60px;
	left: 62px;
	width: 275px;
	height: 45px;
	text-align: left;
	font-size: 30px;
	font-family: Roboto;
}

.contact_group_sp {
	position: absolute;
	top: 20%;
	left: 12%;
	width: 275px;
	height: 45px;
	text-align: left;
	font-size: 22px;
	font-family: Roboto;
}

.tel {
	top: 0px;
	left: 0px;
	width: 400px;
	text-align: center;
	font-size: 16px;
}

.tel_foot {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 188px;
	text-align: center;
	font-size: 16px;
}

.tel_sp {
	position: absolute;
	top: 0px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	/* 自身のサイズ分だけ移動して中央に揃える */
	width: 70%;
	aspect-ratio: 16 / 7;
	text-align: center;
	font-size: 16px;
}

.contact_button {
	position: absolute;
	top: 148px;
	width: 870px;
	height: 188px;
	color: #fff;
	font-family: "游ゴシック", YuGothic, serif;
	opacity: 0;
}

.contact_button_sp {
	position: absolute;
	top: 148px;
	width: 100%;
	height: 188px;
	color: #fff;
	font-family: "游ゴシック", YuGothic, serif;
	opacity: 1;
}

.contact_new {
	/*top: -500px;*/
	margin-top: 80px;
	width: 100%;
	position: relative;
	height: 460px;
	text-align: left;
	font-size: 20px;
	color: #00a3d6;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	display: flex;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.45);

	background-image: url(../img/new_top/illust_colum.png);
}

.google_map iframe {
	position: relative;
	top: 0px;
	width: 100%;
	height: 400px;
}

.google_map_sp iframe {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

/*
--------------------------------------------------------------------------new_news-----*/
.new_news .child {
	position: absolute;
	top: 0px;
	left: calc(50% - 720px);
	background-color: #f6f6f6;
	width: 1440px;
	height: 596px;
}

.new_news_sp .child_sp {
	position: absolute;
	top: 0px;
	background-color: #f6f6f6;
	width: 100%;
	height: 100%;
}

.new_news .item {
	position: absolute;
	top: 100px;
	left: calc(50% - 568px);
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	border-radius: 6px;
	background-color: #fff;
	width: 1136px;
	height: 396px;
}

.new_news_sp .item_sp {
	position: absolute;
	top: 100px;
	box-shadow: 0px 4px 6px rgba(138, 138, 138, 0.25);
	border-radius: 6px;
	background-color: #fff;
}

.new_news .div {
	width: 1440px;
	height: 596px;
}

.new_news_sp .div_sp {
	width: 100%;
	height: 100%;
}

.new_news .div1 {
	position: absolute;
	top: 40px;
	left: calc(50% - 148.5px);
	letter-spacing: 0.2em;
	line-height: 100%;
	white-space: nowrap;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
}

.new_news_sp .div1_sp {
	position: relative;
	top: 48px;
	letter-spacing: 0.2em;
	line-height: 100%;
	white-space: nowrap;
	font-family: "游明朝", YuMincho, "Yu Mincho", "游明朝体", serif;
	margin: auto;
	font-size: 28px;
}

.new_news .information {
	position: absolute;
	top: 0px;
	left: 110px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: Marcellus;
}

.new_news_sp .information_sp {
	position: relative;
	top: 0px;
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-family: Marcellus;
}

.new_news .group-child {
	position: absolute;
	top: 98px;
	left: 135px;
	max-height: 100%;
	width: 26px;
}

.new_news_sp .group-child_sp {
	position: relative;
	top: 60px;
	height: 2px;
	width: 26px;
}

.new_news .group {
	position: absolute;
	top: 0px;
	left: calc(50% - 148.5px);
	width: 297px;
	height: 98px;
}

.new_news_sp .group_sp {
	position: absolute;
	top: 0px;
	width: 100%;
	height: auto;
}

.new_news .div2 {
	position: relative;
	letter-spacing: 0.1em;
	line-height: 100%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}


.new_news_sp .div2_sp {
	position: relative;
	letter-spacing: 0.1em;
	line-height: 100%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}

.new_news .frame-child {
	width: 5px;
	position: relative;
	height: 8.6px;
}

.new_news_sp .frame-child_sp {
	width: 5px;
	position: absolute;
	height: 8.6px;
}

.new_news .container {
	position: absolute;
	top: calc(50% + 56px);
	left: calc(50% - 67.5px);
	background-color: #00a3d6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: YuGothic;
	display: none;
}


.new_news_sp .container_sp {
	position: absolute;
	top: 450px;
	background-color: #00a3d6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	margin: auto;
	gap: 10px;
	font-size: 16px;
	color: #fff;
	font-family: YuGothic;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	display: none;
}

.new_news .group-container {
	position: absolute;
	top: 37px;
	width: 297px;
	height: 184px;
}

.new_new_sp .group-container_sp {
	position: absolute;
	top: 37px;
	width: 100%;
	height: auto;
}

.new_news .group-item {
	position: absolute;
	top: 68px;
	left: calc(50% - 362px);
	border-top: 1px solid #eceded;
	box-sizing: border-box;
	width: 725px;
	height: 1px;
}

.new_news_sp .group-item_sp {
	position: absolute;
	top: 82px;
	border-top: 1px solid #eceded;
	box-sizing: border-box;
	width: 90%;
	height: 1px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
}

.new_news .wrapper {
	position: absolute;
	height: 100%;
	top: 0%;
	bottom: 0%;
	left: calc(50% - 25.5px);
	border-radius: 6px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	box-sizing: border-box;
}

.new_news_sp .wrapper_sp {
	position: absolute;
	height: 100%;
	top: 0%;
	bottom: 0%;
	left: calc(50% - 25.5px);
	border-radius: 6px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 5px 0px;
	box-sizing: border-box;
}

.new_news .frame-wrapper {
	position: absolute;
	height: 35.29%;
	top: 7.35%;
	bottom: 57.35%;
	left: calc(50% - 177px);
	width: 51px;
	color: #fff;
}

.new_news_sp .frame-wrapper_sp {
	position: absolute;
	height: 35.29%;
	top: 0%;
	bottom: 57.35%;
	left: 48%;
	width: 51px;
	color: #fff;
}

.new_news .new {
	position: relative;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news_sp .new_sp {
	position: relative;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news .new-wrapper {
	position: absolute;
	top: calc(50% - 34px);
	left: calc(50% - 128.5px);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #ff3333;
}

.new_news_sp .new-wrapper_sp {
	position: absolute;
	top: calc(50% - 34px);
	left: calc(50% - 128.5px);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #ff3333;
}

.new_news .div4 {
	position: absolute;
	top: 36.76%;
	left: 0.28%;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news .div5 {
	position: absolute;
	top: 50%;
	left: 25%;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 100%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}

.new_news_sp .div4_sp {
	position: absolute;
	top: 9%;
	left: 5%;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news_sp .div5_sp {
	position: absolute;
	top: 50%;
	left: 5%;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 120%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
	text-align: left;
}

.new_news .line-parent {
	position: absolute;
	top: 0px;
	left: calc(50% - 362px);
	width: 724px;
	height: 68px;
}

.new_news_sp .line-parent_sp {
	position: absolute;
	top: 0px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	width: 100%;
	height: 80px;
}

.new_news .line-group {
	position: absolute;
	top: 88px;
	left: calc(50% - 362px);
	width: 724px;
	height: 68px;
}

.new_news_sp .line-group_sp {
	position: absolute;
	top: 88px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	width: 100%;
	height: 80px;
}

.new_news .line-div {
	position: absolute;
	top: 68px;
	left: calc(50% - 341.5px);
	border-top: 1px solid #eceded;
	box-sizing: border-box;
	width: 725px;
	height: 1px;
	display: none;
}

.new_news_sp .line-div_sp {
	position: absolute;
	top: 68px;
	left: calc(50% - 341.5px);
	border-top: 1px solid #eceded;
	box-sizing: border-box;
	width: 725px;
	height: 1px;
	display: none;
}

.new_news .frame-div {
	position: absolute;
	height: 100%;
	top: 0%;
	bottom: 0%;
	left: calc(50% - 34px);
	border-radius: 6px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	box-sizing: border-box;
}

.new_news_sp .frame-div_sp {
	position: absolute;
	height: 100%;
	top: 0%;
	bottom: 0%;
	left: calc(50% - 34px);
	border-radius: 6px;
	background-color: #b3d93d;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	box-sizing: border-box;
}

.new_news .frame-wrapper1 {
	position: absolute;
	height: 43.64%;
	top: 9.09%;
	bottom: 47.27%;
	left: calc(50% - 156.5px);
	width: 68px;
	color: #fff;
}

.new_news_sp .frame-wrapper1_sp {
	position: absolute;
	height: 35.29%;
	top: 37.35%;
	bottom: 57.35%;
	left: calc(50% - 177px);
	width: 51px;
	color: #fff;
}

.new_news .new-frame {
	position: absolute;
	top: calc(50% - 27.5px);
	left: calc(50% - 92px);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #ff3333;
}

.new_news .div10 {
	position: absolute;
	top: 45.45%;
	left: 0%;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news .div11 {
	position: absolute;
	top: 70.91%;
	left: 26.95%;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 100%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}


.new_news_sp .div10_sp {
	position: absolute;
	top: 65.45%;
	left: 0%;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.new_news_sp .div11_sp {
	position: absolute;
	top: 70.91%;
	left: 26.95%;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 100%;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, serif;
}

.new_news .line-container {
	position: absolute;
	top: 177px;
	left: calc(50% - 360px);
	width: 679px;
	height: 55px;
}

.new_news_sp .line-container_sp {
	position: absolute;
	top: 177px;
	width: 100%;
	height: 80px;
}

.new_news .group-div {
	position: absolute;
	top: 0px;
	left: calc(50% - 192.5px);
	width: 724px;
	height: 232px;
	font-size: 14px;
	color: #221814;
	font-family: Marcellus;
}

.new_news_sp .group-div_sp {
	position: absolute;
	top: 150px;
	left: 50%;
	/* 親要素の幅の50% */
	transform: translate(-50%, 0%);
	width: 100%;
	height: 232px;
	font-size: 14px;
	color: #221814;
	font-family: Marcellus;
}

.new_news .group-parent {
	position: absolute;
	top: 176px;
	left: calc(50% - 532px);
	width: 1063px;
	height: 232px;
}

.new_new_sp .group-parent_sp {
	position: absolute;
}

.new_news {
	width: 100%;
	position: relative;
	height: 596px;
	text-align: left;
	font-size: 28px;
	color: #00a3d6;
	font-family: YuMincho;
}

.new_news_sp {
	width: 90%;
	top: 20px;
	position: relative;
	height: 480px;
	font-size: 16px;
	color: #00a3d6;
	font-family: YuMincho;
	text-align: center;
	margin: auto;
}

.new_news .new_text{
    margin-left: 50px;
    margin-top: -5px;
}

.new_news_sp .new_text_sp{
    margin-left:200px;
    margin-top: -15px;
}

/*
--------------------------------------------------------------------------button_hover-----*/
.hover1 {
	border: 0.1em solid #00a3d6;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

.hover1:hover {
	background: #fff;
	color: #00a3d6;
}

.hover2 {
	border: 0.1em solid #b3d93d;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

.hover2:hover {
	background: #fff;
	color: #b3d93d;
}

.info_sample {
	margin: auto;
	display: block;
	width: 1440px;
}

::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
  }
/* ═══════════════════════════════════════════════════════════════════ */
/* [stg] post-strip space collapse                                      */
/* After removal of #nav_sp + #fixed-navi (header) and .contact_title   */
/* + .contact_button (.contact_new inner), cancel the absolute-offset   */
/* compensations and shrink fixed heights.                              */
/* ═══════════════════════════════════════════════════════════════════ */
.head_img_top,
.head_img_sp,
.head_img { top: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
@media screen and (max-width: 766px) {
    .contact_new { height: auto !important; min-height: 360px !important; padding-bottom: 1em; }
}

/* collapse whitespace text nodes left inside <header> */
header { line-height: 0 !important; font-size: 0 !important; }
header .head_img { line-height: normal; font-size: 13px; }

/* ═══════════════════════════════════════════════════════════════════ */
/* [stg] persistent 2-site branch nav (loaded via includes/header.html) */
/* ═══════════════════════════════════════════════════════════════════ */
.branch-header {
    width: 100% !important;
    background: linear-gradient(to bottom, #f7f5ef, #efece3) !important;
    border-bottom: 1px solid #c9a84c !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    font-family: "Noto Sans JP", "Hiragino Sans", "游ゴシック", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
.branch-header-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    display: flex !important;
    gap: 10px !important;
    align-items: stretch !important;
}
.branch-header-card {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    background: #fff !important;
    border: 1px solid #d9d3bf !important;
    border-top: 2px solid var(--accent) !important;
    text-decoration: none !important;
    color: #2f2a1f !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.branch-header-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    text-decoration: none !important;
}
.branch-header-estate { --accent: #c9a84c; }
.branch-header-manage { --accent: #1c3a5e; }
.branch-header-logo {
    height: 34px !important;
    width: auto !important;
    display: block !important;
    flex-shrink: 0 !important;
}
.branch-header-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.branch-header-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #2f2a1f !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.branch-header-kk {
    font-size: 11px !important;
    font-weight: 400 !important;
    margin-left: 2px !important;
    color: #6b6658 !important;
}
.branch-header-url {
    font-size: 10px !important;
    color: #8a8373 !important;
    letter-spacing: 0.06em !important;
    margin-top: 2px !important;
    font-family: "Outfit", "Helvetica Neue", Arial, sans-serif !important;
}
.branch-header-arrow {
    display: inline-block !important;
    margin-left: 4px !important;
    color: var(--accent) !important;
    font-weight: 600 !important;
}
.branch-header-cs {
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
    padding: 3px 7px !important;
    border-radius: 2px !important;
    background: rgba(201, 168, 76, 0.12) !important;
    color: #8a6f2a !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 500 !important;
}
.branch-header-manage .branch-header-cs {
    background: rgba(28, 58, 94, 0.08) !important;
    color: #2a4c78 !important;
}
@media (max-width: 640px) {
    .branch-header { padding: 8px 10px !important; }
    .branch-header-inner { flex-direction: column !important; gap: 6px !important; }
    .branch-header-card { padding: 8px 10px !important; min-height: 46px !important; }
    .branch-header-logo { height: 28px !important; }
    .branch-header-name { font-size: 12px !important; white-space: normal !important; }
    .branch-header-kk { display: none !important; }
    .branch-header-cs { font-size: 9px !important; padding: 2px 6px !important; }
}

/* Manage card: non-clickable while pre-launch (Coming Soon) */
.branch-header-card.is-disabled {
    cursor: default !important;
    opacity: 0.85 !important;
    pointer-events: none !important;
}
.branch-header-card.is-disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}
.branch-header-card.is-disabled .branch-header-url {
    color: #b0a996 !important;
}
.branch-header-card.is-disabled .branch-header-arrow {
    display: none !important;
}

/* branch-header tag (service descriptor above brand name) */
.branch-header-tag {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.06em !important;
    color: #6b6658 !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
}
.branch-header-tag strong {
    color: var(--accent) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    margin: 0 1px !important;
}
.branch-header-card.is-disabled .branch-header-tag strong {
    color: #1c3a5e !important;
}

/* ═══════════════════════════════════════════════════════════════════ */
/* [stg] chintai: release head_img fixed height                         */
/* ═══════════════════════════════════════════════════════════════════ */
body#chintai .head_img { height: auto !important; }

/* ═══════════════════════════════════════════════════════════════════ */
/* [stg] buysell: release head_img fixed height                         */
/* ═══════════════════════════════════════════════════════════════════ */
body#buysell .head_img { height: auto !important; }