@charset "utf-8";
/*********************************************************************
 *
 *  </css/common.css>
 *
*********************************************************************/

	/*変数*/
	:root {
		--cl_f_v2_2_txt_sp: #333;
		--cl_f_v2_2_bdr_sp: #777;
		--cl_f_v2_2_bgc_sp: #777;
	}

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

	::selection {
		background-color: rgba(0, 137, 210, 0.5);
	}

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

	.common-fixed__banner {
		position: fixed;
		right: 2%;
		bottom: 2%;
		z-index: 150;
		display: block;
		width: 25%;
		max-width: 320px;
		filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
		animation: common-fixed__banner__in 3s ease 1;
		transition: 0.3s ease;
		background-color: #ffffffb5;
		padding: 1.0em;
		border-radius: 10px;
	}

	.common-fixed__banner:hover {
		opacity: 0.95;
	}

	.common-fixed__banner img {
		width: 100%;
	}

	.common-fixed__banner.hidden {
		display: none;
	}

		.common-fixed__banner h2 {
			display: block;
			width: fit-content;
			text-align: center;
			margin: 0 auto 1.0em auto;
			padding: 0.4em 0 0.6em 0;
			font-weight: 500;
			font-size: 1.4rem;
			line-height: 1.0;
			color: #000000cc;
			border-bottom: solid 1px #000000cc;
		}

	.common-fixed__closeIcon {
		position: absolute;
		top: 2px;
		right: 2px;
		z-index: 1;
		display: inline-block;
		width: 24px;
		height: 24px;
		transform: translate(50%, -50%);
		border-radius: 50%;
		background-color: #eee;
		box-shadow: 7px 7px 8px -6px rgba(0, 0, 0, 0.3);
		border: solid 1px #ccc;
	}

	.common-fixed__closeIcon::before,
	.common-fixed__closeIcon::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: inline-block;
		width: 2px;
		height: 45%;
		background-color: #333;
	}

	.common-fixed__closeIcon::before {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.common-fixed__closeIcon::after {
		transform: translate(-50%, -50%) rotate(45deg);
	}

@media screen and (max-width: 767px) {
	.common-fixed__banner {
		position: absolute;
		bottom: 50%;
		right: 50%;
		width: 62%;
		margin: 0 auto;
		translate: 50% 50%;
	}
	.common-fixed__closeIcon {
		width: 24px;
		height: 24px;
	}
}

@keyframes common-fixed__banner__in {
	0% {
		transform: translateY(0);
		opacity: 0;
	}
	5% {
		transform: translateY(0);
	}
	10% {
		transform: translateY(0);
		opacity: 0;
	}
	20% {
		transform: translateY(-3px);
	}
	25% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(-3px);
	}
	50% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

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

	.tochigi1_notice {
		display: block;
		box-sizing: border-box;
		width: 1000px;
		margin: 64px auto;
		padding: 0;
	}

		.tochigi1_notice h2 {
			font-size: 28px;
			line-height: 1.6;
			margin: 0 0 0.6em 0;
			font-weight: 400;
			letter-spacing: 0.05em;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
			text-align: center;
		}

		.tochigi1_notice p.desc {
			font-size: 14px;
			line-height: 1.6;
			margin: 0 0 1.2em 0;
			font-weight: 400;
			letter-spacing: 0.05em;
			text-align: center;
		}

		.tochigi1_notice strong {
			font-weight: 700;
			color: #e60012;
		}

		.tochigi1_notice ul {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: fit-content;
			margin: 0 auto;
			padding: 0;
		}

			.tochigi1_notice ul li {
				display: block;
				box-sizing: border-box;
				width: 384px;
				margin: 0 10px;
				padding: 0;
				background-color: rgba(20, 85, 145, 0.1);
			}

				.tochigi1_notice ul li a {
					text-decoration: none;
					color: #333;
				}

				.tochigi1_notice ul li img {
					display: block;
					box-sizing: border-box;
					margin: 0;
					padding: 0;
				}

				.tochigi1_notice ul li h3 {
					display: block;
					box-sizing: border-box;
					margin: 0;
					padding: 15px 25px 3px 25px;
					font-size: 18px;
					font-weight: 700;
				}

				.tochigi1_notice ul li p {
					display: block;
					box-sizing: border-box;
					margin: 0;
					padding: 0px 25px 20px 25px;
				}

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

	.tochigi1_notice {
		width: 90vw;
		margin: 16vw auto;
	}

		.tochigi1_notice h2 {
			font-size: 4.5vw;
		}

		.tochigi1_notice p.desc {
			font-size: 2.4vw;
			width: 100%;
		}

			.tochigi1_notice ul li {
				width: 49%;
				margin: 0 0;
			}

				.tochigi1_notice ul li h3 {
					font-size: 2.6vw;
					padding: 2vw 3vw 0.5vw 3vw;
				}

				.tochigi1_notice ul li p {
					font-size: 1.8vw;
					padding: 0 3vw 3vw 3vw;
				}

}

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

	.for_frame {
		display: block !important;
		width: fit-content;
		border: solid 5px #000;
		margin: 0 auto 1.0em auto;
		padding: 0 0.6em !important;
		font-size: 26px !important;
		letter-spacing: 0.2em;
		line-height: 38px;
		font-weight: 500;
		color: #000;
		font-family: "Caveat", cursive !important;
		position: relative;
		transform: translateX(25px);
	}
	.for_frame:before {
		display: inline-block !important;
		content: "" !important;
		width: 72px !important;
		height: 72px !important;
		background-image: url(/corpcms/wp-files/common/img/pict_for_bk.svg);
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center left !important;
		position: absolute !important;
		top: -20px !important;
		left: -76px !important;
	}

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

	.for_frame {
		font-size: 4.2vw !important;
		line-height: 5.5vw;
		border: solid 0.88vw #000;
		transform: translateX(4vw);
	}
	.for_frame:before {
		width: 11vw !important;
		height: 11vw !important;
		top: -3vw !important;
		left: -11.6vw !important;
	}

	.dir2ttl.text {
		padding-top: 10vw !important;
	}

	.dir2ttl small {
		font-size: 3.8vw !important;
		letter-spacing: 0em;
	}

}

/* 春先取り“とちたて”キャンペーン */
/********************************************************************/

	.sp_cp_2023_title {
		display: block;
		box-sizing: border-box;
		width: 364px;
		margin: -68px auto 68px auto;
		padding: 0;
		text-align: center;
	}

		.sp_cp_2023_title img:nth-of-type(2) {
			display: block;
			box-sizing: border-box;
			width: 256px;
			margin: 0 auto;
		}

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

	.sp_cp_2023_title {
		margin: -2vw auto 10vw auto;
		width: 54vw;
	}

		.sp_cp_2023_title img:nth-of-type(2) {
			width: 38vw;
		}

}

/* キャンペーン */
/********************************************************************/

	.daikessan2025_archive_title,
	.marutoku2025_archive_title,
	.sp_cp_2025_title,
	.gw_cp_2023_title {
		display: block;
		box-sizing: border-box;
		width: 512px;
		margin: 32px auto 68px auto;
		padding: 0;
		text-align: center;
	}
	.daikessan2025_archive_title.for_single,
	.marutoku2025_archive_title.for_single,
	.sp_cp_2025_title.for_single,
	.gw_cp_2023_title.for_single {
		width: 512px;
	}

		.daikessan2025_archive_title .title_button,
		.marutoku2025_archive_title .title_button,
		.sp_cp_2025_title .title_button,
		.gw_cp_2023_title .title_button {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 18px auto 0 auto;
			padding: 1.0em 3.6em 1.0em 3.2em;
			text-align: center;
			background-color: #f5ef67;
			color: #000;
			line-height: 1.0;
			font-size: 1.6rem;
			font-weight: 700;
			letter-spacing: 0.05em;
			font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
			background-repeat: no-repeat;
			background-position: center right 1.8em;
			background-size: 18px;
			border-radius: 55px;
			border: solid 2px #000;
			box-shadow: 2px 2px #000;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
		}

		.daikessan2025_archive_title .title_button:hover,
		.marutoku2025_archive_title .title_button:hover,
		.sp_cp_2025_title .title_button:hover,
		.gw_cp_2023_title .title_button:hover {
			margin: 19px auto -1px auto;
			box-shadow: 1px 1px #000;
		}

		.daikessan2025_archive_title .info_more,
		.marutoku2025_archive_title .info_more,
		.sp_cp_2025_title .info_more,
		.gw_cp_2023_title .info_more {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 0.8em auto 0 auto;
			padding: 0.6em 1.8em;
			text-align: center;
			background-color: #004c92ab;
			color: #fff;
			line-height: 1.0;
			font-size: 1.3rem;
			font-weight: 500;
			letter-spacing: 0.05em;
			text-decoration: none;
			border-radius: 55px;
		}

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

	.daikessan2025_archive_title,
	.marutoku2025_archive_title,
	.sp_cp_2025_title,
	.gw_cp_2023_title {
		margin: 4vw auto 8vw auto;
		width: 82vw !important;
	}
	.daikessan2025_archive_title,
	.marutoku2025_archive_title {
		width: 64vw !important;
	}

		.daikessan2025_archive_title .title_button,
		.marutoku2025_archive_title .title_button,
		.sp_cp_2025_title .title_button,
		.gw_cp_2023_title .title_button {
			padding: 0.6em 3.6em 0.6em 3.2em;
			font-size: 2.4vw;
		}

}

/* 大決算キャンペーン 2023 */
/********************************************************************/

	.daikessan_title {
		display: block;
		box-sizing: border-box;
		width: 364px;
		margin: 32px auto 68px auto;
		padding: 0;
		text-align: center;
	}
	.daikessan_title.for_single {
		width: 512px;
		margin: 16px auto 16px auto;
	}

	h1.daikessan_title {
		width: 640px;
		margin: 68px auto 0px auto;
	}

		.daikessan_title a {
			text-decoration: none;
			color: #000;
		}

		.daikessan_title span {
			display: block;
			padding: 0.4em 0 0 0;
			font-size: 36px;
			font-weight: 500;
			letter-spacing: 0.05em;
			color: #000;
		}

	h1.daikessan_title.land {
		margin-bottom: 68px;
	}

		.daikessan_title .title_button {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 18px auto 0 auto;
			padding: 1.0em 3.6em 1.0em 3.2em;
			text-align: center;
			background-color: #f5ef67;
			color: #000;
			line-height: 1.0;
			font-size: 1.6rem;
			font-weight: 700;
			letter-spacing: 0.05em;
			font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
			background-repeat: no-repeat;
			background-position: center right 1.8em;
			background-size: 18px;
			border-radius: 55px;
			border: solid 2px #000;
			box-shadow: 2px 2px #000;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
		}

		.daikessan_title .title_button:hover {
			margin: 19px auto -1px auto;
			box-shadow: 1px 1px #000;
		}

		.daikessan_title .info_more {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 1.8em auto 0 auto;
			padding: 0.6em 1.8em;
			text-align: center;
			background-color: #555;
			color: #fff;
			line-height: 1.0;
			font-size: 1.3rem;
			font-weight: 500;
			letter-spacing: 0.05em;
			text-decoration: none;
			border-radius: 55px;
		}

		.daikessan_title .info_more:hover {
			margin: 1.9em auto -0.1em auto;
		}

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

	.daikessan_title {
		margin: 4vw auto 8vw auto;
		width: 64vw !important;
	}

		.daikessan_title .title_button {
			padding: 0.6em 3.6em 0.6em 3.2em;
			font-size: 2.4vw;
		}

}

/* 丸和住宅の秋祭り 土地・建売フェア 2023 */
/********************************************************************/

	.akimatsuri2023_title {
		display: block;
		box-sizing: border-box;
		width: 640px;
		margin: 32px auto 68px auto;
		padding: 0;
		text-align: center;
	}
	.akimatsuri2023_title.for_single {
		width: 512px;
		margin: 16px auto 16px auto;
	}

	h1.akimatsuri2023_title {
		width: 640px;
		margin: 68px auto 0px auto;
	}

		.akimatsuri2023_title a {
			text-decoration: none;
			color: #000;
		}

		.akimatsuri2023_title span {
			display: block;
			padding: 0.4em 0 0 0;
			font-size: 36px;
			font-weight: 500;
			letter-spacing: 0.05em;
			color: #000;
		}

	h1.akimatsuri2023_title.land {
		margin-bottom: 68px;
	}

		.akimatsuri2023_title .title_button {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 18px auto 0 auto;
			padding: 1.0em 3.6em 1.0em 3.2em;
			text-align: center;
			background-color: #f5ef67;
			color: #000;
			line-height: 1.0;
			font-size: 1.6rem;
			font-weight: 700;
			letter-spacing: 0.05em;
			font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
			background-repeat: no-repeat;
			background-position: center right 1.8em;
			background-size: 18px;
			border-radius: 55px;
			border: solid 2px #000;
			box-shadow: 2px 2px #000;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
		}

		.akimatsuri2023_title .title_button:hover {
			margin: 19px auto -1px auto;
			box-shadow: 1px 1px #000;
		}

		.akimatsuri2023_title .info_more {
			display: block;
			box-sizing: border-box;
			width: fit-content;
			margin: 1.8em auto 0 auto;
			padding: 0.6em 1.8em;
			text-align: center;
			background-color: #555;
			color: #fff;
			line-height: 1.0;
			font-size: 1.3rem;
			font-weight: 500;
			letter-spacing: 0.05em;
			text-decoration: none;
			border-radius: 55px;
		}

		.akimatsuri2023_title .info_more:hover {
			margin: 1.9em auto -0.1em auto;
		}

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

	.akimatsuri2023_title {
		margin: 4vw auto 8vw auto;
		width: 84vw !important;
	}

		.akimatsuri2023_title .title_button {
			padding: 0.6em 3.6em 0.6em 3.2em;
			font-size: 2.4vw;
		}

}

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


	@keyframes blinkAnimeNew {
		0% { opacity: 1; }
		66% { opacity: 1; }
		100% { opacity: 0.5; }
/*
		0% { color: rgba(255, 255, 255, 1); background-color: rgba(237, 128, 20, 1); }
		66% { color: rgba(255, 255, 255, 1); background-color: rgba(237, 128, 20, 1); }
		100% { color: rgba(255, 255, 255, 0.5); background-color: rgba(237, 128, 20, 0.5); }
*/
	}

	html {
		-webkit-text-size-adjust: 100%;
		/* iPhone */
		overflow-y: scroll;
		font-size: 62.5%;
	}

	body {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		background-color: #fff;
		color: #000;
		/*font-size: 1.4rem;
		line-height: 1.7;*/
		letter-spacing: 0.05rem;
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}

	body {
		font-size: 1.0rem;
		line-height: 1.6;
	}

	article, aside, canvas, details, figcaption,
	figure, footer, header, hgroup, menu,
	nav, section, summary {
		display: block;
	}

	img {
		display: block;
		width: 100%;
		height: auto;
	}

	.nowrap {
		white-space: nowrap;
	}

	a {
		color: #004097;
		text-decoration: underline;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	a:hover {
		text-decoration: none;
		opacity: 0.6;
	}

	.b {
		font-weight: bold !important;
	}

	#areaContents {
		margin: 68px 0 0 0;
		padding: 0;
		font-size: 1.5rem;
		min-width: 1225px;
	}

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

	#areaContents {
		margin: 48px 0 0 0;
		min-width: 100%;
	}

}

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

	#areaContents {
		margin: 46px 0 0 0;
		padding: 0 0 16vw 0 !important;
		min-width: 100%;
	}

}

/* header#h_v2 -----------------------------------------------------*/

	header#h_v2 {

		font-size: 1.2rem;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
		font-weight: 500;

		width: 100%;
		min-width: 1525px;

		margin: 0;
		padding: 0;
		position: fixed;
		left: 0;
		top: 0 !important;
		height: 68px;
		background: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(246, 249, 249, 0.80));
		opacity: 1 !important;
		z-index: 200;

		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

	}

		header#h_v2 .logo {
			width: 178px;
			height: 68px;
			background-position: center center !important;
			background-image: url(/corpcms/wp-files/common/img/logo_nb.svg);
			background-size: 84%;
			background-repeat: no-repeat;

			&.nh {
				width: 380px;
				background-image: url(/corpcms/wp-files/common/img/logo_nh-mj.svg);

				& > a {
					width: 380px;
				}
			}
		}

			header#h_v2 .logo a {
				display: block;
				width: 178px;
				height: 68px;
				text-indent: -9999px;
			}

		header#h_v2 .home {
			display: none;
		}

		header#h_v2 .nav_sp {
			display: none;
		}

		header#h_v2 #nav_h {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			header#h_v2 #nav_h ul.nav_h_1 {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

				header#h_v2 #nav_h ul.nav_h_1 li {
					position: relative;
					padding: 0;
				}

				header#h_v2 #nav_h ul.nav_h_1 li .new {
					letter-spacing: -0.5px;
					/*transform: scaleX(0.8);*/
				}

				header#h_v2 #nav_h ul.nav_h_1 li .new:after {
					content: "NEW";
					color: #fff;
					background-color: #ed8014;
					margin: 0 0 0 1.0em;
					padding: 0.3em 0.6em 0.2em 0.6em;
					border-radius: 16px;
					font-weight: bold;
					line-height: 1.0;
					font-size: 0.6em;
					animation: blinkAnimeNew 1.5s infinite alternate;
					letter-spacing: 0px;
				}
				header#h_v2 #nav_h ul.nav_h_1 li .new.natsuyasumi_event:after {
					content: "夏休みイベント開催中";
				}
				header#h_v2 #nav_h ul.nav_h_1 li .new.kikangentei:after {
					content: "期間限定";
				}
				header#h_v2 #nav_h ul.nav_h_1 li .new.tokubetsukakaku:after {
					content: "特別価格";
					background-color: #e66786;
				}

					header#h_v2 #nav_h ul.nav_h_1 > li > a {
						display: table-cell;
						height: 68px;
						vertical-align: middle;
						color: #333;
						text-decoration: none;
						margin: 0;
						padding: 0 4px 0 34px;
						background: url(/corpcms/wp-files/common/img/icon_arw_bottom_wh.svg);
						background-repeat: no-repeat;
						background-position: center bottom;
						background-size: auto 0;
						position: relative;
						font-weight: 700;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li:hover > a {
						color: #fff;
						background-color: #2d3133;
						opacity: 1.0;
						transition: 0.5s;
						background: url(/corpcms/wp-files/common/img/icon_arw_bottom_wh.svg) #0074d3;
						background-repeat: no-repeat;
						background-position: center bottom 3px;
						background-size: auto 0;
					}
					header#h_v2.nh #nav_h ul.nav_h_1 > li:hover > a {
						background-color: #00a9c9;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li.nav_h_1-2:hover > a {
						background-size: auto 20px;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li > a:before {
						position: absolute;
						top: 50%;
						left: 0;
						transform: translate(0%, -60%);
						-webkit-transform: translate(0%, -60%);
						-ms-transform: translate(0%, -60%);
						display: block;
						width: 40px;
						height: 20px;
						content: "";
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li.concept > a:before { background-image: url(/corpcms/wp-files/common/img/pict_for_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.concept > a:before { background-image: url(/corpcms/wp-files/common/img/pict_for_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.products > a:before { background-image: url(/corpcms/wp-files/common/img/pict_products_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.products > a:before { background-image: url(/corpcms/wp-files/common/img/pict_products_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.land > a:before { background-image: url(/corpcms/wp-files/common/img/pict_land_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.land > a:before { background-image: url(/corpcms/wp-files/common/img/pict_land_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.building > a:before { background-image: url(/corpcms/wp-files/common/img/pict_building_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.building > a:before { background-image: url(/corpcms/wp-files/common/img/pict_building_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.company > a:before { background-image: url(/corpcms/wp-files/common/img/pict_company_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.company > a:before { background-image: url(/corpcms/wp-files/common/img/pict_company_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.works > a:before { background-image: url(/corpcms/wp-files/common/img/pict_works_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.works > a:before { background-image: url(/corpcms/wp-files/common/img/pict_works_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.method > a:before { background-image: url(/corpcms/wp-files/common/img/pict_method_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.method > a:before { background-image: url(/corpcms/wp-files/common/img/pict_method_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.modelhouse > a:before { background-image: url(/corpcms/wp-files/common/img/pict_modelhouse_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.modelhouse > a:before { background-image: url(/corpcms/wp-files/common/img/pict_modelhouse_wh.svg); }

					header#h_v2 #nav_h ul.nav_h_1 > li.support > a:before { background-image: url(/corpcms/wp-files/common/img/pict_support_02.svg); }
					header#h_v2 #nav_h ul.nav_h_1 > li:hover.support > a:before { background-image: url(/corpcms/wp-files/common/img/pict_support_wh.svg); }


					header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 {
						display: none;
						position: absolute;
						top: 68px;
						padding: 0;
						background-color: #0074d3;
						box-shadow: 0px 0px 3px 0px #ccc;
						-moz-box-shadow: 0px 0px 3px 0px #ccc;
						-webkit-box-shadow: 0px 0px 3px 0px #ccc;
					}
					header#h_v2.nh #nav_h ul.nav_h_1 li ul.nav_h_2 {
						background-color: #00a9c9;
					}

						header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 li {
							display: block;
							width: 374px;
							color: #fff;
						}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a {
								display: block;
								color: #fff;
								text-decoration: none;
								margin: 0;
								padding: 10px 20px 10px 25px;
								background: url(/corpcms/wp-files/common/img/icon_tri_right_wh.svg);
								background-repeat: no-repeat;
								background-position: left 10px center;
								background-size: 8px;
							}
							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a:hover {
								color: #333;
								transition: 0.2s;
								background: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg) rgba(255, 255, 255, 0.95);
								background-repeat: no-repeat;
								background-position: left 10px center;
								background-size: 12px;
								opacity: 1.0;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub {
								padding: 10px 20px 10px 40px;
								background-position: left 25px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub.nav_h_3 {
								padding-left: 60px;
								background-position: left 45px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 span {
								display: block;
								margin: 0;
								padding: 6px 12px 0px 25px;
								background-image: url(/corpcms/wp-files/common/img/icon_tri_bottom_wh.svg);
								background-repeat: no-repeat;
								background-position: left 12px center;
								background-size: 8px;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 span > small {
								font-size: 0.6em;
							}



			header#h_v2 #nav_h ul.nav_h_1_btn {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin: 0 0 0 15px;
			}

				header#h_v2 #nav_h ul.nav_h_1_btn li {
					padding: 5px 5px 5px 0;
				}

					header#h_v2 #nav_h ul.nav_h_1_btn li a {
						display: table-cell;
						width: 58px;
						height: 58px;
						background-color: #fff;
						color: #2d3133;
						text-align: center;
						text-decoration: none;
						font-size: 0.9em;
						vertical-align: bottom;
						background-position: center top 8px;
						background-size: 48%;
						background-repeat: no-repeat;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.event {
						background-image: url(/corpcms/wp-files/common/img/pict_tour_wh.svg);
						background-color: #ed8014;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.contact {
						background-image: url(/corpcms/wp-files/common/img/pict_contact_wh.svg);
						background-color: #879299;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.modelhouse {
						background-image: url(/corpcms/wp-files/common/img/pict_tenjijyo_wh.svg);
						background-color: #444a4c;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.support {
						background-image: url(/corpcms/wp-files/common/img/pict_support_wh.svg);
						background-color: #71abb5;
						color: #fff;
						letter-spacing: -0.2em;
						background-size: 80%;
						background-position: center top 0px;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.news {
						background-image: url(/corpcms/wp-files/common/img/pict_news_wh.svg);
						background-color: transparent;
						color: #fff;
						border: solid 1px #fff;
						width: 56px;
						height: 56px;
					}



			header#h_v2 #nav_h ul.icons_sp {
				display: none;
			}



			header#h_v2 #nav_h .nav_h_pc {
				display: block;
			}

			header#h_v2 #nav_h .nav_h_sp {
				display: none;
			}

		header#h_v2 #nav_h_bg {
			display: none;
		}

		header#h_v2 #nav_h_sp {
			display: none;
		}

/* footer#f_v2 -----------------------------------------------------*/

	#nav_f_btn,
	footer#f_v2 {

		font-size: 1.2rem;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
		font-weight: 500;

		width: 100%;
		margin: 0;
		padding: 0;

	}

	footer#f_v2 {
		margin: 40px 0 0 0;
	}

	#nav_f_btn {
		display: none;
	}

		footer#f_v2 #nav_pagetop {
			position: fixed;
			right: 20px;
			bottom: -60px;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			border: solid 1px #444a4c;
			border-radius: 16px;
			width: 32px;
			height: 32px;
			background-color: rgba(255, 255, 255, 0.9);
			opacity: 0;
			transition: all 0.65s;
		}
		footer#f_v2 #nav_pagetop:before {
			content: "";
			width: 12px;
			height: 12px;
			border-top: solid 2px #444a4c;
			border-left: solid 2px #444a4c;
			position: absolute;
			left: 0px;
			right: 0px;
			top: 12px;
			margin: auto;
			transform: rotate(45deg);
		}
		footer#f_v2 #nav_pagetop.active {
			opacity: 1;
			bottom: 60px;
		}

		footer#f_v2 #nav_f {
			background: linear-gradient(90deg, rgba(0, 116, 211, 0.9), rgba(20, 91, 162, 0.9));
			padding: 2em 0;
		}
		footer#f_v2.nh #nav_f {
			background: linear-gradient(90deg, #00a9c9, #0ab6d7);
		}

			footer#f_v2 #nav_f a {
				color: #fff;
				text-decoration: none;
			}

			footer#f_v2 #nav_f ul {
				width: 90%;
				margin: 0 auto;
				padding: 0;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

				footer#f_v2 #nav_f ul li {
					width: 20%;
				}
				footer#f_v2 #nav_f ul li:nth-of-type(1) { width: 23%; }
				footer#f_v2 #nav_f ul li:nth-of-type(2) { width: 18%; }
				footer#f_v2 #nav_f ul li:nth-of-type(3) { width: 18%; }
				footer#f_v2 #nav_f ul li:nth-of-type(4) { width: 25%; }
				footer#f_v2 #nav_f ul li:nth-of-type(5) { width: 16%; }

			footer#f_v2 #nav_f dl {
			}

				footer#f_v2 #nav_f dl dt {
					font-weight: bold;
					margin-top: 0.6em;
					padding-left: 16px;
					background-image: url(/corpcms/wp-files/common/img/icon_tri_right_wh.svg);
					background-position: left center;
					background-size: 12px;
					background-repeat: no-repeat;
				}

				footer#f_v2 #nav_f dl dd {
					padding-left: 24px;
				}

				footer#f_v2 #nav_f dl dt.new,
				footer#f_v2 #nav_f dl dd.new {
					letter-spacing: -0.5px;
					/*transform: scaleX(0.8);*/
				}

				footer#f_v2 #nav_f dl dt.new:after,
				footer#f_v2 #nav_f dl dd.new:after {
					content: "NEW";
					color: rgba(255, 255, 255, 1);
					background-color: rgba(237, 128, 20, 1);
					margin: 0 0 0 1.0em;
					padding: 0.3em 0.6em 0.2em 0.6em;
					border-radius: 16px;
					font-weight: bold;
					line-height: 1.0;
					font-size: 0.6em;
					animation: blinkAnimeNew 1.5s infinite alternate;
					letter-spacing: 0px;
				}
				footer#f_v2 #nav_f dl dt.new.natsuyasumi_event:after,
				footer#f_v2 #nav_f dl dd.new.natsuyasumi_event:after {
					content: "夏休みイベント開催中";
				}
				footer#f_v2 #nav_f dl dt.new.kikangentei:after,
				footer#f_v2 #nav_f dl dd.new.kikangentei:after {
					content: "期間限定";
				}
				footer#f_v2 #nav_f dl dt.new.tokubetsukakaku:after,
				footer#f_v2 #nav_f dl dd.new.tokubetsukakaku:after {
					content: "特別価格";
					background-color: #e66786;
				}

					footer#f_v2 #nav_f dl dd .nav_f_2_sub {
						padding-left: 12px;
					}

		footer#f_v2 .information {
			width: 920px;
			margin: 0 auto;
			padding: 20px 0;

			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: flex-start;
		}

			footer#f_v2 .information .logo {
				text-indent: 100%;
				overflow: hidden;
				white-space: nowrap;
				background-position: center center;
				background-image: url(/corpcms/wp-files/common/img/logo_nb.svg);
				background-size: 100%;
				background-repeat: no-repeat;
				width: 135px;
				height: 30px;
				margin-top: 1.0em;

				&.nh {
					background-image: url(/corpcms/wp-files/common/img/logo_nh-mj_v.svg);
					height: 50px;
					margin-top: 0.3em;
				}
			}

			footer#f_v2 .information .name {
				margin: 0.8em 10px 0 26px;
/*				margin: 1.5em 10px 0 26px;*/
				font-weight: bold;
			}

			footer#f_v2 .information .address {
				margin-top: 0.8em;
			}

			footer#f_v2 .information #nav_link {
				width: 256px;
				margin-left: auto;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
			}

				footer#f_v2 .information #nav_link .contacts {
					display: none;
				}

				footer#f_v2 .information #nav_link .icons {
					width: 100%;
					margin-bottom: 16px;

					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}

						footer#f_v2 .information #nav_link .icons li {
							width: 14%;
							margin: 0;
							padding: 0;
						}
						footer#f_v2 .information #nav_link .icons li.yt {
						}
						footer#f_v2 .information #nav_link .icons li.line {
						}
						footer#f_v2 .information #nav_link .icons li.fb {
						}
						footer#f_v2 .information #nav_link .icons li.in {
						}
						footer#f_v2 .information #nav_link .icons li.sdgs {
							width: 30%;
							margin: 0;
							padding: 0;
						}

							footer#f_v2 .information #nav_link .icons li a {
								background-position: center top;
								background-size: contain;
								background-repeat: no-repeat;
								display: block;
								text-indent: 100%;
								overflow: hidden;
								white-space: nowrap;
								height: 40px;
							}

							footer#f_v2 .information #nav_link .icons .yt a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_yt.svg);
							}

							footer#f_v2 .information #nav_link .icons .line a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_line.svg);
							}

							footer#f_v2 .information #nav_link .icons .fb a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_fb.svg);
							}

							footer#f_v2 .information #nav_link .icons .in a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_in.svg);
							}

							footer#f_v2 .information #nav_link .icons .tw a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_tw.svg);
							}

							footer#f_v2 .information #nav_link .icons .sdgs a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_sdgs.png);
							}

				footer#f_v2 .information #nav_link .brex {
					width: 100%;
				}

			footer#f_v2 .information .copyright {
				width: 100%;
				margin: 50px auto 0 auto;
				line-height: 1;
				text-align: center;
				display: block;
			}

				/*Androidでコピーライトマークの色が指定できない現象への対応*/
				/*Androidで使用できるフォントを指定することで解消*/
				footer#f_v2 .information .copyright span {
					font-family: Verdana, "Droid Sans";
				}

				footer#f_v2.v2_2 #nav_f ul li {
					width: 20%;
				}
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(1) { width: 21%; }
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(2) { width: 20%; }
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(3) { width: 20%; }
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(4) { width: 21%; }
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(5) { width: 18%; }

/* inquiries -------------------------------------------------------*/

	#inquiries {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
		background-color: #edf2f4;
	}

		#inquiries .inquiries_wrap {
			display: block;
			box-sizing: border-box;
			width: 1000px;
			margin: 0 auto;
			padding: 0;
			font-size: 14px;
			font-weight: 200;
			line-height: 1.8;
		}

		#inquiries .inquiries_btn {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			justify-content: space-between;
		}

			#inquiries .inquiries_btn .catalog {
				width: 100%;
			}

			#inquiries .inquiries_btn .tenjijyo {
				width: 48%;
			}

			#inquiries .inquiries_btn .event {
				width: 48%;
			}

		#inquiries .catalog,
		#inquiries .tenjijyo,
		#inquiries .event {
			display: block;
			box-sizing: border-box;
			margin: 0 0 3em 0;
			padding: 2em 3em;
			background-color: #fff;
		}

		#inquiries h2 {
			display: block;
			box-sizing: border-box;
			margin: 0 auto;
			padding: 0 0 1.2em 0;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
			font-size: 2.4em;
			font-weight: 700;
			line-height: 1.8;
			letter-spacing: 0.05em;
			text-align: center;
		}

		#inquiries h3 {
			display: block;
			box-sizing: border-box;
			margin: 0 auto;
			padding: 0 0 0.2em 0;
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
			font-size: 1.4em;
			font-weight: 700;
			line-height: 1.8;
			letter-spacing: 0.05em;
		}

			#inquiries .catalog h3,
			#inquiries .tenjijyo h3,
			#inquiries .event h3 {
			}

			#inquiries .catalog h3::before,
			#inquiries .tenjijyo h3::before,
			#inquiries .event h3::before {
				display: inline-block;
				content: '無料';
				color: #fff;
				background-color: #2869aa;
				width: fit-content;
				margin: 0 0.8em 0.2em 0;
				padding: 0.2em 0.6em;
				line-height: 1.0;
				font-size: 0.8em;
				vertical-align: middle;
			}

			#inquiries .catalog h3::after,
			#inquiries .tenjijyo h3::after,
			#inquiries .event h3::after {
				display: inline-block;
				content: '';
				width: 20px;
				height: 20px;
				background-position: center center;
				background-size: cover;
				background-image: url(/corpcms/wp-files/common/img/icon_arw_ccl_right_bk.svg);
				vertical-align: middle;
				margin: 0 0 5px 10px;
			}

		#inquiries p {
			display: block;
			box-sizing: border-box;
			margin: 0 auto;
			padding: 0 0 2.4em 0;
		}
			#inquiries .tel p {
				padding: 0 0 0.8em 0;
			}

			#inquiries .catalog p,
			#inquiries .tenjijyo p,
			#inquiries .event p {
				padding: 0 0 0 0;
			}

		#inquiries a {
			text-decoration: none;
			color: #000;
		}

			#inquiries .catalog a {
				display: block;
				box-sizing: border-box;
				padding-bottom: 206px;
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: 512px;
				background-image: url(/corpcms/wp-files/contact/img/request_sample_02.jpg);
			}

			#inquiries .tenjijyo a {
				display: block;
				box-sizing: border-box;
				padding-bottom: 206px;
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: 74%;
				/*background-image: url(/corpcms/wp-files/tenjijyo/img/archive_thumb_oyama1_slide_01.jpg);*/
				/*background-image: url(/corpcms/wp-content/uploads/2023/04/hj01-1000x660.png);*/
				/*background-image: url(/corpcms/wp-files/tenjijyo/img/archive_thumb_nishikawata_slide_03.jpg);*/
				background-image: url(/corpcms/wp-files/tenjijyo/img/archive_thumb_imaisme_08_slide_04.jpg);
			}

			#inquiries .event a {
				display: block;
				box-sizing: border-box;
				padding-bottom: 206px;
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: 74%;
				background-image: url(/corpcms/wp-content/uploads/2023/04/ma08.jpg);
			}

		#inquiries .tel {
		}

		#inquiries .tel p {
			font-family: Outfit, Noto Sans JP, sans-serif;
			font-size: 2.8em;
			font-weight: 500;
			letter-spacing: 0.1em;
			line-height: 1.0;
		}

		#inquiries .tel p::before  {
			display: inline-block;
			content: '';
			width: 64px;
			height: 64px;
			background-position: center center;
			background-size: cover;
			background-image: url(/corpcms/wp-files/common/img/pict_fc.svg);
			vertical-align: middle;
			margin: 0 20px 5px 0;
		}

			#inquiries .tel p a {
				color: #2869aa;
				pointer-events: none;
			}

/* visitorsbenefit -------------------------------------------------*/

	#visitorsbenefit {
		display: block;
		box-sizing: border-box;
		width: 758px;
		margin: 0 auto;
		padding: 50px 0;
	}

		#visitorsbenefit ul {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;

			box-sizing: border-box;
			width: 100%;
			margin: 0 auto;
			padding: 0;
		}

			#visitorsbenefit ul li {
				display: block;
				box-sizing: border-box;
				width: 46%;
				margin: 0 2%;
				padding: 0 0 50px 0;
			}

/* inquirersbenefit ------------------------------------------------*/

	#inquirersbenefit {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		padding: 50px 0;
	}

		#inquirersbenefit .line_add {
			display: block;
			box-sizing: border-box;
			width: 100%;
			margin: 0 auto;
			padding: 0;
		}

			#inquirersbenefit .line_add a {
				display: block;
				box-sizing: border-box;
				width: fit-content;
				margin: 0 auto;
				padding: 32px 64px 32px 128px;
				background-color: #06c755;
				color: #fff;
				border-radius: 16px;
				text-decoration: none;
				background-image: url(/corpcms/wp-files/common/img/ico/icon_line.svg);
				background-repeat: no-repeat;
				background-size: 64px;
				background-position: center left 32px;
				font-size: 1.8em;
				line-height: 1.4;
			}

				#inquirersbenefit .line_add a .line_add_title {
					font-size: 1.2em;
					margin-bottom: 0.4em;
					font-weight: 700;
				}

				#inquirersbenefit .line_add a .line_add_text {
					color: #fff837;
					font-weight: 200;
				}

					#inquirersbenefit .line_add a .line_add_text strong {
						font-weight: 700;
					}

/* articlehead -----------------------------------------------------*/

	#articlehead {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 60px 0;
		text-align: center;
		background-size: cover;
		background-position: center;
		box-sizing: border-box;
	}

	#articlehead.articlehead_bgi {
		height: 230px;
		margin-bottom: 85px;
	}

		#articlehead .headline {
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
			font-size: 34px;
			font-weight: normal;
			line-height: 1.0;
			color: #2d3133;
			display: inline-block;
			margin: 0 auto;
			padding: 5px 0 0 0;
			letter-spacing: 0.05em;
			position: relative;
		}

		#articlehead .headline.wh {
			color: #fff;
		}

			#articlehead .headline .subtitle {
				font-size: 20px;
				filter: alpha(opacity=65);
				-moz-opacity: 0.65;
				opacity: 0.65;
				font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
				display: block;
				margin: 0 auto 1.0em auto;
				padding: 0 0 0 0;
			}

			#articlehead .headline .subtitle:before {
				content: '';
				display: inline-block;
				width: 24px;
				height: 24px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				position: relative;
				top: 4px;
				left: 0;
				margin-right: 10px;
			}
			#articlehead .headline.building .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_building.svg);
			}
			#articlehead .headline.land .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_land.svg);
			}
			#articlehead .headline.news .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_news.svg);
			}
			#articlehead .headline.products .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_products.svg);
			}
			#articlehead .headline.works .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
			}
			#articlehead .headline.interview .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
			}
			#articlehead .headline.event .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_tour.svg);
			}
			#articlehead .headline.company .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_company.svg);
			}
			#articlehead .headline.company.wh .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_company_wh.svg);
			}
			#articlehead .headline.tenjijyo .subtitle:before {
				background-image: url(/corpcms/wp-files/common/img/pict_tenjijyo.svg);
			}

			#articlehead .label {
				font-size: 20px;
				filter: alpha(opacity=65);
				-moz-opacity: 0.65;
				opacity: 0.65;
				font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
				display: block;
				margin: 0 auto 1.0em auto;
				padding: 0 0 0 0;
			}

			#articlehead .label.wh {
				color: #fff;
			}

			#articlehead .label:before {
				content: '';
				display: inline-block;
				width: 24px;
				height: 24px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				position: relative;
				top: 4px;
				left: 0;
				margin-right: 10px;
			}
			#articlehead .label.building:before {
				background-image: url(/corpcms/wp-files/common/img/pict_building.svg);
			}
			#articlehead .label.land:before {
				background-image: url(/corpcms/wp-files/common/img/pict_land.svg);
			}
			#articlehead .label.news:before {
				background-image: url(/corpcms/wp-files/common/img/pict_news.svg);
			}
			#articlehead .label.products:before {
				background-image: url(/corpcms/wp-files/common/img/pict_products.svg);
			}
			#articlehead .label.works:before {
				background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
			}
			#articlehead .label.interview:before {
				background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
			}
			#articlehead .label.event:before {
				background-image: url(/corpcms/wp-files/common/img/pict_tour.svg);
			}
			#articlehead .label.company:before {
				background-image: url(/corpcms/wp-files/common/img/pict_company.svg);
			}
			#articlehead .label.company.wh:before {
				background-image: url(/corpcms/wp-files/common/img/pict_company_wh.svg);
			}
			#articlehead .label.tenjijyo:before {
				background-image: url(/corpcms/wp-files/common/img/pict_tenjijyo.svg);
			}

		#articlehead .headline.none {
			padding: 5px 0 0 0px;
		}
		#articlehead .headline.none:before {
			background-image: none;
		}

			#articlehead .headline.none .subtitle {
				padding: 0 0px 0 0;
			}

			#articlehead .headline.none .subtitle:before {
				content: '';
				display: none;
				width: 0;
				height: 0;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				position: relative;
				top: 4px;
				left: 0;
				margin-right: 0px;
			}

			#articlehead .headline .subtitle.up {
				padding: 0 0px 0.8em 0;
			}

		#articlehead .label.none {
			padding: 0 0px 0 0;
		}

		#articlehead .label.none:before {
			content: '';
			display: none;
			width: 0;
			height: 0;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			position: relative;
			top: 4px;
			left: 0;
			margin-right: 0px;
		}

		#articlehead .label.up {
			padding: 0 0px 0.8em 0;
		}

		#articlehead .note {
			padding: 30px 0 0 0px;
		}

/* selectpage ------------------------------------------------------*/

	#selectpage {
		width: 100%;
	}

		#selectpage .selectpagetop {
			display: block;
			margin: 0 auto 0.4em auto;
			padding: 0;
			font-size: 0.8em;
			color: #fff;
			font-weight: bold;
			line-height: 1.0;
			background-color: #000;
		}
			#selectpage .selectpagetop a {
				display: block;
				margin: 0;
				padding: 0.8em 0;
				color: #fff;
				text-decoration: none;
				text-align: center;
			}
			#selectpage .selectpagetop a span:after {
				content: "　　";
				width: 16px;
				height: 16px;
				background-image: url(/corpcms/wp-files/common/img/icon_arw_right_wh.svg);
				background-position: center;
				background-repeat: no-repeat;
				background-size: 16px;
			}

		#selectpage ul.list {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: 100%;
		}

			#selectpage ul.list li {
				text-align: center;
			}
			#selectpage ul.list.col3 li {
				width: 33.33%;
			}
			#selectpage ul.list.col4 li {
				width: 25%;
			}
			#selectpage ul.list.col5 li {
				width: 20%;
			}
			#selectpage ul.list.col6 li {
				width: 16.66%;
			}
			#selectpage ul.list.col7 li {
				width: 14.28%;
			}
			#selectpage ul.list.col8 li {
				width: 12.5%;
			}

				#selectpage ul.list li a {
					display: block;
					padding-top: 40%;
					height: 50px;
					text-decoration: none;
					background-position: center center;
					background-size: cover;
				}
				#selectpage .list.col5  li a {
					padding-top: 40%;/*175px*/
				}
				#selectpage .list.col6  li a {
					padding-top: 40%;/*140px*/
				}
				#selectpage .list.col7  li a {
					padding-top: 40%;/*100px*/
				}

					#selectpage .list li a .btn {
						display: table;
						margin: 0 auto;
						padding: 0.6em 35px;
						font-size: 0.8em;
						color: #fff;
						font-weight: bold;
						line-height: 1.0;
						background: url(/corpcms/wp-files/common/img/icon_arw_right_wh.svg) right center no-repeat #000;
						background-size: auto 16px;
					}


/*
	.dir2ttl.text .dir2sub { font-size: 20px; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; padding-bottom: 3px; }
	.dir2ttl.text .dir2sub { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

  footer#f_v2 .info {
    position: relative;
    padding: 35px 0 10px;
    margin: 0 auto;
    width: 920px;
  }
  footer#f_v2 .info .logo {
    display: inline-block;
    margin-right: 20px;
    width: 135px;
    height: 30px;
    background-image: url(/corpcms/wp-files/logo/logo_c.png);
    background-size: 135px auto;
  }
  footer#f_v2 .info .name {
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
    line-height: 28px;
  }
  footer#f_v2 .info .address {
    display: inline-block;
    line-height: 28px;
  }
  footer#f_v2 .info .copyright {
    margin-top: 50px;
    font-size: 1.2rem;
    line-height: 1;
  }
*/

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

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

/* header#h_v2 ----------------------------------------------------------*/

	header#h_v2 {
		width: 100%;
		min-width: 100%;
		height: 46px;
		background: transparent;
		opacity: 1.0 !important;

		&.is-changed {

			& .logo {
				&.nh {
					background-image: url(/corpcms/wp-files/common/img/logo_nh-mj.svg);
				}
			}
		}
	}

		header#h_v2 .logo {
			width: 138px;
			height: 86px;
			background-position: center center !important;
			background-image: url(/corpcms/wp-files/common/img/logo_nb.svg);
			background-size: 84%;
			background-repeat: no-repeat;
			order: 1;

			&.nh {
				background-image: url(/corpcms/wp-files/common/img/logo_nh-mj_wh.svg);

				& > a {
					width: 26vw;
				}
			}
		}

			header#h_v2 .logo a {
				width: 138px;
				height: 46px;
			}

		header#h_v2 .home {
			display: block;
			width: 22px;
			height: 22px;
			order: 1;
			padding: 12px 12px;
		}

		header#h_v2 .nav_sp {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 52px;
			height: 52px;
			padding: 0;
			order: 4;
			z-index: 500;
			transition: 600ms;
			position: relative;
			/*transform: translate(-20px, 10px);*/
      background: #e1ebea;
		}

			header#h_v2 .nav_sp .nav_sp__first_bar,
			header#h_v2 .nav_sp .nav_sp__second_bar,
			header#h_v2 .nav_sp .nav_sp__third_bar {
				position: absolute;
				display: block;
				width: 50%;
				height: 1px;
				background-color: #707c83;
				transition: all .15s linear;
			}

			header#h_v2 .nav_sp .nav_sp__first_bar {
				transform: translateY(0px) rotate(0deg);
			}

			header#h_v2 .nav_sp .nav_sp__second_bar {
				transform: translateY(-10px) rotate(0deg);
			}

			header#h_v2 .nav_sp .nav_sp__third_bar {
				transform: translateY(10px) rotate(0deg);
			}

		header#h_v2 .nav_sp.nav_sp_open {
			transition: 600ms;
      background: #000;
		}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__first_bar,
			header#h_v2 .nav_sp.nav_sp_open .nav_sp__second_bar,
			header#h_v2 .nav_sp.nav_sp_open .nav_sp__third_bar {
				background-color: #fff;
			}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__first_bar {
				opacity: 0;
			}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__second_bar {
				transform: translateY(0) rotate(45deg);
			}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__third_bar {
				transform: translateY(0) rotate(-45deg);
			}

		header#h_v2 #nav_h {
			position: fixed;
			top: 0;
			right: -100vw;
			width: 512px;
			height: 100vh;
			padding: 0;
			margin: 0 0 0 24vw;
			/*border-left: solid 24vw rgba(255, 255, 255, 0.8);*/
			/*display: -webkit-none;
			display: none;*/
			background: linear-gradient(90deg, rgba(229, 237, 247, 1.0), rgba(225, 235, 234, 1.0));
			order: 3;
			overflow: scroll;
			z-index: 400;
			transition: 600ms;
		}

		header#h_v2 #nav_h.nav_h_open{
			right: 0;
			transition: 600ms;
			display: block;
		}
			header#h_v2 #nav_h ul.nav_h_1 {
				display: -webkit-block;
				display: block;
				width: 90%;
				margin: 46px auto 0 auto;
			}

				header#h_v2 #nav_h ul.nav_h_1 li {
					border-bottom: solid 0.5px rgba(68, 74, 76, 0.5);
				}

				header#h_v2 #nav_h ul.nav_h_1 li:nth-of-type(1) {
					border-top: solid 0.5px rgba(68, 74, 76, 0.5);
				}

					header#h_v2 #nav_h ul.nav_h_1 > li > a {
						box-sizing: content-box;
						display: block;
						height: 18px;
						color: #2d3133;
						margin: 0;
						padding: 10px 20px;
						background: none;
						background-repeat: no-repeat;
						background-position: left 5px center;
						background-size: auto 10px;
						font-weight: bold;
						background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
						background-size: 14px;
						background-repeat: no-repeat;
						background-position: center right 10px;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li:hover > a {
						display: block;
						height: 18px;
						color: #2d3133;
						margin: 0;
						padding: 10px 20px;
						background: none;
						background-repeat: no-repeat;
						background-position: left 5px center;
						background-size: auto 10px;
						font-weight: bold;
						background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
						background-size: 14px;
						background-repeat: no-repeat;
						background-position: center right 10px;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li.nav_h_1-2 > a {
						background-image: url(/corpcms/wp-files/common/img/icon_pls_bk.svg);
						background-size: 10px !important;
						pointer-events: none;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li.nav_h_1-2.on > a {
						background-image: url(/corpcms/wp-files/common/img/icon_mns_bk.svg);
						background-size: 10px !important;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li > a:before {
						background-image: none !important;
					}

					header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 {
						display: none;
						position: relative;
						top: 0px;
						padding: 0 0 15px 0;
						background-color: transparent;
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}

						header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 li {
							display: block;
							width: 100%;
							border: none;
							color: #2d3133;
						}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a {
								display: block;
								color: #2d3133;
								text-decoration: none;
								margin: 0;
								padding: 6px 0 6px 30px;
								background: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
								background-repeat: no-repeat;
								background-position: left 18px center;
								background-size: 8px;
							}
							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a:hover {
								display: block;
								color: #2d3133;
								transition: 0.2s;
								background: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg) rgba(255, 255, 255, 0.95);
								background-repeat: no-repeat;
								background-position: left 18px center;
								background-size: 8px;
								text-decoration: none;
								margin: 0;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub {
								padding: 6px 0px 6px 38px;
								background-position: left 28px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub.nav_h_3 {
								padding-left: 50px;
								background-position: left 40px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 span {
								display: block;
								padding: 6px 20px 0px;
								background: none;
							}



			header#h_v2 #nav_h ul.nav_h_1_btn {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin: 20px auto 46px auto;
				width: 80%;
			}

				header#h_v2 #nav_h ul.nav_h_1_btn li {
					padding: 0px;
					width: 50%;
				}

				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_home {
					width: 100%;
				}

					header#h_v2 #nav_h ul.nav_h_1_btn li a {
						display: block;
						width: 100%;
						height: auto;
						background-color: #fff;
						color: #2d3133;
						text-align: center;
						text-decoration: none;
						font-size: 0.9em;
						vertical-align: bottom;
						padding: 10px 0;
						font-weight: bold;
					}

					header#h_v2 #nav_h ul.nav_h_1_btn li a.contact {
						background-image: none;
						background-color: #879299;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.modelhouse {
						background-image: none;
						background-color: #444a4c;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.home {
						background-image: none;
						background-color: #fff;
						color: #2d3133;

						background-image: url(/corpcms/wp-files/common/img/pict_home.svg);
						background-position: center left 18%;
						background-size: 20px;
						background-repeat: no-repeat;
					}



			header#h_v2 #nav_h ul.icons_sp {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin: 0 auto 3.4em auto;
				width: fit-content;
			}

						header#h_v2 #nav_h ul.icons_sp li {
							width: 25%;
							margin: 0;
							padding: 0;
						}

							header#h_v2 #nav_h ul.icons_sp li a {
								background-position: center top;
								background-size: contain;
								background-repeat: no-repeat;
								display: block;
								text-indent: 100%;
								overflow: hidden;
								white-space: nowrap;
								height: 40px;
							}

							header#h_v2 #nav_h ul.icons_sp .yt a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_yt.svg);
							}

							header#h_v2 #nav_h ul.icons_sp .line a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_line.svg);
							}

							header#h_v2 #nav_h ul.icons_sp .fb a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_fb.svg);
							}

							header#h_v2 #nav_h ul.icons_sp .in a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_in.svg);
							}

							header#h_v2 #nav_h ul.icons_sp .tw a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_tw.svg);
							}



			header#h_v2 #nav_h .nav_h_pc {
				display: none;
			}

			header#h_v2 #nav_h .nav_h_sp {
				display: block;
			}

		header#h_v2 #nav_h_bg {
			position: fixed;
			top: 0;
			right: 0;
			width: 100vw;
			height: 100vh;
			padding: 0;
			margin: 0;
			display: -webkit-none;
			display: none;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 300;
			overflow: scroll;
		}

		header#h_v2 #nav_h_sp {
			display: none;
			/*display: block;*/
/*
			width: 98%;
			margin: 0 auto;
			padding: 6px 0 6px 0;
			background: linear-gradient(90deg, #fff, #f6f9f9);
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

			box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 4px 0px, rgb(45, 49, 51, 0.1) -1px -1px 1px 0px;
			-webkit-box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 4px 0px, rgb(45, 49, 51, 0.1) -2px -2px 4px 0px;
			border-radius: 6px;
			-webkit-border-radius: 6px;
*/

			position: fixed;
			top: 0;
			right: 58px;
			z-index: 100;
		}

		header#h_v2 #nav_h_sp .nav_h_sp_1 {
			width: 100%;
			margin: 0 auto;
			padding: 0;

			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			header#h_v2 #nav_h_sp .nav_h_sp_1 li {
				width: max-content;
				text-align: center;
			}

			header#h_v2 #nav_h_sp .nav_h_sp_1 li:nth-of-type(1) {
				border-left: none;
			}

				header#h_v2 #nav_h_sp .nav_h_sp_1 li a {
					display: block;
					box-sizing: border-box;
					width: 100%;
					height: auto;
					padding: 0 24px 0 34px;
					color: #444a4c;
					text-align: center;
					text-decoration: none;
					font-size: 1.0vw;
					font-weight: 700;
					font-weight: bold;
					line-height: 48px;
					vertical-align: bottom;
					background-position: left center;
					background-size: 28px;
					background-repeat: no-repeat;
					white-space: nowrap;
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.concept {
					background-image: url(/corpcms/wp-files/common/img/pict_for.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.building {
					background-image: url(/corpcms/wp-files/common/img/pict_building.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.land {
					background-image: url(/corpcms/wp-files/common/img/pict_land.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.works {
					background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.products {
					background-image: url(/corpcms/wp-files/common/img/pict_products.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.event {
					background-image: url(/corpcms/wp-files/common/img/pict_tour.svg);
					letter-spacing: -0.06em;
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.company {
					background-image: url(/corpcms/wp-files/common/img/pict_company.svg);
				}

			header#h_v2.v2_2 .home a {
				display: none;
			}

/*
		header#h_v2.v2_2 #nav_h_sp {
			width: 100%;
			border-radius: 0px;
			padding: 9px 0 8px 0;
			-webkit-border-radius: 0px;
			top: 46px;
		}
*/

				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.concept {
					background-image: url(/corpcms/wp-files/common/img/pict_for_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.building {
					background-image: url(/corpcms/wp-files/common/img/pict_building_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.land {
					background-image: url(/corpcms/wp-files/common/img/pict_land_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.works {
					background-image: url(/corpcms/wp-files/common/img/pict_works_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.products {
					background-image: url(/corpcms/wp-files/common/img/pict_products_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.tenjijyo {
					background-image: url(/corpcms/wp-files/common/img/pict_modelhouse_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.event {
					background-image: url(/corpcms/wp-files/common/img/pict_tour_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.company {
					background-image: url(/corpcms/wp-files/common/img/pict_company_02.svg);
				}

/* footer#f_v2 -----------------------------------------------------*/

	#nav_f_btn,
	footer#f_v2 {
		font-size: 1vw;
	}

		footer#f_v2 .information {
			width: 96%;
		}

}

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

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

/* header#h_v2 -----------------------------------------------------*/

				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_home,
				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel,
				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 {
					width: 100%;
				}

				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_home {
					margin-bottom: 1.2em;
				}

					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel a,
					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 a {
						padding: 12px 0;
						background-color: #fff;
						color: #000;
						font-size: 1.4em;
						font-weight: 900;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 a {
						/*background-color: #ebeeef;*/
						background-color: #cfd6d8;
					}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel small {
							margin-right: 0.7em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 small {
							display: block;
							margin-bottom: 0.4em;
							font-size: 0.8em;
							letter-spacing: -0.05em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 span {
							font-size: 1.2em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel span:before,
						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 span:before {
							content: " ";
							display: inline-block;
							width: 40px;
							height: 26px;
							background-image: url(/corpcms/wp-files/common/img/ico/ico_call_b.svg);
							background-repeat: no-repeat;
							background-position: center left;
							background-size: contain;
							vertical-align: middle;
						}

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

}

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

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

/* header#h_v2 ----------------------------------------------------------*/

	header#h_v2 {
		width: 100%;
		min-width: 100%;
		height: 46px;
		/*background: linear-gradient(90deg, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.97));
		opacity: 1.0 !important;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);*/

		&.is-changed {
      background: rgba(255, 255, 255, 0.85);

			& .logo {
				&.nh {
					background-image: url(/corpcms/wp-files/common/img/logo_nh-mj.svg);
				}
			}
		}
	}

		header#h_v2 .logo {
			width: 138px;
			height: 54px;/*46px*/
			background-position: top 2px center !important;
			background-image: url(/corpcms/wp-files/common/img/logo_nb.svg);
			background-size: 84%;
			background-repeat: no-repeat;
			order: 2;
			position: relative;
			z-index: 200;

			&.nh {
				width: 300px;
				background-image: url(/corpcms/wp-files/common/img/logo_nh-mj_wh.svg);

				& > a {
					width: 300px;
				}
			}
		}

			header#h_v2 .logo a {
				width: 138px;
				height: 46px;
			}

		header#h_v2 .home {
			display: block;
			width: 22px;
			height: 22px;
			order: 1;
			padding: 12px 12px;
		}

		header#h_v2 .nav_sp {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 46px;
			height: 46px;
			padding: 0;
			order: 4;
			z-index: 500;
			transition: 300ms;
			position: relative;
			/*transform: translate(-20px, 10px);*/
		}

			header#h_v2 .nav_sp .nav_sp__first_bar,
			header#h_v2 .nav_sp .nav_sp__second_bar,
			header#h_v2 .nav_sp .nav_sp__third_bar {
				position: absolute;
				display: block;
				width: 50%;
				height: 1px;
				background-color: #707c83;
				transition: all .15s linear;
			}

			header#h_v2 .nav_sp .nav_sp__first_bar {
				transform: translateY(0px) rotate(0deg);
			}

			header#h_v2 .nav_sp .nav_sp__second_bar {
				transform: translateY(-10px) rotate(0deg);
			}

			header#h_v2 .nav_sp .nav_sp__third_bar {
				transform: translateY(10px) rotate(0deg);
			}

		header#h_v2 .nav_sp.nav_sp_open {
			transition: 300ms;
		}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__first_bar {
				opacity: 0;
			}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__second_bar {
				transform: translateY(0) rotate(45deg);
			}

			header#h_v2 .nav_sp.nav_sp_open .nav_sp__third_bar {
				transform: translateY(0) rotate(-45deg);
			}

		header#h_v2 #nav_h {
			position: fixed;
			top: 0;
			right: -100vw;
			width: 86vw;
			height: 100vh;
			padding: 0;
			margin: 0 0 0 24vw;
			/*border-left: solid 24vw rgba(255, 255, 255, 0.8);*/
			/*display: -webkit-none;
			display: none;*/
			background: linear-gradient(90deg, rgba(229, 237, 247, 1.0), rgba(225, 235, 234, 1.0));
			order: 3;
			overflow: scroll;
			z-index: 400;
			transition: 300ms;
		}

		header#h_v2 #nav_h.nav_h_open{
			right: 0;
			transition: 300ms;
			display: block;
		}

			header#h_v2 #nav_h ul.nav_h_1 {
				display: -webkit-block;
				display: block;
				width: 90%;
				margin: 46px auto 0 auto;
			}

				header#h_v2 #nav_h ul.nav_h_1 li {
					border-bottom: solid 0.5px rgba(68, 74, 76, 0.5);
				}

				header#h_v2 #nav_h ul.nav_h_1 li:nth-of-type(1) {
					border-top: solid 0.5px rgba(68, 74, 76, 0.5);
				}

					header#h_v2 #nav_h ul.nav_h_1 > li > a {
						box-sizing: content-box;
						display: block;
						height: 18px;
						color: #2d3133;
						margin: 0;
						padding: 10px 20px;
						background: none;
						background-repeat: no-repeat;
						background-position: left 5px center;
						background-size: auto 10px;
						font-weight: bold;
						background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
						background-size: 14px;
						background-repeat: no-repeat;
						background-position: center right 10px;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li:hover > a {
						display: block;
						height: 18px;
						color: #2d3133;
						margin: 0;
						padding: 10px 20px;
						background: none;
						background-repeat: no-repeat;
						background-position: left 5px center;
						background-size: auto 10px;
						font-weight: bold;
						background-image: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
						background-size: 14px;
						background-repeat: no-repeat;
						background-position: center right 10px;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li.nav_h_1-2 > a {
						background-image: url(/corpcms/wp-files/common/img/icon_pls_bk.svg);
						background-size: 10px !important;
						pointer-events: none;
					}
					header#h_v2 #nav_h ul.nav_h_1 > li.nav_h_1-2.on > a {
						background-image: url(/corpcms/wp-files/common/img/icon_mns_bk.svg);
						background-size: 10px !important;
					}

					header#h_v2 #nav_h ul.nav_h_1 > li > a:before {
						background-image: none !important;
					}

					header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 {
						display: none;
						position: relative;
						top: 0px;
						padding: 0 0 15px 0;
						background-color: transparent;
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}

						header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 li {
							display: block;
							width: 100%;
							border: none;
							color: #2d3133;
						}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a {
								display: block;
								color: #2d3133;
								text-decoration: none;
								margin: 0;
								padding: 6px 0 6px 30px;
								background: url(/corpcms/wp-files/common/img/icon_tri_right_bk.svg);
								background-repeat: no-repeat;
								background-position: left 18px center;
								background-size: 8px;
							}
							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a:hover {
								display: block;
								color: #2d3133;
								text-decoration: none;
								margin: 0;
								padding: 6px 20px;
								background: none;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub {
								padding: 6px 0px 6px 38px;
								background-position: left 28px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 a.nav_h_2_sub.nav_h_3 {
								padding-left: 50px;
								background-position: left 40px center;
							}

							header#h_v2 #nav_h ul.nav_h_1 li ul.nav_h_2 span {
								display: block;
								padding: 6px 20px 0px;
								background: none;
							}



			header#h_v2 #nav_h ul.nav_h_1_btn {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin: 20px auto 24px auto;
				width: 80%;
			}

				header#h_v2 #nav_h ul.nav_h_1_btn li {
					padding: 0px;
					width: 50%;
				}

				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_home,
				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel,
				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 {
					width: 100%;
				}

				header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_home {
					margin-bottom: 1.2em;
				}

					header#h_v2 #nav_h ul.nav_h_1_btn li a {
						display: block;
						width: 100%;
						height: auto;
						background-color: #fff;
						color: #2d3133;
						text-align: center;
						text-decoration: none;
						font-size: 0.9em;
						vertical-align: bottom;
						padding: 10px 0;
						font-weight: bold;
					}

					header#h_v2 #nav_h ul.nav_h_1_btn li a.contact {
						background-image: none;
						background-color: #879299;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.modelhouse {
						background-image: none;
						background-color: #444a4c;
						color: #fff;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li a.home {
						background-image: none;
						background-color: #fff;
						color: #2d3133;

						background-image: url(/corpcms/wp-files/common/img/pict_home.svg);
						background-position: center left 18%;
						background-size: 20px;
						background-repeat: no-repeat;
					}

					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel a,
					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 a {
						padding: 2.4vw 0;
						background-color: #fff;
						color: #000;
						font-size: 3.4vw;
						font-weight: 900;
					}
					header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 a {
						/*background-color: #ebeeef;*/
						background-color: #cfd6d8;
					}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel small {
							margin-right: 0.8em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 small {
							display: block;
							margin-bottom: 0.4em;
							font-size: 0.7em;
							letter-spacing: -0.1em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 span {
							font-size: 1.2em;
						}

						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel span:before,
						header#h_v2 #nav_h ul.nav_h_1_btn li.nav_h_1_btn_li_tel2 span:before {
							content: " ";
							display: inline-block;
							width: 6vw;
							height: 4.5vw;
							background-image: url(/corpcms/wp-files/common/img/ico/ico_call_b.svg);
							background-repeat: no-repeat;
							background-position: center left;
							background-size: contain;
							vertical-align: middle;
						}



			header#h_v2 #nav_h .nav_h_pc {
				display: none;
			}

			header#h_v2 #nav_h .nav_h_sp {
				display: block;
			}

		header#h_v2 #nav_h_bg {
			position: fixed;
			top: 0;
			right: 0;
			width: 100vw;
			height: 100vh;
			padding: 0;
			margin: 0;
			display: -webkit-none;
			display: none;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 300;
			overflow: scroll;
		}

		header#h_v2 #nav_h_sp {
			display: block;
			width: 98%;
			margin: 0 auto;
			padding: 6px 0 6px 0;

/*
			background: linear-gradient(90deg, #fff, #f6f9f9);
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
			box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 4px 0px, rgb(45, 49, 51, 0.1) -1px -1px 1px 0px;
			-webkit-box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 4px 0px, rgb(45, 49, 51, 0.1) -2px -2px 4px 0px;
*/

			background: linear-gradient(90deg, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.97));
			box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 3px 0px;
			-webkit-box-shadow: rgba(45, 49, 51, 0.3) 2px 2px 3px 0px;

			border-radius: 6px;
			-webkit-border-radius: 6px;

			position: fixed;
			top: 48px;
			left: 0;
			right: 0;
			z-index: 100;
		}

		header#h_v2 #nav_h_sp .nav_h_sp_1 {
			width: 100%;
			margin: 0 auto;
			padding: 0;

			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			header#h_v2 #nav_h_sp .nav_h_sp_1 li {
				/*width: 19.5%;*/
				width: 16.4%;
				text-align: center;
				border-left: solid 1px rgba(68, 74, 76, 0.3);
			}

			header#h_v2 #nav_h_sp .nav_h_sp_1 li:nth-of-type(1) {
				border-left: none;
			}

				header#h_v2 #nav_h_sp .nav_h_sp_1 li a {
					display: block;
					width: 100%;
					height: auto;
					padding: 24px 0 0 0;
					color: #444a4c;
					text-align: center;
					text-decoration: none;
					font-size: 2.2vw;
					font-weight: bold;
					line-height: 1.0em;
					vertical-align: bottom;
					background-position: center top;
					background-size: 22px;
					background-repeat: no-repeat;
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.concept {
					background-image: url(/corpcms/wp-files/common/img/pict_for.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.building {
					background-image: url(/corpcms/wp-files/common/img/pict_building.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.land {
					background-image: url(/corpcms/wp-files/common/img/pict_land.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.works {
					background-image: url(/corpcms/wp-files/common/img/pict_works.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.products {
					background-image: url(/corpcms/wp-files/common/img/pict_products.svg);
				}
				header#h_v2 #nav_h_sp .nav_h_sp_1 li a.company {
					background-image: url(/corpcms/wp-files/common/img/pict_company.svg);
				}

			header#h_v2.v2_2 .home a {
				display: none;
			}

		header#h_v2.v2_2 #nav_h_sp {
			display: none;
/*
			width: 100%;
			border-radius: 0px;
			padding: 9px 0 8px 0;
			-webkit-border-radius: 0px;
			top: 46px;
			opacity: 1;
			transition: all .3s;
			position: fixed;
			z-index: 100;
*/
		}

		header#h_v2.v2_2 #nav_h_sp.hide {
			/*top: 0px;*/
			/*opacity: 0;*/
			/*z-index: 0;*/
		}

			header#h_v2.v2_2 #nav_h_sp.hide a {
				pointer-events: none;
			}

				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.concept {
					background-image: url(/corpcms/wp-files/common/img/pict_for_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.building {
					background-image: url(/corpcms/wp-files/common/img/pict_building_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.land {
					background-image: url(/corpcms/wp-files/common/img/pict_land_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.works {
					background-image: url(/corpcms/wp-files/common/img/pict_works_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.products {
					background-image: url(/corpcms/wp-files/common/img/pict_products_02.svg);
				}
				header#h_v2.v2_2 #nav_h_sp .nav_h_sp_1 li a.company {
					background-image: url(/corpcms/wp-files/common/img/pict_company_02.svg);
				}

/* footer#f_v2 ----------------------------------------------------------*/

	#nav_f_btn {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0 !important;
		width: 100%;
		margin: 0;
		padding: 6px 0 6px 0;
		background: linear-gradient(90deg, #95b8d4, #83accd); 
		opacity: 1 !important;
		z-index: 100;
	}

	footer#f_v2 {
		margin: 20px 0 0 0;
	}

		#nav_f_btn .nav_f_1 {
			width: 100%;
			margin: 0 auto;
			padding: 0;

			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			#nav_f_btn .nav_f_1 li {
				width: 24.5%;
				text-align: center;
				border-left: solid 1px rgba(255, 255, 255, 0.5);
			}

			#nav_f_btn .nav_f_1 li:nth-of-type(1) {
				border-left: none;
			}

				#nav_f_btn .nav_f_1 li a {
					display: block;
					width: 100%;
					height: auto;
					padding: 24px 0 0 0;
					color: #fff;
					text-align: center;
					text-decoration: none;
					font-size: 0.9em;
					font-weight: bold;
					line-height: 1.0em;
					vertical-align: bottom;
					background-position: center top;
					background-size: 20px;
					background-repeat: no-repeat;
				}
				#nav_f_btn .nav_f_1 li a.event {
					background-image: url(/corpcms/wp-files/common/img/pict_tour_wh.svg);
				}
				#nav_f_btn .nav_f_1 li a.tenjijyo {
					background-image: url(/corpcms/wp-files/common/img/pict_tenjijyo_wh.svg);
				}
				#nav_f_btn .nav_f_1 li a.contact {
					background-image: url(/corpcms/wp-files/common/img/pict_contact_wh.svg);
				}
				#nav_f_btn .nav_f_1 li a.news {
					background-image: url(/corpcms/wp-files/common/img/pict_news_wh.svg);
				}

		footer#f_v2 #nav_pagetop {
			right: 10px;
			bottom: -60px;
			border-radius: 16px;
			width: 28px;
			height: 28px;
			z-index: 150;
		}
		footer#f_v2 #nav_pagetop:before {
			width: 8px;
			height: 8px;
			left: 0px;
			right: 0px;
			top: 10px;
		}
		footer#f_v2 #nav_pagetop.active {
			bottom: 78px;
		}

		footer#f_v2 #nav_f {
			display: none !important;
		}

		footer#f_v2 .information {
			width: 90vw;
			margin: 0 auto;
			padding: 20px 0 105px;

			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
		}

			footer#f_v2 .information .logo {
				width: 100%;
				background-size: contain;
				height: 100px;
			}

			footer#f_v2 .information .name {
				margin: 0.2em 10px 0 0;
			}

			footer#f_v2 .information .address {
				margin-top: 0.2em;
			}

			footer#f_v2 .information #nav_link {
				width: 74vw;
				margin-top: 10vw;
				margin-left: auto;
				margin-right: auto;
			}

	#nav_f_btn.v2_2 {
		display: none;
	}

	footer#f_v2.v2_2 {
		margin: 0;
	}

		footer#f_v2.v2_2 #nav_pagetop.active {
			bottom: 18vw;
		}

		footer#f_v2.v2_2 #nav_f {
			display: block;
			background: linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08));
			padding: 0em 0;
		}

			footer#f_v2.v2_2 #nav_f ul {
				width: 100%;
				margin: 0 auto;
				padding: 0;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

				footer#f_v2.v2_2 #nav_f ul li,
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(1),
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(2),
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(3),
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(4),
				footer#f_v2.v2_2 #nav_f ul li:nth-of-type(5) {
					width: 100vw;
				}

			footer#f_v2.v2_2 #nav_f dl {
				width: 100%;
				margin: 0 auto 1px auto;
				padding: 0;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;

				border-bottom: solid 1px var(--cl_f_v2_2_bdr_sp);
				box-sizing: border-box;
			}

				footer#f_v2.v2_2 #nav_f dl dt {
					width: 100%;
					margin: 0 0 -1px 0;
					padding: 0;
					font-size: 3.3vw;
					background-image: none;
					border-bottom: solid 1px var(--cl_f_v2_2_bdr_sp);
					position: relative;
					box-sizing: border-box;
				}

				footer#f_v2.v2_2 #nav_f dl dd {
					width: 50%;
					margin: 0 0 -1px 0;
					padding: 0;
					font-size: 2.6vw;
					border-bottom: solid 1px var(--cl_f_v2_2_bdr_sp);
					border-right: solid 1px var(--cl_f_v2_2_bdr_sp);
					position: relative;
					box-sizing: border-box;
				}
				footer#f_v2.v2_2 #nav_f dl dd:nth-of-type(2n) {
					width: 50%;
					border-right: none;
				}

			footer#f_v2.v2_2 #nav_f a {
				display: block;
				color: var(--cl_f_v2_2_txt_sp);
				line-height: 1.2;
				margin: 0;
				width: auto;
				background-image: url(/corpcms/wp-files/common/img/icon_arw_right_bk.svg);
				background-repeat: no-repeat;
				background-position: center right 1.5vw;
				background-size: 2.5vw auto;
			}

				footer#f_v2.v2_2 #nav_f dl dt a {
					padding: 2.8vw 3.4vw;
					background-size: 3.2vw auto;
				}

				footer#f_v2.v2_2 #nav_f dl dd a {
					padding: 3.0vw 3.4vw;
					background-size: 2.4vw auto;
					background-position: center right 2.2vw;
				}

				footer#f_v2 #nav_f dl dt.new:after,
				footer#f_v2 #nav_f dl dd.new:after {
					display: none;
				}

				footer#f_v2.v2_2 #nav_f dl dt.new a:after,
				footer#f_v2.v2_2 #nav_f dl dd.new a:after {
					content: "NEW";
					color: rgba(255, 255, 255, 1);
					background-color: rgba(237, 128, 20, 1);
					margin: 0 0 0 1.0em;
					padding: 0.3em 0.6em 0.2em 0.6em;
					border-radius: 16px;
					font-weight: bold;
					line-height: 1.0;
					font-size: 0.6em;
					animation: blinkAnimeNew 1.5s infinite alternate;
					letter-spacing: 0px;
				}
				footer#f_v2.v2_2 dl dt.new.natsuyasumi_even at:after,
				footer#f_v2.v2_2 dl dd.new.natsuyasumi_event a:after {
					content: "夏休みイベント開催中";
				}
				footer#f_v2.v2_2 dl dt.new.kikangentei a:after,
				footer#f_v2.v2_2 dl dd.new.kikangentei a:after {
					content: "期間限定";
				}
				footer#f_v2.v2_2 dl dt.new.tokubetsukakaku a:after,
				footer#f_v2.v2_2 dl dd.new.tokubetsukakaku a:after {
					content: "特別価格" !important;
					background-color: #e66786 !important;
				}

		footer#f_v2.v2_2 .information {
			background-color: var(--cl_f_v2_2_bgc_sp);
			width: 100%;
			margin: -1px 0 0 0;
			color: #fff;
		}

			footer#f_v2.v2_2 .information .logo,
			footer#f_v2.v2_2 .information .name,
			footer#f_v2.v2_2 .information .address {
				display: none;
			}

			footer#f_v2.v2_2 .information #nav_link {
			}

				footer#f_v2.v2_2 .information #nav_link .contacts {
					display: block;
					width: 92%;
					margin: 0 auto;
					padding: 0 0 10vw 0;
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: space-between;
					justify-content: space-between;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-box-align: start;
					-ms-flex-align: start;
					align-items: flex-start;
				}

					footer#f_v2.v2_2 .information #nav_link .contacts li {
						width: 50%;
						margin: 0;
						padding: 0;
					}
					footer#f_v2.v2_2 .information #nav_link .contacts li.ssk.sp_fix {
						position: fixed;
						bottom: 0px;
						left: 0px;
						width: 50%;
						box-sizing: border-box;
						border-top: solid 10px rgba(255, 255, 255, 0.85);
						border-left: solid 10px rgba(255, 255, 255, 0.85);
						border-right: solid 5px rgba(255, 255, 255, 0.85);
						border-bottom: solid 10px rgba(255, 255, 255, 0.85);
						z-index: 100;
					}
					footer#f_v2.v2_2 .information #nav_link .contacts li.yyk.sp_fix {
						position: fixed;
						bottom: 0px;
						right: 0px;
						width: 50%;
						box-sizing: border-box;
						border-top: solid 10px rgba(255, 255, 255, 0.85);
						border-left: solid 5px rgba(255, 255, 255, 0.85);
						border-right: solid 10px rgba(255, 255, 255, 0.85);
						border-bottom: solid 10px rgba(255, 255, 255, 0.85);
						z-index: 100;
					}

					footer#f_v2.v2_2 .information #nav_link .contacts li.tel,
					footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 {
						width: 100%;
					}

						footer#f_v2.v2_2 .information #nav_link .contacts li a {
							display: block;
							margin: 0;
							padding: 3.0vw 0;
							text-decoration: none;
							text-align: center;
							font-size: 3.3vw;
							font-weight: 700;
							line-height: 1.0;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.ssk a {
							background-color: #879299;
							color: #fff;
							background-image: url(/corpcms/wp-files/common/img/pict_contact_wh.svg);
							background-position: left 7vw center;
							background-size: 5vw;
							background-repeat: no-repeat;
							padding-left: 6vw;
						}
						footer#f_v2.v2_2 .information #nav_link .contacts li.ssk.sp_fix a {
							background-position: left 12vw center;
							background-size: 5vw;
							padding-left: 5vw;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.yyk a {
							background-color: #444a4c;
							color: #fff;
							background-image: url(/corpcms/wp-files/common/img/pict_tenjijyo_wh.svg);
							background-position: left 7vw center;
							background-size: 5vw;
							background-repeat: no-repeat;
							padding-left: 6vw;
						}
						footer#f_v2.v2_2 .information #nav_link .contacts li.yyk.sp_fix a {
							background-position: left 12vw center;
							background-size: 5vw;
							padding-left: 5vw;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.tel a,
						footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 a {
							padding: 2.4vw 0;
							background-color: #fff;
							color: #000;
							font-size: 3.8vw;
							font-weight: 900;
						}
						footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 a {
							background-color: #ebeeef;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.tel small {
							margin-right: 0.8em;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 small {
							display: block;
							margin-bottom: 0.8em;
							font-size: 0.7em;
							letter-spacing: -0.1em;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 span {
							font-size: 1.2em;
						}

						footer#f_v2.v2_2 .information #nav_link .contacts li.tel span:before,
						footer#f_v2.v2_2 .information #nav_link .contacts li.tel2 span:before {
							content: " ";
							display: inline-block;
							width: 6vw;
							height: 4.5vw;
							background-image: url(/corpcms/wp-files/common/img/ico/ico_call_b.svg);
							background-repeat: no-repeat;
							background-position: center left;
							background-size: contain;
							vertical-align: middle;
						}

							footer#f_v2.v2_2 .information #nav_link .icons .yt a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_yt_wh.svg);
							}

							footer#f_v2.v2_2 .information #nav_link .icons .line a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_line_wh.svg);
							}

							footer#f_v2.v2_2 .information #nav_link .icons .fb a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_fb_wh.svg);
							}

							footer#f_v2.v2_2 .information #nav_link .icons .in a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_in_wh.svg);
							}

							footer#f_v2.v2_2 .information #nav_link .icons .tw a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_tw_wh.svg);
							}

							footer#f_v2.v2_2 .information #nav_link .icons .sdgs a {
								background-image: url(/corpcms/wp-files/common/img/footer/btn_navfs_sdgs_wh.svg);
							}

				footer#f_v2.v2_2 .information #nav_link div {
					display: none;
				}

			footer#f_v2.v2_2 .information .copyright {
				margin: 4vw auto 0 auto;
				font-size: 2.2vw;
			}

/* articlehead -----------------------------------------------------*/

	#articlehead {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 30px 0;
	}

	#articlehead.articlehead_bgi {
		height: 180px;
		margin-bottom: 40px;
	}

		#articlehead .headline {
			font-size: 24px;
			padding: 5px 0 0 0;
		}

		#articlehead .headline:before {
			width: 32px;
			height: 32px;
		}

			#articlehead .headline .subtitle {
				font-size: 14px;
				padding: 0 0 0 0;
			}

			#articlehead .headline .subtitle:before {
				width: 24px;
				height: 24px;
				top: 5px;
				margin-right: 8px;
			}

		#articlehead .label {
			font-size: 14px;
			padding: 0 0 0 0;
		}

		#articlehead .label:before {
			width: 24px;
			height: 24px;
			top: 5px;
			margin-right: 8px;
		}

		#articlehead .headline.none {
			padding: 5px 0 0 0px;
		}

		#articlehead .note {
			padding: 10vw 0 0 0;
			font-size: 2.6vw;
		}

/* inquiries -------------------------------------------------------*/

	#inquiries {
		width: 100%;
		padding: 6vw 0;
	}

		#inquiries .inquiries_wrap {
			width: 90vw;
			padding: 0;
			font-size: 2.4vw;
		}

			#inquiries .inquiries_btn .catalog {
				width: 100%;
			}

			#inquiries .inquiries_btn .tenjijyo {
				width: 100%;
			}

			#inquiries .inquiries_btn .event {
				width: 100%;
			}

		#inquiries .catalog,
		#inquiries .tenjijyo,
		#inquiries .event {
			margin: 0 0 1.5em 0;
		}

		#inquiries .catalog {
			padding: 1.5em 2em;
		}

		#inquiries h2 {
			font-size: 3.6vw;
		}

		#inquiries h3 {
			font-size: 3.0vw;
		}

			#inquiries .catalog h3,
			#inquiries .tenjijyo h3,
			#inquiries .event h3 {
			}

			#inquiries .catalog h3::before,
			#inquiries .tenjijyo h3::before,
			#inquiries .event h3::before {
				font-size: 2.2vw;
			}

			#inquiries .catalog h3::after,
			#inquiries .tenjijyo h3::after,
			#inquiries .event h3::after {
				width: 3vw;
				height: 3vw;
				margin: 0 0 0.5vw 1vw;
			}

			#inquiries .catalog a {
				padding-bottom: 30vw;
				background-size: 100%;
			}

		#inquiries .tenjijyo {
			padding: 2em 1em 2em 2em;
		}

			#inquiries .tenjijyo a {
				background-position: left center;
				padding-bottom: 0;
				background-size: 36%;
				padding: 0 0 0 42%;
			}

		#inquiries .event {
			padding: 2em 1em 2em 2em;
		}

			#inquiries .event a {
				background-position: left center;
				padding-bottom: 0;
				background-size: 36%;
				padding: 0 0 0 42%;
			}

		#inquiries .tel p {
			font-size: 8.2vw;
		}

		#inquiries .tel p::before  {
			width: 10vw;
			height: 10vw;
			margin: 0 3vw 1vw 0;
		}

			#inquiries .tel p a {
				pointer-events: auto;
			}

/* visitorsbenefit -------------------------------------------------*/

	#visitorsbenefit {
		width: 90vw;
		padding: 6vw 0;
	}
v
		#visitorsbenefit ul {
		}

			#visitorsbenefit ul li {
				padding: 0 0 3vw 0;
				width: 100%;
			}

/* inquirersbenefit ------------------------------------------------*/

			#inquirersbenefit .line_add a {
				padding: 5vw 5vw 5vw 16vw;
				border-radius: 5vw;
				background-size: 10vw;
				background-position: center left 4vw;
				font-size: 2.6vw;
			}

/* selectpage ------------------------------------------------------*/

	#selectpage {
		width: 94vw;
		margin-left: auto;
		margin-right: auto;
	}
			#selectpage ul.list li,
			#selectpage ul.list.col3 li,
			#selectpage ul.list.col4 li,
			#selectpage ul.list.col5 li,
			#selectpage ul.list.col6 li,
			#selectpage ul.list.col7 li,
			#selectpage ul.list.col8 li {
				width: 49%;
				margin-bottom: 2%;
			}

				#selectpage ul.list li a {
					padding-top: 50%;
					height: auto;
				}

					#selectpage .list li a .btn {
						display: block;
						padding: 0.6em 0;
						font-size: 0.8em;
						line-height: 1.0;
						background: url(/corpcms/wp-files/common/img/icon_arw_right_wh.svg) right center no-repeat rgba(0, 0, 0, 0.75);
						background-size: auto 14px;
					}

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

}

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

@media print, screen and (min-width: 768px) {
	.forPc {
		display: block !important;
	}
	.forSp {
		display: none !important;
	}
	.forPci {
		display: inline !important;
	}
	.forSpi {
		display: none !important;
	}
	.forPcTc {
		display: table-cell !important;
	}
}

@media screen and (max-width: 767px) {
	.forPc {
		display: none !important;
	}
	.forSp {
		display: block !important;
	}
	.forPci {
		display: none !important;
	}
	.forSpi {
		display: inline !important;
	}
	.forPcTc {
		display: none !important;
	}
}

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


  /* selectpage */
  /* -------------------------------------------------------------- */
/*
  #selectpage {
    margin-bottom: 20px;
  }
  #selectpage h3,
  #selectpage .h2 {
    margin-bottom: 20px;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.5rem;
    text-align: center;
  }
  #selectpage .list {
    display: table;
    width: 100%;
  }
  #selectpage .list li {
    display: table-cell;
  }
  #selectpage .list.col3 li {
    width: 33.33%;
  }
  #selectpage .list.col4 li {
    width: 25%;
  }
  #selectpage .list.col5 li {
    width: 20%;
  }
  #selectpage .list.col6 li {
    width: 16.66%;
  }
  #selectpage .list.col7 li {
    width: 14.28%;
  }
  #selectpage .list.col8 li {
    width: 12.5%;
  }
  #selectpage .list li a {
    display: block;
    padding-top: 40%;/*210px*//*
    height: 50px;
    text-decoration: none;
    background-position: center center;
    background-size: cover;
  }
  #selectpage .list.col5  li a {
    padding-top: 40%;/*175px*//*
  }
  #selectpage .list.col6  li a {
    padding-top: 40%;/*140px*/
  }
  #selectpage .list.col7  li a {
    padding-top: 40%;/*100px*//*
  }
  #selectpage .list li a .btn {
    display: table;
    margin: 0 auto;
    padding: 0 35px;
    font-size: 0.8rem;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    background: url(/corpcms/wp-files/common/img/ico/arrow_1.png) right center
      no-repeat #000;
    background-size: auto 16px;
  }
  #selectpage .list6 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
  }
  #selectpage .list6 li {
    width: calc(100% / 3);
    height: 280px;
  }
  #selectpage .list6 li a {
    display: block;
    width: 100%;
    padding-top: 230px;
    height: 50px;
    text-decoration: none;
    background-position: center center;
    background-size: cover;
  }
  #selectpage .list6 li a .btn {
    display: table;
    margin: 0 auto;
    padding: 0 35px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    background: url(/corpcms/wp-files/common/img/ico/arrow_1.png) right center
      no-repeat #000;
    background-size: auto 23px;
  }
  #selectpage .selectpagetop {
    display: block;
    margin: 0 auto 0.4em auto;
    padding: 0;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    background-color: #000;/*rgba(0, 64, 148, 1)*//*
    background-size: auto 23px;
  }
  #selectpage .selectpagetop a {
    display: block;
    margin: 0;
    padding: 0.4em 0;
    color: #fff;
    text-decoration: none;
  }
  #selectpage .selectpagetop a span:after {
    content: "　　";
    width: 20px;
    height: 20px;
    background-image: url(/corpcms/wp-files/common/img/ico/arrow_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

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

  #selectpage {
    margin-bottom: 20px;
  }
  #selectpage h3,
  #selectpage .h2 {
    margin-bottom: 20px;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
  }
  #selectpage .list {
    display: block;
    width: 94vw;
    margin: 0 auto;
  }
  #selectpage .list li {
    float: left;
    margin-bottom: 2vw !important;
    margin-right: 2vw !important;
    width: 46vw !important;
  }
  #selectpage .list li:nth-child(2n) {
    margin-right: 0;
  }
  #selectpage .list li:last-child {
    padding-bottom: 0;
  }
  #selectpage .list.col3 li {
  }
  #selectpage .list.col4 li {
  }
  #selectpage .list li a {
    display: block;
    padding-top: 50%;/*100px*//*
    text-decoration: none;
    background-position: center center;
    background-size: cover;
  }
  #selectpage .list li a .btn {
    color: #fff;
    /*font-weight: bold;*//*
    font-size: 1.0em;
    line-height: 30px;
    text-align: center;
    background: url(/corpcms/wp-files/common/img/ico/arrow_1.png) right center
      no-repeat rgba(0, 0, 0, 0.75);
    background-size: auto 18px;
  }
  #selectpage .list6 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
  }
  #selectpage .list6 li {
    width: 50%;
    height: 150px;
  }
  #selectpage .list6 li a {
    display: block;
    padding-top: 120px;
    text-decoration: none;
    background-position: center center;
    background-size: cover;
  }
  #selectpage .list6 li a .btn {
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    background: url(/corpcms/wp-files/common/img/ico/arrow_1.png) right center
      no-repeat #000;
    background-size: auto 23px;
    font-size: 10px;
  }
  #selectpage .selectpagetop {
    width: 94vw;
    display: block;
    margin: 0 auto 3vw auto;
    padding: 0;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    background-color: #000;/*rgba(0, 64, 148, 1)*//*
    background-size: auto 23px;
  }
  #selectpage .selectpagetop a {
    display: block;
    margin: 0;
    padding: 0.4em 0;
    color: #fff;
    text-decoration: none;
  }
  #selectpage .selectpagetop a span:after {
    content: "　　";
    width: 20px;
    height: 20px;
    background-image: url(/corpcms/wp-files/common/img/ico/arrow_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

}
*/

























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

/* cf */
/* --------------------------------------------------------------------------- */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.cf {
    display: block;
}
/* etc */
/* --------------------------------------------------------------------------- */
.msgBlank {
    margin: 0 auto;
    padding: 10px 0 50px;
    text-align: center;
}
/* bgImg */
/* --------------------------------------------------------------------------- */
.bgImg {
    display: block;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    outline: none;/* FF対策 */
}
/* list-style-type */
/* --------------------------------------------------------------------------- */
ul.listDisc {
    list-style-type: disc;
    margin: 0 0 0 20px;
}
ul.listDecimal {
    list-style-type: decimal;
    margin: 0 0 0 20px;
}
/* other */
/* --------------------------------------------------------------------------- */
.dpBox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media print, screen and (min-width: 768px) {
/* btn */
/* --------------------------------------------------------------------------- */
a .eZm {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a:hover .eZm {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.eOp {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.eOp:hover {
    opacity: 0.6;
}
.eTr {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.eRt {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.eRt:hover {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
}
/* effect */
/* --------------------------------------------------------------------------- */
.moveIn {
    transform: translate(0, 50px);
    transition: 0.5s ease-in-out;
    opacity: 0;
}
.moveInOn {
    transform: translate(0, 0);
    transition: 0.5s ease-in-out;
    opacity: 1;
}
.fadeIn {
    opacity: 0;
}
.fadeInOn {
    transition: 3s ease-in-out;
    opacity: 1;
}
}

/* min-width: 768px */



/* min-width: 768px */

.doc_mail_ttl {
    text-align: center;
    font-size: 21px;
    line-height: 1em;
    font-weight: bold;
    color: #ed8014;
    margin-bottom: 10px;
}
.doc_mail_ttl_s {
    margin-top: 80px;
}
.doc_mail {
    width: 400px;
    height: 70px;
    margin: 0 auto;
    border-radius: 5px;
    display: block;
    background-color: #ed8014;
    font-size: 18px;
    line-height: 70px;
	letter-spacing: 0.1em;
	font-weight: bold;
    position: relative;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: 0.3s ease;
}
.doc_mail::before {
	content: "";
	position: absolute;
    top: 50%;left: 20px;
	width: 25px;
	height: 30px;
	margin-top: -15px;
	background: url(/corpcms/wp-files/common/img/mail_icon.svg) no-repeat 0 0 ;
	background-size: cover;
}
.doc_mail.link::before {
	background: none;
}
.doc_mail::after {
	content: "";
	position: absolute;
    top: 50%;right: 20px;
	width: 8.5px;
	height: 20px;
	margin-top: -10px;
	background: url(/corpcms/wp-files/common/img/arw01.svg) no-repeat 0 0 ;
	background-size: cover;
}
@media print, screen and (min-width: 768px) {
	.doc_mail:hover {
	background-color: #555;
}}
@media screen and (max-width: 767px) {
    .doc_mail_ttl {
    font-size: 16px;
    margin-bottom: 10px;
        margin-top: 30px;
}
    .doc_mail_ttl_s {
    margin-top: 30px;
}
	.doc_mail {
    width: 90%;
    font-size: 14px;
        letter-spacing: 0;
		padding-left: 10px;
		box-sizing: border-box;
	}}

.showroom_link{
    margin: 80px auto 0;
    display: block;
    padding: 15px 0;
    width: 500px;
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    background-image: url(/corpcms/wp-files/common/img/ico/arrow_1.png);
    background-color: #144466;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 23px;
    transition: 0.3s;
}
.suumo_bn{
    margin-top: 20px!important;
    background-color: #16803C;
}
@media print, screen and (min-width: 768px) {
	.showroom_link:hover{
    opacity: 0.7;
}
}
@media screen and (max-width: 767px) {
.showroom_link{
    margin: 30px 5% 0;
    padding: 15px 0;
    width: 90%;
    font-size: 1.4rem;
    line-height: 24px;
}
.suumo_bn{
    margin-top: 10px!important;
}}



	.dir2ttl {
		font-size: 36px;
		line-height: 140%;
		font-weight: normal;
		padding-top: 100px;
		background-repeat: no-repeat;
		background-position: center 45px;
		background-size: auto 52px;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.dir2ttl.building { background-image: url(/corpcms/wp-files/home/img/title_e_building.svg); }
	.dir2ttl.company { background-image: url(/corpcms/wp-files/home/img/title_e_company.svg); }
	.dir2ttl.event { background-image: url(/corpcms/wp-files/home/img/title_e_event.svg); }
	.dir2ttl.interview { background-image: url(/corpcms/wp-files/home/img/title_e_interview.svg); }
	.dir2ttl.land { background-image: url(/corpcms/wp-files/home/img/title_e_land.svg); }
	.dir2ttl.message { background-image: url(/corpcms/wp-files/home/img/title_e_message.svg); color: #fff; }
	.dir2ttl.newsblog { background-image: url(/corpcms/wp-files/home/img/title_e_newsblog.svg); }
	.dir2ttl.press { background-image: url(/corpcms/wp-files/home/img/title_e_press.svg); }
	.dir2ttl.products { background-image: url(/corpcms/wp-files/home/img/title_e_products.svg); }
	.dir2ttl.profile { background-image: url(/corpcms/wp-files/home/img/title_e_profile.svg); color: #fff; }
	.dir2ttl.service { background-image: url(/corpcms/wp-files/home/img/title_e_service.svg); }
	.dir2ttl.staff { background-image: url(/corpcms/wp-files/home/img/title_e_staff.svg); }
	.dir2ttl.stafftop { background-image: url(/corpcms/wp-files/home/img/title_e_stafftop.svg); color: #fff; padding-top: 178px; background-position: center 125px; background-size: auto 62px; }
	.dir2ttl.works { background-image: url(/corpcms/wp-files/home/img/title_e_works.svg); }
	.dir2ttl.works_interview { background-image: url(/corpcms/wp-files/home/img/title_e_works_interview.svg); }
	.dir2ttl.other { background-image: none; padding-top: 80px; padding-bottom: 20px; }
	.dir2ttl.text { background-image: none; padding-top: 44px; padding-bottom: 20px; }
	.dir2ttl.text .dir2sub { font-size: 20px; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; padding-bottom: 3px; }
	.dir2ttl.text .dir2sub { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
	.dir2ttl.w { color: #fff; }
	.dir2ttl.w .dir2sub { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
		.dir2ttl a {
			text-decoration: none;
			color: #555;
		}
		.dir2ttl u {
			display: inline-block;
			margin: 0 auto;
			padding: 0 0 0.2em 0;
			text-decoration: none;
			border-bottom: solid 1px rgba(0, 0, 0, 0.65);
		}
		.dir2ttl small {
			font-size: 0.8em;
		}

	.dir2h2ttl {
		font-size: 28px;
		line-height: 140%;
		font-weight: normal;
		background-repeat: no-repeat;
		background-position: center 45px;
		background-size: auto 52px;
		text-align: center;
		letter-spacing: 0.1em;
		padding-bottom: 0.8em;
	}
	.dir2h2ttl.text .dir2h2sub { font-size: 16px; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; padding-bottom: 0; }
	.dir2h2ttl.text .dir2h2sub { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

	.dir2index {
		width: 100%;
		margin: 2.0em auto 0 auto;
	}
	.dir2index ul {
		width: 100%;
		display: table;
	}
	.dir2index li {
		display: table-cell;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.dir2index li a {
		position: relative;
		width: 96%;
		display: block;
		margin: 0 2%;
		padding: 0.6em 0 16px 0;
		font-size: 0.8em;
		text-align: center;
		line-height: 1.4;
		color: #fff;
		background-color: #144466;
		text-decoration: none;
	}
	.dir2index li a::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 8px;
		left: 50%;
		margin-left: -5px;
		bottom: 5px;
		background: url(/corpcms/wp-files/gabhaus/img/info08/arrow_wd.svg);
		background-size: 10px 8px;
	}
	.dir2index.col3 { width: 50%; }
	.dir2index.col3 li { width: calc(100% / 3); }

	a.covbtn {
		display: block;
		background-color: #0E5925;
		color: #fff;
		text-align: center;
		line-height: 1.4;
		margin: 0 auto;
		padding: 0.8em 0;
		text-decoration: none;
		font-size: 1.8rem;
		transition: 0.3s ease;
		background-image: url(/corpcms/wp-files/common/img/ico/arrow_1.png);
		background-size: auto 23px;
		background-repeat: no-repeat;
		background-position: center right;
	}
	a.covbtn:hover{
		opacity: 0.6;
		transition: .3s;
	}


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

	.dir2ttl,
	.dir2ttl.stafftop {
		font-size: 24px;
		padding-top: 46px;
		background-position: center 16px;
		background-size: auto 35px;
	}
	.dir2ttl.other { padding-top: 30px; padding-bottom: 10px; }
	.dir2ttl.text { padding-top: 22px; padding-bottom: 10px; }
	.dir2ttl.text .dir2sub { font-size: 14px; padding-bottom: 3px; line-height: 100%; }

	.dir2h2ttl {
		font-size: 22px;
	}
	.dir2h2ttl.text .dir2h2sub { font-size: 16px; }

	.dir2index.col3 { width: 96%; }

}