@charset "utf-8";
@import "common.css";

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

.libtn_pre{padding-bottom:1%;}
.libtn img{width:32%;height:auto;}


/* 会社紹介の役職 */
em {
	font-style: normal;
	font-size: 0.7em;
	padding-right: 2rem;
}

body,
#goback button {
	font-size: 1.6rem;
	font-family: 'Noto sans jp' , 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif !important;
	font-style: normal;
}

img {
	vertical-align: top;
	flex-shrink: 0;
}

a:link,
a:visited {
	color: #000000;
}

a:hover {
	transition: 0.3s;
	opacity: 0.8;
}

#com_info a:link,
#com_info a:visited {
	color: #ffffff;
}

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

	footer ul.footer-menu li li a:link,
	footer ul.footer-menu li li a:visited {
		color: #ffffff;
	}
}

#com_info a.contact_btn:link,
#com_info a.contact_btn:visited {
	color: #EF728E;
}

header {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #ffffff;
}

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

	header {
		display: flex;
		justify-content: flex-end;
		position: relative;
	}

}

/*上に固定*/
@media screen and (min-width: 980px) {
	header.m_fixed {
		left: 50%;
		transform: translateX(-50%);
		position: fixed;
		top: -22px;
		transition: all 0.3s ease 0s;
		z-index: 9999;
		width: 100%;
		padding-bottom: 0;
		border-bottom: solid 1px #ccc;
	}
}

header h1 {
	margin: 0 auto;
	width: 60%;
	text-align: center;
	padding-top: 58px;
	padding-bottom: 16px;
}

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

	header h1 {
		flex: 1 1 230px;
		text-align: inherit;
		padding-right: 20px;
		padding-top: 30px;
		text-align: right;
		align-self: center;
	}
}

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

	header h1 {
		flex: 1 1 248px;
		text-align: inherit;
		padding-left: 16px;
	}
}


header h1 img {
	width: 100%;
	max-width: 200px;
	height: auto;
}

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

	header h1 img {
		width: 100%;
		max-width: 180px;
		height: auto;
	}
}

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

	header h1 img {
		width: 100%;
		max-width: 200px;
		height: auto;
	}
}


.header-menu {
	display: none;
}

/*　モバイルではヘッダメニュー非表示 */

header > p {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: auto;
	/*    padding: 2px auto 2px auto;*/
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 1px #EF728E;
	border-bottom: solid 1px #EF728E;
	background: #666666;
	background: -moz-linear-gradient(top, #EF728E 0%, #EF728E 100%);
	background: -webkit-linear-gradient(top, #EF728E 0%, #EF728E 100%);
	background: linear-gradient(to bottom, #EF728E 0%, #EF728E 100%);
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.2rem;
	padding: 5px 5px 5px 60px;
	color: #fff;
}

@media screen and (min-width: 768px) {
	header > p {
		padding: 3px 0;
	}
}


header > div {
	display: flex;
	font-size: 1.4rem;
	padding-bottom: 10px;
	width: 96%;
	margin: 5px auto 0 auto;
	justify-content: space-between;
	align-items: center;
}

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

	header > div {
		width: 88%
	}
}

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

	header > div {
		display: flex;
		justify-content: center;
		padding: 30px 0 10px 0px;
		width: 65%;
	}
}

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

	header > div {
		padding: 20px 0 0 20px;
		width: 80%;
		justify-content: flex-end;
	}
}

@media screen and (min-width: 960px) {
	header.m_fixed > div {
		padding: 16px 0 0 10px;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 960px) {
	header.m_fixed h1 img {
		max-width: 150px;
	}
}

header > div > p:nth-child(1) a {
	display: block;
	width: 52px;
	height: 52px;
	padding: 8px;
	background-repeat: no-repeat;
	background-position: center;
}

header > div > p:nth-child(1) a {
	background-image: url("../images/tel.svg");
}

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

	header > div > p:nth-child(1) a {
		display: block;
		width: 150px;
		font-size: 1.6rem;
		height: auto;
		padding: 8px 0 8px 26px;
		background-repeat: no-repeat;
		background-position: left center;
	}
}

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

	header > div > p:nth-child(1) a {
		display: block;
		width: 170px;
		font-size: 1.6rem;
		height: auto;
		padding: 8px 0 8px 36px;
		background-repeat: no-repeat;
		background-position: left center;
	}
}

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

	header > div > p:nth-child(1) a {
		display: block;
		width: 205px;
		height: auto;
		padding: 12px 0 8px 35px;
		background-repeat: no-repeat;
		background-position: left center;
		font-size: 2.2rem;
		flex: 0 0 205px;
	}
}

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

	header > div > p:nth-child(1) a {
		display: block;
		width: 220px;
		height: auto;
		padding: 12px 0 8px 35px;
		background-repeat: no-repeat;
		background-position: left center;
		font-size: 2.4rem;
		flex: 0 0 220px;
	}
}

header > div > p:nth-child(1) span {
	visibility: hidden;
}

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

	header > div > p:nth-child(1) span {
		visibility: visible;
	}
}

/******/

/* fax 小画面で非表示 */

header > div > p:nth-child(2) {
	display: none;
}

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

	/* faxを表示 */

	header > div > p:nth-child(2) {
		background-image: url("../images/fax.svg");
		flex: 0 0 160px;
	}

	header > div > p:nth-child(2) {
		display: block;
		width: auto;
		height: auto;
		padding: 12px 0 10px 42px;
		background-repeat: no-repeat;
		background-position: 14px center;
		background-size: 24px 24px;
		border: solid 1px #000000;
		font-size: 1.4rem;
		margin-right: 1.6rem;
	}
}


header > div > p:nth-child(3) a {
	display: block;
	width: 52px;
	height: 52px;
	padding: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/mail.svg");
}

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

	header > div > p:nth-child(3) a {
		display: block;
		width: 130px;
		height: auto;
		padding: 8px 0 8px 30px;
		background-repeat: no-repeat;
		background-position: left center;
	}
}

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

	header > div > p:nth-child(3) a {
		display: block;
		width: 150px;
		font-size: 1.6rem;
		height: auto;
		padding: 8px 0 8px 36px;
	}
}

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

	header > div > p:nth-child(3) a {
		display: block;
		width: 160px;
		text-align: center;
		height: auto;
		padding: 12px 5px 12px 32px;
		background-repeat: no-repeat;
		background-position: 18px center;
		background-size: 20px 20px;
		font-size: 1.4rem;
		flex: 0 0 175px;
		margin-right: 1.6rem;
		border: solid 1px #000000;
	}
}

/******/

header > div > p:nth-child(3) span {
	visibility: hidden;
}

@media screen and (min-width: 390px) {
	header > div > p:nth-child(3) span {
		visibility: visible;
	}
}

/******/

header > div > p:nth-child(4) {
	line-height: 1.4;
	font-size: 1.2rem;
}

/******/

header > div > p:nth-child(4) .nosr {
	display: none;
}


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

	header > div > p:nth-child(4) .nosr {
		display: inline;
	}
}

/******/

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

	header > div > p:nth-child(4) {
		line-height: 1.4;
		font-size: 1.4rem;
		padding-right: 10px;
	}
}

@media screen and (min-width: 768px) {
	header > div > p:nth-child(4) {
		line-height: 1.4;
		font-size: 1.4rem;
		padding-right: 1.6rem;
	}
}

@media screen and (min-width: 1140px) {
	header > div > p:nth-child(4) {
		width: 360px;
	}
}

/******/


/* ドロップダウンメニュー　*/
/* 960以上で表示 */
@media screen and (min-width: 960px) {

	.header-menu {
		display: flex;
		height: 5rem;
		margin: 0 auto;
		width: auto;
		max-width: 1600px;
		z-index: 100;
	}


	.header-menu.m_fixed {
		left: 50%;
		transform: translateX(-50%);
		position: fixed;
		top: 61px;
		transition: all 0.3s ease 0s;
		z-index: 9999;
		width: 100%;
	}

	.header-menu.m_fixed li a {
		background-color: rgba(60, 60, 60, 0.7);
		height: 4.5rem;
		color: #ffffff;
	}

	.header-menu > li {
		width: 25%;
	}

	/*各層共通*/

	.header-menu li {
		list-style: none;
		position: relative;

	}

	.header-menu li a {
		background: #ffffff;
		color: #333;
		display: block;
		height: 5rem;
		line-height: 4rem;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}

	/*子階層以降共通*/
	.header-menu li li {
		height: 0;
		overflow: hidden;
		/*transition: .5s;*/
		font-weight: 400;
	}

	.header-menu li:hover > ul > li {
		height: 5rem;
		overflow: visible;
		z-index: 100;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		display: table;
		border-bottom: solid 1px #ccc;
		width: 100%;
	}

	.header-menu li:hover > ul > li a {
		line-height: 1.8rem;
		padding: 0;
		display: table-cell;
		vertical-align: middle;
	}

	.header-menu li ul li ul {
		left: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/*一番右のメニュー*/
	.header-menu > li:nth-child(4) ul li ul {
		left: -100%;
	}

	.header-menu li:hover a {
		opacity: 1;
		border-bottom: solid 2px #00A23C;
		color: #00A23C;
	}

	.header-menu li:hover ul {
		border: solid 1px #ccc;
	}

	.header-menu li:hover ul ul {
		border: none;
	}

	.header-menu li:hover li a {
		background: #ffffff;
		color: #333;
		font-weight: 400;
		font-size: 1.4rem;
		border-bottom: none;
	}

	.header-menu li li a:hover {
		background: #ffffff;
		color: #fff;
	}

	.header-menu li li:hover a {
		background: #00A23C;
	}

	.header-menu li ul li ul li a {
		background: #00A23C;
		font-weight: 400;
	}

	.header-menu li ul li ul li:hover a {
		background: #00A23C;
	}

	.header-menu li ul li ul li ul li a {
		background: #00A23C;
	}

	.header-menu li ul li ul li ul li:hover a {
		background: #00A23C;
	}

	/*リストに「▶︎」を付ける*/

	.header-menu > li > ul > ul:before {
		border: 5px solid transparent;
		border-top: 5px solid #fff;
		content: "";
		right: 1rem;
		position: absolute;
		top: 2rem;
		transform: translateY(-40%);
	}

	.header-menu {
		font-weight: bold;
	}

	.header-menu li ul li ul::before {
		/*孫階層*/
		border: 5px solid transparent;
		border-left: 5px solid #fff;
		content: "";
		left: -20px;
		position: absolute;
		top: 2rem;
		transform: translateY(-50%);
	}

	.header-menu li:nth-child(4) ul li ul:before {
		/*一番右のメニューの孫階層*/
		border: 5px solid transparent;
		border-right: 5px solid #fff;
		left: auto;
		right: -20px;
	}

}

/*　ハンバーガーメニュー　*/

.navi-btn {
	display: block;
	width: 62px;
	height: 66px;
	position: absolute;
	position: fixed;
	cursor: pointer;
	background-color: #20AD54;
	z-index: 9998;
	top: 0px;
	left: 0px;
}

/* 960以上で非表示 */

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

	.navi-btn {
		display: none;
	}

}

.navi-btn span {
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	background: #ffffff;
	/*transition: all .3s;*/
	left: 14px;
}

.navi-btn span:nth-of-type(1) {
	top: 11px;
	opacity: 1;
	/*transition: all .3s;*/
}

.navi-btn span:nth-of-type(2) {
	top: 22px;
	opacity: 1;
}

.navi-btn span:last-of-type {
	top: 33px;
}

.navi-btn p {
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 44px;
	left: 6px;
	font-size: 1.1rem;
}

.navi-btn-on span:first-of-type {
	transform: rotate(-45deg) translateY(7px) translateX(-7px);
}

.navi-btn-on span:nth-of-type(2) {
	transform: translateX(0);
	opacity: 0;
}

.navi-btn-on span:last-of-type {
	transform: rotate(45deg) translateY(-9px) translateX(-7px);
}


/* ハンバーガーメニュー内のメニュー */

.navi-menu {
	top: 0;
	display: none;
	background: #20AD54;
	width: 100%;
	padding-top: 45px;
	padding-bottom: 20px;
	position: fixed;
	z-index: 100;
	overflow-y: auto;
	height: 90%;
}

.navi-menu ul {
	margin: 15px;
	overflow-y: auto;
	text-align: center;
}

.navi-menu li ul {
	margin: 0;
}

.navi-menu li {
	list-style-type: none;
	border-bottom: solid 1px #ffffff;
}

.navi-menu li ul {
	padding: 10px 0 16px 0;
	border-top: solid 1px #ffffff;
}

.navi-menu li ul li {
	list-style-type: disc;
	border-bottom: none;
}

.navi-menu li a {
	display: block;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	padding: 5px 30px;
	line-height: 3rem;
	position: relative;
}

.navi-menu .submenu {
	display: none;
}

.navi-menu .submenu-on {
	display: block;
}

.navi-menu .submenu li a {
	text-align: left;
	line-height: 1.4;
}


/*閉じた状態の矢印描画*/
.navi-menu a.sub-btn::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: #fff 3px solid;
	border-right: #fff 3px solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 92%;
	top: 10px;
}

/* フッタ */
/******/

footer {
	width: 100%;
	background: #20AD54;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 30px;

}

/******/

/*footer 959以下*/

/******/

@media screen and (max-width: 959px) {

	footer ul.footer-menu {
		display: inline-block;
		width: 100%;
		font-size: 1.2rem;
		margin-left: auto;
		margin-right: auto;
		justify-content: flex-start;
		padding-top: 30px;
		border-top: solid 1px #ffffff;
		margin-bottom: 30px;
	}

	footer ul.footer-menu ul {
		margin-left: 2rem;
		margin-right: 2rem;
		margin-bottom: 2rem;
		padding: 1rem;
	}

	footer ul.footer-menu li a {
		display: block;
		margin-bottom: 2rem;
		padding-left: 1%;
		font-size: 1.8rem;
	}

	footer ul.footer-menu li li a {
		display: block;
		margin-bottom: 1.2rem;
		text-align: left;
		text-indent: 0.5em;
		background-color: #ffffff;
		padding: 1% 0 1% 1%;
		border-radius: 10px;
		font-size: 1.4rem;
	}

}

/******/

/*footer 960以上*/

/******/

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

	footer ul.footer-menu {
		display: flex;
		width: 100%;
		max-width: 1400px;
		font-size: 1.4rem;
		margin-left: auto;
		margin-right: auto;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 30px;
		margin-bottom: 0;
		position: relative;
	}

	footer ul.footer-menu li.f-title {
		display: block;
		margin-bottom: 2rem;
		color: #333;
		width: 290px;
		padding: 3px 0;
		margin-right: 2rem;
		font-weight: 600;
	}

	footer ul.footer-menu li.f-title ul.submenu {
		position: relative;
		top: 30px;
	}

	footer ul.footer-menu li.f-title ul.submenu::before {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		border-bottom: solid 2px #fff;
		position: absolute;
		left: 0;
		top: -20px;
	}

	footer ul.footer-menu li li a {
		display: block;
		margin-bottom: 0.5rem;
		background-color: transparent;
		text-align: left;
		border: none;
	}

	footer ul.footer-menu li.f-title.over {
		position: relative;
		top: -60px;
	}

	footer ul.footer-menu li ul.submenu.up {
		position: relative;
		top: 30px;
	}
}

@media screen and (min-width: 1240px) {
	footer ul.footer-menu li.f-title:nth-child(4) {
		margin-right: 0;
	}
}


/* copyright */
p.cp {
	padding: 10px 0 20px 0;
}

/* パンくずリスト */

.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_breadcrumb {
	margin: 0.5em auto 1em auto;
	padding: 0.5em 2em;
	background-color: #ffffff;
	color: #666666;
	border-radius: 0.5em;
	font-size: 0.8em;
}

@media screen and (min-width: 768px) {
	.cp_breadcrumb {
		font-size: 1em;
	}
}

.cp_breadcrumb a {
	text-decoration: none;
	color: #7986CB;
}

.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #7986CB;
}

.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1.2em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #333333;
}

.cp_breadcrumb li:last-child::before {
	content: normal;
}


/****************************/
/*                          */
/*      共通                */

/* 不動産リストのタイトル */

div#container article section#cblist h1 {
	text-align: center;
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	padding: 50px;
	position: absolute;
	top: 190px;
	left: 0;
	width: 100%;
	background-color: #e4e4e4;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
}

@media screen and (min-width: 768px) {
	div#container article section#cblist h1 {
		top: 100px;
		font-size: 2.1rem;
	}
}

@media screen and (min-width: 960px) {
	div#container article section#cblist h1 {
		top: 150px;
		font-size: 2.2rem;
	}
}

/******/


h2 {
	margin: 4rem auto;
	text-align: center;
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
}

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

	h2 {
		/* margin: 4rem auto;*/
		text-align: center;
		color: #333333;
		font-size: 2.2rem;
		font-weight: bold;
	}
}

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

	h2 {
		font-size: 2.6rem;
	}
}


/******/

h3 {
	margin: 0 auto 20px auto;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}


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

	h3 {
		/*margin: 0 auto 20px auto;*/
		/*text-align:center;*/
		font-size: 1.8rem;
		font-weight: bold;
	}
}

@media screen and (min-width: 1140px) {
	h3 {
		font-size: 2.2rem;
	}
}

/******/


h3.sima {
	margin: 50px auto 30px auto;
	background-color: #e4e4e4;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
	padding-top: 2rem;
	padding-bottom: 2rem;
}


/******/

/*　トップ家づくり */

.ie {
	font-size: 1.4rem;
	/*    background-color:#2E8BC2;*/
}

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

	.ie {
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 1200px) {
	.ie {
		width: 100%;
		max-width: 100%;
	}
}

/******/

.ie h2 {
	margin: 4rem auto 2rem auto;
}

@media screen and (min-width: 768px) {
	.ie h2 {
		margin: 5rem auto 6rem auto;
	}
}

/******/

.ie .container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	align-items: center;
	padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.ie .container {
		display: flex;
	}
}

@media screen and (min-width: 1600px) {
	.ie .container {
		width: 1400px;
	}
}

/*******/

.ie .ie_message {
	font-size: 1.4rem;
	line-height: 1.7;
	font-size: 1.6rem;
	width: 94%;
	box-sizing: border-box;
	position: relative;
	top: 20px;
	left: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 10;
	box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, .2);
}

@media screen and (min-width: 768px) {
	.ie .ie_message {
		/*  width:100%;*/
		left: 30px;
		top: -20px;
		padding-bottom: 0;
		padding-top: 20px;
		flex: 1 1 100%;
	}
}

@media screen and (min-width: 1140px) {
	.ie .ie_message {
		width: 1140px;
		top: -20px;
		left: 50px;
		padding: 40px 40px;
	}
}

/*******/

.ie .ie_message p {
	line-height: 1.6;
	margin-bottom: 30px;
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
	.ie .ie_message p {
		margin-top: 50px;
	}
}

/******/

.ie .ie_message h3 {
	font-size: 1.8rem;
	margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
	.ie .ie_message h3 {
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 1140px) {
	.ie .ie_message h3 {
		margin-top: 30px;
		font-size: 2.4rem;
	}
}

/*******/

.ie figure.img1 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.ie figure.img1 {
		/*width:100%;*/
		flex: 1 1 90%;
		margin: 0;
		position: relative;
		left: -10px;
		top: 0px;
		z-index: 1;
	}
}

/*******/

.ie figure.img1 img {
	width: 100%;
}

.ie section {
	background-image: url(../images/haikei_ie.png);
	background-repeat: no-repeat;
	background-position: -700px -50px;
}

.ie a.button {
	width: 100%;
	font-size: 1.1em;
}


/******************/
/* トップ　
 プラン＆コンセプト　と*/
/* 住宅購入をご検討の方へ */
/*家と土地を売る

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

.sikin.plan {
	padding-top: 26px;
	background-image: url(../images/haikei_ie.png);
	background-repeat: no-repeat;
	background-position: 8px;
	background-size: contain;
}

/*.bnbox{
    padding-bottom:20px;
}*/

.sikin.plan {
	margin-top: 20px;
	padding-bottom: 20px;
}

@media screen and (min-width: 1200px) {
	.sikin.plan {
		background-image: none;
	}
}

.plan {
	margin-top: 0;
	/*padding-bottom:20px;*/
	padding-top: 30px;
}

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

	.plan {
		width: 100%;
		max-width: 1200px;
		background-image: none;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

}



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

.plan p.catch {
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
	text-align: center;
	height: 3rem;
	padding-left: 2.4em;
	box-sizing: border-box;
	margin-top: 2rem;
}

.plan p.catch::before {
	content: "";
	display: inline-block;
	width: 4rem;
	height: 4rem;
	background: url("../images/icon_plan.svg");
	background-size: contain;
	position: absolute;
	top: -1.4rem;
	left: 50%;
	transform: translateX(-13rem);
}

.sikin.plan p.catch::before {
	content: "";
	display: inline-block;
	width: 4rem;
	height: 3rem;
	background: url("../images/icon_home.svg");
	background-size: contain;
	position: absolute;
	top: -1.4rem;
	left: 50%;
	transform: translateX(-10rem);
}

@media screen and (min-width: 768px) {
	.plan p.catch {
		font-size: 1.5rem;
		margin-top: 0rem;

	}


	.plan p.catch::before {
		top: -1.3rem;
	}

	.sikin.plan p.catch::before {
		content: "";
		display: inline-block;
		width: 4rem;
		height: 4rem;
		background: url("../images/icon_home.svg");
		background-size: contain;
		position: absolute;
		top: -1.4rem;
		left: 50%;
		transform: translateX(-10rem);
	}
}

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

	.plan p.catch {
		font-size: 1.8rem;
		font-weight: bold;
		text-align: left;
		height: 6rem;
		padding-left: 4em;
		flex: 0 0 100%;
	}


	.plan p.catch::before {
		width: 5rem;
		height: 5rem;
		top: -1rem;
		left: 0;
		transform: translateX(0rem);
		transform: translateY(-1rem);
	}

	.sikin.plan p.catch::before {
		width: 5rem;
		height: 5rem;
		top: -1rem;
		left: 0;
		transform: translateX(0rem);
		transform: translateY(-1rem);
	}

}

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

.plan h3 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.25rem;
	position: relative;
	top: 2.4rem;
	padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
	.plan h3 {
		font-size: 2rem;
		top: 2.2rem;
	}

	.plan h3::after {
		margin-top: 46px;
	}
}

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

	.plan h3 {
		font-size: 2.7rem;
		position: relative;
		top: 5.4rem;
		text-align: left;
		padding-left: 0rem;
		flex: 1 0 30%;
		left: 6.2rem;
	}

	.plan h3.uehe {
		font-size: 2.7rem;
		position: relative;
		top: 2rem;
		text-align: left;
		padding-left: 0rem;
		flex: 1 0 30%;
		left: 6.2rem;
	}

}

.plan h3 span {
	display: block;
	font-size: 1.2rem;
	color: #666666;
	margin-top: 1.7rem;

}

@media screen and (min-width: 768px) {
	.plan h3 span {
		color: #666666;
		margin-top: 1.7rem;
		transform: translateX(-3.2em);
	}
}

.plan h3 span {
	display: block;
	font-size: 1.1rem;
	color: #666666;
	margin-top: 2.4rem;
	transform: translateX(0px);
}

@media screen and (min-width: 1200px) {
	.plan h3 span {
		margin-top: 2.4rem;
		transform: translateX(3px);
	}
}


.index_osusume .plan h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.8rem;
}


/******************/
/*トップ　プラン＆コンセプト箇条書き*/

.plan ul {
	text-align: center;
	font-size: 1.8rem;
}

@media screen and (min-width: 1200px) {
	.plan ul {
		text-align: left;
		font-weight: bold;
		font-size: 1.8rem;
		flex: 0 0 63%;
		margin-bottom: 70px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

.plan ul li {
	margin: 20px 0;
}

@media screen and (min-width: 1200px) {
	.plan ul li {
		margin: 0;
		width: 48%;
		margin-bottom: 20px;
	}
}

.plan ul li a {
	display: block;
	text-align: center;
	padding: 15px 0;
}

.plan ul li a {
	text-align: center;
	box-sizing: border-box;
	border-bottom: solid 1px #EF728E;
	padding: 15px 15px 15px 15px;
	position: relative;
	box-sizing: border-box;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (min-width: 1200px) {
	.plan ul li a {
		text-align: left;
		box-sizing: border-box;
		border: solid 2px #EF728E;
		padding: 15px 15px 15px 60px;
		position: relative;
		box-sizing: border-box;
		width: 100%;
	}
}

.plan ul li a:hover {
	background-color: #EF728E;
	font-weight: 400;
	color: #ffffff;
}


.plan ul li a::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent transparent #EF728E;
	position: absolute;
	top: 20px;
}

@media screen and (min-width: 1200px) {
	.plan ul li a::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 10px solid;
		border-color: transparent transparent transparent #EF728E;
		position: absolute;
		top: 35%;
		left: 5%;
	}
}


.plan ul li:first-child {
	margin-top: 40px;
}

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

	.plan ul li:first-child {
		margin: 0;
	}
}

.plan ul li:last-child {
	margin-bottom: 50px;
}

@media screen and (min-width: 1200px) {
	.plan ul li:last-child {
		margin: 0;
	}
}

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

/* 汎用ボタン */

a.button {
	display: block;
	font-family: inherit;
	appearance: none;
	border-left: solid 3px #EF728E;
	border-right: solid 3px #EF728E;
	border-bottom: solid 3px #EF728E;
	background: #ffffff;
	color: #EF728E;
	padding: 20px 0;
	font-size: 1.6rem;
	font-weight: bold;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.2;
}

a.button::before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	position: relative;
	top: -20px;
	background: -webkit-gradient(linear, top top left, right bottom, from(#EF728E), to(#FBD3DC));
	background: -moz-linear-gradient(left, #EF728E, #FBD3DC);
	background: linear-gradient(to left, #EF728E, #FBD3DC);
}

a.button::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ya_pink.png");
	background-position: 10px;
	width: 4rem;
	height: 1rem;
	;
	background-size: contain;
	background-repeat: no-repeat;
}

a.button:hover,
a.button:hover {
	opacity: 0.8;
	background-color: #EF728E;
	color: #ffffff;
}

a.button:focus,
a.button:focus {
	outline: none;
	box-shadow: 0 0 0 4px #cbd6ee;
}


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

/* リンクバナー */
/* 他のボタンの元*/

.bnbox li {
	position: relative;
}

.bnbox li:after {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	display: inline-block;
	background-image: url("../images/ya_pink.png");
	width: 3rem;
	height: 1rem;
	;
	background-size: contain;
	background-repeat: no-repeat;
}

.bnbox li a {
	display: block;
	border: solid 2px #000000;
	font-size: 1.6rem;
	font-weight: bold;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 9% 0 14% 0;
	text-align: center;
	margin-bottom: 30px;

	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
		-1px 1px 0 #fff, 1px -1px 0 #fff,
		0px 1px 0 #fff, 0 -1px 0 #fff,
		-1px 0 0 #fff, 1px 0 0 #fff;
}

.bnbox li a span {
	color: #999999;
	font-size: 1.3rem;
	text-shadow: none;
	color: #000000;
}

.bnbox li a:hover {
	transition: 0.5s;
	opacity: 0.7;
}

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

	ul.bnbox {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-wrap: wrap;
		max-width: 1000px;
	}

	.bnbox li a {
		max-width: 480px;
		width: 90%;
		padding: 9% 0 18% 0;
		font-size: 2rem;
	}

	.bnbox li {
		position: relative;
		width: 50%;
	}

}

@media screen and (min-width: 1200px) {
	ul.bnbox {
		max-width: 1100px;
		margin: 0;
	}

	footer ul.bnbox {
		margin: 0;
	}

	.bnbox li a {
		max-width: 500px;
		width: 100%;
		padding: 9% 0 18% 0;
		font-size: 2.1rem;
		max-height: 222px;
	}

	.ie ul.bnbox {
		max-width: 1100px;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		/*   margin-top:20px;*/
	}

}


ul.bnbox.normal {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	/* margin-bottom:40px;*/
	justify-content: center;
}

@media screen and (min-width: 768px) {
	ul.bnbox.normal {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
	}

}



/* トップ　物件リスト */

.index_osusume .container {
	width: 94.4%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0;
}

#index_osusume h2,
section.ie h2 {
	margin: 30px auto 30px auto;
	background-color: #e4e4e4;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
	padding-top: 2rem;
	padding-bottom: 2rem;
}

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

	#index_osusume h2,
	section.ie h2 {
		margin: 50px auto 60px auto;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}

.index_osusume h3 {
	margin: 40px auto 40px auto;
	font-weight: bold;
	padding-top: 50px;
}

@media screen and (min-width: 481px) {
	.index_osusume h3 {
		padding-top: 10px;
	}
}

.index_osusume h3::after {
	content: "";
	display: block;
	border-bottom: 2px solid #EF728E;
	width: 70px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}


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

	.index_osusume .container {
		width: 94.4%;
		margin-left: auto;
		margin-right: auto;
	}
}

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

	.index_osusume .container {
		width: 94.4%;
		margin-left: auto;
		margin-right: auto;
	}
}

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

	.index_osusume .container {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

}


/******/

.osusume_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

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

	.osusume_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-left: 0.5%;
	}

}

/******/

.osusume_inner .osusume_c,
.osusume_inner .osusume_b {
	padding-bottom: 30px;
	position: relative;
}

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

	.osusume_inner .osusume_c,
	.osusume_inner .osusume_b {
		width: 45%;
	}
}

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

	.osusume_inner .osusume_c,
	.osusume_inner .osusume_b {
		width: 23%;
		margin: 1%;
	}

}

/******/

.osusume_inner .osusume_photo {
	border: solid 1px #ccc;
	margin-bottom: 1.4rem;
	display: flex;
	align-items: center;
	padding: 4px;
}

/******/

.osusume_inner .osusume_photo img {
	max-width: 100%;
	height: auto;
}

/******/

.osusume_inner.osusume p {
	background-color: #ccc;
	width: 6em;
	border-radius: 5px;
	font-size: 1.4rem;
	text-align: center;
	color: #000;
	padding: 6px 4px;
	margin-bottom: 5px;
	position: relative;
}

.osusume_inner.osusume p::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top: 8px solid #ccc;
	width: 0;
	height: 0;
}

/******/

.osusume_inner div.osusume_banner{
	position:absolute;
	top:0;
	right:-5px;
	border:solid 3px #ffffff;
}

.osusume_inner div.osusume_banner img{
	width: 100%;
	max-width: 140px;
	height: auto;
}

@media screen and (min-width: 420px) {
	.osusume_inner div.osusume_banner{
		position:absolute;
		top:-18px;
		right:-10px;
		border:solid 3px #ffffff;
}

	.osusume_inner div.osusume_banner img{
		width: 100%;
		max-width: 120px;
		height: auto;
}

}

@media screen and (min-width: 768px) {
.osusume_inner div.osusume_banner{

	position:absolute;
	top:-5px;
	right:-10px;
	border:solid 3px #ffffff;
}

.osusume_inner div.osusume_banner img{
	width: 100%;
	max-width: 105px;
	height: auto;
}
}

/******/

.osusume_inner div.osusume_addr {
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
}

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

	.osusume_inner div.osusume_addr {
		font-size: 1.4rem;
		text-align: center;
		font-weight: bold;
	}
}

.osusume_inner div.osusume_addr {
	text-align: center;
	background-color: #cccccc;
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 5px;
}

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

	.osusume_inner div.osusume_addr {
		text-align: center;
		background-color: #EF728E;
		color: #fff;
	}
}

/******/

.osusume_inner div.osusume_bname {
	text-align: center;
	background-color: #cccccc;
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 5px;
}

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

	.osusume_inner div.osusume_bname {
		text-align: center;
		background-color: #EF728E;
		color: #fff;
	}
}

/******/

.osusume_inner div.osusume_cost {
	font-size: 1.8rem;
	border-bottom: dotted 2px #ccc;
	text-align: center;
}

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

	.osusume_inner div.osusume_cost {
		font-size: 1.8rem;
		border-bottom: dotted 2px #ccc;
		text-align: center;
	}

}

/******/

.osusume_inner div.osusume_catch {
	font-size: 1.6rem;
	border-bottom: dotted 2px #ccc;
	text-align: center;
}

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

	.osusume_inner div.osusume_catch {
		font-size: 1.4rem;
		border-bottom: dotted 2px #ccc;
		text-align: center;
		min-height: 74px;
		text-align: left;
		margin-top: 10px;
		padding-bottom: 10px;
	}
}


/****/

a.osusume_more {
	display: block;
	font-family: inherit;
	appearance: none;
	border: 0;
	border-radius: 20px;
	background: #EF728E;
	color: #fff;
	padding: 10px 16px;
	font-size: 1.4rem;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	text-align: center;
	width: 60%;

}

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

	a.osusume_more {
		font-size: 1.6rem;
		width: 50%;
	}
}

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

	a.osusume_more {
		font-size: 1.6rem;
		width: 40%;
	}
}


a.osusume_more::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ya_siro.png");
	background-position: 10px;
	width: 4rem;
	height: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
}

a.osusume_more:hover {
	background-image: url("../images/ya_pink.png");
	transition: 0.5s;
	opacity: 0.8;
}

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


/* 間取りプラン */

article > section.madoriplan > h3 {
	margin-bottom: 30px;
	padding-bottom: 0;
}


.madorizu {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}

@media screen and (min-width: 1140px) {
	.madorizu {
		width: 1140px;
	}
}

.madorizu h4.title_h4.nopad {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.4;
	position: relative;
}

@media screen and (min-width: 1140px) {
	.madorizu h4.title_h4.nopad {
		font-size: 2rem;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.madorizu th {
	width: 25%;
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

.madorizu td {
	width: 73%;
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

.madorizu table {
	margin-bottom: 30px;
}

.madorizu figure {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.madorizu figure img {
	width: 100%;
	height: auto;
}

.madorizu .zu_wrapper {
	display: block;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and (min-width: 510px) {
	.madorizu .zu_wrapper {
		display: flex;
	}
}

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

/* トップ会社紹介 */

h2.top_h2 {
	background-image: none;
}

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

	.company {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

}

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

.company.top .container {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	/*  padding-top:10px;*/
}

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

	.company.top .container {
		display: flex;
		flex-direction: unset;
		justify-content: space-between;
		align-items: center;
		/*    margin:0 auto 20px auto;*/
	}

}

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

	.company.top .container {
		width: 1140px;
	}

}


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

.company .prof {
	width: 94.4%;
	margin: 0 auto;
}

.company .prof figure {
	width: 100%;
}

.company .prof figure img {
	width: 100%;
	height: auto;
}

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

	/* 社長写真は1440で実体を表示。それまでは背景 */
	.company figure.president_photo {
		width: 100%;
		margin: 0;
		position: relative;
		left: 0px;
		top: 62px;
		z-index: 1;
	}

	.company figure.president_photo img {
		width: 100%;
	}

	.company a.button {
		width: 80%;
		font-size: 1.1em;
	}
}

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

.company .box_r h3 {
	margin: 0 auto 24px auto;
	text-align: center;
	/*   font-size:1.6rem;*/
	font-weight: bold;
	margin: 20px auto;
}

.company .box_r p {
	padding: 0px 30px 20px 30px;
	font-size: 1.6rem;
	line-height: 1.6;
}

@media screen and (min-width: 768px) {
	.company .box_r p {
		padding: 0px 0 20px 0;
		font-size: 1.6rem;
		line-height: 1.6;
	}
}

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

/* モバイルでは社長写真を隠しておく*/

figure.president_photo {
	display: none;
}

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

	/*　背景とfigure.imgを切り替える */

	.company figure.president_photo {
		display: block;
		max-width: 340px;
		top: -10px;
		left: 0;
	}

}

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

.company .company-message {
	width: 100%;
	position: relative;
	padding: 0 30px;
	font-size: 1.4rem;
	line-height: 1.7;
}

.company .company-message {
	margin: 3rem auto 0 auto;
}

.company .company-message h3 {
	margin: 0 auto;
}

@media screen and (min-width: 1140px) {
	.company .company-message h3 {
		margin: 0 auto;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

.company .company-message p {
	margin-top: 20px;
	padding-bottom: 50px;
	line-height: 1.6;
}

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

	.company .container .company-message {
		font-size: 1.6rem;
		width: 100%;
		position: relative;
		top: -50px;
		left: 0px;
		padding: 30px 60px;
		background-color: rgba(255, 255, 255, 0.7);
		z-index: 10;
		box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, .2);
	}
}

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

	.company .container .company-message {
		width: 700px;
		font-size: 1.6rem;
		margin-right: 3rem;
		margin-bottom: 60px;
		top: -10px;
	}
}


/* h3のafterで社長写真を表示*/

.company .company-message h3::after {
	content: '';
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	margin-top: 0px;
	height: 0;
	background-image: url(../images/_36A7683.jpg);
	background-repeat: no-repeat;
	background-size: 80%;
	box-sizing: border-box;
	background-position: center;
}

@media screen and (min-width: 520px) {
	.company .company-message h3::after {
		background-size: 70%;
		padding-top: 80%;
	}
}

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

	.company .company-message h3::after {
		content: '';
		display: none;
	}
}

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

/*　会社プロフ部分 */
/* スマホ時は縦積み*/

/*　カレンダー */
.company .prof .box_r #calender {
	width: 100%;
	padding: 0 10px;
}

.company .prof .box_r table#holiday_calendar {
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	border: solid 1px #cccccc;
}

div#calendar table caption {
	caption-side: top;
	padding: 10px;
	background: #F28EA5;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

div#calendar table th,
div#calendar table td {
	width: 14.285%;
	padding: 5px 0;
	font-size: 11px;
	text-align: center;
}

div#calendar table th {
	background: #eee;
	border-bottom: solid 1px #ccc;
}

div#calendar table th:not(:last-child),
aside div#calendar table td:not(:last-child) {
	border-right: solid 1px #ccc;
}

div#calendar table th:last-child,
div#calendar table td:last-child {
	border-right: solid 1px #cccccc;
}

div#calendar table th:nth-child(1) {
	color: #c00;
}

div#calendar table th:nth-child(7) {
	color: #00c;
}

div#calendar table td {
	height: 1vw;
	vertical-align: top;
}

/*　カレンダー内のp調整 */
.company .box_r div#calendar p {
	padding: 0 0 2px 0;
}

div#calendar table tr:not(:last-child) td {
	border-bottom: solid 1px #ccc;
}

div#calendar table tr:last-child td {
	border-bottom: solid 1px #cccccc;
}

div#calendar table td:nth-child(7) {
	background: #eef;
}

div#calendar table td:nth-child(1),
div#calendar table td.cal_holiday {
	background: #fee;
}

div#calendar table td p {
	line-height: 100%;
}

div#calendar table td i {
	color: #c00;
}

div#calendar table td span {
	display: none;
}

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

	.company .prof {
		display: flex;
		margin: 60px auto 20px auto;
		justify-content: space-between;
		max-width: 1140px;
	}

	.company .prof figure.comp1 {
		width: 100%;
	}

	.company .prof .box_r {
		margin-left: 60px;
		width: 50%;
		min-width: 300px;
	}

	.company .prof figure.comp2 {
		width: 100%;
	}

}

/******************/
/* トップ　マップ */


#map {
	position: relative;
	padding-bottom: 46.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 20px;
}

@media screen and (min-width: 1200px) {
	#map {
		padding-bottom: 32%;
	}
}

#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

.otherbox {
	background-image: url(../images/haikei-light-pat.jpg);
	/*padding-top:60px;*/
	padding-top: 10px;
	padding-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.otherbox {
		background-image: url(../images/haikei-light-pat.jpg);
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


/* トップ　お知らせ */

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

.news h3 {
	padding-top: 40px;
	padding-bottom: 10px;
}

.news div {
	display: block;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	background-color: #ffffff;
	padding: 10px;
	height: 300px;
	overflow-y: scroll;
}

.news p.info_date {
	flex: 0 0 25%;
	text-align: center;
	font-size: 1.1em;
	background-color: rgba(239, 114, 142, 0.5);
	padding: 5px 0;
	font-weight: 600;
}

.news p.info_body {
	flex: 0 0 75%;
	line-height: 2.2rem;
	margin-bottom: 0;
	box-sizing: border-box;
	padding: 10px 0 10px 0;
}

@media screen and (min-width: 768px) {
	.news div {
		display: flex;
		max-width: 1200px;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
		width: 94%;
		background-color: #ffffff;
		padding: 10px;
	}

	.news p.info_date {
		flex: 0 0 25%;
		text-align: center;
		font-size: 1.1em;
		padding: 10px 0 0 0;
		margin-bottom: 10px;
	}

	.news p.info_body {
		flex: 0 0 73%;
		line-height: 2.2rem;
		margin-bottom: 10px;
		margin-left: 10px;
		box-sizing: border-box;
		padding: 10px 0 10px 10px;
		border-bottom: dotted 1px #EF728E;
	}
}

/* トップ　個別画像入りのリンクバナー */

/* 正方形バナー */

ul.colum3_bn {
	margin-top: 60px;
	display: flex;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-around;
	padding-bottom: 60px;
}

ul.colum3_bn li a {
	display: block;
	max-width: 305px;
	height: auto;
	margin-right: 30px;
}

ul.colum3_bn li a:last-child {
	margin-right: 0;
}


ul.colum3_bn li a img {
	width: 100%;
	height: auto;

}


/* 施工事例 */

.bnbox li.sekou a {
	letter-spacing: 3px;
	background-image: url(../images/bn_sekou.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.sekou::after {
	background-image: url("../images/ya_pink.png");
}

.bnbox li.sekou a span {
	color: #ffffff;
	font-weight: 400;
	letter-spacing: 0;
}


/* お客様の声 */

.border-tbl {
	background-image: url(../images/kazoku.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 260px;
	position: relative;
	top: -30px;
}

.border-tbl dl {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.border-tbl dl {
		display: flex;
		flex-wrap: wrap;
		width: 96%;
		max-width: 1000px;
		justify-content: space-between;
		margin-bottom: 30px;
	}
}

.border-tbl dl dt,
.border-tbl dl dd {
	flex: 1 1 37%;
	border-bottom: dotted 1px #cccccc;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	position: relative;
}

.border-tbl dl dt {
	background-color: #ececec;
	padding: 10px 10px 15px 50px;
}

.border-tbl dl dt::before {
	content: "";
	display: inline-block;
	background-image: url("../images/q2.png");
	background-position: 0px 0px;
	width: 19px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 12px;
	left: 15px;
}

.border-tbl dl dd {
	padding: 10px 10px 20px 50px;
}

.border-tbl dl dd::before {
	content: "";
	display: inline-block;
	background-image: url("../images/a2.png");
	background-position: 0px 0px;
	width: 19px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	left: 12px;
}

@media screen and (min-width: 768px) {
	.border-tbl dl dt {
		margin-bottom: 40px;
		border-bottom: dotted 2px #ccc;
		padding-top: 20px;
	}
}

.border-tbl dl dd {
	flex: 1 1 58%;
	border: solid 2px #cccccc;
}

@media screen and (min-width: 768px) {
	.border-tbl dl dd {
		padding: 24px 30px 30px 50px;
		top: 20px;
		margin-bottom: 40px;
	}
}


.border-tblf dl.s_tb1 dt,
.border-tbl dl.s_tb1 dd {
	background-color: #e4e4e4;
	padding: 8px 5px 8px 5px;
	border-bottom: solid 1px #ffffff;
}

.border-tbl dl.s_tb1 dd {
	border-bottom: solid 1px #cccccc;
	padding-left: 10px;
	background-color: #ffffff;
}

.border-tbl dl.s_tb1 dt:last-of-type,
.border-tbl dl.s_tb1 dd:last-of-type {
	border-bottom: none;
}

/* バナー */

.bnbox li.vois a {
	letter-spacing: 3px;
	background-image: url(../images/bn_vois.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.vois::after {
	background-image: url("../images/ya_pink.png");
}

.bnbox li.vois a span {
	color: #666666;
	font-weight: 400;
	letter-spacing: 0;
}

/* 資金計画 */

@media screen and (min-width: 1140px) {
	.house.sikin .container {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1140px) {
	.house.sikin .container.rev {
		flex-direction: row-reverse;
	}
}


.house.sikin .title_h4 {
	padding-bottom: 30px;
}

@media screen and (min-width: 1140px) {
	.house.sikin .title_h4 {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.house.sikin .title_h4.none {
		padding-top: 0;
	}

}

.house.sikin div.inner {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1140px) {
	.house.sikin div.inner {
		width: 54%;
		margin-left: 0;
		margin-right: 0;
	}
}

.house.sikin div.inner p {
	padding: 0.6em 1em 1.8em 1em;
	background: linear-gradient(#ccc 1px, transparent 1px) #fffbf2;
	background-size: auto 3em;
	line-height: 3em;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.house.sikin figure {
	width: 96%;
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.house.sikin figure {
		flex: 1 1 44%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

.house.sikin figure img {
	width: 100%;
	height: auto;
}


/* 住宅購入をお考えの方へ */

.house.tobuy .pagehead {
	width: 96%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

/****************/
.house.tobuy .pagehead p {
	font-size: 1.6rem;
	line-height: 1.8;
}

@media screen and (min-width: 1140px) {
	.house.tobuy .pagehead {
		width: 800px;
		padding: 0 10px;
		margin-left: auto;
		margin-right: auto;
	}
}

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

.house.tobuy .container {
	display: block;
}

@media screen and (min-width: 1140px) {
	.house.tobuy .container {
		width: 1140px;
		display: flex;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
	}
}


/****************/
.house.tobuy .gimon {
	flex: 1 1 48%;
	padding: 10px;
}

@media screen and (min-width: 1140px) {
	.house.tobuy .gimon {
		flex: 1 1 48%;
		max-width: 550px;
		padding: 20px;
	}
}

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

.house.tobuy .title_h4 {
	padding-bottom: 30px;
	padding-top: 110px;
	font-size: 1.8rem;
	position: relative;
}

.house.tobuy .title_h4.no1::before {
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/icon_ie_hito@2x.png);
}

.house.tobuy .title_h4.no2::before {
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/icon_okane@2x.png);
}

.house.tobuy .title_h4.no3::before {
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/icon_sekkei@2x.png);
}

.house.tobuy .title_h4.no4::before {
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/icon_uru@2x.png);
}

.house.tobuy .title_h4.no5::before {
	content: "";
	width: 120px;
	height: 120px;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/icon_tyuco@2x.png);
}

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

.house.tobuy .gimon p {
	text-align: center;
	line-height: 1.6;
	position: relative;
	margin: 1.4em 0 1em 0;
	padding: 15px;
	background: #fff0c6;
	border-radius: 30px;
}


.balloon4:before {
	content: "";
	position: absolute;
	left: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #fff0c6;
	border-radius: 50%;
}

.balloon4:after {
	content: "";
	position: absolute;
	left: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #fff0c6;
	border-radius: 50%;
}

.balloon4 p {
	margin: 0;
	padding: 0;
}

.house.tobuy .gimon div {
	padding: 10px;
}


/* 買取と仲介 */


section.infomation {
	background-image: url(../images/back_repeat1.png);
}

.uritai.howtobuy .pagehead {
	width: 96%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

.uritai.howtobuy .title_h4.nopad {
	padding-bottom: 0px;
	padding-top: 20px;
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .title_h4.nopad {
		padding-bottom: 20px;
		padding-top: 30px;
		padding-top: 30px;
		margin-top: 30px;
	}
}


@media screen and (min-width: 1140px) {
	.uritai.howtobuy .pagehead {
		width: 800px;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}
}

.uritai.howtobuy .pagehead p {
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
}


.uritai.howtobuy .box1 {
	width: 96%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .box1 {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

.uritai.howtobuy .box1 p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .box1 p {
		flex: 0 0 60%;
		min-height: 50px;
	}
}

.uritai.howtobuy .box1 h4 {
	text-align: center;
	line-height: 1.6;
	position: relative;
	margin: 1.4em 0 1em 0;
	padding: 15px;
	background: #fff0c6;
	border-radius: 30px;
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .box1 h4 {
		font-size: 1.8rem;
		flex: 1 1 300px;
		margin-right: 30px;
		padding-top: 14px;
		padding-bottom: 14px;
		margin-top: 1px;
	}
}

.uritai.howtobuy .box1 figure {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.uritai.howtobuy .box1 figure {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .box1 figure {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

.uritai.howtobuy .box1 figure img {
	width: 100%;
}

.uritai.howtobuy .container {
	display: block;
}

@media screen and (min-width: 1140px) {
	.uritai.howtobuy .container {
		width: 1140px;
		display: flex;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
	}
}

/* 比較表 */

.uritai.howtobuy dl {
	width: 96%;
	max-width: 980px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 20px;
}

@media screen and (min-width: 498px) {
	.uritai.howtobuy dl {
		width: 96%;
		max-width: 980px;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
	}
}

@media screen and (min-width: 310px) {
	.uritai.howtobuy dl dl {
		width: 100%;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		border: none;
		margin-bottom: 0;
		margin-top: 0;
	}
}

@media screen and (min-width: 310px) {
	.uritai.howtobuy dl dt {
		flex: 1 1 20%;
		border-bottom: solid 1px #ccc;
		border-right: solid 1px #ccc;
		padding: 10px;
		background-color: #ececec;
	}
}

@media screen and (min-width: 310px) {
	.uritai.howtobuy dl dd dt {
		border-top: none;
		padding: 10px;
		background-color: #fff0c6;
	}
}

@media screen and (min-width: 310px) {
	.uritai.howtobuy dl dd {
		flex: 1 1 65%;
		display: flex;
		flex-wrap: wrap;
		border-bottom: none;
		border-right: solid 1px #ccc;
	}
}

@media screen and (min-width: 310px) {
	.uritai.howtobuy dl dd dd {
		border-right: none;
		border-bottom: solid 1px #ccc;
		padding: 10px;
	}
}

/* 買取について */

section.uritai h4.title_h4.nopad {
	background-color: transparent;
}

@media screen and (min-width: 768px) {
	section.uritai h4.title_h4.nopad {
		padding-top: 40px;
		padding-bottom: 30px;
	}
}

section.uritai .pagehead {
	text-align: center;
}

@media screen and (min-width: 768px) {
	section.uritai .pagehead {
		text-align: center;
		padding-bottom: 20px;
	}
}

section.uritai p {
	width: 94%;
	max-width: 830px;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 40px;
	margin-right: 1%;
}

section.uritai .pagehead p {
	width: 94%;
	max-width: 850px;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 10px;
	margin-right: 1%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1140px) {
	section.uritai .pagehead p {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

section.uritai h5 {
	width: 94%;
	max-width: 800px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
	margin-top: 1.8rem;
	position: relative;
	transform: translateX(50%);
}

section.uritai p {
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;
}

section.uritai h5.arrow_box {
	position: relative;
	height: 40px;
	background: #FFF0C6;
	padding: 15px 15px 35px 15px;
	text-align: center;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transform: translateX(0);
	max-width: 290px;
}

h5.arrow_box:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(255, 240, 198, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -10px;
	border-top-color: #FFF0C6;
	top: 100%;
	left: 50%;
}

@media screen and (min-width: 1140px) {
	section.uritai .container.over {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		max-width: 1140px;
		padding-left: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 1140px) {
	section.uritai .container.over .container {
		flex: 1 1 46%;
		max-width: 550px;
	}
}

@media screen and (min-width: 1140px) {
	section.uritai .container.over .container.noflex {
		flex: 1 1 46%;
		max-width: 1140px;
		margin-left: -20px;
	}

	section.uritai .container.over .container.noflex p {
		padding-right: 0;
	}
}

@media screen and (min-width: 1140px) {
	section.uritai .container.over .container.noflex h5.arrow_box {
		margin-left: auto;
		margin-right: auto;
	}
}

section.uritai section.merrit {
	background-image: url(../images/back_repeat1.png);
}

section.uritai section.demerrit {
	background-color: #ffffff;
}

/* 貸したい */

section.kasitai h4.title_h4.nopad {
	background-color: transparent;
	position: relative;
	margin-bottom: 40px;
}

section.kasitai h4.title_h4.nopad::after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 2px;
	background: #EF728E;
	content: '';
}

@media screen and (min-width: 768px) {
	section.kasitai h4.title_h4.nopad {
		padding-top: 20px;
		padding-bottom: 30px;
	}
}

.sijyou .container.over .container h5 {
	transform: translatex(0);
}

.sijyou .container.over .container {
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.sijyou .container.over .container:before,
.sijyou .container.over .container:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: black;
}

.sijyou .container.over .container:before {
	left: 7px;
}

.sijyou .container.over .container:after {
	right: 7px;
}

/**/

section.kasitai p.bgon {
	width: 94%;
	max-width: 830px;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 10px;
	margin-right: auto;
	background-color: #77c3df;
	padding-left: 10px;
	font-size: 1.1em;
}

section.kasitai p.bgon span {
	font-weight: 600;
	color: yellow;
}

section.kasitai .pagehead p {
	width: 94%;
	max-width: 850px;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 10px;
	margin-right: 1%;
	margin-left: auto;
	margin-right: auto;
}

section.kasitai .point01 {
	padding-top: 30px;
	padding-bottom: 30px;
}

@media screen and (min-width: 980px) {
	section.kasitai .point01 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}
}

section.kasitai .point01 p {
	line-height: 2;
	max-width: 560px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 980px) {
	section.kasitai .point01 p {
		line-height: 2;
		max-width: 560px;
		margin-left: 0;
	}
}

section.kasitai .point01 p span {
	font-weight: 700;
}

section.kasitai .point01 h5 {
	transform: translateX(0);
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	border-bottom: none;
	font-size: 2.2rem;
}

@media screen and (min-width: 1140px) {
	section.kasitai .pagehead p {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

section.kasitai h6 {
	width: 94%;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 1.8rem;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

section.kasitai .sijyou ul {
	padding: 16px;
	list-style-type: disc;
	margin-left: 16px;
}

section.kasitai .sijyou ul li {
	padding: 5px 0;
}

section.kasitai h5 {
	width: 94%;
	max-width: 800px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
	margin-top: 1.8rem;
	margin-left: 10px;
	padding-bottom: 10px;
	position: relative;
	transform: translateX(0);
	border-bottom: dotted 2px #000000;
	text-align: center;
}

section.kasitai p {
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;
	max-width: 900px;
	margin-bottom: 0;
	margin-top: 0;
}

section.kasitai h5.arrow_box {
	position: relative;
	height: 40px;
	background: #FFF0C6;
	padding: 15px 15px 35px 15px;
	text-align: center;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transform: translateX(0);
	max-width: 290px;
}

h5.arrow_box:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(255, 240, 198, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -10px;
	border-top-color: #FFF0C6;
	top: 100%;
	left: 50%;
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1100px;
		padding-left: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over .container {
		flex: 1 1 40%;
		max-width: 520px;
	}
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over .container.noflex {
		flex: 1 1 46%;
		max-width: 1140px;
		margin-left: -20px;
	}

	section.kasitai .container.over .container.noflex p {
		padding-right: 0;
	}
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over .container.noflex h5.arrow_box {
		margin-left: auto;
		margin-right: auto;
	}
}

section.kasitai .container.over.box h5 {
	width: 94%;
	max-width: inherit;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	position: relative;
	border: none;
	transform: translateX(0);
	text-align: center;
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over.box {
		max-width: 1100px;
		padding-left: 0;
		padding-top: 0;
		margin-bottom: 40px;
	}
}

section.kasitai .container.over.box .container.box1,
section.kasitai .container.over.box .container.box2 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

section.kasitai .container.over.box .container.box2 {
	padding-bottom: 0;
}

section.kasitai .container.over.box .container.box2 p {
	padding: 0.2em 1em 1em 1em;
	background: linear-gradient(#ccc 1px, transparent 1px) transparent;
	background-size: auto 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	width: 94%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over.box .container.box2 p {
		padding: 0.2em 1em 1em 1em;
		background: linear-gradient(#ccc 1px, transparent 1px) transparent;
		background-size: auto 3em;
		line-height: 3em;
		overflow: hidden;
		width: 82%;
		margin-top: 20px;
		margin-left: 20px;
	}
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over.box .container.box1 {
		flex: 0 0 38%;
		max-width: inherit;
		margin: 0 20px 0 0;
		padding: 16px 10px 20px 10px;
		position: relative;
	}
}

@media screen and (min-width: 980px) {
	section.kasitai .container.over.box .container.box2 {
		flex: 1 1 57%;
		max-width: 640px;
		border: solid 3px #edb6c3;
		margin: 0;
		position: relative;
		top: 30px;
		background-image: url(../images/tintai1.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 200px auto;
	}
}

@media screen and (min-width: 1140px) {
	section.kasitai .container.over.box .container.box1::after {
		content: "";
		width: 60px;
		height: 80px;
		position: absolute;
		top: 41%;
		left: 100%;
		background-image: url(../images/yajirusi2.png);
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 2;
	}
}


section.kasitai .container.over.box p {
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	max-width: inherit;
	padding-top: 0;
	padding-bottom: 0;
}

section.kasitai .container.over.box p span {
	font-weight: 600;
	color: red;
}

section.kasitai .container.box1 table {
	margin: 10px;
}

section.kasitai .container.box1 table th {
	width: 30%;
	font-weight: 400;
	border: solid 1px #ccc;
	padding: 10px;
	background-color: #ececec;
}

section.kasitai .container.box1 table td {
	font-weight: 400;
	border: solid 1px #ccc;
	padding: 10px;
}

section.kasitai .container.box2 h6 {
	margin-top: 0;
	margin-left: 0;
	text-align: center;
	padding: 10px;
	text-align: center;
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	padding: 30px;
	/*position: absolute;
    top: 0;
    left: 0;*/
	width: 100%;
	background-color: #edb6c3;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
	margin-bottom: 1rem;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

section.kasitai .link-space {
	margin-bottom: 30px;
}

section.kasitai .link-space a {
	display: block;
	text-align: left;
	box-sizing: border-box;
	border: solid 2px #EF728E;
	padding: 15px 15px 18px 60px;
	position: relative;
	box-sizing: border-box;
	width: 94%;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

section.kasitai .link-space a::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent transparent #EF728E;
	position: absolute;
	top: 35%;
	left: 5%;
}


p.togari-t {
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #77c3df;
	font-size: 20px;
	color: white;
	margin-left: -33px;
	line-height: 1.3;
	z-index: -1;
	left: 0;
	top: -10px;
	width: 100%;
}

p.togari-t:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index: -2
}

.point02 {
	max-width: 1100px;
	width: 96%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (min-width: 1140px) {
	.point02 {
		padding-bottom: 30px;
	}
}

figure.banner_img {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 94%;
}

@media screen and (min-width: 980px) {
	figure.banner_img {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
}

figure.banner_img.ill {
	max-width: 360px;
}

@media screen and (min-width: 980px) {
	figure.banner_img.ill {
		max-width: 580px;
	}
}

figure.banner_img img {
	width: 100%;
	height: auto;
}

section.kasitai h5.wakusen {
	font-size: 1.2em;
	background: none;
	border: 1px solid #f3cbd0;
	margin: 10px auto 40px auto;
	padding: 20px;
	position: relative;
	width: 30%;
}

section.kasitai h5.wakusen::after {
	background: none;
	border: 1px solid #f3cbd0;
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	z-index: -1;
}



/**/


/* 住宅購入をご検討バナー */



/* バナー */

.bnbox li.jyuutaku a {
	letter-spacing: 3px;
	background-image: url(../images/bn_jyuutaku.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.jyuutaku::after {
	background-image: url("../images/ya_pink.png");
}

.bnbox li.jyuutaku a span {
	color: #666666;
	font-weight: 400;
	letter-spacing: 0;
}


/* お金の話バナー */

.bnbox li.okane a {
	letter-spacing: 3px;
	background-image: url(../images/bn_okane.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.okane::after {
	background-image: url("../images/ya_pink.png");
}

.bnbox li.okane a span {
	color: #666666;
	font-weight: 400;
	letter-spacing: 0;
}

/* スタッフブログバナー */

.bnbox li.staffblog a {
	letter-spacing: 3px;
	background-image: url(../images/bn_staffblog.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.staffblog::after {
	background-image: url("../images/ya_pink.png");
}

.bnbox li.staffblog a span {
	color: #666666;
	font-weight: 400;
	letter-spacing: 0;
}


/* おいしいものバナー */

.bnbox li.oisii a {
	letter-spacing: 3px;
	background-image: url(../images/bn_oisii.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.oisii::after {
	background-image: url("../images/ya_siro.png");
}

.bnbox li.oisii a span {
	color: #666666;
	font-weight: 400;
	letter-spacing: 0;
}



/* 大家さん */

.bnbox li.ooya a {
	letter-spacing: 3px;
	background-image: url(../images/bn_ooya.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.bnbox li.ooya::after {
	background-image: url("../images/ya_siro.png");
}

.bnbox li.ooya a span {
	color: #ffffff;
	font-weight: 400;
	letter-spacing: 0;
}

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

	ul.bnbox.ooya {
		margin-left: 0;
	}
}

/* 縦横格子バックのみ */

.box-seventh {
	background-color: #ffffff;
	background-image: linear-gradient(transparent 70%, rgba(204, 204, 204, .75) 70%, rgba(204, 204, 204, .75) 75%, transparent 75%),
		linear-gradient(90deg, transparent 70%, rgba(204, 204, 204, .75) 70%, rgba(204, 204, 204, .75) 75%, transparent 75%);
	background-size: 20px 20px;
}

/* 画像バナー */
/*footer内バナー*/

.bnbox.imgbn {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1000px;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
}

.bnbox.imgbn img {
	width: 100%;
	height: auto;
}

.bnbox.imgbn li {
	flex: 0 0 50%;
}

.bnbox.imgbn li a {
	border: none;
	padding: 0;
}

.bnbox.imgbn li:after {
	background-image: none;
}

.bnbox.imgbn.colum2 {
	display: inline-block;
}


@media screen and (min-width: 668px) {
	.bnbox.imgbn.colum2 {
		display: flex;
	}

	.bnbox.imgbn li {
		flex: 0 0 24%;
	}

	.bnbox.imgbn.colum2 li.bn1 {
		flex: 0 0 50%;
	}

	.bnbox.imgbn.colum2 li.bn2 {
		flex: 0 0 50%;
	}

}

@media screen and (min-width: 1140px) {
	.bnbox.imgbn {
		max-width: 1100px;
	}

	.bnbox.imgbn li {
		flex: 0 0 22%;
		margin-right: 3%;
	}

	.bnbox.imgbn li:nth-child(4),
	.bnbox.imgbn li:last-child {
		margin-right: 0%;
	}

	.bnbox.imgbn.colum2 li {
		flex: 0 0 50%;
	}

}

/* 最下部　お問い合わせリンク部分 */

#com_info {
	width: 94%;
	min-width: 270px;
	background-color: #EF728E;
	padding: 5px 5px 12px 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	min-height: 12rem;
	background-image: url(../images/call.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 45%;
	max-width: 780px;
	background-size: 30%;
}

@media screen and (min-width: 768px) {
	#com_info {
		max-width: 768px;
		height: 200px;
		background-color: #EF728E;
		background-size: 34%;
		background-position: 420px;
		/*margin-bottom:16px;*/
		/* margin-top:16px;*/
	}
}

@media screen and (min-width: 1140px) {
	#com_info {
		max-width: 1000px;
		height: 260px;
		background-color: #EF728E;
		background-size: 27%;
		background-position: 720px;
		/* margin-bottom:30px;*/
		/*  margin-top:30px;*/
	}
}

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

#com_info h2 {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 2;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	width: 100%;
	/* fuchi*/
	text-shadow: 2px 2px 0 #EF728E, -2px -2px 0 #EF728E,
		-2px 2px 0 #EF728E, 2px -2px 0 #EF728E,
		0px 2px 0 #EF728E, 0 -2px 0 #EF728E,
		-2px 0 0 #EF728E, 2px 0 0 #EF728E;
}

@media screen and (min-width: 598px) {
	#com_info h2 {
		font-size: 1.8rem;
		padding-bottom: 4px;
	}
}

@media screen and (min-width: 1200px) {
	#com_info h2 {
		font-size: 2.6rem;
		padding-bottom: 4px;
		margin: 0 auto;
	}
}

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

#com_info ul {
	width: 80%;
	padding-left: 10px;
}

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

	#com_info ul {
		width: 100%;
		display: flex;
		padding-left: 10px;
		margin-top: 12px;
	}
}

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

#com_info ul li:nth-child(1) {
	/*font-size:2.5rem;*/
	font-size: 2.8rem;
	line-height: 2.2rem;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 10px;
	margin-bottom: 7px;
}

#com_info ul li:nth-child(1)::before {
	content: "";
	display: inline-block;
	background-image: url("../images/tel.svg");
	background-position: 0px 3px;
	width: 3.2rem;
	height: 2.7rem;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 568px) {
	#com_info ul li:nth-child(1) {
		font-size: 3.8rem;
		line-height: 3.1rem;
		margin-top: 0.8rem;
		margin-left: 5rem;
		margin-bottom: 0.1rem;
	}

	#com_info ul li:nth-child(1)::before {
		width: 3.5rem;
		height: 3rem;
	}
}

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

	#com_info ul li:nth-child(1) {
		font-size: 4rem;
		line-height: 3.5rem;
		/*margin-top:1rem;*/
		margin-top: 0.6rem;
		margin-left: 4rem;
		margin-bottom: 0.2rem;
	}
}

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

#com_info ul li:nth-child(2) {
	font-size: 2rem;
	line-height: 2.2rem;
	color: #ffffff;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 0.2rem;
	letter-spacing: 1px;
	position: relative;
	left: 30px;
	top: 5px;
}

#com_info ul li:nth-child(2)::before {
	content: "";
	display: inline-block;
	background-image: url("../images/fax.svg");
	background-position: 0px 3px;
	width: 3.2rem;
	height: 3rem;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -6px;
	left: -30px;
}

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

	#com_info ul li:nth-child(2) {
		font-size: 2.2rem;
		line-height: 3.1rem;
		font-weight: bold;
		padding-top: 0;
		padding-bottom: 10px;
		padding-left: 0.2rem;
		letter-spacing: 1px;
		position: relative;
		left: 56px;
		top: 7px;
		margin-left: 3rem;
	}

	#com_info ul li:nth-child(2)::before {
		content: "";
		display: inline-block;
		background-image: url("../images/fax.svg");
		background-position: 0px 3px;
		width: 3.2rem;
		height: 3.2rem;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: -3px;
		left: -37px;
	}

}

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

	#com_info ul li:nth-child(2) {
		font-size: 4rem;
		line-height: 3.1rem;
		font-weight: bold;
		padding-top: 0;
		padding-bottom: 10px;
		padding-left: 0.2rem;
		letter-spacing: 1px;
		position: relative;
		left: 10px;
		top: 16px;
		margin-left: 5rem;
	}
}

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

#com_info a.contact_btn {
	display: block;
	width: 70%;
	text-align: center;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	padding: 8px;
	border-radius: 11px;
	background-color: #ffffff;
	position: relative;
}

@media screen and (min-width: 1200px) {
	#com_info a.contact_btn {
		margin: 30px 10px 0 50px;
		font-size: 2.3rem;
		padding-top: 22px;
		padding-bottom: 23px;
		padding-left: 0.2rem;
		width: 60%;
	}
}

#com_info a.contact_btn:after {
	position: absolute;
	transform: translateX(-50%);
	content: "";
	top: 1.7rem;
	right: 0;
	display: inline-block;
	background-image: url("../images/ya_pink.png");
	width: 2.6rem;
	height: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1200px) {
	#com_info a.contact_btn:after {
		top: 3.4rem;
		width: 4rem;
		height: 1.6rem;
	}
}

@media screen and (min-width: 1200px) {
	#com_info .add {
		margin-top: 14px;
		margin-left: 80px;
		border-left: solid 5px #EEE0C8;
		padding-left: 30px;
		padding-bottom: 5px;
	}

	#com_info .add h4 {
		font-weight: bold;
		font-size: 2.3rem;
	}

	#com_info .add p {
		font-size: 2.1rem;
		line-height: 1.4;
		margin-top: 0.5rem;
	}
}


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

/* swiperに乗せる文字 */

#slide {
	position: relative;
	top: 0;
	left: 0;

}

/* swiper */


#slide {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#slide a {
	display: block;
	text-align: center;
	color:#999;
}

#slide img {
	max-width: 100%;
	height: auto;
}

#slide a.journal-hero-slide {
	position: relative;
	display: block;
	aspect-ratio: 12 / 5;
	overflow: hidden;
	background: #182027;
	color: #fff;
	text-align: left;
	isolation: isolate;
}

#slide .journal-hero-slide::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
	background: linear-gradient(90deg, rgba(12, 17, 21, 0.96) 0%, rgba(12, 17, 21, 0.88) 32%, rgba(12, 17, 21, 0.34) 65%, rgba(12, 17, 21, 0.08) 100%);
}

#slide .journal-hero-slide > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 52%;
	filter: saturate(0.78) brightness(0.86);
	transform: scale(1.01);
}

#slide .journal-hero-copy {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: flex;
	width: 58%;
	padding: 2.8% 4.8%;
	box-sizing: border-box;
	flex-direction: column;
	align-items: flex-start;
	transform: translateY(-50%);
}

#slide .journal-hero-kicker {
	margin-bottom: 0.45em;
	color: #ff8ba5;
	font-size: clamp(0.72rem, 1vw, 1rem);
	font-weight: bold;
	letter-spacing: 0.18em;
}

#slide .journal-hero-title {
	color: #fff;
	font-size: clamp(1.6rem, 3.1vw, 3rem);
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

#slide .journal-hero-summary {
	margin-top: 0.85em;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(0.82rem, 1.2vw, 1.08rem);
	line-height: 1.65;
}

#slide .journal-hero-cta {
	display: inline-block;
	margin-top: 1.2em;
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 999px;
	padding: 0.62em 1.4em;
	background: #ef6f8e;
	color: #fff;
	font-size: clamp(0.78rem, 1vw, 1rem);
	font-weight: bold;
	letter-spacing: 0.05em;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

#slide a.journal-hero-slide:hover .journal-hero-cta,
#slide a.journal-hero-slide:focus .journal-hero-cta {
	background: #ff87a2;
}

@media screen and (max-width: 559px) {
	#slide .journal-hero-slide::after {
		background: linear-gradient(90deg, rgba(12, 17, 21, 0.96) 0%, rgba(12, 17, 21, 0.82) 58%, rgba(12, 17, 21, 0.18) 100%);
	}

	#slide .journal-hero-copy {
		width: 88%;
		padding: 3.2% 5.5%;
	}

	#slide .journal-hero-kicker {
		margin-bottom: 0.28em;
		font-size: 0.58rem;
	}

	#slide .journal-hero-title {
		font-size: clamp(1.15rem, 5.8vw, 1.45rem);
		letter-spacing: 0.02em;
	}

	#slide .journal-hero-summary {
		display: none;
	}

	#slide .journal-hero-cta {
		margin-top: 0.65em;
		padding: 0.48em 1.05em;
		font-size: 0.68rem;
	}
}

.swiper-container {
	width: 100%;
	height: 500px;
}

.swiper-container.sekou{
	width:100%;
	max-width:900px!important;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width: 559px) {
.swiper-container.sekou{
	width:100%;
	max-width:550px!important;
}
}

@media screen and (min-width: 1200px) {
	section.company.top {
		background: none;
		padding-top: 5px;
	}
}


@media screen and (min-width: 1200px) {
	section .container.over {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	section .container.over .inner_1 {
		width: 1200px;
		box-sizing: border-box;
		margin: 40px auto 60px auto;
	}

	section .container.over .inner_1 .inner_le {
		padding-left: 50px;
	}

	section .container.over .inner_1 .inner_le.atleft {
		padding-left: 20px;
	}

}

article > section > div > h2 {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
}

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

	article > section > div > h2 {
		padding: 40px 10px;
		font-size: 1.2em;
	}
}

/****h2背面のwrapper画像*****/

section.house .wrapper,
section.company .wrapper,
section.uritai .wrapper {
	background-size: 100% auto;
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-bottom: 8vh;
	padding-top: 0;
}

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

	section.company .wrapper,
	section.house .wrapper,
	section.uritai .wrapper {
		padding-bottom: 16vh;
	}
}

section.house .wrapper {
	background-image: url(../images/ie_haikei2.jpg);
}

section.company .wrapper {
	background-image: url(../images/4.jpg);
}

section.uritai .wrapper {
	background-image: url(../images/2.jpg);
}

section.kasitai .wrapper {
	background-image: url(../images/kasitai.jpg);
}


.container h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.container h3 {
		font-size: 2.4rem;
	}
}

.inner_1 h5 {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}

@media screen and (min-width: 768px) {
	.inner_1 h5 {
		margin-top: 0;
		padding-bottom: 60px;
		font-size: 1.7rem;
	}
}

@media screen and (min-width: 1200px) {
	.inner_1 h5 {
		margin-top: 30px;
		padding-bottom: 60px;
		font-size: 2rem;
	}
}

article > section > h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px 10px 20px 10px;
	/* background-color: #ffffff;*/
	font-size: 1.1em;
}


@media screen and (min-width: 768px) {
	article > section > h3 {
		padding-bottom: 60px;
		margin-top: 30px;
		font-size: 1.3em;
	}
}

@media screen and (min-width: 1200px) {
	article > section > h3 {
		padding-top: 0px;
		padding-bottom: 60px;
		margin-top: 60px;
		font-size: 2.6rem;
	}
}

article > section > h4,
.title_h4 {
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	padding-top: 10px;
	padding-bottom: 30px;
	font-weight: bold;
	color: #EF728E;
	font-size: 1.8rem;
	position: relative;
	line-height: 1.6;
}

	.title_h4.jirei{
	position:relative;
	}

	.title_h4.jirei span{
		display: block;
		position:positon;
		left:0;
		top:0;
		padding-bottom:10px;
		color:#999;
	}

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

	article > section > h4,
	.title_h4 {
		font-size: 2rem;
		padding-bottom: 70px;
	}
	.title_h4.jirei {
		font-size: 2rem;
		padding-top:30px;
		padding-bottom: 60px;
	}

}

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

	article > section > h4,
	.title_h4 {
		font-size: 2.2rem;
		padding-bottom: 70px;
		margin-bottom: 0;
	}
}

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

.house.quality .inner_box.jirei.jirei-toppage{
	display: flex!important;
	justify-content: space-between!important;
}

.house.quality .inner_box.jirei.jirei-toppage::after{
	display: block;
	content:"";
	width:25%;
}

.jirei-toppage .pre-title{
	text-align:center;
	padding-top:0.5em;
	font-weight:600;
	color:#666;
}

.jirei-toppage .pre-title span{
    position:relative;
	top:5px;
	font-size: 0.82em;
	font-weight:400;
	color:#000;
}

.jirei-toppage .inner_1{
	flex:0 0 46%!important;
}

@media screen and (min-width: 768px) {
.jirei-toppage .inner_1{
	flex:0 0 22%!important;
}
}

.jirei-toppage .inner_1 img{
	width:100%!important;
	height:auto!important;
}

.house.quality .inner_box.jirei.jirei-toppage .inner_1:last-child {
    margin-left: auto!important;
}

.jireitop-btn a{
	font-size:0.96em;
	display: block;
	width:80%;
	padding:2%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3em;
	border:solid 1px #ececec;
	border-radius: 5px;
}

@media screen and (min-width: 768px) {
	.jireitop-btn a{
		width:36%;
		max-width:300px;
		padding:1%;
	}
}

/* ページ上部のコーナー */

.message_head {
	padding: 10px;
	text-align: center;
	background-color: #ffffff;
}

@media screen and (max-width: 460px) {

	.message_head .navi_prev,
	.message_head .navi_next {
		display: none;
	}
}

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

	.message_head {
		padding: 0 10px;
		text-align: center;
		background-color: #ffffff;
	}

}


.message_head p {
	margin: 0;
	padding: 0 2%;
	text-align: left;
	line-height: 1.8;
}

/*　レイアウト */

.inner_1 {
	box-sizing: border-box;
	display: inherit;
	top: 10px;
	margin-bottom: 20px;
	width: 94.4%;
	margin-left: auto;
	margin-right: auto;
}

.inner_1 p {
	font-size: 1.5rem;
	line-height: 1.8;
}


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

	.inner_1 {
		display: flex;
		margin-left: auto;
		margin-right: auto;
	}
}

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

	.inner_1 p {
		font-size: 1.6rem;
		line-height: 1.8;
	}
}

/* 左右余白なし */
@media screen and (min-width: 768px) {
	.over {
		width: 100%;
	}
}

/* 順序を逆 */
.inner_1.rev {
	flex-flow: row-reverse;
	justify-content: center;
}


/* レイアウト中の文章ひとかたまり */
.inner_le {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
}


.inner_le.atleft {
	padding: 0 0;
	padding-left: 0;
	padding-right: 20px;
}

.inner_le.atright {
	padding: 0 0;
	padding-left: 20px;
	padding-right: 0;
}


.inner_1 figure {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.inner_1 figure {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

.inner_1 figure img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.inner_1 figure.w450 {
		max-width: 450px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
}

/* タイトル（説明）＋画像　をいくつかまとめる*/

.inner_box .inner_1 p {
	line-height: 1.3;
	font-size: 0.9em;
	padding-bottom: 1em;
	padding-right: 1.2em;
	padding-left: 1.2em;
}

@media screen and (min-width: 768px) {
	.inner_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.inner_box .inner_1 {
		display: block;
		margin-left: 0;
		margin-right: 0;
		flex: 0 0 32%;
	}

	.inner_box .inner_1 h5 {
		height: 1em;
		padding-top: 10px;
		text-align: center;
		font-size: 1em;
		padding-bottom: 30px;
		background-color: #ffffff;
	}

	.inner_box .inner_1 p {
		line-height: 1.3;
		font-size: 0.9em;
		padding-bottom: 1em;
		padding-right: 0.5em;
		padding-left: 1em;
	}
}

/*会社紹介ページのinbox*/

.inner_box2 .inner_1 p {
	line-height: 1.3;
	font-size: 0.9em;
	padding-bottom: 1em;
	padding-right: 1.2em;
	padding-left: 1.2em;
}

@media screen and (min-width: 768px) {
	.inner_box2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.inner_box2 .inner_1 {
		display: block;
		margin-left: 0;
		margin-right: 0;
		flex: 0 0 48%;
	}

	.inner_box2 .inner_1 h5 {
		height: 1em;
		margin-top: 0;
		text-align: center;
		font-size: 1em;
		padding-bottom: 40px;
		background-color: #ffffff;
	}

	.inner_box2 .inner_1 p {
		line-height: 1.3;
		font-size: 0.9em;
		padding-bottom: 1em;
		padding-right: 0.5em;
		padding-left: 1em;
	}
}

@media screen and (min-width: 1140px) {
	.inner_box2 {
		width: 1140px;
		background-color: #ffffff;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 1200px) {
	section.company .inner_1.mes {
		width: 1200px;
	}
}

/* 施工事例 */


.house.quality .inner_box.jirei {
	width: 94%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_box.jirei {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		justify-content: space-between;
	}

	.house.quality .inner_box.jirei::after {
		content: "";
		display: block;
		width: 50%;
	}
}

.house.quality .inner_box.jirei .inner_1 {
	margin-top: 20px;
	flex: 0 0 46%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_box.jirei .inner_1 {
		flex: 0 0 24%;
		margin-left: auto;
		margin-right: auto;
	}
}

.house.quality .inner_box.jirei .inner_1:last-child {
	margin-left: auto;
}

@media screen and (min-width: 768px) {
.house.quality .inner_box.jirei .inner_1:last-child {
	margin-left: 0;
}
}

.house.quality .inner_box.jirei .inner_1 h5 {
	font-size: 1.4rem;
	padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_box.jirei .inner_1 h5 {
		font-size: 1.6rem;
		padding-bottom: 30px;
		font-weight:400;
	}
}

@media screen and (min-width: 1140px) {
	.house.quality .inner_box.jirei .inner_1 h5 {
		margin-top: 0;
		padding-bottom: 40px;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.house.quality .inner_box.jirei .inner_1 p {
		font-size: 1em;
	}
}

.house.quality .inner_box.jirei .inner_1 figure {
	overflow: hidden;
	width: 100%;
	/* トリミングしたい枠の幅 */
	max-width: 260px;
	height: 260px;
	/* トリミングしたい枠の高さ */
	position: relative;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_box.jirei .inner_1 figure {
		max-width: 210px;
		height: 210px;
	}
}

@media screen and (min-width: 1140px) {
	.house.quality .inner_box.jirei .inner_1 figure {
		max-width: 240px;
		height: 240px;
	}
}

/*
.house.quality .inner_box.jirei .inner_1 figure img {
	width: 460px;
	height: auto;
	position: relative;
	left: -50%;
}
中心で画像を切り取るため↓に更新。一応保存。
*/

.house.quality .inner_box.jirei .inner_1 figure img {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover;
	min-width: 260px;
}

.house.quality .inner_box.jirei.tate .inner_1 figure img {
	width: 480px;
	height: auto;
	position: relative;
	left: -50%;
	top: -160px;
}
/*数が合わないときの空要素作成*/
.inner-left{
	visibility:hidden;
}

/*　会社紹介のテーブル */
.table_type {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.table_type th,
.table_type td {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px;
}

.table_type th {
	background-color: #e4e4e4;
}

@media screen and (min-width: 768px) {
	.table_type {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.table_type th,
	.table_type td {
		display: table-cell;
		padding: 10px;
		border: solid 1px #666666;
	}

	.table_type th {
		background-color: #e4e4e4;
		width: 25%;
	}

	.table_type td {
		background-color: #ffffff;
		width: 65%;
	}
}

@media screen and (min-width: 1200px) {
	.table_type {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.table_type th,
	.table_type td {
		display: table-cell;
		padding: 12px;
		border: solid 1px #666666;
	}

	.table_type th {
		background-color: #e4e4e4;
		width: 20%;
	}

	.table_type td {
		background-color: #ffffff;
		width: 65%;
	}
}

/* いい家とは */

section.house.nice {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f4f4f4+27,f4f4f4+27,e1f1f7+48,f6effc+78 */
	padding-bottom: 30px;
	background: rgb(254, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(254, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 27%, rgba(244, 244, 244, 1) 27%, rgba(225, 241, 247, 1) 48%, rgba(246, 239, 252, 1) 78%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(254, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 27%, rgba(244, 244, 244, 1) 27%, rgba(225, 241, 247, 1) 48%, rgba(246, 239, 252, 1) 78%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(254, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 27%, rgba(244, 244, 244, 1) 27%, rgba(225, 241, 247, 1) 48%, rgba(246, 239, 252, 1) 78%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#f6effc', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

}

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


.house .container h3 {
	padding-top: 60px;
	padding-bottom: 0;
	font-size: 2rem;
}

@media screen and (min-width: 768px) {
	.house .container h3 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


@media screen and (min-width: 1200px) {
	.house .container h3 {
		padding-top: 50px;
		padding-bottom: 50px;
		font-size: 2.4rem;
	}
}

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

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over {
		max-width: 1440px;
	}
}

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

.house.nice .inner_1 {
	padding-bottom: 20px;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1 {
		padding-bottom: 60px;
		margin-bottom: 0;
	}
}

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

.house.nice .inner_1.over .inner_le h5 {
	margin-top: 0;
	padding-top: 110px;
	padding-bottom: 15px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over .inner_le h5 {
		margin-top: 0;
		padding-top: 30px;
		padding-bottom: 20px;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}
}

@media screen and (min-width: 1200px) {
	.house.nice .inner_1.over .inner_le h5 {
		margin-top: 0;
		padding-bottom: 40px;
		font-size: 2.4rem;
		padding-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
}

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

.house.nice .inner_1.over .inner_le::before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 70px;
	background-image: url("../images/human@2x.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over .inner_le::before {
		content: "";
		display: inline-block;
		width: 80px;
		height: 80px;
		background-image: url("../images/human@2x.png");
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 28px;
		left: 50%;
		transform: translateX(-50%);
	}
}

.house.nice .inner_1.over.no1 .inner_le::before {
	background-image: url("../images/no1@2x.png");
}

.house.nice .inner_1.over.no2 .inner_le::before {
	background-image: url("../images/no2@2x.png");
}

.house.nice .inner_1.over.no3 .inner_le::before {
	background-image: url("../images/no3@2x.png");
}

.house.nice .inner_1.over.no4 .inner_le::before {
	background-image: url("../images/no4@2x.png");
}


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

.house.nice .inner_1.over .inner_le {
	max-width: 100%;
	background-color: #ffffff;
	position: relative;
	top: 30px;
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over .inner_le {
		padding-top: 98px;
		max-width: 53%;
	}
}

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

.house.nice .inner_1.over .inner_le p {
	line-height: 2;
	font-size: 1.6rem;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px 40px 20px;
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over .inner_le p {
		line-height: 2;
		font-size: 1.1em;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 40px 0;
	}
}

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

.house.nice .inner_1.over.no1 .inner_le {
	top: 0;
}

@media screen and (min-width: 768px) {
	.house.nice .inner_1.over.no1 .inner_le {
		top: 60px;
	}
}

/* 品質 */

@media screen and (min-width: 768px) {
	.quality .inner_1.over {
		max-width: 1440px;
		margin-bottom: 30px;
	}
}

.quality .inner_1 .inner_le {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.quality .inner_1 .inner_le {
		flex: 1 1 53%;
		padding: 30px;
	}
}

@media screen and (min-width: 768px) {
	section.quality .container {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}

.house.quality .inner_1 h5 {
	font-size: 1.8rem;
	padding-top: 50px;
	line-height: 1.2;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_1 h5 {
		font-size: 1.8rem;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.house.quality .inner_1 h5 {
		font-size: 2rem;
		padding-bottom: 44px;
	}
}

.house.quality .inner_1 figure {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.house.quality .inner_1 figure {
		width: 100%;
		max-width: 700px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

.house.quality .inner_1 figure img {
	width: 100%;
}


/* 標準仕様 */

.house.standard dl {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.house.standard dl dt {
	font-size: 2rem;
	text-align: center;
	color: #333333;
	padding: 15px 0;
	font-weight: 600;
	border-top: solid 1px #EF728E;
	border-bottom: solid 1px #EF728E;
	max-width: 400px;
	margin-top: 50px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.house.standard dl dt:first-child {
	margin-top: 20px;
}

.house.standard dl dd {
	width: 100%;
	font-size: 1.8rem;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.house.standard dl dd.wid640 {
	width: 100%;
	font-size: 1.8rem;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.house.standard dl dd img {
	width: 100%;
	height: auto;
	padding-top: 20px;
}

.house.standard dl dd .totte{
	max-width:460px;
}

.house.standard dl dd .colorlist{
	max-width:800px;
	display:grid;
	grid-template-columns: repeat(6 , 1fr);
	gap:2%;
	margin-top:0;
	margin-bottom:0.6em;
}

.house.standard dl dd .colorlist li{
	position:relative;
	padding-bottom:1.2em;
}

.house.standard dl dd .colorlist li::after{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	width:100%;
	height:1.2em;
	line-height:1;
	font-size:0.54em;
}

@media screen and (min-width: 1200px) {
.house.standard dl dd .colorlist li::after{
	font-size:0.7em;
}
}
.house.standard dl dd .colorlist li:nth-of-type(1):after{
	content:"プレシャスホワイト";
}

.house.standard dl dd .colorlist li:nth-of-type(2):after{
	content:"クリエアイボリー";
}

.house.standard dl dd .colorlist li:nth-of-type(3):after{
	content:"クリエペール";
}

.house.standard dl dd .colorlist li:nth-of-type(4):after{
	content:"クリエラスク";
}

.house.standard dl dd .colorlist li:nth-of-type(5):after{
	content:"クリエモカ";
}

.house.standard dl dd .colorlist li:nth-of-type(6):after{
	content:"クリエダーク";
}

.house.standard .colortitle{
	font-size: 0.82em;
	margin-top:1em;
}

.house.standard .colorlist img{
	padding-top:10px;
}


/* スタッフ紹介 */

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

	article > section.staff > h4 {
		padding-bottom: 20px;
	}
}

.staff .container.colorback {
	background-image: url(../images/back_repeat1.png);
	width: 100%;
}

@media screen and (min-width: 1140px) {
	.staff .inner_1.rev {
		width: 1140px;
	}
}

@media screen and (min-width: 1140px) {
	.staff .container {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
}

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

.staff .inner_1 figure {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.staff .inner_1 figure {
		width: 100%;
	}
}

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

@media screen and (min-width: 1140px) {
	.staff .inner_1 figure.staff_s {
		max-width: 980px;
	}
}

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

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

	/* スタッフのプロフィール表部分 */
	.company.staff .container {
		align-items: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

section.staff .container.over .inner_1.rev {
	flex-flow: row-reverse;
	justify-content: space-between;
}


@media screen and (min-width: 768px) {
	section.staff .container.over .inner_1 {
		width: 96%;
		box-sizing: border-box;
		margin: 10px auto 10px auto;
		align-items: center;
		justify-content: space-between;

	}
}

/*}*/
/* これ消せない */


@media screen and (min-width: 1140px) {
	section.staff .container.over .inner_1 {
		width: 1140px;
	}
}


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

	.staff .inner_1 .inner_1 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

}

@media screen and (min-width: 768px) {
	.staff .inner_1 .inner_1 .inner_le {
		position: absolute;
		top: 160px;
		left: 0;
	}
}

.staff h5,
.inner_1.mes h5 {
	font-size: 1.7em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0;
	margin-top: 10px;
}

.staff h5 span,
.inner_1.mes h5 span {
	display: block;
	font-size: 1.4rem;
	color: #EF728E;
}

.staff dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.6rem;
}

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

.staff .inner_1.staffprof {
	font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
	.staff .inner_1.staffprof {
		margin: 0;
		width: 100%;
	}
}

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

.staff dl.s_tb1 {
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
	.staff dl.s_tb1 {
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		border: solid 1px #ccc;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
}

@media screen and (min-width: 1140px) {
	.staff dl.s_tb1 {
		margin-top: 30px;
	}
}

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

.staff dl dt,
.staff dl dd {
	flex: 1 1 35%;
	border-bottom: dotted 1px #cccccc;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.staff dl dd {
	flex: 1 1 65%;
}

.staff dl.s_tb1 dt,
.staff dl.s_tb1 dd {
	background-color: #e4e4e4;
	padding: 8px 5px 8px 5px;
	border-bottom: solid 1px #ffffff;
}

.staff dl.s_tb1 dd {
	border-bottom: solid 1px #cccccc;
	padding-left: 10px;
	background-color: #ffffff;
}

.staff dl.s_tb1 dt:last-of-type,
.staff dl.s_tb1 dd:last-of-type {
	border-bottom: none;
}


/* 施工事例の上部　*/

dl.typehead {
	position: relative;
	width: 100%;
	/*max-width:550px;*/
	background-color: #ffffff;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 1.4rem;
	border: solid 1px #ccc;
	margin-left: auto;
	margin-right: auto;
	top: -20px;
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
	padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
	dl.typehead {
		font-size: 1.4rem;
		margin-right: 30px;
		margin-left: 30px;
		height: 50%;
		flex: 1 1 40%;
	}
}

@media screen and (min-width: 1140px) {
	dl.typehead {
		font-size: 1.6rem;
		margin-left: 30px;
	}
}


dl.typehead dt {
	width: 96%;
	border-bottom: solid 1px #ccc;
	padding: 16px 8px 8px 32px;
}

dl.typehead dd {
	width: 96%;
	padding: 6px 6px 6px 48px;
}

dl.typehead dd:first-of-type {
	border: none;
}


/*　メモエフェクト */

@media screen and (min-width: 768px) {
	dl.typehead:after {
		content: "";
		display: block;
		position: absolute;
		border: 50px solid transparent;
		border-bottom: 50px solid #fefefe;
		bottom: -60px;
		right: -65px;
		box-shadow: 0px 7px 6px -9px black;
		transform: rotate(135deg);
	}
}

dl.typehead:before {
	content: "";
	display: block;
	position: absolute;
	border: 50px solid transparent;
	border-top: 50px solid #fefefe;
	top: -60px;
	left: -65px;
	box-shadow: 0px -7px 6px -9px black;
	transform: rotate(135deg);
}

/*　施工事例外観写真を入れる */

div.typehead_over {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-color: #ffffff;
}

@media screen and (min-width: 768px) {
	div.typehead_over {
		display: flex;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1140px) {
	div.typehead_over {
		width: 80%;
	}
}

div.typehead_over figure {
	width: 96.4%;
}

@media screen and (min-width: 768px) {
	div.typehead_over figure {
		flex: 1 1 50%;
	}
}

div.typehead_over figure img {
	width: 100%;
}

/* contact */

/* お問い合わせのタイトル*/

div#container article section#contact h1 {
	text-align: center;
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	padding: 30px;
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;
	background-color: #e4e4e4;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
}

@media screen and (min-width: 768px) {
	div#container article section#contact h1 {
		font-size: 2.4rem;
		padding: 50px;
		top: 130px;
	}
}

@media screen and (min-width: 1140px) {
	div#container article section#contact h1 {
		top: 150px;
		padding-top: 50px;
	}
}

@media screen and (min-width: 768px) {
	div#container article section#contact h2 {
		margin-top: 20px;
		font-size: 2rem;
	}
}

@media screen and (min-width: 980px) {
	div#container article section#contact h2 {
		margin-top: 20px;
		font-size: 2rem;
	}

}

section#contact figure.header-ill {
	width: 94%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	section#contact figure.header-ill {
		margin-top: 50px;
	}
}

section#contact figure.header-ill img {
	width: 100%;
	height: auto;
}

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

div#container article section#contact {
	padding-top: 100px;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}

div#container article section#contact p {
	line-height: 1.6;
	padding: 0 1em 0 1em;
}


section#contact form,
#form_table {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
}


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

	section#contact form,
	#form_table {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	section#contact form .bold.center {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	section#contact form .bold.center a {
		padding: 2px 5px;
		background-color: transparent;
		color: #666666;
		border-bottom: solid 1px #999999;
	}

}

section#contact form p {
	line-height: 1.4;
	text-align: center;
}

section#contact form .bold.center {
	margin-top: 16px;
	margin-bottom: 16px;
}

section#contact form .bold.center a {
	padding: 2px 5px;
	background-color: #ffffff;
	color: #666666;
	border-bottom: solid 1px #999999;
}

@media screen and (min-width: 600px) {
	section#contact form .bold.center a {
		background-color: transparent;
	}
}

#form_table dd button {
	border: solid 2px #EF728E;
	border-radius: 20px;
	background-color: #EF728E;
	font-size: 1.6rem;
	margin-bottom: 10px;
	color: #ffffff;
	width: 47%;
	max-width: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

#form_table dd button[type='reset'] {
	color: #f00;
	background-color: #ffffff;
}


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

	section#contact form,
	div#form_table {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
}

#form_table dt {
	width: 100%;
	border-left: none;
	color: #333333;
	background: #cccccc;
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	padding: 3px 5px 3px 5px;
}

#form_table input,
#form_table textarea {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

#form_table textarea {
	height: 160px;
}

#form_table dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

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

	#form_table dl {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px 3px;
	}

	#form_table dt,
	#form_table dd {
		display: table-cell;
		padding: 5px;
		border-bottom: solid 1px #999;
		vertical-align: middle;
	}

	#form_table dt {
		width: 25%;
		color: #fff;
		background: #999;
		font-size: 1.4rem;
	}

	#form_table dd {
		width: 75%;
		background: #eee;
	}

	#form_table dd input[type='text'],
	#form_table dd input[type='tel'],
	#form_table dd input[type='email'],
	#form_table dd textarea {
		width: 100%;
		padding: 5px;
		font-size: 1.4rem;
	}

	#form_table dd textarea {
		height: 8em;
		line-height: 125%;
	}

}

/* privacy */

#privacy {
	color: #444;
	margin-top: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	#privacy {
		color: #444;
		margin-top: 80px;
		width: 90%;
	}
}

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

	#privacy {
		color: #444;
		margin-top: 80px;
	}

	#privacy > ol {
		margin-bottom: 1em;
	}

	#privacy > ol > li > ol,
	#privacy > ol > li > ol > li > ol,
	#privacy > ol > li > ul {
		margin: 1em 0;
	}

	#privacy ol > li {
		margin-left: 2em;
		margin-bottom: 10px;
		line-height: 135%;
	}

	#privacy ol > li > ol > li {
		list-style-type: lower-roman;
	}

	#privacy ol > li > ol > li > ol {
		border: solid 1px #005a16;
	}

	#privacy > ol > li > ul {
		margin-left: 2em;
		list-style-type: disc;
	}

	#privacy ol > li > ol > li > ol > li {
		list-style-type: lower-alpha;
	}

}

/* clist, blist */

#cblist {}

.total_num,
#total_num {
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

#order_button {
	width: 100%;
	margin-bottom: 10px;
}

#order_button label {
	display: block;
	margin-bottom: 10px;
	padding: 3px;
	background: #ececec;
	font-size: 1.5rem;
	text-align: right;
}

#order_button input {
	display: none;
}

#order_button ul {
	list-style-type: none;
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#order_button input + ul {
	height: 0;
	overflow: hidden;
}

#order_button input:checked + ul {
	height: 150px;
}

#order_button button {
	width: 100%;
	/* height: 25px;*/
	margin-bottom: 5px;
	font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
	#order_button input:checked + ul {
		height: 50px;
	}

	#order_button {
		width: 100%;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	#order_button label,
	#order_button input {
		display: none;
	}

	#order_button ul {
		list-style-type: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	#order_button ul li {
		display: inline-block;
	}

	#order_button button {
		display: block;
		padding: 6px 20px;
		text-align: center;
		font-size: 1.6rem;
		color: #000000;
		transition: .1s ease-out;
		background-color: #A5DCB8;
		border-radius: 30px;
		border: none;
	}

	#order_button button:hover {
		background-color: #00A23C;
		color: #fff;
	}

	#order_button input + ul {
		height: auto;
		overflow: visible;
	}


}


div.navi {
	display: flex;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding: 5px;
}

div.navi_prev,
div.navi_next,
div.navi_number {
	display: block;
}

div.navi_prev,
div.navi_next {
	width: 7em;
}

div.navi_next {
	text-align: right;
}

div.navi_number {
	flex-grow: 1;
	text-align: center;
}

div.navi_prev a,
div.navi_next a,
div.navi_number span,
div.navi_number a {
	display: inline-block;
	margin: 0 10px;
	padding: 10px;
	font-size: 1.6rem;
	line-height: 100%;
	color: #EF728E;
}

div.navi_number span {
	color: #f30;
}

/* 施工事例のページ切り替え */

.message_head div.navi a {
	background-color: #ccc;
	padding: 20px;
}

.message_head div.navi div.navi_prev a,
.message_head div.navi div.navi_next a {
	background-color: #ffffff;
	font-size: 1.4rem;
	margin-right: 0;
}

@media screen and (min-width: 768px) {
	.message_head div.navi {
		padding-bottom: 10px;
		padding-bottom: 50px;
	}
}

/*　以下変更 */

a.cblist_link {
	display: block;
	margin-bottom: 30px;
	/*border: solid 1px #e6e6e6;*/
	width: 96.4%;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#cblist a.cblist_link > p {
	color: #333333;
	font-size: 1.8rem;
	padding: 12px 12px 20px 12px;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
	background-color: rgba(239, 114, 142, 0.6);
	position:relative;
}

#cblist a.cblist_link > p::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #EF728E, #EF728E 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #EF728E, #EF728E 2px, #fff 2px, #fff 4px);
}

#cblist a.cblist_link div.cblist_tbl {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	padding-bottom: 20px;
	position:relative;
}

@media screen and (max-width: 767px) {

	#cblist a.cblist_link div.cblist_tbl {
		display: block;
		width: 96.4%;
	}
}


.cblist_tbl .cblist_photo {
	flex: 1 0 30%;
	margin: 25px 5px 5px 5px;
}

.cblist_tbl .cblist_photo img {
	width: 100%;
	max-width: 320px;
}


@media screen and (max-width: 767px) {


	.cblist_tbl .cblist_photo {
		width: 96.4%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.cblist_tbl .cblist_photo img {
		width: 100%;
		max-width: 320px;
	}
}

.cblist_tbl .cblist_list {
	flex: 1 1 68%;
	margin-left: 2%;
	margin-bottom: 5px;
}

.cblist_tbl .cblist_list div.osusume_banner{
	position:absolute;
	top:0;
	right:-5px;
	border:solid 3px #ffffff;
}

.cblist_tbl .cblist_list div.osusume_banner img{
	width: 100%;
	max-width: 105px;
	height: auto;
}

@media screen and (min-width: 768px) {
.cblist_tbl .cblist_list div.osusume_banner{
	padding:10px;
	border:solid 2px rgba(239, 114, 142, 0.6);
	top:5px;
	right:3px;
}

.cblist_tbl .cblist_list div.osusume_banner img{
	width:100%;
	max-width:115px;
}
}

#cblist a.cblist_link div.cblist_tbl div.cblist_list {
	flex-grow: 1;
}

#cblist a.cblist_link div.cblist_tbl dl {
	display: table;
	width: 96%;
	border-top: dashed 1px #e6e6e6;
	border-right: dashed 1px #e6e6e6;
}

#cblist a.cblist_link div.cblist_tbl dl:first-child {
	margin-top: 16px;
}

#cblist a.cblist_link div.cblist_tbl dl:last-child {
	border-bottom: dashed 1px #e6e6e6;
}

#cblist a.cblist_link div.cblist_tbl dt,
#cblist a.cblist_link div.cblist_tbl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	font-size: 1.6rem;
}

#cblist a.cblist_link div.cblist_tbl dt {
	width: 25%;
	background-color: #e6e6e6;
	padding: 10px;
}

#cblist {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
}


/* meisai */


#meisai {}

#meisai p {
	margin-bottom: 10px;
}

#goback {
	margin-bottom: 10px;
}

#goback button {
	width: 100%;
	display: block;
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	color: #EF728E;
	font-weight: bold;
}

#goback button:hover {
	cursor: pointer;
	background-color: #EF728E;
	color: #ffffff;
}

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

	#goback button {
		border: none;
		position: absolute;
		top: 280px;
		display: block;
		padding: 5px 10px;
		font-weight: bold;
		font-size: 1.8rem;
		color: #EF728E;
		width: 200px;
		background-color: transparent;
		z-index: 2;
	}

	#goback button:hover {
		cursor: pointer;
		background-color: #EF728E;
		color: #fff;
		font-weight: bold;
	}

}

#meisai_article {
	width: 94.6%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1200px) {
	#meisai_article {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}

}

#meisai h1 {
	position: relative;
	text-align: center;
	margin: 20px 0 70px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #e4e4e4;
	background-image:
		repeating-linear-gradient(-45deg,
			#fff, #fff 7px,
			transparent 0, transparent 14px);
}

#meisai h1 span {
	display: inline-block;
	color: #000000;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

#meisai h1 button {
	position: absolute;
	width: 200px;
	top: 95px;
	right: 10px;
	padding: 0px 9px 8px 10px;
	font-size: 1.5rem;
	transition: .1s ease-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	border: none;
	background-color: #cccccc;
}

#meisai h1 button:hover {
	background-color: #EF728E;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#meisai h1 button:before {
	content: '';
	display: inline-block;
	width: 1.4em;
	height: 1.5em;
	margin: 5px 5px 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/mail.svg);
	background-position: 0 6px;
	background-size: 100%;
}

#meisai p.meisai_catch {
	width: 100%;
	font-size: 2.4rem;
	margin-top: 20px;
	margin-bottom: 25px;
	text-align: center;
	color: #666;
}

#meisai p.meisai_catch:before {
	content: "";
	display: inline-block;
	width: 3em;
	height: 1em;
	margin: 5px 5px 0 0;
	background-repeat: repeat-x;
	background-image: url(../images/mail.svg);
	background-position: 0 0;
	background-size: 1em;
}

#meisai_photo,
#meisai_moviebox {
	width: 100%;
	margin-bottom: 10px;
}

#meisai_moviebox button {
	width: 100%;
	padding: 5px 0;
	border: solid 1px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
}

#meisai_photo {
	width: 280px;
	margin: 0 auto;
}

#meisai_photo img {
	width: 280px;
	height: 210px;
}


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

	#meisai_photo {
		width: 100%;
		margin: 30px auto 0 auto;
		display: table;
	}

	#meisai_photo p {
		display: table-cell;
		text-align: center;
	}

	#meisai_photo p img {
		width: 94%;
		height: auto;
	}

	#meisai_photo_thumb {
		width: 93.6%;
		margin-bottom: 30px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	#meisai_photo_thumb img {
		box-sizing: border-box;
		width: 140px;
		height: auto;
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;
		border: solid 1px #ccc;
	}
}



#map {
	width: 100%;
	height: 300px;
	margin-bottom: 10px;
}


#meisai_head,
#meisai_body {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.4rem;
	border-collapse: separate;
	border-spacing: 0;
	border: solid 1px #EF728E;
	background: #fff;
	border-radius: 5px;
}

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

#meisai_head th,
#meisai_head td {
	padding: 3px;
	border: solid 1px #EF728E;
	text-align: center;
	font-size: 1.4rem;
}

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

	#meisai_head th,
	#meisai_head td {
		font-size: 1.6rem;
	}
}

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

#meisai_head th {
	color: #ffffff;
	background: #EF728E;
	font-weight: normal;
	border-right: solid 1px #ffffff;
}

#meisai_head th:last-child {
	border-right: none;
}


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

#meisai_body {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 5px;
}

@media screen and (min-width: 600px) {
	#meisai_body {
		table-layout: fixed;
	}

}


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

#meisai_body th,
#meisai_body td {
	padding: 5px;
	border: solid 1px #EF728E;
}

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

	#meisai_body th,
	#meisai_body td {
		font-size: 1.6rem;
		font-weight: normal;
	}
}


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

#meisai_body th {
	width: 20%;
	background: #EF728E;
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
}

#meisai_body td {
	width: 70%;
}

#meisai_body td button {
	width: 100%;
	margin-top: 50px;
	padding: 32px 0;
	border: solid 1px #666;
	border-radius: 6px;
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	font-size: 1.4rem;
	cursor: pointer;
}


#page-top {
	font-size: 0;
	position: fixed;
	bottom: 0;
	right: 16px;
	opacity: 0;
}

#page-top:hover {
	cursor: pointer;
}

#page-top.fade-in {
	color: #000;
	font-size: 60px;
	opacity: 0.6;
	text-decoration: none;
	transition: opacity 1s;
}

/*admin*/


#admin_block {
	width: 94%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	padding-top: 50px;
}

#admin_block table {
	width: 100%;
}

#admin_block th,
#admin_block td {
	border: solid 1px #ccc;
	text-align: center;
	padding: 10px;
}

#admin_block td input,
#admin_block td textarea {
	width: 100%;
}

#admin_block h1 {
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #333;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

#admin_block p.center {
	padding: 10px;
	margin: 20px 0 50px 0;
}



/* その他 */


.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.red {
	color: #f00;
}

.pink {
	color: #eb6877;
}

.ai {
	color: #039;
}

.green {
	color: #01844B;
}

.gray {
	color: #666;
}

.black {
	color: #000;
}

.imeon {
	ime-mode: active;
}

.imeoff {
	ime-mode: inactive;
}

.imenone {
	ime-mode: disabled;
}


.pd30 {
	padding-top: 30px;
}

p {}


/* 建売お問い合わせページ */
div#container article section#contact.tateuri {
	padding-top: 0;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background-image: url(../images/tateuri/tate_photo1-100.jpg);
	background-repeat: no-repeat;
}

.tate_block {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.tate_block_inner {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 760px) {
	div#container article section#contact.tateuri {
		padding-top: 0;
	}
}

div#container article section#contact.tateuri figure img {
	width: 100%;
	height: auto;
}

div#container article section#contact.tateuri dt {
	text-align: center;
	padding: 20px;
	font-weight: 600;
	font-size: 1.2em;
}

div#container article section#contact.tateuri table.tatemono {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

div#container article section#contact.tateuri table.tatemono td:first-of-type,
div#container article section#contact.tateuri table.tatemono th:first-of-type {
	border-top: solid 1px #ccc;
}

div#container article section#contact.tateuri table.tatemono th {
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 40%;
	text-align: left;
	padding: 5px;
}

div#container article section#contact.tateuri table.tatemono td {
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px;
}

.pre-ill {
	padding-bottom: 3em;
}

@media screen and (min-width: 600px) {
	div#container article section#contact.tateuri {
		padding-top: 20px;
		margin-top: 160px;
	}

	div#container article section#contact.tateuri .tate_block_inner figure {
		width: 100%;
		max-width: 550px;
	}

	div#container article section#contact.tateuri figure img {
		width: 100%;
		height: auto;
	}

	.tateuri {
		max-width: 1140px;
		background-image: url(../images/tateuri/tate_photo1-100.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}

	.tate_block {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}

	.tate_block.ar2 {
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
		align-items: flex-start;
	}

	.tate_block .ar1 {
		padding-top: 50px;
	}

	.tate_block_inner {
		flex: 1 1 400px;
		align-items: center;
		padding-left: 20px;
	}
}

/* movie,vr */

#meisai_moviebox,
#meisai_vrbox {
	width: 100%;
	margin-bottom: 10px;
}
#meisai_moviebox button,
#meisai_vrbox button {
	z-index: 1;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	text-indent: -9999px;
	background-color: #ef728e;
	background-repeat: no-repeat;
	background-size: 75%;
	border-radius: 40px;
    border:none;
}
#meisai_moviebox button {
	background-image: url(../images/meisai_moviebox_h3.png);
	background-position: center center;
}
#meisai_vrbox button {
 	background-image: url(../images/meisai_vrbox_h3.png);
	background-position: center center;
}
#meisai_moviebox p,
#meisai_vrbox p {
	margin: 0.25em 0 0 0 !important;
	font-size: 0.8em !important;
	color: #333 !important;
}
#meisai_moviebox p span,
#meisai_vrbox p span {
	font-weight: bold;
	font-size:1em !important;
	color: #000 !important;
}

@media screen and (min-width: 600px) {
#meisai_moviebox,
#meisai_vrbox{
	width: 100%;
	text-align: center;
    margin-top:34px;
	margin-bottom: 20px;
}

#meisai_moviebox iframe,
#meisai_vrbox iframe {
	width:100%;
    max-width:920px;
	height: 400px;
	border: 0 none;
}
#meisai_moviebox h3,
#meisai_vrbox h3 {
	z-index: 1;
    width:100%;
	max-width: 920px;
    min-height:70px;
	margin: 0 auto;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ef728e;
   background-size:48%;
 }

#meisai_moviebox h3 {
	background-image: url(../images/meisai_moviebox_h3.png);

}
#meisai_vrbox h3 {
	background-image: url(../images/meisai_vrbox_h3.png);
}
}

/* 20230531top */
section.upper{
	margin-top: 60px;
	margin-bottom: 60px;
}
.otherbox .flexbox{
	display: flex;
	gap:30px;
	width: 95%;
	max-width: 1200px;
	margin:0 auto;
	align-items: center;
}
.otherbox .flexbox .news{
	width:calc(100% - 380px);
}
.otherbox .flexbox iframe{
	margin-top: 40px;
}
#map{
	margin-bottom: 0;
}
ul.bnbox.normal{
	margin-top: 20px;
}
ul.bnbox.outlinepage{
	margin-top: 40px;
	margin-bottom: 20px;
}
@media(max-width:1070px){
	.news div{
		display: block;
	}
	.news p.info_date{
		padding: 5px 0;
	}
	.news p.info_body{
		border-bottom: none;
		padding: 10px;
		margin-left:0;
	}
}
@media(max-width:800px){
	.otherbox .flexbox{
		flex-direction: column;
		justify-content: center;
	}
	.otherbox .flexbox .news{
		width:100%;
	}
	.otherbox .flexbox iframe{
		width:95%;
		max-width: 350px;
	}
}

/* AREC_PORTAL_LINKS_CSS_START (2026-07-21 ポータルリンク統一カード) */
footer .portal-links {
    width: 100%;
    margin: 0 0 44px;
    padding: 40px 16px 44px;
    box-sizing: border-box;
    color: #1f2d24;
    background: #f3f7f1;
    border-top: 1px solid rgba(16, 83, 39, .16);
    border-bottom: 1px solid rgba(16, 83, 39, .16);
}
footer .portal-links__inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
footer .portal-links__title {
    margin: 0 0 24px;
    color: #174a2a;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .06em;
}
footer .portal-links__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .portal-links__grid > li {
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .portal-links__card,
footer .portal-links__card:link,
footer .portal-links__card:visited {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 172px;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    color: #274333;
    background: #fff;
    border: 1px solid #d8e2d5;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(25, 67, 39, .12);
    text-decoration: none;
    text-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
footer .portal-links__card:hover {
    color: #174a2a;
    border-color: #9bbda4;
    box-shadow: 0 8px 20px rgba(25, 67, 39, .18);
    transform: translateY(-3px);
}
footer .portal-links__card:focus-visible {
    color: #174a2a;
    outline: 3px solid #f4b942;
    outline-offset: 3px;
    border-color: #174a2a;
    box-shadow: 0 8px 20px rgba(25, 67, 39, .18);
    transform: translateY(-2px);
}
footer .portal-links__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 96px;
}
footer .portal-links__logo img {
    display: block;
    width: auto !important;
    max-width: min(100%, 220px);
    height: auto !important;
    max-height: 72px;
    object-fit: contain;
}
footer .portal-links__caption {
    display: block;
    margin-top: 10px;
    color: #274333;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
}
footer .portal-links__external {
    display: inline-block;
    margin-left: .25em;
    color: #15713a;
    font-size: 1em;
}
@media screen and (min-width: 700px) {
    footer .portal-links {
        padding: 44px 22px 48px;
    }
    footer .portal-links__title {
        margin-bottom: 26px;
        font-size: 2.4rem;
    }
    footer .portal-links__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }
}
@media (prefers-reduced-motion: reduce) {
    footer .portal-links__card,
    footer .portal-links__card:link,
    footer .portal-links__card:visited {
        transition: none;
    }
}
/* AREC_PORTAL_LINKS_CSS_END */