@charset "utf-8";
/* CSS Document */

time {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
}
.section {
}
.slide-up[data-emergence=hidden], [data-emergence=hidden] +.fade-in, .fade-in {
 -webkit-transform: translate3d(0, 64px, 0);
 transform: translate3d(0, 64px, 0);
 opacity: 0;
}
.slide-up[data-emergence=visible] {
	-webkit-animation: fade-in 0.6s ease-out forwards;
	animation: fade-in 0.6s ease-out forwards;
}
 [data-emergence=visible] + .fade-in {
 -webkit-animation: fade-in 0.8s ease-out forwards;
 animation: fade-in 0.8s ease-out forwards;
 animation-delay: 0.8s;
}
 @-webkit-keyframes fade-in {
 0% {
 -webkit-transform: translate3d(0, 64px, 0);
 transform: translate3d(0, 64px, 0);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
@keyframes fade-in {
 0% {
 -webkit-transform: translate3d(0, 64px, 0);
 transform: translate3d(0, 64px, 0);
 opacity: 0;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
/* ==============================================================
   #マージン調整
   ============================================================== */
.mb-0 {
	margin-bottom: 0;
}
.mb-1 {
	margin-bottom: 24px!important;
}
/* ==============================================================
   #セクション
   ============================================================== */
.min-sec {
	margin-top: 24px;
}
@media (min-width: 768px) {
.min-sec {
 margin-top: calc(24px * 2);
}
}
.text-box {
	margin-top: 24px;
}
@media (min-width: 768px) {
.text-box {
	margin-top: 0;
}
}
/* ==============================================================
   #見出しアニメ
   ============================================================== */
.ttl-anime {
	display: inline-block;
	overflow: hidden;
}
.ttl-anime::before {
	content: "";
	background-color: #262422;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	z-index: 2;
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, .ttl-anime::before {
 background-color: transparent;
}
.sec-ttl[data-emergence=visible] .ttl-anime::before {
	-webkit-animation: photoSlide 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
	animation: photoSlide 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
}
.sec-ttl span,
.sec-ttl small {
	opacity: 0;
	transform: translate3d(-30px, 0, 0);
}
.sec-ttl[data-emergence=visible] span,
.sec-ttl[data-emergence=visible] small {
	opacity: 1;
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}
/* ==============================================================
   #画像アニメ
   ============================================================== */
.photo-anime figure {
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}
.photo-anime figure::before {
	content: "";
	background-color: #E6E4E2;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	z-index: 10;
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, .photo-anime figure::before {
 background-color: transparent;
}
.photo-anime[data-emergence=visible] figure::before {
	-webkit-animation: photoSlide 1.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
	animation: photoSlide 1.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 forwards;
}
 @-webkit-keyframes photoSlide {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 25% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 75% {
 -webkit-transform: translate3d(102%, 0, 0);
 transform: translate3d(102%, 0, 0);
}
100% {
 visibility: hidden;
 display: none;
}
}
 @keyframes photoSlide {
 0% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 25% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 75% {
 -webkit-transform: translate3d(102%, 0, 0);
 transform: translate3d(102%, 0, 0);
}
100% {
 visibility: hidden;
 display: none;
}
}
.photo-anime figure img {
	opacity: 0;
	transform: translate3d(-20%, 0, 0);
}
.photo-anime[data-emergence=visible] figure img {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}
/* ==============================================================
   #画像フィックス
   ============================================================== */
.img-fixed {
	margin-right: -16px;
	margin-left: -16px;
}
@media (min-width: 375px) {
.img-fixed {
	margin-right: -32px;
	margin-left: -32px;
}
}
@media (min-width: 768px) {
.img-fixed {
	margin-right: 0px;
	margin-left: 0px;
}
}
/* ==============================================================
   #セクション間
   ============================================================== */
.deco-line {
 height: calc(24px * 2);
 margin: calc(24px * 2) 0;
	overflow: hidden;
}
 @media (min-width: 1280px) {
.deco-line {
 height: calc(24px * 3);
 margin: calc(24px * 3) 0;
}
}
.deco-line::before {
	content: "";
	border-left: #262422 solid 1px;
 height: calc(24px * 3);
	width: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.paragraph {
}
.paragraph + .paragraph {
 margin-top: calc(24px * 1);
}
 @media (min-width: 768px) {
.paragraph + .paragraph {
 margin-top: calc(24px * 3);
}
}
/* ==============================================================
   #外部リンク
   ============================================================== */
.ex-link {
	font-size: 1.2rem;
	display: inline-block;
	text-decoration: underline;
	padding-right: 20px;
	word-break: break-all;
}
.ex-link:hover {
	color: #F96AB4;
}
.ex-link::before {
	content: "";
	border: #666 solid 2px;
	border-radius: 1px;
	width: 14px;
	height: 14px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0px;
}
.ex-link::after {
	content: "";
	border-top: #666 solid 2px;
	width: 12px;
	height: 0;
	margin: auto;
	position: absolute;
	top: 4px;
	right: 0;
}
/* ==============================================================
   #見出し：ページタイトル
   ============================================================== */
.page-ttl {
	color: #FFF;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1;
	text-align: center;
	height: 1em;
	margin: auto;
	position: absolute;
	top: 64px;
	right: 0;
	left: 0;
	bottom: 0;
}
.page-ttl span,
.page-ttl small {
	letter-spacing: .1em;
	padding-left: .1em;
}
.page-ttl span {
	display: block;
	text-transform: uppercase;
}
.page-ttl small {
	border-bottom: #FFF solid 1px;
	display: inline-block;
	font-size: 1.4rem;
	margin-top: 16px;
	padding-bottom: 8px;
}
 @media (min-width: 768px) {
.page-ttl {
	font-size: 4.8rem;
	top: 80px;
}
.page-ttl small {
	font-size: 1.8rem;
}
}
 @media (min-width: 1440px) {
.page-ttl {
	top: 0;
}
}
/* ==============================================================
   #見出し：大
   ============================================================== */
.sec-ttl {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1;
	margin-top: 0;
 margin-bottom: calc(24px * 1);
	overflow: hidden;
}
.sec-ttl.first {
 margin-bottom: calc(24px * 3);
}
.sec-ttl .txt-track {
	display: block;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.sec-ttl.center .txt-track {
	padding-left: .1em;
}
.sec-ttl small {
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0;
}
.sp-indent {
	display: inline-block;
}
 @media (min-width: 768px) {
.sec-ttl {
	font-size: 4rem;
 margin-bottom: calc(24px * 2);
}
.sec-ttl small {
	font-size: 1.4rem;
}
.sp-indent {
	display: inline;
}
.sec-ttl::before {
	content: "";
	width: 6px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -32px;
}
.lead-ttl {
	font-size: 2.6rem;
}
.lead-ttl.min {
	font-size: 2rem;
	margin-bottom: 12px;
}
}
/* ==============================================================
   #見出し：中
   ============================================================== */
.lead-ttl {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .1em;
	margin-top: 0;
	margin-bottom: calc(24px / 2);
	overflow: hidden;
}
.lead-ttl .txt-track {
	display: inline-block;
	width: 125%;
	transform: scaleX(.8);
	transform-origin: left;
}
.lead-ttl.min {
	font-size: 1.8rem;
	margin-bottom: 8px;
}
.lead-ttl.line {
	border-left: #262422 solid 3px;
	padding-left: .75em;
}
 @media (min-width: 768px) {
.lead-ttl.lage {
	font-size: 2.4rem;
}
}
 @media (min-width: 1280px) {
.lead-ttl {
	font-size: 2.4rem;
}
.lead-ttl.min {
	font-size: 2rem;
}
.lead-ttl.lage {
	font-size: 2.8rem;
}
}
/* ==============================================================
   #見出し：小
   ============================================================== */
.min-ttl {
	margin-top: 0;
	margin-bottom: 2rem;
}
 @media (min-width: 768px) {
.min-ttl {
	font-size: 2rem;
	margin-top: 0;
}
}
.center-ttl {
	text-align: center;
}
.center-ttl .txt-track {
	width: auto;
	transform-origin: center;
	padding-left: .1em;
}
.lower-case {
	text-transform: inherit!important;
}
.under {
	border-bottom: #262422 solid 1px;
	padding-bottom: 8px;
	margin-bottom: 24px;
}
/* ==============================================================
   #見出し：縦書き
   ============================================================== */
.vr-wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.vr-lead {
 margin-bottom: calc(24px * 2);
}
.vr-wrap > .inner {
	flex: 1;
	overflow: hidden;
	margin: 0;
}
.vr-text {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}
.vr-lead .vr-text {
	font-size: 1.8rem;
	line-height: 2;
}
.vr-text > .inner {
	text-align: left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	transform: scaleX(.8);
	transform-origin: center;
}
 @media (min-width: 768px) {
.vr-text {
	font-size: 2rem;
	line-height: 2;
}
.vr-lead .vr-text {
	font-size: 2.2rem;
	line-height: 2.4;
}
}
/* ==============================================================
   #画像：グルーピング
   ============================================================== */
.img-group {
	display: flex;
	flex-wrap: wrap;
}
.img-group-item.n1 {
	order: 2;
	max-width: 60%;
}
.img-group-item.n2 {
	order: 1;
}
.alt .img-group-item.n2 {
	display: none;
}
.img-group-item.n3 {
	order: 3;
	max-width: 40%;
}
 @media (min-width: 768px) {
.img-group {
	padding-top: 75%;
}
.img-group-item {
	margin: auto;
	position: absolute;
}
.img-group-item.n1 {
	max-width: 60%;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	/*transform: translate3d(-48px,0,0);*/
	z-index: 2;
}
.alt .img-group-item.n1 {
	top: 0;
	bottom: auto;
}
.img-group-item.n2 {
	max-width: 60%;
	top: 0;
	right: 0;
	z-index: 3;
}
.alt .img-group-item.n2 {
	display: block;
	top: auto;
	bottom: 0;
}
.img-group-item.n3 {
	max-width: 25%;
	bottom: 0;
	left: 75%;
	z-index: 4;
}
.alt .img-group-item.n3 {
	display: none;
}
.right .img-group-item.n1 {
	right: 0;
	left: auto;
}
.right .img-group-item.n2 {
	right: auto;
	left: 0;
}

.right .img-group-item.n3 {
	left: 0;
}
}
/* ==============================================================
   #注釈
   ============================================================== */
.notes {
	margin-top: 24px;
}
.notes small {
	display: block;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
}
.notes small + small {
	margin-top: 8px;
}
@media (min-width: 768px) {
.notes small {
	font-size: 1.2rem;
}
}
/* ==============================================================
   #見出し：アニメ
   ============================================================== */
.lead-ttl .anime-mask {
	background-color: #FFF;
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	transition: ease-out .2s;
	overflow: hidden;
}
.lead-ttl:hover .anime-mask {
	width: 0;
}
small {
	font-size: 1.2rem;
}
/* ==============================================================
   #ページ内リンクメニュー
   ============================================================== */
.list-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: calc(24px / 2) 0 0;
}
.list-link li {
	width: 80%;
}
.list-link li + li {
	border-top: #262422 solid 1px;
	margin-top: 5px;
	padding-top: 5px;
}
.list-link li a {
	font-size: 1.4rem;
	line-height: 36px;
	display: block;
	padding-right: 24px;
}
.list-link li a:hover {
	text-decoration: underline;
}
.list-link li a::before {
	content: "";
	border-top: #262422 solid 1px;
	border-left: #262422 solid 1px;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	transform: rotate(135deg);
}
 @media (min-width: 1280px) {
.list-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.list-link li {
	width: auto;
}
.list-link li + li {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
	margin-left: 30px;
}
}
/* ==============================================================
   #トップ：フリック
   ============================================================== */
.flick {
	margin: auto;
	padding: 0 30px;
	overflow-y: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-overflow-scrolling: touch;
}
.flick > .flick-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0 -30px;
}
.flick > .flick-inner > .flick-item {
	min-width: 80%;
	height: auto;
	display: block;
	padding: 0 30px;
	opacity: 0;
	transform: translate3d(-10%, 0, 0);
	transition: opacity ease-out .8s, transform cubic-bezier(0.075, 0.82, 0.165, 1) .6s;
}
.flick > .flick-inner > .flick-item:nth-child(2) {
	transition-delay: .1s;
}
.flick > .flick-inner > .flick-item:nth-child(3) {
	transition-delay: .2s;
}
.flick > .flick-inner > .flick-item:nth-child(4) {
	transition-delay: .3s;
}
.flick > .flick-inner > .flick-item:nth-child(5) {
	transition-delay: .4s;
}
.flick > .flick-inner > .flick-item + .flick-item {
	margin-left: -40px
}
 @media screen and (min-width: 1280px) {
.flick {
	overflow: hidden;
	padding: 0;
}
.flick > .flick-inner {
	margin: 0 -12px;
}
.flick > .flick-inner > .flick-item {
	min-width: 20%;
	max-width: 20%;
	padding: 0 12px;
}
.flick > .flick-inner > .flick-item + .flick-item {
	margin-left: 0;
}
}
.flick > .flick-inner[data-emergence=visible] > .flick-item {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
/* ==============================================================
   #新着表示
   ============================================================== */
.news-list {
	margin: 0;
}
.news-list li + li {
	margin-top: 16px;
}
.news-list li a {
	border-bottom: #F6F4F2 solid 1px;
	font-size: 1.4rem;
	display: block;
	padding-bottom: 1em;
}
.news-list li time {
	line-height: 1.8;
	display: block;
	float: left;
}
.news-list li span {
	display: block;
	padding-left: 2em;
	overflow: hidden;
}
.archive-list li + li {
	margin-top: 24px;
}
.archive-list li a {
	padding-bottom: 24px;
}
/* ==============================================================
   #記事
   ============================================================== */
.post-time {
	display: flex;
	justify-content: flex-end;
	font-size: 1rem;
	height: 24px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 8px;
	transform: translateY(-100%);
	z-index: 4;
}
.post-thumb {
	background-color: #DDD;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 40%;
	overflow: hidden;
}
.icon-new {
	background-color: rgba(255,255,255,1);
	border-top: #262422 solid 2px;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 64px;
	padding-left: 2px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
 @media screen and (min-width: 1280px) {
.post-time {
	right: 24px;
	left: 24px;
}
}
/* ==============================================================
   #SNSアイコン
   ============================================================== */
#sns-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 48px;
	margin-bottom: 0;
}
#sns-menu li {
	/*flex-grow: 1;*/
	padding: 0 8px;
}
#sns-menu li i {
	/*background-color: #262422;*/
	border: #262422 solid 1px;
	border-radius: 100%;
	display: block;
	width: 44px;
	height: 44px;
	margin: auto;
}
/* ==============================================================
   #パンくず
   ============================================================== */
.breadcrumbs-wrap {
	margin-top: 64px;
 margin-bottom: calc(24px * 1);
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.breadcrumbs {
	font-size: 1.2rem;
 line-height: calc(24px * 2);
 height: calc(24px * 2);
	margin: auto;
	white-space: nowrap;
}
.breadcrumbs span,
.breadcrumbs a {
	display: inline-block;
}
.breadcrumbs span + span {
	padding-left: 16px;
	margin-left: 16px;
}
.breadcrumbs span + span::after {
	content: "";
	border-top: solid 1px;
	border-left: solid 1px;
	border-color: #121314;
	height: 6px;
	width: 6px;
	margin: auto;
	position: absolute;
	top: 0;
	left: -6px;
	bottom: 0;
	transform: rotate(135deg);
}
.breadcrumbs .current-item {
	color: #A6A4A2;
}
#billboard-wrap + .fw-container .breadcrumbs-wrap {
 margin-top: calc(24px * 1);
}
 @media screen and (min-width: 768px) {
.breadcrumbs-wrap {
	margin-top: 80px;
 margin-bottom: calc(24px * 3);
}
}
 @media screen and (min-width: 1440px) {
.breadcrumbs-wrap {
 margin-top: calc(24px * 2);
 margin-bottom: calc(24px * 3);
}
}
/* ==============================================================
   #イントロダクション
   ============================================================== */
#sec-intro {
	display: flex;
	align-items: center;
	justify-content: center;
 padding-top: calc(24px * 6);
}
#sec-intro .vr-text {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
	display: block;
	width: 150%;
	height: 100%;
	margin: 0;
	margin-left: -25%;
}
 @media (min-width: 768px) {
#sec-intro {
 padding-top: calc(24px * 3);
}
#sec-intro .vr-text {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
	display: block;
	width: 150%;
	height: 100%;
	margin: 0;
	margin-left: -25%;
}
}
@media screen and (min-width: 1280px) {
#sec-intro {
 padding-top: calc(24px * 6);
	padding-bottom: 0;
}
#sec-intro .vr-text {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4;
	letter-spacing: .1em;
	text-align: center;
	display: block;
	width: 150%;
	height: 100%;
	margin: 0;
	margin-left: -25%;
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, #sec-intro .vr-text {
 width: auto;
}
}
/* ==============================================================
   #トップ：プラン紹介
   ============================================================== */
#sec-plan {
}
#paln-2 {
	margin-top: 64px;
}
#paln-3 {
	margin-top: 64px;
}
.plan-wrap {
	display: block;
}
.plan-wrap + .plan-wrap {
 margin-top: calc(24px * 2);
}
.plan-photo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding-top: 100%;
}
.plan-photo figure {
	height: 100%;
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.plan-logo {
	background-image: linear-gradient(180deg, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
	transition: opacity ease-out .4s;
}
.plan-logo .vr-wrap {
	color: #FFF;
	justify-content: center;
	align-items: center;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.plan-logo .vr-wrap > .inner {
	padding-top: 32px;
}
.plan-logo .vr-lead .vr-text {
	font-size: 1.8rem;
}
.photo-anime[data-emergence=visible] .plan-logo {
	opacity: 1;
}
.plan-logo h2 {
	border-left: #FFF solid 4px;
	color: #FFF;
	font-size: 2.4rem;
	line-height: 1.2;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 76px;
	margin-top: 0;
	margin-bottom: 0;
}
.plan-logo h2::after {
	content: "";
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 48px;
	height: 100px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 16px;
	bottom: 0;
}
.plan-wrap:hover figure img {
	transition: transform ease-out .3s;
	transform: scale(1.1) translate3d(0, 0, 0);
}
#sec-plan .plan-box .sec-ttl {
	color: #FFF;
	font-size: 2.8rem;
	line-height: 1.4;
	letter-spacing: 4px;
	text-transform: inherit;
	margin-bottom: 0;
}
#sec-plan #plan-3.plan-box .sec-ttl {
	font-size: 2.2rem;
}
.plan-content {
	text-align: center;
	padding: 24px 24px 0;
}
.no1 {
	display: block;
	height: 96px;
	width: 96px;
	position: absolute;
	right: 40px;
	bottom: 8px;
	overflow: hidden;
	z-index: 6;
}
.plan-content h3 {
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	text-align: center;
}
.plan-content h3 img {
	max-height: 48px;
	width: auto;
	margin: 0;
}
#paln-2 .plan-content h3 img {
}
.plan-content .btn-wrap {
	z-index: 6;
}
.plan-content .fw-btn {
	min-height: 48px;
	max-width: 256px;
}
.plan-wrap:hover .plan-content .fw-btn {
	background-color: #FFF;
	color: #262422;
}
.plan-wrap:hover .btn-arrow::after {
	border-top: #262422 solid 1px;
	border-left: #262422 solid 1px;
}
 @media screen and (min-width: 768px) {
.plan-wrap::before {
	top: 32px;
	right: 32px;
	bottom: 0;
	left: 32px;
}
.plan-photo {
	padding-top: 56.25%;
}
.plan-wrap .photo-anime[data-emergence=visible] figure img {
	transform: translate3d(0, -25%, 0);
}
.plan-content::before {
	right: 32px;
	bottom: 24px;
	left: 32px;
}
.plan-logo .vr-lead .vr-text {
	font-size: 2.2rem;
}
}
 @media screen and (min-width: 1280px) {
.plan-wrap .photo-anime[data-emergence=visible] figure img {
	transform: translate3d(0, 0, 0);
}
.plan-photo {
	padding-top: 100%;
}
.no1 {
	right: 16px;
	bottom: 16px;
}
#paln-2 {
	margin-top: 0;
}
#paln-3 {
	margin-top: 0;
}
}
 @media screen and (min-width: 1440px) {
.plan-logo .vr-lead .vr-text {
	font-size: 2rem;
	line-height: 2;
}
}
 @media screen and (min-width: 1680px) {
.plan-logo .vr-lead .vr-text {
	font-size: 2.2rem;
	line-height: 2.4;
}
}

.btn-original {
	max-width:100%;
}
/* ==============================================================
   #トップ：イベント
   ============================================================== */
#sec-events ,#sec-oh ,#sec-seminar{
 padding-bottom: calc(24px * 2);
}
#sec-events::before ,#sec-oh::before ,#sec-seminar::before{
	content: "";
	background-color: #F6F4F2;
	margin: auto;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
}
#sec-events .flick > .flick-inner > .flick-item ,
#sec-oh .flick > .flick-inner > .flick-item ,
#sec-seminar .flick > .flick-inner > .flick-item{
	min-width: 90%;
	max-width: 90%;
}
@media screen and (min-width: 768px) {
#sec-events .flick > .flick-inner > .flick-item ,
#sec-oh .flick > .flick-inner > .flick-item ,
#sec-seminar .flick > .flick-inner > .flick-item{
	min-width: 45%;
	max-width: 45%;
}
}
@media screen and (min-width: 1024px) {
#sec-events .flick > .flick-inner > .flick-item ,
#sec-oh .flick > .flick-inner > .flick-item ,
#sec-seminar .flick > .flick-inner > .flick-item{
	min-width: 35%;
	max-width: 35%;
}
}
 @media screen and (min-width: 1280px) {
#sec-events .flick ,
#sec-oh .flick ,
#sec-seminar .flick {
	max-width: 1280px;
}
#sec-events .flick > .flick-inner > .flick-item ,
#sec-oh .flick > .flick-inner > .flick-item ,
#sec-seminar .flick > .flick-inner > .flick-item{
	min-width: 25%;
	max-width: 25%;
}
}
.events-item a {
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, .events-item a {
 height: auto;
}
.events-header {
	padding-top: 75%;
	overflow: hidden;
}
.events-content {
	background-color: #FFF;
	height: 100%;
	padding: 24px;
}
.events-item dl {
	margin-top: -0.25em;
	padding: 0 24px 24px;
}
.events-item dl dt,
.events-item dl dd {
	font-size: 1.2rem;
}
.events-item dl dt {
	width: 3.5em;
	float: left;
}
.events-item dl dd {
	overflow: hidden;
}
.events-item dl dt,
.events-item dl dd {
	margin-top: .25em;
}
.events-footer {
	font-size: 1.2rem;
	line-height: 32px;
	height: 32px;
	text-align: right;
}
.events-thumb {
	background-size: cover;
	background-position: center;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
 @media screen and (min-width: 768px) {
.events-thumb {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: thumb-out 0.2s ease-out forwards;
	animation: thumb-out 0.2s ease-out forwards;
}
.events-item:hover .events-thumb {
	-webkit-animation: thumb-in 0.4s ease-out forwards;
	animation: thumb-in 0.4s ease-out forwards;
}
}
.events-item:hover .events-thumb::before {
	opacity: 1;
}
.post-cat {
	background-color: rgba(255,255,255,0.9);
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 8px 24px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.entry-title {
	font-size: 1.4rem;
	/*font-weight: normal;*/
	line-height: 1.6;
	margin: 0;
}
.events-item:hover .entry-title {
	text-decoration: underline;
}
/* ==============================================================
   #タグクラウド
   ============================================================== */
.tag-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: -1px;
}
.tag-list > li {
	flex-grow: 0;
	margin: 0;
	padding: 1px;
}
.tag-list >li > a {
	background-color: #666462;
	border-radius: 1px;
	color: #FFF;
	display: inline-block;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 1rem;
	height: 24px;
	line-height: 24px;
	padding: 0 14px;
}
.tag-list >li > a:hover {
	background-color: #D2D1CE;
}
.tag-list >li > a i {
	display: none;
}
@media screen and (min-width: 768px) {
.tag-list {
	margin: -1px;
}
.tag-list > li {
	padding: 1px;
}
.tag-list >li > a {
	font-size: 1.2rem;
	height: 32px;
	line-height: 32px;
}
}
.tag-search {
	padding-left: 28px;
}
.icon-search,
.icon-category {
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 0;
}
.icon-search {
	background-image: url(../imgs/theme/baseline-search-24px.svg);
}
.icon-category {
	background-image: url(../imgs/theme/baseline-notes-24px.svg);
}
/* ==============================================================
   #トップ：ショールーム・スタッフ紹介
   ============================================================== */
#sec-show {
 padding-bottom: calc(24px * 2);
}
#sec-staff {
}
#sec-original{
 padding-top:  calc(24px * 2);
}
#sec-show::before,
#sec-staff::before {
	content: "";
	background-color: var(--gray-color);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
#sec-show::before {
	border-right: none;
	right: 0;
	left: 30%;
}
#sec-staff::before {
	border-left: none;
	right: 30%;
	left: 0;
}
#sec-show .sec-ttl,
#sec-staff .sec-ttl,
#sec-original .sec-ttl {
	margin-top: 24px;
	margin-bottom: 24px;
}
#sec-show p,
#sec-staff p {
	font-size: 1.4rem;
}
 @media screen and (min-width: 768px) {
#sec-show .sec-ttl,
#sec-staff .sec-ttl,
#sec-original .sec-ttl {
	margin-top: 0;
	margin-bottom: 24px;
}
}
 @media screen and (min-width: 1280px) {
#sec-show {
 padding-bottom: calc(24px * 3);
}
#sec-original{
 padding-top:  calc(46px * 2);
}
}
/* ==============================================================
   #トップ：ショールーム
   ============================================================== */
.show-photo {
	overflow: hidden;
}
 @media screen and (min-width: 1440px) {
.show-content-box {
}
.show-photo {
	margin-bottom: 0;
	overflow: inherit;
}
}
/* ==============================================================
   #トップ：スタッフ紹介
   ============================================================== */

.staff-photo {
	display: flex;
}
.staff-photo figure {
	width: calc(100% / 4);
}
.staff-photo-name {
	color: #FFF;
	font-size: 1.2rem!important;
	font-weight: bold;
	line-height: 1.6;
	margin: 0;
	position: absolute;
	bottom: 24px;
	left: 12px;
	z-index: 4;
}
.staff-photo .photo-1 .staff-photo-name,
.staff-photo .photo-4 .staff-photo-name {
	color: #000;
}
 @media screen and (min-width: 1440px) {
.staff-content-box {
	margin-left: auto;
	margin-right: 0;
}
.staff-photo {
	margin-bottom: 0;
	overflow: inherit;
}
.staff-photo .photo-1 {
}
.staff-photo .photo-2 {
	transform: translate3d(0, 48px, 0);
}
.staff-photo .photo-3 {
	transform: translate3d(0, -48px, 0);
}
.staff-photo-name {
	font-size: 1.4rem!important;
}
}
/* ==============================================================
   #トップ：特集
   ============================================================== */
#sec-special {
/*	background-color: #F6F4F2;
	padding-top: calc(24px * 2);
 padding-bottom: calc(24px * 2);*/
}
.special-item + .special-item {
 margin-top: calc(24px * 2);
}
.special-item .lead-ttl {
	margin-top: 24px;
}
.special-item a figure {
	opacity: 1;
	transition: opacity ease-out .2s;
}
.special-item a:hover figure {
	opacity: 0.6;
}
.special-item p {
	margin-bottom: 0;
}
.special-item .list-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.special-item .list-link li {
	width: auto;
}
 @media screen and (min-width: 768px) {

.special-item {
	margin-bottom: 24px;
}
.special-item + .special-item {
	margin-top: 0;
}
.special-item .lead-ttl {
	margin-top: 24px;
	font-size: 2rem;
}
.special-item p {
	margin-bottom: 0;
}
}
/* ==============================================================
   #トップ：ギャラリー
   ============================================================== */
#sec-gallery {
 padding-bottom: calc(24px * 2);
}
#sec-gallery::before {
	content: "";
	background-color: #F6F4F2;
	margin: auto;
	position: absolute;
	margin: auto;
	top: 27.33337%;
	right: 0;
	bottom: 0;
	left: 0;
}
#sec-gallery .tag-wrap {
	margin-top: 32px;
}
.gallery-item > .inner {
	/*background-color: #FFF;*/
	display: block;
	height: 100%;
}
.gallery-item .thumb-wrap {
	overflow: hidden;
}
.gallery-item .gallery-thumb {
	background-size: cover;
	background-position: center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	padding-top: 67%;
	overflow: hidden;
}
.land-archive .gallery-item .gallery-thumb {
	padding-top: 75%;
}
 @media screen and (min-width: 768px) {
.gallery-item .gallery-thumb {
	/*padding-top: 143.75%;*/

	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: thumb-out 0.2s ease-out forwards;
	animation: thumb-out 0.2s ease-out forwards;
}
.gallery-item:hover .gallery-thumb {
	-webkit-animation: thumb-in 0.4s ease-out forwards;
	animation: thumb-in 0.4s ease-out forwards;
}
}
.gallery-item .item-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	/*padding: 24px 24px 32px;*/
	margin: auto;
	transition: opacity ease-out .4s;
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, .gallery-item .item-info {
 display: block;
}
.gallery-item:hover .item-info {
	opacity: 1;
}
.gallery-item .item-plan {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
	opacity: 0.4;
	margin: 0 0 8px;
}
.gallery-item .item-name {
	font-size: 1.4rem;
	margin: 0;
}
.gallery-item:hover .item-name {
	text-decoration: underline;
}
.gallery-item .item-more {
	/*border: #262422 solid 1px;*/
	font-size: 1.2rem;
	width: 70%;
	padding: 8px;
	margin-top: 24px;
	overflow: hidden;
	z-index: 2;
}
.gallery-item .item-more::before {
	content: "";
	background-color: #262422;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	z-index: -1;
}
.gallery-item .item-more::before {
	-webkit-animation: buttonSlide 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
	animation: buttonSlide 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.gallery-item:hover .item-more::before {
	-webkit-animation: buttonSlide-out 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
	animation: buttonSlide-out 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
.item-more .btn-arrow::after {
	content: "";
	border-top: #FFF solid 1px;
	border-left: #FFF solid 1px;
	width: 6px;
	height: 6px;
	left: 10px;
}
#sec-gallery .flick > .flick-inner > .flick-item {
	min-width: 90%;
	max-width: 90%;

}
 @media screen and (min-width: 768px) {
#sec-gallery .flick > .flick-inner > .flick-item {
	min-width: 45%;
	max-width: 45%;
}
}
 @media screen and (min-width: 1024px) {
#sec-gallery {
 padding: 0 calc(24px * 2) calc(24px * 2);
}
#sec-gallery .flick > .flick-inner > .flick-item {
	min-width: 35%;
	max-width: 35%;
}
}
@media screen and (min-width: 1280px) {
#sec-gallery .flick > .flick-inner > .flick-item {
	min-width: 20%;
	max-width: 20%;
}
}
/* ==============================================================
   #サイド
   ============================================================== */
#copy {
	background-color: rgba(255,255,255,1);
	margin: auto;
}
#copy p {
	font-size: 1rem;
	text-align: center;
	margin-top: 24px;
    padding-bottom: 60px;
}
#copy p span {
	display: inline-block;
	transform: scale(0.8);
	transform-origin: center center;
}
 @media screen and (min-width: 1440px) {
#copy {
	background-color: rgba(255,255,255,0.5);
 width: calc(24px *2);
	margin: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 300;
}
#copy p {
	letter-spacing: 1px;
	padding-left: 1px;
 line-height: calc(24px *2);
	width: 100vh;
	margin: 0 auto;
	margin-top: 0;
	transform-origin: left bottom;
	transform: rotate(90deg);
	z-index: 100;
}
/*#copy::before {
    content: "";
    border-left: #262422 solid 1px;
    width: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    opacity: 0.075;
}*/
}
/* ==============================================================
   #フッター
   ============================================================== */
#footer {
}
#footer-cv .cv-ttl {
	font-size: 2rem;
	text-align: center;
	margin-top: 0;
	margin-bottom: 24px;
}
#footer-cv .cv-ttl small {
	display: block;
	font-size: 1rem;
	font-weight: normal;
}
#footer-cv .cv-ttl span {
	padding: 0;
}
 @media screen and (min-width: 768px) {
#footer-cv .cv-ttl {
	font-size: 2.2rem;
 margin-bottom: calc(24px * 2);
}
#footer-cv .cv-ttl small {
	font-size: 1.4rem;
}
}
 @media screen and (min-width: 1440px) {
#footer-cv .cv-ttl {
	font-size: 2.4rem;
}
}
/* ==============================================================
   #フッター：無料相談
   ============================================================== */
#footer-consult {
	/*background-color: #F2F2F2;*/
 padding-bottom: calc(24px * 2);
 /*　写真撤去のため追記　*/
 text-align: center;
}
#footer-consult .lead-ttl {
	margin-bottom: 0;
}
#footer-consult address {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -16px;
}
#footer-consult address > div {
	flex-grow: 1;
	flex-basis: 100%;
	max-width: 100%;
	padding: 0 16px;
}
#footer-consult address .fw-btn {
	line-height: 1;
	min-height: 64px;
	padding: 0;
}
#footer-consult address .tel .fw-btn {
	background-color: transparent;
	border: none;
	color: #262422;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.6rem;
	flex-direction: column;
}
#footer-consult address .tel .fw-btn::before {
	display: none;
}
#footer-consult address .tel .fw-btn small {
	display: block;
	margin-top: 5px;
	padding-bottom: 5px;
}
#footer-consult address .tel .fw-btn:hover {
	color: inherit;
}
#footer-consult address .tel span {
	display: inline-block;
	padding-left: 32px;
}
#footer-consult address .tel .fw-btn span::before {
	content: "";
	background-image: url(../imgs/theme/icon-phone.svg);
	background-size: cover;
	background-position: center;
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
#footer-consult address .email {
	border-top: #EAE7E5 solid 1px;
	margin-top: 12px;
	padding-top: 12px;
}
#footer-consult address p {
	text-align: center;
}
#footer-consult address .tel p::before,
#footer-consult address .email p::before {
	content: "";
	border-top: #262422 solid 1px;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#footer-consult address .tel p span,
#footer-consult address .email p span {
	background-color: #FFF;
	display: inline-block;
	padding: 0 1em;
}
.consult-photo {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.consult-photo figure {
	flex-grow: 1;
	flex-basis: calc(100% / 4);
	max-width: calc(100% / 4);
}
#footer-consult .consult-photo figure {
	flex-grow: 1;
	flex-basis: calc(100% / 3);
	max-width: calc(100% / 3);
}
/*IE11対応*/
_:-ms-lang(x)::-ms-backdrop, #footer-consult .consult-photo figure {
flex-basis: 33.33337%;
 max-width: 33.33337%;
}
 @media screen and (min-width: 768px) {
#footer-consult address > div {
	flex-basis: 50%;
	max-width: 50%;
}
#footer-consult address .email {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
#footer-consult address .tel .fw-btn {
	border-bottom: #262422 solid 1px;
}
}
 @media screen and (min-width: 1440px) {
#footer-consult address .tel .fw-btn {
	font-size: 3.2rem;
}
.consult-photo {
	margin-bottom: 0;
}
}
/* ==============================================================
   #フッター：オープンハウス / お問合せ
   ============================================================== */
#footer-contact {
 margin-bottom: calc(24px * 2);
}
.contact-item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 64px 0;
	flex-grow: 1;
	flex-basis: 100%;
	max-width: 100%;
	overflow: hidden;
}
.contact-item .sec-ttl {
	color: #FFF;
	margin-bottom: 24px;
}
.contact-item figure {
	background-size: cover;
	background-position: center;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: thumb-out 0.2s ease-out forwards;
	animation: thumb-out 0.2s ease-out forwards;
}
.contact-item figure::before {
	content: "";
	background-color: rgba(0,0,0,0.5);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.contact-item:hover figure {
	-webkit-animation: thumb-in 0.4s ease-out forwards;
	animation: thumb-in 0.4s ease-out forwards;
}
#contact-left figure {
	background-image: url(../imgs/index/bg_contact.jpg);
}
#contact-right figure {
	background-image: url(../imgs/index/bg_shiryo.jpg);
}
#contact-left-digital figure {
	background-image: url(../imgs/index/digitalcatalog_bg.jpg);
}
.contact-item p {
	border: #FFF solid 2px;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 4px;
	padding-left: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 96px;
	width: calc(100% - 60px);
	margin: auto;
}
.contact-item:hover p {
	background-color: #FFF;
	color: #262422;
}
@media (min-width: 1024px) {
.contact-item {
	padding: 80px 0;
}
.contact-item p {
	font-size: 2.2rem;
	height: 120px;
	width: 75%;
}
}
/* ==============================================================
   #フッター：会社概要
   ============================================================== */
#company-info {
	display: block;
	font-size: 1.2rem;
	line-height: 1.8;
	border-top: #DAD8D5 solid 1px;
	border-bottom: #DAD8D5 solid 1px;
	margin: 24px 0;
	padding: 24px 0;
}
#company-info p {
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 1.2rem;
}
#copyright {
	font-size: 1.2rem;
}
#footer .fw-navi {
	font-size: 1.2rem;
	margin: -8px -16px;
}
#footer .fw-navi > li {
	cursor: pointer;
	flex-grow: 0;
	padding: 8px 16px;
	margin: 0;
}
@media (min-width: 1440px) {
#footer {
 padding-bottom: calc(24px * 3);
}
}
/* ==============================================================
   #トップ戻る
   ============================================================== */
.fw-page-top,
.fw-page-bottom {
	position: fixed;
	margin: auto;
	right: 5px;
	z-index: 300;
}
.fw-page-top {
	bottom: 65px;
}
.fw-page-bottom {
	bottom: 50px;
}
.fw-page-top a,
.fw-page-bottom a {
	background-color: #262422;
	border: #262422 solid 1px;
	display: block;
	width: 40px;
	height: 40px;
}
.fw-page-top a::before,
.fw-page-bottom a::before {
	content: "";
	border-top: #FFF solid 2px;
	border-left: #FFF solid 2px;
	width: 10px;
	height: 10px;
	margin: auto;
	position: absolute;
}
.fw-page-top a::before {
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.fw-page-bottom a::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 5px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.fw-page-top a:hover::before {
	border-top: #FFF solid 2px;
	border-left: #FFF solid 2px;
}


.floating_bnr_sp {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 300;
    width: 100%;

}

.floating_bnr_sp ul {
    display: flex;
    width: 100%;
    margin: 0;
}

.floating_bnr_sp a {
    display: block;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.floating_bnr_sp a small{
font-size: 80%;
}


.floating_bnr_sp ul li {
    background-color: #262422;
    color: #fff;
    width: 50%;
    text-align: center;
padding: 12px 0;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
}

.floating_bnr_sp ul li:first-child {
    border-right: 1px solid #fff;
}

.floating_bnr_sp li:hover{
    opacity: 0.8;
}


@media screen and (min-width: 768px) {
.fw-page-top a,
.fw-page-bottom a {
 width: calc(24px *2);
	height: 96px;
}
.fw-page-top,
.fw-page-bottom {
	right: 0;
}
.fw-page-top {
	bottom: 0;
}

#copy p {
    padding-bottom: 0;
}

}
.sns-wrap {
	height: 60px;
	width: 40px;
	position: fixed;
	right: 5px;
	bottom: 100px;
	z-index: 300;
}
.sns-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	opacity: 0.5;
}

.sns-wrap-insta {
	height: 60px;
	width: 40px;
	position: fixed;
	right: 5px;
	bottom: 140px;
	z-index: 300;
	border-bottom: none;
}
.sns-wrap-insta a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	opacity: 0.5;
}

.icon-insta svg {
	width: 24px;
	height: 24px;
}
.icon-facebook svg {
	width: 14px;
	height: 28px;
}
@media screen and (min-width: 768px) {
.sns-wrap {
	background-color: #E6E4E2;
	height: 60px;
 width: calc(24px *2);
	position: fixed;
	right: 0;
	bottom: 96px;
	z-index: 300;
}
.sns-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	opacity: 0.5;
}

.sns-wrap-insta {
	background-color: #E6E4E2;
	height: 60px;
 width: calc(24px *2);
	position: fixed;
	right: 0;
	bottom: 156px;
	z-index: 300;
	border-bottom: 1px solid #c7c1bb;
}
.sns-wrap-insta a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	opacity: 0.5;
}

.icon-insta svg {
	width: 24px;
	height: 24px;
}
.icon-facebook svg {
	width: 14px;
	height: 28px;
}
}
/* ==============================================================
   #バナー
   ============================================================== */
.bnr-item a {
	display: block;
}
.bnr-item a:hover {
	opacity: 0.5;
}
.bnr-item a figure {
	border-radius: 6px;
	overflow: hidden;
	opacity: 1;
	transition: ease-out .2s;
}
.bnr-item a figure::after {
	content: "";
	border: rgba(0,0,0,0.15) solid 1px;
	border-radius: 6px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.bnr-item a:hover figure {
	opacity: 0.5;
}
.bnr-item p {
	margin-bottom: 0;
}
/* ==============================================================
   #ブログ記事
   ============================================================== */
.kv {
	/*background-color: #262422;
	color: #FFF;*/
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 20vh;
 margin-bottom: calc(24px * 6);
}
.kv .sec-ttl {
	margin: 0;
}
/* ==============================================================
   #下層：会社概要
   ============================================================== */
#company-profile {
/*	background-color: #F6F4F2;
 padding-top: calc(24px * 3);
 padding-bottom: calc(24px * 3);*/
}
.president-message {
	margin-top: 24px;
}
.president-sign {
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: right;
}
.president-sign img {
	margin-right: 0;
	margin-left: auto;
}
 @media screen and (min-width: 768px) {
.president-message {
	margin-top: 0;
	padding-left: 24px;
}
.president-sign {
	margin-bottom: 0;
}
}
.comp-profile th,
.comp-profile td {
	width: 100%;
	display: block;
}
.comp-profile th {
	font-size: 1.4rem;
	padding-bottom: 0;
}
.comp-profile td {
	font-size: 1.2rem;
	padding-top: 16px;
}
.comp-profile h5 {
	font-size: 1.4rem;
	margin-top: 0;
}
.comp-profile dl {
	margin-top: 8px;
}
.comp-profile dt {
	float: left;
	width: 4em;
}
.comp-profile dd {
	overflow: hidden;
}
.comp-profile .fw-list {
	font-size: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
.comp-profile .fw-list li + li {
	margin-top: 0;
}
.comp-profile small {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	display: block;
	font-size: 1rem;
	margin-top: 8px;
}
#img-map {
}
.photo-office {
}
.g-map-wrap {
/*	padding-left: 32px;
	padding-right: 32px;*/
}
.g-map {
	position: relative;
	padding-top: 100%;
	height: 0;
	overflow: hidden;
}
.g-map iframe,
.g-map object,
.g-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 @media screen and (min-width: 768px) {
.comp-profile th,
.comp-profile td {
	display: table-cell;
	padding-right: 32px;
	padding-left: 32px;
}
.comp-profile th {
	font-size: 1.4rem;
	width: 30%;
	padding-bottom: 24px;
}
.comp-profile td {
	font-size: 1.3rem;
	padding-top: 24px;
}
.comp-profile h5 {
	font-size: 1.6rem;
}
.comp-profile small {
	font-size: 1.2rem;
}
.photo-office {
	margin-bottom: 0;
}
.g-map-wrap {
	padding-left: 0;
	padding-right: 0;
	z-index: 20;
}
.g-map {
	padding-top: 75%;
}
}
 @media screen and (min-width: 1280px) {
.g-map {
	padding-top: 56.25%;
}
}
.access-info {
	margin-top: 32px;
}
.access-info h4 {
	font-size: 1.6rem;
}
.access-info p {
	font-size: 1.2rem;
}
.access-info .fw-btn {
	margin-left: 0;
}
@media screen and (min-width: 1280px) {
.access-info {
	margin-top: 64px;
}
.access-info h4 {
	font-size: 1.8rem;
	margin-bottom: 16px;
}
.access-info p {
	font-size: 1.4rem;
}
}
#showroom-info {
 padding-top: calc(24px * 3);
}
.showroom-photo {
	padding-top: 56.25%;
}
.aa-box {
	border: #262422 solid 1px;
	padding: 16px;
}
.aa-box p {
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.aa-box {
	padding: 32px;
}
.aa-box p {
	margin-bottom: 0;
}
}
/* ==============================================================
   #ギャラリー,オープンハウス：検索
	 ============================================================== */
.sch-form.pc {
	display: none;
}
.sch-form {
	position: relative;
}
.sch-form .sch-keyword {
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}
.sch-form .sch-keyword input[type=text] {
	border-color: #262422;
	background-color: #262422;
	color: #ccc;
	display: inline-flex;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 85%;
}
.sch-form .sch-keyword input[type=text]:hover,
.sch-form .sch-keyword input[type=text]:focus {
	border-color: #262422 !important;
	background-color: #262422 !important;
}
.sch-form .sch-keyword button {
	width: 36px;
	height: 36px;
	border: 0;
	display: inline-flex;
	background-color: #333;
	cursor: pointer;
	margin: 0;
	vertical-align: top;
	text-align: center;
}
.sch-form .sch-keyword button img {
	width: 25px;
	height: 25px;
	margin: 0 auto;
}
.sch-form .sch-tags {
	width: 40%;
	margin-top: 0;
}
.sch-form .sch-tags:after {
	content: "";
	width: 0;
	height: 0;
	border: 0;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 2;
}
.sch-form .sch-tags select {
	border-color: #262422;
	background-color: #262422;
	color: #ccc;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sch-form .sch-tags select:after {
	content: none;
}
.sch-form .sch-tags select:hover,
.sch-form .sch-tags select:focus {
	border-color: #262422 !important;
	background-color: #262422 !important;
}
.sch-form .sch-tags select::-ms-expand {
	display: none;
}
@media screen and (min-width: 980px) {
.sch-form.pc {
	display: flex;
}
.sch-form.sp {
	display: none;
}
.sch-form {
	position: absolute;
	right: 24px;
	top: 0;
}
.sch-form .sch-keyword {
	text-align: left;
	width: auto;
}
.sch-form .sch-keyword input[type=text] {
	width: 75%;
}
.sch-form .sch-keyword button {
	width: 40px;
	height: 40px;
}
.sch-form .sch-keyword button img {
	width: 30px;
	height: 30px;
}
.sch-form .sch-tags {
	margin-top: 0;
	width: auto;
}
.sch-form .sch-tags select {
	width: 100%;
}
}
/* ==============================================================
   #ブログ記事一覧
   ============================================================== */
.item-cat {
	color: #868482;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 8px;
}
.item-cat span {
	background: linear-gradient(transparent 60%, #F4F2F0 60%);
	padding: 0 0 2px;
}
/* ==============================================================
   #ブログ記事：サイド
   ============================================================== */
.aside-item {
 margin-top: calc(24px * 1);
}
.aside-item + .aside-item {
 margin-top: calc(24px * 1);
}
.cat-list {
	margin: 0;
}
.cat-list li + li {
	margin-top: -1px;
}
.cat-list a {
	border: #D6D4D2 solid 1px;
	display: block;
	padding: 16px;
}
.cat-list a:hover {
	background-color: #F6F4F2;
}
.cat-list a::before {
	content: "";
	border-top: #262422 solid 1px;
	border-left: #262422 solid 1px;
	width: 6px;
	height: 6px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
 right: calc(24px * 1 + 2px);
	transform: rotate(135deg);
	opacity: 0.5;
}
@media screen and (min-width: 1280px) {
.aside-item {
	margin-top: 0;
	padding-left: 24px;
}
.aside-item + .aside-item {
 margin-top: calc(24px * 2);
}
.aside-item .tag-list >li > a {
	font-size: 1.1rem;
	height: 28px;
	line-height: 28px;
}
}
.archive-list-wrap {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
 margin: 0 -32px calc(24px * 1);
	padding: 0;
}
.archive-list .cat-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}
.archive-list .cat-list li {
	flex-basis: 100%;
	width: 100%;
	padding: 0;
}
.archive-list .cat-list li:first-child {
	display: none;
}
.archive-list .cat-list li + li {
	flex-basis: calc(100% / 3);
	width: calc(100% / 3);
	margin: 0;
}
.archive-list .cat-list .sp-indent {
	display: block;
}
.archive-list .cat-list li a {
	font-size: 1.2rem;
	text-align: center;
	padding: 12px 12px;
	border: none;
}
.archive-list .cat-list li a.active {
	background-color: #F6F4F2;
	font-weight: bold;
}
.archive-list .cat-list li .cat-list-index {
	font-weight: bold;
}
.archive-list .cat-list li a::before {
	display: none;
}
.archive-list .cat-list li::before {
	content: "";
	display: block;
	border-left: #262422 solid 1px;
	width: 0;
	height: 1.5em;
	margin: auto;
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	transform: rotate(16deg);
	z-index: 4;
}
.archive-list .cat-list li:first-child::before,
.archive-list .cat-list li:nth-child(2)::before {
	display: none;
}
@media screen and (min-width: 768px) {
.archive-list-wrap {
 margin: 0 auto calc(24px * 2);
}
.archive-list .cat-list {
	width: auto;
	justify-content: center;
}
.archive-list .cat-list li {
	flex-basis: auto;
	width: auto;
	padding: 0 12px;
}
.archive-list .cat-list li:first-child {
	display: inherit;
}
.archive-list .cat-list li + li {
	flex-basis: auto;
	width: auto;
}
.archive-list .cat-list .sp-indent {
	display: inline;
}
}
/* ==============================================================
   #ブログ：記事
   ============================================================== */
.archive-list {
}
.archive-list-item {
 margin-bottom: calc(24px * 1);
}
.land-status {
	font-size: 1.4;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 0;
}
.land-status::before {
	content: "";
	border-top: #262422 solid 1px;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.land-status span {
	background-color: #FFF;
	display: inline-block;
	padding: 0 2em;
	z-index: 2;
}
@media screen and (min-width: 768px) {
.archive-list-item {
 margin-bottom: calc(24px * 2);
}
}
/* ==============================================================
   #ブログ：記事
   ============================================================== */
#blog .post-header {
	border-bottom: #E6E4E2 solid 1px;
	margin-bottom: 16px;
	padding-bottom: 8px;
}
#blog .post-header .post-cat {
	background-color: #C6C4C2;
	border-radius: 1px;
	color: #FFF;
	display: inline-block;
	font-size: 1.4rem;
	padding: 8px 16px;
	margin-bottom: 16px;
	position: relative;
}
#blog .post-header .post-time {
	font-size: 1.2rem;
	display: block;
	text-align: left;
}
#blog .post-header .lead-ttl {
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 0;
}
#blog .post-catch {
	background-size: cover;
	background-position: center;
	padding-top: 67%;
	margin-bottom: 32px;
}
#blog .post-content {
}
#blog .post-content a {
}
#blog .post-footer {
}
#blog .post-tag {
	margin-bottom: 24px;
}

 @media screen and (min-width: 768px) {
#blog .post-header .lead-ttl {
	font-size: 3.2rem;
	line-height: 1.4;
	margin-bottom: 0;
}

#blog .post-catch {
	padding-top: 67%;
	margin-bottom: 32px;
}
#blog .post-tag {
	margin-bottom: 48px;
}
}
/* ==============================================================
   #ブログ：ギャラリー
   ============================================================== */
#blog .foogallery {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	height: auto!important;
	width: inherit!important;
	max-width: inherit!important;
	margin: -4px;
}
#blog .fg-item {
	border: none!important;
	width: 100%!important;
	flex-grow: 1;
	flex-basis: calc(100% / 2 - 8px)!important;
	max-width: calc(100% / 2 - 8px)!important;
	height: auto!important;
	position: relative!important;
	top: inherit!important;
	left: inherit!important;
	overflow: hidden;
	margin: 4px;
}
#blog .fg-item::before {
	content: "";
	display: block;
	padding-top: 60%;
}
#blog .fg-thumb {
	z-index: 6;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#blog .foogallery .fg-image-wrap {
	display: block;
	position: relative;
	height: 100%;
}
#blog .fg-item .fg-image {
	width: auto;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#blog .fg-caption {
	display: none;
}
#blog .fg-item-inner {
	border: none;
	box-shadow: none;
	height: auto!important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.photo-gallery li {
	padding-top: 24px;
	padding-bottom: 24px;
}
.photo-gallery li figure {
	background-size: cover;
	background-position: center;
	display: block;
	width: 100%;
	padding-top: 65%;
}
 @media screen and (min-width: 768px) {
#blog .foogallery {
	margin: -12px;
}
#blog .fg-item {
	flex-basis: calc(100% / 2 - 24px)!important;
	max-width: calc(100% / 2 - 24px)!important;
	margin: 12px;
}
}
/* ==============================================================
   #ブログ：ページ送り
   ============================================================== */
#page-navi .wp-pagenavi {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
}
#page-navi .wp-pagenavi a,
#page-navi .wp-pagenavi span {
	text-decoration: none;
	border: none;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	flex-basis: 3em;
	max-width: 3em;
	height: 40px;
	padding: 0;
	margin: 8px;
	text-align: center;
}
#page-navi .wp-pagenavi .current {
}
#page-navi .wp-pagenavi .current::after {
	content: "";
	border-bottom: #262422 solid 3px;
	height: 0;
	position: absolute;
	right: 0;
	bottom: -3px;
	left: 0;
}
#page-navi .wp-pagenavi .extend {
	border-bottom: none;
}
/* ==============================================================
   #ブログ：記事ページ送り
   ============================================================== */
.post-pagination {
	border-top: #262422 solid 1px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	margin: 48px 0 -15px;
}
.post-pagination .post-next,
.post-pagination .post-prev,
.post-pagination .post-home {
	border-bottom: #DDD solid 1px;
	padding: 15px 0;
	flex-basis: 100%;
	max-width: 100%;
}
.post-pagination .post-next {
	order: 1;
}
.post-pagination .post-prev {
	text-align: right;
	order: 2;
}
.post-pagination .post-home {
	display: flex;
	justify-content: center;
	order: 3;
}
.post-pagination a {
	display: flex;
	align-items: center;
}
.post-pagination a.back-home {
	justify-content: center;
}
.post-pagination a i {
	background-color: #CCC;
	background-size: cover;
	background-position: center;
	flex-basis: 80px;
	max-width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
}
.post-pagination a i img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.post-pagination h4 {
	font-size: 1.2rem;
	line-height: 1.4;
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
	margin: 0;
}
.post-pagination h4 span {
	display: block;
}
.post-pagination h4 small {
	font-size: 1rem;
	font-weight: normal;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 8px;
}
.post-pagination h4 small::before,
.post-pagination h4 small::after {
	content: "";
	width: 0px;
	margin: auto;
	position: absolute;
	top: -2px;
	bottom: 0;
}
.post-pagination h4 small::before {
	border-left: #333 solid 1px;
	left: 0;
	transform: rotate(-18deg);
}
.post-pagination h4 small::after {
	border-right: #333 solid 1px;
	right: 0;
	transform: rotate(18deg);
}
.post-pagination .post-next h4 {
	padding-left: 1em;
}
.post-pagination .post-prev h4 {
	padding-right: 1em;
}
.post-pagination .back-home h4 {
	font-size: 1.4rem;
	text-align: center;
	padding: 0;
}
 @media screen and (min-width: 768px) {
.post-pagination .post-next,
.post-pagination .post-prev,
.post-pagination .post-home {
	border-bottom: none;
}
.post-pagination .post-prev,
.post-pagination .post-next {
	flex-basis: calc(50% - 60px);
	max-width: calc(50% - 60px);
}
.post-pagination .post-prev {
	order: 3
}
.post-pagination .post-next {
	order: 1;
}
.post-pagination .post-home {
	flex-basis: 120px;
	max-width: 120px;
	order: 2;
}
.post-pagination h4 {
	font-size: 1.4rem;
}
}
.post-pagination.sticky {
	display: none;
	visibility: hidden;
}
 @media screen and (min-width: 768px) {
.post-pagination.sticky .post-prev,
.post-pagination.sticky .post-next {
	padding: 0;
}
}
/*#blog .foogallery {
	display: flex;
	flex-wrap: wrap;
	height: auto!important;
	margin: 0!important;
	padding: 0!important;
}

#blog .fg-item {
	height: auto!important;
 flex-basis: 50%;
    max-width: 100%;
    margin: 0!important;
	padding: 0!important;
    position: relative;
    top: auto!important;
    left: auto!important;
}*/

#blog .foogallery.fg-image-viewer .fiv-ctrls,
#blog .foogallery.fg-image-viewer.fg-border-thin .fiv-inner-container {
	border-width: 0;
}
/* ==============================================================
   #オープンハウス一覧
   ============================================================== */
.archive-list dl {
	margin-top: calc(24px / 2);
	padding: 0;
}
.archive-list dl dt,
.archive-list dl dd {
	font-size: 1.2rem;
}
.archive-list dl dt {
	width: 3.5em;
	float: left;
}
.archive-list dl dd {
	overflow: hidden;
}
.archive-list dl dt,
.archive-list dl dd {
	margin-top: .25em;
}
/* ==============================================================
   #オープンハウスページ
   ============================================================== */
.events-item.archive-list-item a {
	background-color: #FFF;
	display: block;
	flex-direction: column;
	justify-content: start;
	height: calc(100% - 24px);
}
.events-item figure {
	background-size: cover;
	background-position: center;
	padding-top: 67%;
}
.events-item figure.seminar {
	background-size: contain;
}
.events-item h4 {
	font-size: 1.6rem;
	margin-top: 16px;
}
.events-item .events-data {
	display: flex;
	font-size: 1.2rem;
	align-items: center;
	min-height: inherit;
	margin: 24px 0 0;
	line-height: 1.6;
}
/*.events-item .events-data::before {
	content: "";
	border-top: #262422 solid 1px;
	width: 3em;
	position: absolute;
	top: 0;
	left: 0;
}*/
.openhouse-thumb {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 100%;
}
.inq-box {
	background-color: #F6F4F2;
	padding: 16px;
	margin-top: 32px;
	margin-left: -32px;
	margin-right: -32px;
}
.inq-box h5 {
	font-size: 1.4rem;
	text-align: center;
}
#blog .post-content .inq-box p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto;
}
.inq-box .btn-wrap {
	margin-top: 0;
}
.inq-tel span,
.inq-code span {
	display: inline-block;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.2rem;
	line-height: 1;
	padding-left: 32px;
}
.inq-tel span::before {
	content: "";
	background-image: url(../imgs/theme/icon-phone.svg);
	background-size: cover;
	background-position: center;
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.inq-code span {
	display: block;
	padding-left: 0;
}
.inq-tel small {
	display: block;
	margin-top: 5px;
	padding-bottom: 5px;
}
.map-code-box {
	background-color: #FFF;
	padding: 16px;
}
#blog .post-content .map-code {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 4rem;
	margin: auto;
	border: #262422 solid 1px;
	display: inline-block;
	padding: 8px 16px;
	line-height: 1;
}
.eyecatch-msg {
	color: #e57373;
	font-size: 1rem;
	position: absolute;
	right: -25px;
	z-index: 2;
}
#gaiyo {
	background-color: #FFF;
	display: inline-block;
	margin-top: 0px;
	margin-left: -32px;
	padding: 24px 32px 0;
}
#gaiyo dl {
	font-size: 1.4rem;
	font-weight: bold;
}
#gaiyo dl dt {
	width: 4em;
	float: left;
}
#gaiyo dl dd {
	overflow: hidden;
}
#gaiyo dl dt,
#gaiyo dl dd {
	margin-top: .5em;
}
.niigataModelhouse #gaiyo.nm{
	max-width: 500px;
	display: block;
	margin: 0 auto 30px;
	padding: 0 2rem;
	text-align: left!important;
	    font-family: 'Noto Serif JP',Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,arial,sans-serif
}
.niigataModelhouse #gaiyo.nm dl{
	margin-bottom: 20px
}


.seminar-post #gaiyo {
	background-color: #FFF;
	border-bottom: #D6D4D2 solid 1px;
	display: block;
	max-width: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 24px;
	padding: 0 0 24px;
}
.seminar-post img {
	width: 100%;
	height: auto;
}
#oh-point ul {
	font-size: 1.2rem;
}
#mapcode {
	text-align: center;
	padding: 32px;
}
#mapcode #code {
	background-color: #FFF;
	padding: 16px;
	margin-top: 16px;
}
#mapcode #code p {
}
#mapcode #code span {
	display: block;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.2rem;
	line-height: 1;
	margin: 8px auto 0;
}

/*予約ボタン*/
#oh-inquiry {
margin: 10px auto 30px;
}



 @media screen and (min-width: 768px) {
.eyecatch-msg {
	right: 20px;
}
#gaiyo {
	min-width: 50%;
	max-width: 75%;
	margin-top: 0px;
	margin-left: 0;
	padding: 32px 32px 0 0;
}
#gaiyo dl {
	font-size: 1.8rem;
}
#oh-point ul {
	font-size: 1.4rem;
}
.events-item figure {
	padding-top: 75%;
}
.events-item h4 {
	margin-top: 24px;
}
.events-item .events-data {
	font-size: 1.4rem;
	line-height: 1.8;
}
.openhouse-thumb {
	padding-top: 56.25%;
}
.inq-box {
	margin-left: 0;
	margin-right: 0;
}
.inq-box h5 {
	font-size: 1.6rem;
}
.inq-tel span {
	font-size: 4rem;
}
}
.img-mapcode {
	margin-left: -8px;
	margin-right: -8px;
}
.img-mapcode [class*="fw-col-"] {
	padding-left: 8px;
	padding-right: 8px;
}
/* ==============================================================
   #ギャラリー
   ============================================================== */
.gallery-logo {
	text-align: left;
	margin-top: 24px;
	margin-bottom: 0;
}
.gallery-logo img {
	max-height: 120px;
	width: auto;
	margin: 0 auto 0 0;
}
/* ==============================================================
   #土地・分譲地情報
   ============================================================== */

.land-img {
	display: block;
	text-align: center;
	margin-bottom: 24px;
}
.land-img img {
	margin: auto;
}
.spec-price {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
}
.spec-price.soldout {
	color: #F96AB4;
	font-size: 1.8rem;
	font-weight: bold;
}
 @media screen and (min-width: 768px) {
.land-img {
	margin-bottom: 0;
}
}

/* tagが表示なしなので間隔とるため。 */
.mb-land{
margin-bottom: 36px!important;
}

.land_cap{
	margin-bottom: calc(var(--column-gutter)/1)!important;
}
/* ==============================================================
   #デザイン力
   ============================================================== */
.desigin-con + .desigin-con {
 padding-top: calc(24px * 2);
}
#design-showroom {
	background-size: cover;
	background-position: center;
	height: 40vh;
}
.desigin-copy h3 {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .1em;
}
.desigin-copy span {
	transform: scaleX(.8);
	transform-origin: left;
}
 @media (min-width: 768px) {
.desigin-con + .desigin-con {
 padding-top: calc(24px * 3);
}
.desigin-copy-wrap {
	display: flex;
	justify-content: space-between;
}
.desigin-copy {
	overflow: hidden;
	flex: 1;
	margin: 0;
}
.desigin-copy h3 {
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}
.desigin-copy.left h3 {
	text-align: left;
}
.desigin-copy.right h3 {
	text-align: right;
}
.desigin-copy span {
	text-align: left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	line-height: 2.4;
	transform-origin: center;
}
.desigin-copy h3 {
	font-size: 2.6rem;
}
}
 @media (min-width: 1280px) {
.desigin-con + .desigin-con {
 padding-top: calc(24px * 6);
}
}
/* ==============================================================
   #住宅性能・構造
   ============================================================== */
.whats-box {
	border-top: #262422 solid 1px;
	border-bottom: #262422 solid 1px;
	margin-left: -32px;
	margin-right: -32px;
}
.des-box-wrap {
	background-color: #F6F4F2;
	padding: 16px;
}
.des-box {
	margin-left: -8px;
	margin-right: -8px;
}
.des-box [class*="fw-col-"] {
	padding-left: 8px;
	padding-right: 8px;
}
#per-list {
	padding: 0;
}
#per-list > .flick-inner {
	margin: 0;
}
#per-list > .flick-inner > .per-item {
	padding: 0;
}
#per-list > .flick-inner > .per-item + .per-item {
	margin-left: 0;
}
#per-list img {
	border: #CCC solid 1px;
}
.whats-ttl {
	font-size: 2.4rem;
}
.whats-ttl .txt-track {
	width: 100%;
	border-bottom: #262422 solid 1px;
}
.per-img-column {
	margin-left: -8px;
	margin-right: -8px;
}
.per-img-column [class*="fw-col-"] {
	padding-left: 8px;
	padding-right: 8px;
}
.per-img.border {
	border: #262422 solid 1px;
}
.per-img + small {
	margin-top: 8px;
	display: block;
}
 @media screen and (min-width: 768px) {
.whats-ttl {
	font-size: 3.2rem;
}
.whats-ttl .txt-track {
	width: 100%;
}
#per-list {
	margin-top: 32px;
}
}
/* ==============================================================
   #スタッフ紹介
   ============================================================== */
#staff #page-kv.column div {
	background-size: cover;
	background-position: center center;
	flex-basis: calc(100% / 3);
	width: calc(100% / 3);
	height: 100%;
}
#staff #page-kv.column .kv-1 {
	background-image: url(../imgs/staff/kv_01.jpg);
}
#staff #page-kv.column .kv-2 {
	background-image: url(../imgs/staff/kv_02.jpg);
	display: none;
}
#staff #page-kv.column .kv-3 {
	background-image: url(../imgs/staff/kv_03.jpg);
}
#staff #page-kv.column .kv-4 {
	background-image: url(../imgs/staff/kv_04.jpg);
}
#staff #page-kv.column .kv-5 {
	background-image: url(../imgs/staff/kv_05.jpg);
	display: none;
}
.staff-item {
 margin-bottom: calc(24px * 2);
}
.staff-name .lead-ttl {
	font-size: 2.4rem;
	margin-top: 24px;
	margin-bottom: 0;
}
.staff-name .lead-ttl small {
	font-size: 1.6rem;
}
.staff-name p {
	margin-bottom: 0;
}
#gm p {
	margin-top: 24px;
}
#gm .staff-name .lead-ttl,
#gm .staff-name p {
	margin-top: 0;
}
 @media screen and (min-width: 768px) {
#staff #page-kv.column div {
	flex-basis: 20%;
	width: 20%;
	height: 100%;
}
#staff #page-kv.column .kv-2,
#staff #page-kv.column .kv-5 {
	display: block;
}
.staff-item {
 margin-bottom: calc(24px * 3);
}
.staff-name p small {
	font-size: 1.1rem;
}
#gm p {
	margin-top: 0;
}
}
/*
==============================================================
   #トップ：お客様の声
   ============================================================== */

#sec-voice{
	margin-bottom: 100px;
}

.voice-photo {
	overflow: hidden;
}

.sec-voice{
margin-bottom: 40px;
}



 @media screen and (min-width: 1440px) {
.show-content-box {
}
.voice-photo {
	margin-bottom: 0;
	overflow: inherit;
}
}

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


	 #sec-voice .lead-ttl{
		 margin-top: 30px;
	 }


}


/* ==============================================================
   #ショールーム
   ============================================================== */
.graftekt-box {
	border-top: #262422 solid 1px;
	border-bottom: #262422 solid 1px;
	text-align: center;
	margin-left: -32px;
	margin-right: -32px;
	padding: 24px;
}
.collabo-logo {
	text-align: center;
	max-width: 50%;
	margin: calc(24px / 2) auto calc(24px / 1);
}
.collabo-logo img {
	margin: auto;
}
.graftekt-box p {
	font-size: 1.4rem;
     text-align: left;
}
.photo-show-box {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin-left: -32px;
	margin-right: -32px;
}
.photo-show:nth-child(1),
.photo-show:nth-child(3),
.photo-show:nth-child(6),
.photo-show:nth-child(8) {
	flex-basis: 40%;
	max-width: 40%;
}
.photo-show:nth-child(2),
.photo-show:nth-child(4),
.photo-show:nth-child(5),
.photo-show:nth-child(7) {
	flex-basis: 60%;
	max-width: 60%;
}
.photo-show:nth-child(1) {
	order: 1;
}
.photo-show:nth-child(2) {
	order: 2;
}
.photo-show:nth-child(3) {
	order: 4;
}
.photo-show:nth-child(4) {
	order: 3;
}
.photo-show:nth-child(5) {
	order: 6;
}
.photo-show:nth-child(6) {
	order: 5;
}
.photo-show:nth-child(7) {
	order: 7;
}
.photo-show:nth-child(8) {
	order: 8;
}
.show-spec {
	font-size: 1.2rem;
 margin-top: calc(24px * 1);
	margin-bottom: 0;
}
.show-spec + .show-spec {
	margin-top: 8px;
}
 @media screen and (min-width: 768px) {
.graftekt-box {
	border: #262422 solid 1px;
	padding: 24px 190px;
	margin-left: auto;
	margin-right: auto;
}
.graftekt-box .ttl-wrap {
	background-color: #FFF;
	display: inline-block;
	padding: 0 1em;
	transform: translate3d(0, -100%, 0);
}
.collabo-logo {
	margin: 0 auto calc(24px / 1);
}
.graftekt-box .lead-ttl {
	font-size: 2.8rem;
	margin-bottom: 0;
}
.graftekt-box p {
	font-size: 1.6rem;
    text-align: left;
}
.photo-show:nth-child(1),
.photo-show:nth-child(3),
.photo-show:nth-child(6),
.photo-show:nth-child(8) {
	flex-basis: 20%;
	max-width: 20%;
}
.photo-show:nth-child(2),
.photo-show:nth-child(4),
.photo-show:nth-child(5),
.photo-show:nth-child(7) {
	flex-basis: 30%;
	max-width: 30%;
}
.photo-show:nth-child(1) {
	order: 1;
}
.photo-show:nth-child(2) {
	order: 2;
}
.photo-show:nth-child(3) {
	order: 3;
}
.photo-show:nth-child(4) {
	order: 4;
}
.photo-show:nth-child(5) {
	order: 5;
}
.photo-show:nth-child(6) {
	order: 6;
}
.photo-show:nth-child(7) {
	order: 7;
}
.photo-show:nth-child(8) {
	order: 8;
}
.show-spec {
	font-size: 1.4rem;
	float: left;
	width: 50%;
	margin-top: 24px;
}
.show-spec + .show-spec {
	margin-top: 24px;
}
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
.graftekt-box {
	padding: 24px;
}

}



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


.graftekt-box .lead-ttl {
	font-size: 3.2rem;
}
.photo-show-box {
	margin-left: 0;
	margin-right: 0;
}
.show-spec {
	width: 30%;
 margin-top: calc(24px * 2);
}
.show-spec + .show-spec {
	width: 70%;
 margin-top: calc(24px * 2);
}
}
.map-info-item .under {
	margin-bottom: calc(24px / 2);
}
.map-info-item {
	margin-top: 24px;
}
 @media screen and (min-width: 768px) {
.map-info-item {
	margin-top: 24px;
}
}
 @media screen and (min-width: 1280px) {
.map-info-item {
 margin-top: calc(24px * 2);
}
}
/* ==============================================================
   #初めてのお客様へ
   ============================================================== */
#guide #page-kv {
	background-position: center;
	background-size: cover;
	background-repeat: repeat-x;/*	background-image: url(../imgs/adm/adm_photo_02.jpg), url(../imgs/adm/adm_photo_02.jpg), url(../imgs/adm/adm_photo_02.jpg);
	background-size: calc(100% / 3) auto,  calc(100% / 3) auto,  calc(100% / 3) auto;
	background-position: center, center, center;*/
}
.case-plan {
}
.case-plan + .case-plan {
 margin-top: calc(24px * 2);
}
.case-plan-ttl {
	border-bottom: #262422 solid 1px;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 0!important;
}
.such-you-box {
	background-color: #F6F4F2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 16px 32px 0;
	min-height: 140px;
	margin-right: -32px;
	margin-left: -32px;
}
.such-you {
	background-image: url(../imgs/guide/arrow.png);
	background-size: 100% auto;
	background-position: center top;
 padding-top:  calc(24px * 2);
	font-size: 2rem;
	margin-right: -32px;
	margin-left: -32px;
 margin-bottom: calc(24px * 1);
	overflow: inherit;
}
.such-you-mutter {
	font-size: 1.2rem;
	overflow: hidden;
	padding-left: 16px;
	flex-basis: calc(100% - 80px);
	max-width: calc(100% - 80px);
	margin-bottom: 0;
}
.such-you-icon {
	background-image: url(../imgs/guide/pepole_01.jpg);
	background-size: cover;
	background-position: center;
	/*border: #262422 solid 1px;*/
	border-radius: 100%;
	display: block;
	flex-basis: 72px;
	width: 72px;
	height: 72px;
}
.marker {
	background: linear-gradient(transparent 60%, #F4F2F0 60%);
	padding: 0 0 2px;
}
.case-plan-logo img {
	height: 56px;
	width: auto;
	margin: auto auto 24px;
}
.case-plan-text {
	text-align: center;
	margin-top: calc(24px / 2);
	margin-bottom: 0;
}
.case-plan .fw-btn {
	max-width: 256px;
	min-height: 48px;
}
 @media screen and (min-width: 768px) {
.such-you-box {
	padding: 16px;
	margin-right: 0;
	margin-left: 0;
}
.such-you {
	font-size: 1.8rem;
	margin-right: 0;
	margin-left: 0;
}
.case-plan-text {
	margin-top: 24px;
}
.case-plan + .case-plan {
	border-left: #D6D4D2 solid 1px;
	margin-top: 0;
}
}
/* ==============================================================
   #フォーム：プライバシーポリシー
   ============================================================== */
#policy-box-wrap {
	text-align: center;
	padding: 24px 24px 0;
}
#policy-box-wrap > h3 {
	font-size: 1.8rem;
	display: inline-block;
	margin: auto;
}
#policy-box {
	background-color: #FFF;
	border: #E6E4E2 solid 2px;
	overflow-y: scroll;
	height: 240px;
	text-align: left;
	margin: auto;
	padding: 16px 8px;
	-webkit-overflow-scrolling: touch;
}
#policy-box .lead-ttl {
	font-size: 1.2rem;
	letter-spacing: 0;
	margin-bottom: 0;
}
#policy-box .lead-ttl .txt-track {
	display: block;
	width: auto;
	transform: none;
}
#policy-box p,
#policy-box ul {
	font-size: 1rem;
	line-height: 1.6;
}
#policy-box li + li {
	margin-top: 0;
}
#policy-box .paragraph + .paragraph {
	margin-top: calc(24px / 2);
}
 @media screen and (min-width: 768px) {
#policy-box {
	padding: 16px 32px;
}
#policy-box .lead-ttl {
	font-size: 1.4rem;
}
#policy-box p,
#policy-box ul {
	font-size: 1.2rem;
}
}
/* ==============================================================
   #フォーム
   ============================================================== */
.form-box {
	background-color: #F4F2F0;
	padding: 48px 32px;
	margin: auto -32px auto;
}
#form-section {
}
.form-ttl {
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 4px;
	opacity: 0.5;
}
.contact-form label + .form-ttl {
	margin-top: 1em;
}
.form-wrap {
	font-family: YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
	padding: 0;
	margin: 0 -24px;
}
.contact-form {
	padding: 12px 24px;
}
.contact-form:hover {
	background-color: rgba(0,0,0,0.05);
	border-radius: 4px;
}
.contact-form + .contact-form {
/*border-top: #EEE solid 1px;*/

}
.contact-form dt {
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 10px;
	width: 100%;
}
.contact-form dd {
	width: 100%;
}
 @media screen and (min-width: 768px) {
.form-box {
	background-color: #F4F2F0;
	border-radius: 8px;
	padding: 48px 32px;
	margin: auto;
}
.form-ttl {
	font-size: 1.6rem;
}
.contact-form {
	padding: calc(24px / 2) 24px;
}
.contact-form dt,
.contact-form dd {
	padding-bottom: 0;
}
.contact-form dt {
	float: left;
	width: 25%;
	padding-right: 20px;
	text-align: right;
}
.contact-form dd {
	overflow: hidden;
	width: 75%;
}
}
.fw-form {
	display: flex;
	flex-wrap: wrap;
}
.fw-form + .fw-form {
	margin-top: 10px;
}
.fw-form fieldset {
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.fw-form input,
.fw-form select,
.fw-form textarea {
	background-color: #FFF;
	border: 2px solid #FFF;
	border-radius: 0;
	background-clip: padding-box;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
	width: 100%;
	padding: 1.6rem 1.2rem;
	margin: 0px;
	z-index: 1;
	outline: none;
	display: inline-flex;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.fw-form input:focus,
.fw-form select:focus,
.fw-form textarea:focus {
	border-color: #C6C4C2!important;
	background-color: #FFF!important;
}
.fw-form select::after {
	content: "";
	border-top: #333 solid 2px;
	border-left: #333 solid 2px;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin: auto;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
}
.fw-form input[type="text"],
.fw-form input[type="email"],
.fw-form input[type="tel"],
.fw-form input[type="date"] {
}
.fw-form input[type="text"]:hover,
.fw-form input[type="email"]:hover,
.fw-form input[type="tel"]:hover,
.fw-form input[type="date"]:hover,
.fw-form select:hover,
.fw-form textarea:hover {
	border-color: #C6C4C2;
	background-color: #FFF;
}
.fw-form input[type="radio"],
.fw-form input[type="checkbox"] {
	background-color: #FFF;
	border-color: #C6C4C2;
	height: 32px;
	min-width: 32px;
	width: 32px;
	max-width: 32px;
	padding: 0;
}
.fw-form input[type="radio"]::before,
.fw-form input[type="checkbox"]::before {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fw-form input[type="radio"] {
	border-radius: 100%;
}
.fw-form input[type="radio"]::before {
	background-color: #262422;
	border-radius: 100%;
	height: 14px;
	width: 14px;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: ease-out 0.2s;
	-webkit-transition: ease-out 0.2s;
}
.fw-form input[type="radio"]:checked::before {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.fw-form input[type="checkbox"] {
	border-radius: 2px;
}
.fw-form input[type="checkbox"]::before {
	height: 0;
	width: 0;
}
.fw-form input[type="checkbox"]:checked::before {
	border-top: #262422 solid 4px;
	border-left: #262422 solid 4px;
	height: 16px;
	width: 12px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	bottom: 6px;
}
.fw-form input[type="radio"],
.fw-form input[type="checkbox"],
.fw-form input[type="submit"],
.fw-form label {
	cursor: pointer;
}
.fw-form input[type="radio"] + label,
.fw-form input[type="checkbox"]+ label {
	width: calc(100% - 32px);
	padding: 0 2em 0 .5em;
}
.fw-form input[type="radio"]:hover,
.fw-form input[type="checkbox"]:hover {
}
.fw-form input[type="radio"]:hover + label,
.fw-form input[type="checkbox"]:hover + label {
	color: #0046C8;
}
.fw-form input[type="text"][disabled],
.fw-form input[type="email"][disabled],
.fw-form input[type="tel"][disabled],
.fw-form input[type="radio"][disabled],
.fw-form input[type="checkbox"][disabled],
.fw-form input[type="submit"][disabled],
.fw-form select[disabled],
.fw-form input[type="radio"][disabled] + label,
.fw-form input[type="checkbox"][disabled] + label {
	opacity: 0.2;
	cursor: default;
}
.fw-form .formError + input[type="text"],
.fw-form .formError + input[type="email"],
.fw-form .formError + input[type="tel"],
.fw-form .formError + input[type="radio"],
.fw-form .formError + input[type="checkbox"],
.fw-form .formError + select {
	background-color: #FFF!important;
	border-color: #EE0000!important;
}
.fw-form h4 {
	font-size: 1.4rem;
	padding-right: 24px;
}
.fw-form p {
}
.fw-form .required {
	background-color: #F0573A;
	border-radius: 2px;
	color: #FFF;
	padding: 0 12px 0 14px;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	height: 22px;
	margin-left: 6px;
	top: -2px;
	display: inline-block;
	letter-spacing: 2px;
}
.fw-form .any {
    background-color: var(--g500, #2f8a7e);
    border-radius: 2px;
    color: #FFF;
    padding: 0 12px 0 14px;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    height: 22px;
    margin-left: 6px;
    top: -2px;
    display: inline-block;
    letter-spacing: 2px;
}

.submitArea .btn-back {
	border-color: #C6C4C2;
	text-align: center;
	display: inline-block;
	max-width: 50%;
	font-size: 1.2rem;
	margin: 12px auto auto;
}
 @media screen and (min-width: 768px) {
.fw-form input,
.fw-form select,
.fw-form textarea {
	font-size: 1.6rem;
	padding: 1.2rem 1.6rem;
}
}
.fw-form select[name="your-name"],
.fw-form select[name="your-planarea"],
.fw-form select[name="your-area"],
.fw-form select[name="your-estateinfo"] {
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}
/* ==============================================================
   #フォーム：プレースホルダー
   ============================================================== */
:placeholder-shown {
 color: #C6C4C2;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
 color: #C6C4C2;
}

/* Firefox 18- */
:-moz-placeholder {
 color: #C6C4C2;
opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
 color: #C6C4C2;
opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
 color: #C6C4C2;
}
/* ==============================================================
   #チェックボックス＆ラジオボタン
   ============================================================== */
.cr-wrap {
	margin: -5px;
}
.cr-inline {
}
.cr-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 5px;
	width: 100%;
}
.cr-inline .cr-item {
	width: auto;
}
.cr-item + .cr-item {
}
.cr-wrap > br {
	display: none;
}
.fw-form .wpcf7-checkbox,
.fw-form .wpcf7-radio {
	display: flex;
	flex-direction: column;
}
.fw-form span.wpcf7-list-item {
	display: flex;
	margin: 0;
}
.fw-form span.wpcf7-list-item + .wpcf7-list-item {
	margin-top: 12px;
}
.fw-form .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
}
.fw-form .wpcf7-list-item .wpcf7-list-item-label {
	font-size: 1.4rem;
	font-weight: bold;
	padding-left: 8px;
}
#agree-check {
 padding-top: calc(24px * 1);
}
#agree-check .your-consent {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 24px;
}
 @media screen and (min-width: 768px) {
.fw-form .wpcf7-list-item .wpcf7-list-item-label {
	font-size: 1.6rem;
}
}
/* ==============================================================
   #セレクトボックス
   ============================================================== */
.select-wrap {
}
.select-wrap select {
	border-color: #CCC;
	padding-right: 2em;
	cursor: pointer;
}
.select-wrap select:hover {
	background-color: #FFF;
}
.select-arrow {
	width: 100%;
	max-width: 100%;
}
.select-arrow::before {
	content: "";
	border-top: #333 solid 3px;
	border-left: #333 solid 3px;
	width: 9px;
	height: 9px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin: auto;
	position: absolute;
	bottom: calc(1em + 4.5px);
	right: 1em;
	z-index: 2;
}
@media screen and (min-width: 768px) {
.select-wrap select {
	padding-right: 3em;
}
.select-arrow.inline {
	width: auto;
	max-width: 100%;
}
}
/* ==============================================================
   #送信ボタン
   ============================================================== */
.submitArea {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	max-width: 320px;
	margin: auto;
}
.submitArea input[type="submit"] {
	background-color: #2f8a7e;
	border: none;
	border-radius: 2px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 1.2em 1em;
	display: block;
	cursor: pointer;
	width: 100%;
}
.submitArea br + input[type="submit"] {
	background-color: #FFF;
	border: #333 solid 2px;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	padding: 10px 1em;
	max-width: 180px;
	margin: 20px auto auto;
}
.submitArea input[type="submit"]:hover,
.submitArea input[type="submit"]:focus,
.submitArea input[type="submit"]:active {
	background-color: #49867e!important;
}
.submitArea br + input[type="submit"]:hover {
	background-color: #FFF!important;
	border: #0046C8 solid 2px!important;
	color: #0046C8!important;
}
.submitArea br {
	display: none;
}
@media screen and (min-width: 768px) {
.submitArea {
	max-width: 480px;
}
}
#form-section .div.wpcf7 .ajax-loader {
	display: none;
}
/* ==============================================================
   #フォーム：入力ステップ
   ============================================================== */
#form-section .wpcf7c-elm-step-box {
	text-align: center;
	margin-bottom: 48px;
	padding: 0 24px;
}
#form-section .wpcf7c-elm-step-box h4 {
	font-size: 1.6rem;
	display: inline-block;
	padding: 0 3em;
}
#form-section .wpcf7c-elm-step-box h4::before,
 #form-section .wpcf7c-elm-step-box h4::after {
	content: "";
	border-top: #262422 solid 1px;
	width: 2em;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
#form-section .wpcf7c-elm-step-box h4::before {
	left: 0;
}
#form-section .wpcf7c-elm-step-box h4::after {
	right: 0;
}
#form-section .wpcf7c-elm-step-box p {
	font-size: 1.1rem;
	line-height: 1.6;
	margin: 0;
}
 @media screen and (min-width: 768px) {
#form-section .wpcf7c-elm-step-box h4 {
	font-size: 1.8rem;
}
#form-section .wpcf7c-elm-step-box p {
	font-size: 1.4rem;
}
}
/* ==============================================================
   #バリデーションポップアップ
   ============================================================== */
#form-section div.wpcf7-response-output {
	background-color: #FFF;
	border: 2px solid #F0573A;
	border-radius: 6px;
	color: #F0573A;
	font-weight: bold;
	margin: 24px auto 0;
	padding: 24px 16px;
	text-align: center;
}
#form-section .wpcf7-not-valid {
	background-color: #FFE6E6;
	border: 2px solid #F0573A;
}
#form-section .wpcf7-not-valid.wpcf7-checkbox {
	background-color: transparent;
	border: none;
}
#form-section .wpcf7-not-valid.wpcf7-checkbox input[type="radio"],
#form-section .wpcf7-not-valid.wpcf7-checkbox input[type="checkbox"] {
	background-color: #FFE6E6;
	border-color: #F0573A;
}
#form-section span.wpcf7-not-valid-tip {
	color: #F0573A;
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
	line-height: 32px;
	height: 32px;
	padding-left: 20px;
	z-index: 2;
}
#form-section span.wpcf7-not-valid-tip::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 8px 4px;
	border-color: transparent transparent #F0573A transparent;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
}
.formError {
	position: relative!important;
	/*top: 300px;
	left: 300px;*/
	top: auto!important;
	right: auto!important;
	bottom: auto!important;
	left: auto!important;
	display: block;
	height: 28px;
	cursor: default;
	text-align: left;
	margin-top: 0!important;
	margin-bottom: 5px!important;
	width: 100%;
	order: 0;
}
.formError .formErrorContent {
	display: inline-block;
	background: #FDDADD;
	border: none;
	border-radius: 30px;
	position: relative;
	color: #EE0000;
	min-width: 120px;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	padding: 0 1em 0 26px;
	overflow: hidden;
}
.formErrorContent-icon {
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 8px;
	bottom: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 7;
}
.formErrorContent-icon::before,
.formErrorContent-icon::after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.formErrorContent-icon::before {
	width: 12px;
	height: 0;
	border-top: #EE0000 solid 2px;
}
.formErrorContent-icon::after {
	width: 0;
	height: 12px;
	border-left: #EE0000 solid 2px;
}
/* ==============================================================
   #フォーム：注釈
   ============================================================== */
.form-notes {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0;
}
/* ==============================================================
   #資料請求
   ============================================================== */
.pamp-item + .pamp-item {
 margin-top: calc(24px * 2);
}
.pamp-item .lead-ttl {
	margin-top: 24px;
}
.border-box {
}
#inquiry .border-box .lead-ttl,
#inquiry-digitalcatalog .border-box .lead-ttl,
#form-openhouse-thanks .border-box .lead-ttl,
#form-seminar-thanks .border-box .lead-ttl,
#form-inquiry-thanks .border-box .lead-ttl,
#form-inquiry-digitalcatalog-thanks .border-box .lead-ttl,
#form-consult-thanks .border-box .lead-ttl {
	font-size: 1.8rem;
	margin-bottom: 0;
}
#inquiry .border-box .lead-ttl span,
#inquiry-digitalcatalog .border-box .lead-ttl span,
#form-openhouse-thanks .border-box .lead-ttl span,
#form-seminar-thanks .border-box .lead-ttl span,
#form-inquiry-thanks .border-box .lead-ttl span,
#form-inquiry-digitalcatalog-thanks .border-box .lead-ttl span,
#form-consult-thanks .border-box .lead-ttl span {
	width: 150%;
	margin-left: -25%;
}
#inquiry .border-box small,
#inquiry-digitalcatalog .border-box small,
#form-openhouse-thanks .border-box small,
#form-seminar-thanks .border-box small,
#form-inquiry-thanks .border-box small,
#form-inquiry-digitalcatalog-thanks .border-box small,
#form-consult-thanks .border-box small {
	display: block;
	line-height: 1.4;
}
#inquiry .inq-phone,
#inquiry-digitalcatalog .inq-phone,
#form-openhouse-thanks .inq-phone,
#form-seminar-thanks .inq-phone,
#form-inquiry-thanks .inq-phone,
#form-inquiry-digitalcatalog-thanks .inq-phone,
#form-consult-thanks .inq-phone {
	color: #262422;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.6rem;
	padding-left: 32px;
}
#inquiry .inq-phone::before,
#inquiry-digitalcatalog .inq-phone::before,
#form-openhouse-thanks .inq-phone::before,
#form-seminar-thanks .inq-phone::before,
#form-inquiry-thanks .inq-phone::before,
#form-inquiry-digitalcatalog-thanks .inq-phone::before,
#form-consult-thanks .inq-phone::before {
	content: "";
	background-image: url(../imgs/theme/icon-phone.svg);
	background-size: cover;
	background-position: center;
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
 @media screen and (min-width: 768px) {
.pamp-item + .pamp-item {
	margin-top: 0;
}
#inquiry .border-box .lead-ttl,
#inquiry-digitalcatalog .border-box .lead-ttl,
#form-openhouse-thanks .border-box .lead-ttl,
#form-seminar-thanks .border-box .lead-ttl,
#form-inquiry-thanks .border-box .lead-ttl,
#form-inquiry-digitalcatalog-thanks .border-box .lead-ttl,
#form-consult-thanks .border-box .lead-ttl {
	font-size: 2.4rem;
	margin-bottom: 0;
}
}
/* ==============================================================
   #住宅無料相談
   ============================================================== */
.select-day {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.select-day .unit {
	display: block;
	font-size: 1.2rem;
 padding: 1.6rem .4rem;
}
.select-day + .form-ttl,
.form-notes + .form-ttl {
	margin-top: 1em;
}
@media screen and (min-width: 768px) {
.select-day .unit {
	font-size: 1.6rem;
 padding: 1.6rem .8rem;
}
}
/* ==============================================================
   #プラン：adhouse
   ============================================================== */
#adhouse .page-ttl img {
	max-width: 240px;
	margin: auto;
}
.point-adhuse + .point-adhuse {
 margin-top: calc(24px * 2);
}
.point-adhuse .sec-ttl {
	font-size: 2.4rem;
	margin-top: 24px;
	margin-bottom: calc(24px / 2)!important;
}
 @media screen and (min-width: 768px) {
#adhouse .page-ttl img {
	max-width: 400px;
	margin: auto;
}
.point-adhuse + .point-adhuse {
 margin-top: calc(24px * 3);
}
.point-adhuse .sec-ttl {
	font-size: 3.2rem;
	margin-top: 0;
}
}
 @media screen and (min-width: 1280px) {
.point-adhuse + .point-adhuse {
 margin-top: calc(24px * 6);
}
}
/* ==============================================================
   #プラン：R+house
   ============================================================== */
#rhouse .no1 {
	right: 8px;
}
#rhouse .page-ttl img {
	max-width: 240px;
	margin: auto;
}
#flow {
}
.poem {
	font-size: 1.6rem;
	margin-top: 24px;
}
.flow-item + .flow-item {
 margin-top: calc(24px * 1.5);
 padding-top: calc(24px * 1.5);
}
.flow-item + .flow-item::before {
	content: "";
	border-top: #262422 solid 4px;
	border-left: #262422 solid 4px;
	width: 22.65px;
	height: 22.65px;
	margin: auto;
	position: absolute;
	top: -16px;
	right: 0;
	left: 0;
	transform: rotate(-135deg);
}
.flow-text {
	margin-top: 24px;
}
.flow-text .lead-ttl {
	border-bottom: #262422 solid 1px;
	font-size: 2rem;
	padding-bottom: 4px;
}
.flow-text p {
	margin-bottom: 0;
}
.border-box {
	border: #E6E4E2 solid 1px;
	padding: 24px calc(24px / 2);
}
.rhouse-point-item + .rhouse-point-item {
 margin-top: calc(24px * 2);
}
.rhouse-point-item p {
	overflow: hidden;
 margin-bottom:  calc(24px * 1);
}
.rhouse-point-item .ask-mark {
	max-width: 50%;
	margin: auto;
}
.QUA-table,
.QUA-table th,
.QUA-table td {
	border: #262422 solid 1px;
	font-size: 1.2rem;
	padding: 16px 8px;
	text-align: center;
}
.QUA-table .cell-1 {
	width: 4em;
}
.QUA-table .cell-2 {
	width: 50%;
}
.c-table,
.c-table td {
	border: #262422 solid 1px;
	padding: 50% 0 0;
	text-align: center;
}
.c-table p {
	display: flex;
	font-size: 1.2rem;
	align-items: center;
	justify-content: center;
	line-height: 1.6;
	width: 100%;
	height: 100%;
	padding: 0!important;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
 @media screen and (min-width: 768px) {
#rhouse .page-ttl img {
	max-width: 400px;
}
#rhouse .no1 {
	width: 120px;
	height: 120px;
}
.poem {
	font-size: 1.8rem;
	margin-top: 0;
}
.border-box {
	padding: 24px;
}
.rhouse-point-item figure {
	width: 40%;
	float: right;
}
.rhouse-point-item p {
	width: 60%;
	margin-bottom: 0;
 padding-right: calc(24px * 2);
	float: left;
}
.flow-item + .flow-item {
	margin-top: 0;
	padding-top: 0;
}
.flow-item + .flow-item::before {
	display: none;
}
.flow-text .lead-ttl {
	font-size: 2rem;
}
}
 @media screen and (min-width: 1280px) {
.border-box {
	border: #E6E4E2 solid 1px;
 padding: calc(24px * 1.5) 24px;
}
#rhouse .no1 {
	width: 160px;
	height: 160px;
	right: 16px;
}
.poem {
	font-size: 2rem;
	margin-top: 0;
}
}
/* ==============================================================
   #プラン：ADM
   ============================================================== */
#adm .page-ttl img {
	max-width: 240px;
	margin: auto;
}
#comparison {
 padding-top: calc(24px * 2);
 padding-bottom: calc(24px * 2);
}
#comparison::before {
	content: "";
}
.comparison-item {
	z-index: 2;
}
.comparison-item h4.lead-ttl {
 margin-top: calc(24px * 1);
}
.comparison-item p {
	margin-bottom: 0;
}
.comparison-item + .comparison-item {
 margin-top: calc(24px * 2);
}
.comparison-table,
.comparison-table th,
.comparison-table td {
	background-color: transparent!important;
	border: #262422 solid 1px;
}
.comparison-table th {
	border-bottom-width: 3px;
	text-align: center;
	width: calc(100% / 3);
}
.comparison-table th strong {
	font-size: 1.6rem;
}
.comparison-table td {
	font-size: 1.2rem;
}
.icon-merit,
.icon-demerit {
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.icon-merit {
	border: #036EB7 solid 10px;
	border-radius: 100%;
	opacity: 0.1;
}
.icon-demerit {
	transform: rotate(-45deg);
}
.icon-demerit::before,
.icon-demerit::after {
	content: "";
	border-top: #F4F4F4 solid 10px;
	width: 80px;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: center;
}
.icon-demerit::after {
	transform: rotate(-90deg);
}
.comparison-table td span {
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}
 @media screen and (min-width: 768px) {
#adm .page-ttl img {
	max-width: 400px;
}
#comparison::before {
	content: "";
	background-color: #F6F6F6;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 50%;
	bottom: 0;
}
#comparison::after {
	content: "";
	background-color: #EEE;
	margin: auto;
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
}
.comparison-item + .comparison-item {
	margin-top: 0;
}
.comparison-table td {
	padding-left: 80px;
}
.icon-merit,
.icon-demerit {
	width: 48px;
	height: 48px;
	right: auto;
	left: 16px;
}
.icon-merit {
	border: #036EB7 solid 6px;
	opacity: 1;
}
.icon-demerit::before,
.icon-demerit::after {
	border-top: #CCC solid 6px;
	width: 48px;
}
}
@media screen and (min-width: 1024px) {
.comparison-table td {
	font-size: 1.4rem;
}
}
#comparison-1 {
}
#comparison-2,
#comparison-3 {
}
.merit,
.demerit {
}
.select-point {
}
.select-point dt {
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 4rem;
	width: 4rem;
	float: left;
}
.select-point dd {
	overflow: hidden;
}
.select-point dd p {
	margin-bottom: 0;
}
.select-point + .select-point {
 margin-top: calc(24px * 1);
}
 @media screen and (min-width: 768px) {
.select-point {
}
}


/* ==============================================================
   #プラン：hirogalie
   ============================================================== */
#hirogalie .page-ttl img {
	max-width: 240px;
	margin: auto;
}

#hirogalie .lead_text_box p{
font-size: 16px;
margin: 10px 0;
line-height: 2.0;
letter-spacing: -0.5px;
}

#hirogalie .lead_text_box p span{
font-size: 24px;
font-weight: bold;

}



#hirogalie .hirogalie_case{
	text-align: center;
	margin: 60px auto;
}

#hirogalie .hirogalie_case h3 {
font-size: 24px;
	 }

#hirogalie .hirogalie_case h3 span.caase_ttl {
font-size: 30px;
	 }


#hirogalie .big_lead p{
font-size: 20px;
text-align: center;
margin: 80px auto;
font-weight: bold;
	 }




 @media screen and (min-width: 768px) {
#hirogalie .page-ttl img {
	max-width: 400px;
}

#hirogalie .hirogalie_case{
	text-align: left;
	margin: 20px auto;
}

#hirogalie .hirogalie_case h3 {
font-size: 30px;
	 }

#hirogalie .hirogalie_case h3 span.caase_ttl {
font-size: 40px;
	 }

	#hirogalie .hirogalie_case p{
	font-size: 16px;
}

#hirogalie .big_lead p{
font-size: 30px;
text-align: center;
margin: 80px auto;
font-weight: bold;
	 }


}







/* ==============================================================
   #オリジナル設備
   ============================================================== */

.original-item {
 margin-bottom: calc(24px * 2);
}
.original-name .lead-ttl {
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 24px;
}
.original-name .lead-ttl small {
	font-size: 1.6rem;
}
.original-name p {
   margin-bottom: 0;
   padding:30px 0px;
}

.original-name p small {
	font-size: 1.1rem;
}

.txt-b{
	font-weight: bold;
	margin-bottom: 15px;
}

.spshow{
	display: block;
}

.pcshow{
	display:none;
}

.img-original {
	display: flex;
	flex-wrap: wrap;
}
.img-original-item.n1 {
	order: 2;
	max-width: 50%;
	top:0;
}
.img-original-item.n2 {
	order: 1;
	max-width: 50%;
	top:0;
}

.img-original-item.n1w {
	order: 2;
	max-width: 50%;
	top:0;
}
.img-original-item.n2w {
	order: 1;
	max-width: 50%;
	top:0;
}


/*monoキッチン施工事例追加*/

#sec-mono_gallery{
margin-top: 120px;
}

#sec-mono_gallery .fw-row{
align-items: center;
}


#sec-mono_gallery h3.lead-ttl{
margin-bottom: 50px;
}

#sec-mono_gallery .desigin-copy span{
text-align: left;
writing-mode:horizontal-tb;
line-height: 1.4;
transform-origin: center;
transform: scaleX(1);
font-size: 24px;
margin-bottom: 40px;
letter-spacing: -2px;
}

#sec-mono_gallery .mono-gallery_box{
margin-bottom: 140px;
}

#sec-mono_gallery .mono-gallery_box a{
width: 525px;
margin: 0 auto;
padding: 30px 0;
font-size: 20px;
margin-top: 60px;
}


#sec-mono_modelhouse .cv-area {
    background: linear-gradient(transparent 10%, #262422 10%);
    overflow: hidden;
	padding: 90px 0 70px;}

#sec-mono_modelhouse .cv-area .cv_parth figure {
    width: 90%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -90px;
    left: 20%;
}

#sec-mono_modelhouse .cv-area h2.lead-ttl {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 0 auto 20px;
}

#sec-mono_modelhouse .cv-area a.btn-deco {
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px #fff;
    border: none;
    color: #262422;
    font-size: 16px;
    padding: 30px;
    font-weight: bold;
	max-width: 525px;
}
#sec-mono_modelhouse .fw-btn::before {
    border-top: #262422 solid 1px;
    border-left: #262422 solid 1px;
}

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

#sec-mono_gallery .desigin-copy span{
font-size: 18px;
}

#sec-mono_gallery .mono-gallery_box a {
    width: 100%;
    margin-top:20px;
}
#sec-mono_gallery .mono-gallery_box{
margin-bottom: 80px;
}

#sec-mono_modelhouse .cv-area {
    background: linear-gradient(#262422 82%, transparent 82%);
    padding: 30px 0;
	overflow: inherit;
	}

#sec-mono_modelhouse .cv-area .cv_parth figure {
    width: 70%;
    margin: 30px auto;
	position: static;
}

#sec-mono_modelhouse .cv-area .cv_parth {
    order: 2;
    text-align: center;
}

#sec-mono_modelhouse .cv-area a.btn-deco {
	max-width:80%;
}

}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
#sec-mono_modelhouse .cv-area .cv_parth {
    order: 1;
    text-align: center;
    position: relative;
}

#sec-mono_modelhouse .cv-area .cv_btn {
    order: 2;
}

#sec-mono_modelhouse .fw-col-50-md {
    flex-basis: 50%;
    max-width: 50%;
}
#sec-mono_modelhouse .cv-area {
    background: linear-gradient(transparent 10%, #262422 10%);
    overflow: hidden;
    padding: 90px 0 40px;
}
#sec-mono_modelhouse .cv-area .cv_parth figure {
	width: 100%;
	margin: 0;
    top: 0;
    left: 10px;
}

#sec-mono_gallery .mono-gallery_box a {
    width: 70%;
    margin-top: 20px;
}

}





/*お客様の声*/

.voice{
	justify-content: space-between;
}

.voice .img-original-item.n1 {
	order: 1;
	max-width: 46%;
	top:0;
}
.voice .img-original-item.n2 {
	order: 2;
	max-width: 46%;
	top:0;
}

.voice .img-original-item.n1w {
	order: 1;
	max-width: 46%;
	top:0;
}
.voice .img-original-item.n2w {
	order: 2;
	max-width: 46%;
	top:0;
}




.alt .img-original-item.n2 {
	display: none;
}
.img-original-item.n3 {
	order: 3;
	max-width: 40%;
}

.slider-prev {
    left: 3%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 0px;
    height: 20px;
	font-size: 50px;
	color:#fff;
	z-index: 2;
}

.slider-next {
    right: 10%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 0px;
    height: 20px;
	font-size: 50px;
	color:#fff;
}

.pager_ctxt{
	text-align: center;
}

.pager_ctxt a{
	text-decoration: underline;
}

.pager_ctxt a:hover{
	opacity:0.8;
}

.lh_title{
	letter-spacing: -1px!important;
	line-height: 1.6;
	text-transform:none!important;
}

.spspace{
	margin-top:60px!important;
}

.border_original{
	border: 1px solid #262422;
}

.original-show{
	display: block;
}

.nav-original{
	padding:0;
}

.slider-space{
	margin-top:40px;
}

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

.original-show {
	display: none;
}

}

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

.slider-space{
	margin-top:40px;
}

.nav-original{
	padding:0 24px 0 0!important;
}

.original-item {
 margin-bottom: calc(24px * 3);
}

.original-name .lead-ttl {
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 20px;
}
.original-name .lead-ttl small {
	font-size: 1.6rem;
}
.original-name p {
	margin-bottom: 0;
	margin-top:27px;
	padding:0px;
}

.original-name p small {
	font-size: 1.1rem;
}

.txt-b{
	font-weight: bold;
	margin-bottom: 0px;
}

.spshow{
	display: none;
}

.pcshow{
	display:block;
}


.img-original {
	padding-top: 50%;
}
.img-original-item {
	margin: auto;
	position: absolute;
}
.img-original-item.n1 {
	max-width: 50%;
	bottom: 0;
	left: 0;
	top:0;
	/* opacity: 0.5; */
	/*transform: translate3d(-48px,0,0);*/
	z-index: 2;
}
.alt .img-original-item.n1 {
	top: 0;
	bottom: auto;
}
.img-original-item.n2 {
    max-width: 50%;
    top: 20%;
    right: 5%;
    z-index: 1;
}
.alt .img-original-item.n2 {
	display: block;
	top: auto;
	bottom: 0;
}

.img-original-item.n1w {
    max-width: 50%;
    bottom: 0;
    left: 0;
    top: 20%;
    /* opacity: 0.5; */
    /* transform: translate3d(-48px,0,0); */
    z-index: 2;
}

.img-original-item.n2w {
    max-width: 50%;
    top: 0%;
    right: 5%;
    z-index: 1;
}

.img-original-item.n3 {
	max-width: 25%;
	bottom: 0;
	left: 75%;
	z-index: 4;
}
.alt .img-original-item.n3 {
	display: none;
}
.right .img-original-item.n1 {
	right: 0;
	left: auto;
}
.right .img-original-item.n2 {
	right: auto;
	left: 0;
}
.right .img-original-item.n3 {
	left: 0;
}


.voice .img-original-item.n1 {
	max-width: 50%;
	bottom: 0;
	left: 0;
	top:0;
	/* opacity: 0.5; */
	/*transform: translate3d(-48px,0,0);*/
	z-index: 2;
}

.voice .img-original-item.n2 {
    max-width: 50%;
    top: 20%;
    right: 5%;
    z-index: 1;
}

.voice .img-original-item.n1w {
    max-width: 50%;
    bottom: 0;
    left: 0;
    top: 20%;
    /* opacity: 0.5; */
    /* transform: translate3d(-48px,0,0); */
    z-index: 2;
}

.voice .img-original-item.n2w {
    max-width: 50%;
    top: 0%;
    right: 5%;
    z-index: 1;
}



.txt-right{
	text-align: right;
	font-size:1.2rem;
	margin-top:20px;
}

.txt-left{
	text-align: left;
	font-size:1.2rem;
	margin-top:20px;
}

.bath_txt{
	font-size: 24px;
    letter-spacing: -1px;
    color: #757575;
    margin: 24px 0;
}

.kitchen_txt{
	font-size: 40px;
	font-weight: bold;
    letter-spacing: -1px;
    margin: 24px 0;
}

.monologo{
	margin-bottom:24px;
}

.pager_img_right{
	margin-right: 0;
	margin-left:auto;
}

.pager_rtxt{
	text-align: right;
}

.pager_ctxt{
	text-align: center;
}

.pager_ctxt a{
	text-decoration: underline;
}

.pager_ctxt a:hover{
	opacity:0.8;
}

.slider-prev{
  left: -60px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 0px;
  height: 20px;
  font-size: 50px;
  color:#262422;
}

.slider-next{
  right: -30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 0px;
  height: 20px;
  font-size: 50px;
  color:#262422;
}

}

.pager_rtxt{
	text-align: right;
}


.bath_txt{
	font-size: 2rem;
    letter-spacing: -1px;
    color: #757575;
    margin: 24px 0;
}

.monologo{
	margin-bottom:24px;
}

.al-c{
	align-items: center;
}

.original-txt{
	margin-top:30px;
}

.original-txt small{
	line-height: 2;
}

.ord1{
	order: 1;
}

.ord2{
	order:2;
}

.spspace{
	margin-top:60px;
}

.original_ttl{
	font-size:1.7rem
}

#footer-original{
	margin-top:60px;
}

#footer-original {
	/*background-color: #F2F2F2;*/
 padding-bottom: calc(24px * 2);
}
#footer-original .lead-ttl {
	margin-bottom: 0;
}
#footer-original address {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -16px;
}
#footer-original address > div {
	flex-grow: 1;
	flex-basis: 100%;
	max-width: 100%;
	padding: 0 16px;
}
#footer-original address .fw-btn {
	line-height: 1;
	min-height: 64px;
	padding: 0;
}
#footer-original address .tel .fw-btn {
	background-color: transparent;
	border: none;
	color: #262422;
	font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
	font-size: 3.6rem;
	flex-direction: column;
}
#footer-original address .tel .fw-btn::before {
	display: none;
}
#footer-original address .tel .fw-btn small {
	display: block;
	margin-top: 5px;
	padding-bottom: 5px;
}
#footer-original address .tel .fw-btn:hover {
	color: inherit;
}
#footer-original address .tel span {
	display: inline-block;
	padding-left: 32px;
}
#footer-original address .tel .fw-btn span::before {
	content: "";
	background-image: url(../imgs/theme/icon-phone.svg);
	background-size: cover;
	background-position: center;
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
#footer-original address .email {
	/* border-top: #262422 solid 1px; */
	margin-top: 12px;
	padding-top: 12px;
}
#footer-original address p {
	text-align: center;
}
#footer-original address .tel p::before,
#footer-original address .email p::before {
	content: "";
	border-top: #262422 solid 3px;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#footer-original address .tel p span,
#footer-original address .email p span {
	background-color: #FFF;
	display: inline-block;
	padding: 0 1em;
	font-size:18px;
	font-weight: bold;
}

.pgr_ord1{
order: 2;
}

.pgr_ord2{
order: 1;
}

.pgr_con1{
order:1;
padding: 20px 0;
border-top: 1px solid #eee;
}

.pgr_con2{
order:3;
padding: 20px 0;
}

.pgr_con3{
order:2;
padding: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.bath-desc{
	font-size:12px;
	margin:15px 0;
}


@media screen and (min-width: 768px) {
#footer-original address > div {
	flex-basis: 50%;
	max-width: 50%;
}
#footer-original address .email {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
#footer-original address .tel .fw-btn {
}

#footer-original{
	margin-top:120px;
}

.k_logo_title{
	margin-top:90px;
	margin-bottom:25px;
}

.k_btn_txt{
text-align: center;
margin:15px 0 30px;
}

.pgr_ord1{
order: 1;
}

.pgr_ord2{
order: 2;
}

.pgr_con1{
order:1;
padding:0;
border:none;
}

.pgr_con2{
order:2;
padding:0;
}

.pgr_con3{
order:3;
padding:0;
border:none;
}

}


 @media screen and (min-width: 1440px) {
#footer-original address .tel .fw-btn {
	font-size: 3.2rem;
}

}

.border_b{
	border-bottom: #262422 solid 3px;
	padding-bottom: 30px;
}

.fw-pager{
	margin-top:120px;
}

.original-btn-wrap{
	padding:40px 0!important;
	font-size:2rem;
}

.k_title{
	font-size:24px;
	font-weight:bold;
	border: none;
	line-height: 1.6;
}

.k_title_catch{
	font-size:32px;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.6;
}

.k_logo_title{
	margin-top:30px;
	margin-bottom:20px;
}

.k_btn_txt{
text-align: center;
margin:15px 0 20px;
}


/* ==============================================================
   #家価値60年サポート
   ============================================================== */

span.ie_example{
font-size: 38px;
}



h1.iekachi_h1{
margin-bottom: 80px;
}


ul.ie_after {
width:  1140px;
margin: 0 auto;
text-align: center;
display: flex;
box-sizing: border-box;
}


ul.ie_after li{
position: relative;
width: 160px;
height:160px;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
margin-right: 20px;

}

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


ul.ie_after li span{
width: 100%;
font-weight: bold;
 position: absolute;
top: 50%;
 left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


ul.ie_after:after{
clear: both;
 content:"";
}



.iekachi_title{
	font-size:24px;
	font-weight:bold;
	border: none;
	line-height: 1.6;
}

.iekachi_title_catch{
	font-size:32px;
	font-weight:bold;
	text-decoration: none;
	line-height: 1.6;
}


.ie_support_box{
width: 1140px;
margin: 0 auto;
padding-top: 40px;
box-sizing: border-box;
}


h3.ie_support-menu{
font-size: 24px;
padding-bottom: 20px;
border-bottom: 1px solid #333;
margin: 0;
}


.ie_support_box ul{
width: 1060px;
margin: 0 auto;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
}

.ie_support_box ul li{
width: 500px;
display: flex;
align-items: center;
margin-right: 60px;
padding: 20px 0;
}

.ie_support_box ul li:nth-child(even){
margin-right: 0;}


.ie_support_box ul li .right_box{
padding-left: 20px;
}


.ie_support_box ul li .right_box h4{
font-size: 20px;
margin-bottom: 10px;
}

.ie_support_box ul li .right_box h4.fc-01{
color: #2f8a7e;
}

.ie_support_box ul li .right_box h4.fc-02{
color: #d8ae17;
}

.ie_support_box ul li .right_box h4.fc-03{
color: #b76360;
}
.ie_support_box ul li .right_box h4.fc-04{
color: #2e5381;
}
.ie_support_box ul li .right_box p{
margin: 0;
}


.iekachi-owner{
text-align: center;
margin: 100px 0 40px 0;
}

.iekachi-owner p{
margin: 0;
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) {


h1.iekachi_h1{
margin-bottom: 60px;
}


span.ie_example{
font-size: 24px;
}

p.ie_p{
margin-bottom: 40px;
}

ul.ie_after {
width: 100%;
	}

ul.ie_after li{
width: 150px;
height:150px;
margin-right: 10px;
}


.ie_support_box{
width: 100%;
text-align: center;
}


.ie_support_box ul{
width: 100%;

}
.ie_support_box ul li{
width: 100%;
flex-wrap: wrap;
margin: 0;
}

.ie_support_box ul li img{
display: block;
margin: 0 auto;
padding-bottom:20px;
}

.ie_support_box ul li .right_box{
padding-left:0;
margin: 0 auto;
width: 100%;
}

h3.ie_support-menu{
font-size: 20px;}





}




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


h1.iekachi_h1{
margin-bottom: 60px;
}


span.ie_example{
font-size: 24px;
}

p.ie_p{
margin-bottom: 40px;
}


ul.ie_after {
max-width: 100%;
 flex-wrap: wrap;
 margin: 0 auto;
}


ul.ie_after li{
width: 48%;
 height: 48%;
 padding: 24%;
}

ul.ie_after li:nth-child(odd){
margin: 0 4px 20px 0;
	}

ul.ie_after li:nth-child(even){
margin: 0 0 20px 4px;
	}


.ie_support_box{
width: 100%;
text-align: center;
}


.ie_support_box ul{
width: 100%;

}


.ie_support_box ul li{
width: 100%;
flex-wrap: wrap;
margin: 0;
}

.ie_support_box ul li img{
display: block;
margin: 0 auto;
padding-bottom:20px;
}

.ie_support_box ul li .right_box{
padding-left:0;
margin: 0 auto;
}

h3.ie_support-menu{
font-size: 20px;}





}


/* ==============================================================
   #グラフテクト
   ============================================================== */


#graftekt .graftekt_ttl {
	top: -120px;
}

h1.graftekt_ttl small{
	border: none;
	font-size: 24px;
	line-height: 1.4;
}

#graftekt .graftekt_no1 {
	width: 240px;
	height: 240px;
	margin: auto;
	margin-bottom: 70px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

#graftekt h2.sec-ttl {
margin-bottom: calc(15px * 2);
}


#graftekt h2 figure {
	width: 224px;
	height: auto;
}

#graftekt p.lead-ttl {
font-size: 24px;
margin-bottom: 24px;
	line-height: 1.4;
letter-spacing: 0;
}

#graftekt .charm_area{
padding:  70px 0 0 0;
}

#graftekt .charm_area p{
margin-bottom: 30px;
	}


#graftekt .charm_area h3 span.charm_ttl{
font-size: 40px;
}

#graftekt .charm_area h3 span.charm_number{
font-size: 64px;
}



#graftekt .reservation_area {
text-align: center;
	margin: 0 auto;
	padding: 80px 0 70px;

}

#graftekt .reservation_area p{
font-size: 24px;
font-weight: bold;
margin-bottom: 24px;
}

#graftekt .reservation_area address{
margin: 0 auto;
width: 480px;
}
#graftekt .reservation_area address a{
max-width: 480px;
padding: 20px;
font-size: 24px;
}


#graftekt .graftekt_gallry h2{
font-size: 32px;
font-weight: bold;
}


#graftekt .graftekt_gallry h3{
font-size: 24px;
}

#graftekt .graftekt_gallry p.gallry_lead{
margin-bottom: 50px;
}

#graftekt .gallry_area{
background-color: #F6F4F2;
padding: 70px;
}

#graftekt .gallry_box {
background-color: #fff;
text-align: center;
margin-bottom: 25px;
}

#graftekt .gallry_box .gallry_text{
padding: 20px;
}

#graftekt .gallry_box .gallry_text h4{
border-bottom: 1px solid #333;
padding-bottom: 14px;
font-size: 14px;
}

#graftekt .gallry_box .gallry_text p{
margin:0;
font-weight: bold;
color: #757575;
font-size: 18px;
}


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

#page-kv.graftekt_mainvisu{
background-position: 220px 0;
}

#graftekt .graftekt_ttl {
	top: -48px;
}

h1.graftekt_ttl small{
	font-size: 20px;
}

#graftekt .graftekt_no1 {
	width: 180px;
	height: 180px;
	margin-bottom: 0;
}


#graftekt h2.sec-ttl {
margin-bottom: calc(15px * 2);
padding-left: 32px;
}

#graftekt p.lead-ttl {
font-size: 20px;
}

#graftekt .charm_area{
padding:  0;
}

#graftekt .charm_area .fw-col-50,
    #graftekt .charm_area .fw-col-50-md {
    flex-basis: 100%;
    max-width: 100%;
}



#graftekt .charm_area h3{
font-size: 24px;
}

#graftekt .charm_area h3 span.charm_ttl{
font-size: 40px;
}

#graftekt .charm_area h3 span.charm_number{
font-size: 64px;
}



#graftekt .reservation_area {
text-align: center;
	margin: 0 auto;
	padding: 60px 0 40px;

}

#graftekt .reservation_area p{
font-size: 18px;
font-weight: bold;
margin-bottom: 24px;
}

#graftekt .reservation_area address{
width: 100%;
}
#graftekt .reservation_area address a{
max-width: 100%;
font-size: 14px;
}


#graftekt .graftekt_gallry .fw-container.paragraph{
padding: 0;
}


#graftekt .graftekt_gallry h2{
font-size: 20px;
text-align: center;
padding: 0;
}


#graftekt .graftekt_gallry h3{
font-size: 20px;
text-align: center;
}

#graftekt .graftekt_gallry p.gallry_lead{
text-align: center;
margin-bottom: 30px;
}

#graftekt .gallry_area{
padding: 30px;
}



#graftekt .graftekt_gallry .fw-col-33,.fw-col-33-md{
flex-basis: 100%;
max-width: 100%;
}



#graftekt .gallry_box {
overflow: hidden;
}

#graftekt .gallry_box .gallry_text{
padding: 20px;
}

#graftekt .gallry_box .gallry_text h4{
border-bottom: 1px solid #333;
padding-bottom: 14px;
font-size: 14px;
}

#graftekt .gallry_box .gallry_text p{
margin:0;
font-weight: bold;
color: #757575;
font-size: 18px;
}


#graftekt .graftekt_access h2{
padding-left: 0;
margin-bottom: 0;
}






		}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {

#graftekt .graftekt_no1 {
	width: 200px;
	height: 200px;
	margin-bottom: 32px;
}

#graftekt h2.sec-ttl {
margin-bottom: calc(15px * 2);
padding-left:0;
}

#graftekt .charm_area .img-original{
padding-top: 30%;
	}

#graftekt .charm_area .img-original-item.n2{
right: 0;
}

#graftekt .charm_area img.img-responsive{
margin: 0 auto;
}

#graftekt .gallry_area{
padding: 70px;
}


#graftekt .graftekt_gallry .fw-col-33,.fw-col-33-md{
flex-basis: 50%;
max-width: 50%;
}

#graftekt .reservation_area address a{
max-width: 256px;
}


}



/* ==============================================================
   #お客様の声
   ============================================================== */


.voice_contact_box{
background-color: #f6f4f2;
padding: 40px 0 80px;
	margin-bottom:100px;
	margin-top: 80px;
}

.voice_digitalcatalog_area{
background-image: url(../imgs/voice/digitalcatalog_btn_bg.jpg);
background-size: cover;
	padding: 90px 0;
}

.voice_consult_area{
background-image: url(../imgs/voice/consult_btn_bg.jpg);
background-size: cover;
	padding: 90px 0;
}




.voice_contact_box .btn-original{
	max-width: 100%;
    width: 80%;
    padding: 10px 0 20px;
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 10%;
    bottom: -40px;
    font-size: 2.4rem;
/* box-shadow: 2px 2px 20px #333; */
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}


/* モデルハウス見学会への誘導ボタン */
.bgimg_house{
	background: url(//adshouse.jp/production/wp-content/themes/adhouse_theme/common/css/../imgs/voice/btn_modelhouse_bg02.png) right bottom no-repeat;
	max-width: 300px;
	width:30%;
	height: 230px;
	position: absolute;
	bottom: -40px;
	right: -50px;
	background-size: contain;
}
@media screen and (max-width: 768px){
	.bgimg_house{
		height: 165px;
		bottom: -100px;
		right: 0;
		z-index: 2;
	}
}


@media screen and (max-width: 768px){
	.fw-container.voice{
	padding-right: 0px;
    padding-left: 0px;
	}

	.voice_contact_box{
	background-color: #f6f4f2;
	padding: 40px 0 80px;
	margin-bottom:100px;
	margin-top: 80px;
}

.voice_digitalcatalog_area{
	background-image: url(../imgs/voice/digitalcatalog_btn_bg.jpg);
	background-size: cover;
	padding: 90px 0;
	margin: 0px 0 90px;
	background-position: center;
}

.voice_consult_area{
	background-image: url(../imgs/voice/consult_btn_bg.jpg);
	background-size: cover;
	padding: 90px 0;
	background-position: center;
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {


}


/* ==============================================================
   #モデルハウス
   ============================================================== */


#modelhouse .paragraph{
margin: 60px auto;
}
#modelhouse h1{
font-size: 3.2rem;
}

#modelhouse p.text-mid{
margin: 30px auto 0;
}


#modelhouse .cv-area{
background: linear-gradient(#262422 82%, transparent 82%);
padding: 30px 0;
}

#modelhouse .cv-area .cv_parth{
	order: 2;
	text-align: center;
}

#modelhouse .cv-area .cv_parth figure{
width: 70%;
margin: 30px auto;

}



#modelhouse .cv-area .cv_btn{
	order: 1;
}


#modelhouse .cv-area a.btn-deco{
background-color: #fff;
box-shadow: 0px 0px 15px 0px #fff;
border: none;
color: #262422;
font-size: 16px;
padding: 15px;
}

#modelhouse .fw-btn::before {
    border-top: #262422 solid 1px;
    border-left: #262422 solid 1px;

}

#modelhouse .cv-area h2.lead-ttl{
color: #fff;
font-size: 24px;
text-align: center;
margin: 0 auto 20px;
}

#modelhouse .model_gallery{
margin-bottom: 80px;
}


#modelhouse .model_gallery h2{
font-size: 20px;
margin: 30px auto;
letter-spacing: -1.0px;
}


#modelhouse .continued{
text-align: center;
}

#modelhouse .continued h3{
font-size: 20px;
}


#modelhouse .plan_area figure figcaption{
font-size: 40px;
border-bottom: 1px solid #262422;
text-align: center;
padding-bottom: 6px;
margin: 0 auto;
width: 80px;
font-weight: bold;
}

#modelhouse .plan_area figure img{
width: 90%;
margin: 30px auto;
}


#modelhouse .plan_area table{
margin: 20px auto;
border: 1px solid #262422;
box-sizing: border-box;
}

#modelhouse .plan_area table tr{
padding:15px;
display: block;
}

#modelhouse .plan_area table tbody:nth-child(even) th, tbody:nth-child(even) td{
background-color: #fff;
}

#modelhouse .plan_area table.details_plan{
}

#modelhouse .plan_area table td{
border-bottom: 1px solid #262422;
padding-top: 5px;
}



#modelhouse .plan_area table.details_plan th,  table.details_plan td,table.details_per td{
display: block;
width: 100%;
padding: 0;
font-size: 14px;
}



#modelhouse .plan_area table caption{
text-align: left;
font-family: 'Roboto Condensed', 'Noto Serif JP', Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, arial, sans-serif;
font-size: 20px;
}


#modelhouse .plan_area table.details_per tr:last-child td{
border-bottom: none;
}

#modelhouse #sec-plan{
background-color: #f6f4f2;
padding: 30px 0;
	margin-bottom: 50px;
}

#modelhouse #sec-plan h2{
text-align: center;
letter-spacing: -1.0px;
}

#modelhouse #sec-plan ul li{
background-color: #fff;
margin: 0 15px;
}

#modelhouse #sec-plan .flick > .flick-inner > .flick-item{
padding: 0 0 20px 0;
}

#modelhouse #sec-plan ul li .item-info{
padding: 20px 20px 0 20px;
/*height: 360px;*/
height: 230px;
}

#modelhouse #sec-plan ul li .item-info .under{
margin-bottom: 10px;
}

#modelhouse #sec-plan ul li a.fw-btn{
max-width: 260px;
}


#modelhouse .model_access .campaign{
border: 1px solid #262422;
margin: 50px auto;
padding: 30px 15px;
}


#modelhouse .model_access .campaign h3{
text-align: center;
}

#modelhouse .model_access .campaign h4{
text-align: center;
}

#modelhouse .model_access .campaign p{
padding: 20px 0;
}

#modelhouse .model_access ul{
padding-left: 10px;
}

#modelhouse .model_access ul li{
list-style: disc;
font-size: 12px;
line-height: 1.7;
}

#modelhouse .model_access table.cashback_list{
margin-bottom: 25px;
}


#modelhouse .model_access table.cashback_list th{
text-align: center;
background-color: #f6f4f2;
}

#modelhouse .model_access table.cashback_list th,table.cashback_list td{
padding: 10px 5px;
text-align: center;
}

#modelhouse .model_access table.cashback_list td.left_box{
border-left: 1px solid #f6f4f2;
border-right: 1px solid #f6f4f2;
border-bottom: 1px solid #f6f4f2;
}

#modelhouse .model_access table.cashback_list td.right_box{
border-right: 1px solid #f6f4f2;
border-bottom: 1px solid #f6f4f2;
}

#modelhouse .model_access table.cashback_list td.right_box span{
color: #e53935;
}



#modelhouse #billboard-wrap.pages {
	padding-bottom: 16px;
}

#modelhouse #billboard-wrap.pages video {
	height: inherit;
}

#modelhouse #billboard-wrap .page-ttl {
	height: 100%;
	top: 0;
}

#modelhouse #billboard-wrap .page-ttl picture {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

#modelhouse #billboard-wrap .page-ttl .overlay {
	width: 100%;
	height: 16px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
#modelhouse #billboard-wrap .page-ttl img {
	margin: 0 auto;
	z-index: 3;
}

@media screen and (min-width: 768px) {
	#modelhouse #billboard-wrap.pages {
		padding-bottom: 33px;
	}

	#modelhouse #billboard-wrap.pages video {
		height: auto;
		width: 100%;
	}

	#modelhouse #billboard-wrap .page-ttl .overlay {
		height: 33px;
	}



#modelhouse .paragraph{
margin: 60px auto;
}
#modelhouse h1{
font-size: 3.2rem;
}

#modelhouse p.text-mid{
margin: 30px auto 0;
font-size: 14px;
}


#modelhouse .cv-area{
background: linear-gradient(transparent 10%, #262422 10%);
overflow: hidden;
 padding: 90px 0 70px;
}

#modelhouse .cv-area .cv_parth{
	order: 1;
	text-align: center;
	position: relative;

}

#modelhouse .cv-area .cv_parth figure{
width: 100%;
margin: 0;
padding: 0;
position: absolute;
top: -90px;
left: 20%;
}

#modelhouse .cv-area .cv_btn{
	order: 2;
}

#modelhouse .cv-area a.btn-deco{
font-size:16px;
padding: 20px;
font-weight: bold;
}

#modelhouse .cv-area h2.lead-ttl{
color: #fff;
font-size: 24px;
text-align: center;
margin: 0 auto 20px;
}


#modelhouse .model_gallery{
margin: 80px auto;
align-items: center;
}


#modelhouse .model_gallery h2{
font-size: 32px;
margin: 0 0 24px;
letter-spacing: -1.0px;
}



#modelhouse .continued{
text-align: center;
margin: 20px auto 60px;
}

#modelhouse .continued h3{
font-size: 32px;
margin-bottom: 30px;
}


#modelhouse .plan_area figure figcaption{
width: 80px;
float: right;
margin-bottom: 20px;
margin-right: 20px;
}

#modelhouse .plan_area figure:before, #modelhouse .plan_area figure:after {
    content:"";
    display:table;
}
#modelhouse .plan_area figure:after {
	clear:both;
	}


#modelhouse .plan_area figure img{
width: 80%;
margin: 0 auto;
}

#modelhouse .plan_area table tr{
padding: 20px 20px 15px 20px;
}

#modelhouse .plan_area h2{
font-size: 32px;
margin: 30px 0;
	}

#modelhouse #sec-plan{
background-color: #f6f4f2;
padding: 30px 0 50px;
margin-bottom: 60px;
}

#modelhouse #sec-plan h2{
text-align: center;
letter-spacing: -1.0px;
margin: 20px auto 40px;
}

#modelhouse #sec-plan ul li{
background-color: #fff;
margin: 0 15px;
}

#modelhouse #sec-plan .flick{
width: 1280px;
	}

#modelhouse #sec-plan .flick > .flick-inner > .flick-item{
min-width: 30%;
}

#modelhouse #sec-plan ul li .item-info{
padding: 30px 30px 0 30px;
/*height: 320px;*/
height: 220px;
}

#modelhouse #sec-plan ul li .item-info h4{
	font-size: 24px;
	}
#modelhouse #sec-plan ul li .item-info p{
margin-bottom: 20px;
	}


#modelhouse #sec-plan ul li .item-info .under{
margin-bottom: 10px;
}

#modelhouse #sec-plan ul li a.fw-btn{
 max-width: 86%;
}

#modelhouse .model_access {
width: 1280px;
margin: 0 auto;
	}

#modelhouse .model_access .campaign{
border: 1px solid #262422;
margin: 50px auto;
padding: 30px 70px;
width: 880px;
}


#modelhouse .model_access .campaign h3{
text-align: center;
font-size: 24px;
margin: 30px auto 40px;
}
#modelhouse .model_access .campaign figure img{
	margin: 0 auto 30px;
	}


#modelhouse .model_access .campaign h4{
text-align: left;
margin: 30px 0 20px;
}

#modelhouse .model_access .campaign p{
padding: 10px 0 20px;
}

#modelhouse .model_access ul{
padding-left: 10px;
padding-bottom: 20px;
}

#modelhouse .model_access ul li{
font-size: 14px;
}

#modelhouse .model_access table.cashback_list{
margin-bottom: 25px;
}
#modelhouse .model_access table.cashback_list th,table.cashback_list td{
padding: 10px 5px;
text-align: center;
}







}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
#modelhouse .fw-col-50-md{
	flex-basis: 50%;
    max-width: 50%;
	}

#modelhouse .fw-col-33-md{
	flex-basis: 33.33337%;
    max-width: 33.33337%;
	}


#modelhouse #sec-plan .flick{
width: 100%;
	}


#modelhouse .model_access {
width: 100%;
margin: 0 auto;
	}

#modelhouse #sec-plan .flick > .flick-inner > .flick-item{
min-width: 40%;
}

#modelhouse .cv-area .cv_parth figure {
top: 0;
    left: 10%;
}

#modelhouse .model_access .campaign{
width: 100%;
}

}


/* ==============================================================
   #高気密・高断熱
   ============================================================== */
.index .list {
	line-height: 2;
	padding-left: 20px;
}

.index .list li:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border: 1px solid transparent;
	border-bottom-color: #000;
	border-right-color: #000;
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 12px auto auto -20px;
}

.index .list li:not(:last-of-type) {
	margin-bottom: 35px;
}

.index .list li a {
	border-bottom: 1px solid #000;
	display: inline;
	padding-bottom: 5px;
}

@media (min-width: 768px) {
.index .border-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.index .border-box .lead-ttl {
	width: 25%;
	border: 0;
	margin: 0;
}
.index .border-box .list {
	width: 75%;
	padding-left: 90px;
	margin: 0;
	border-left: 1px solid #000;
}
}

.paragraph.ttl-wrap {
	margin-bottom: 35px;
}
@media (min-width: 768px) {
.paragraph.ttl-wrap {
	margin-bottom: 40px;
}
}

.insulation-ttl {
	font-size: 2.4rem;
	margin-top: 70px;
	margin-bottom: 35px;
}
@media (min-width: 768px) {
.insulation-ttl {
	font-size: 3.2rem;
	margin-top: 144px;
	margin-bottom: 40px;
}
}
.page-ttl.bels-ttl {
top:-50px;
}
@media (min-width: 768px) {
.page-ttl.bels-ttl {
top:0;
}
}


    #bels #bels_explanation,
    #bels #bels_performance,
    #bels #bels_calculation{
    margin-top: 30px;
    }

#bels .rank_area{
border: 1px solid #ddd;
padding: 20px;
margin: 0 auto;
border-radius: 10px;
}


#bels .rank_area p{
font-size: 18px;
}

#bels .rank_area p span{
font-size: 30px;
    font-weight: bold;
    color: red;
}

#bels .rank_area img{
width: 60%;
}



#bels .fw-container img{
margin: 20px auto 0;
    width: 70%;
}
#bels .fw-container{
padding-right: 20px;
    padding-left: 20px;
}


@media (min-width: 768px) {

#bels .ord2 {
    order: 2;
}

#bels .ord1 {
    order: 1;
}

    #bels .rank_box{
        margin-top: 110px;
    }

#bels .rank_area{

padding: 40px;

}
#bels .fw-container img.s-100{
    width:100%;
}

#bels .insulation-ttl {
	font-size: 3.2rem;
	margin-top: 0;
	margin-bottom: 30px;
}
    #bels #bels_explanation,
    #bels #bels_performance,
    #bels #bels_calculation{
    margin-top: 100px;
    }

}

.sec-lead {
	margin-bottom: 70px;
}
@media (min-width: 768px) {
.sec-lead {
	margin-bottom: 70px;
}
}
.pb-20{
	padding-bottom: 20px
}
.pb-30{
	padding-bottom: 30px
}
.pb-40{
	padding-bottom: 40px
}

.photo-anime .photo-caption {
	background-color: #F6F4F2;
	margin: 35px 32px 70px;
	padding: 35px 15px;
}
@media (min-width: 768px) {
.photo-anime .bd-right {
	border-right: 1px solid #d6d4d2;
	padding-right: 15px;
}
.photo-anime .bd-none {
	padding-left: 15px;
}
.photo-anime .photo-caption {
	font-size: 2rem;
	margin: 30px 50px 50px;
	padding: 20px 30px;
}
}

.ng-mrg {
	margin: -35px 32px 0;
}
@media (min-width: 768px) {
.ng-mrg {
	margin: 0 50px 0;
}
}

.standard-lead {
	text-align: center;
}
@media (min-width: 768px) {
.standard-lead {
	text-align: left;
}
}

.lead-ttl .big {
	font-size: 4.8rem;
	margin-left: 20px;
}

.sokutei {
	margin-bottom: 24px;
}
.photo-anime.sokutei .photo-caption {
    margin: 16px 16px 8px;
    padding: 16px;
}
@media (min-width: 768px) {
.sokutei {
	margin-bottom: 0;
}
.photo-anime.sokutei .photo-caption {
	font-size: 1.6rem;
    margin: 16px 0px 0;
    padding: 16px;
}
}


.insulation_consult_area{
background-image: url(../imgs/voice/consult_btn_bg.jpg);
background-size: cover;
background-position: center;
padding: 90px 0;
}

.voice_contact_box .insulation_consult_area .btn-original {
	min-height: 88px;
}

@media (min-width: 768px) {
.insulation_consult_area{
background-image: url(../imgs/insulation/bg_soudan.jpg);
padding: 150px 0;
}

.voice_contact_box .insulation_consult_area .btn-original {
	width: 40%;
	left: 50%;
	transform: translateX(-50%);
}
}

/* ==============================================================
   #ヒートショック
   ============================================================== */
.page-ttl.heatshock {
top:32px;
}
@media (min-width: 768px) {
.page-ttl.heatshock {
top:0;
}
}

.sec-ttl.heatshock {
	font-size: 2.8rem;
}
@media (min-width: 768px) {
.sec-ttl.heatshock {
font-size: 3.6rem;
}
}

.heatshock-img-area {
margin-top: 60px;
}
@media (min-width: 768px) {
.heatshock-img-area {
margin-top: 80px;
}
}

.paragraph.heatshock-text-wrap {
margin-top: 60px;
}
@media (min-width: 768px) {
.paragraph.heatshock-text-wrap {
margin-top: calc(24px*3);
}
}

.ua-img-area {
margin-top: 0;
}
@media (min-width: 768px) {
.ua-img-area {
margin-top: 80px;
}
}

#heatshock .bath-desc {
	word-break: break-all;
}

#heatshock .txt-link {
	color: -webkit-link;
	text-decoration: underline;
}

br.spshow {
	display: inherit;
}
@media (min-width: 768px) {
br.spshow {
display: none;
}
}

/* ==============================================================
   #vegas
   ============================================================== */
.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}
.vegas-overlay {
	opacity: .5;
	background: transparent url("overlays/02.png") center center repeat;
}
.vegas-timer {
	top: auto;
	bottom: 0;
	height: 5px;
}
.vegas-timer-progress {
	width: 0%;
	height: 100%;
	background: #3CF;
	transition: width ease-out;
}
.vegas-timer-running .vegas-timer-progress {
	width: 100%;
}
.vegas-slide,
.vegas-slide-inner {
	margin: 0;
	padding: 0;
	background: transparent center center no-repeat;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform, opacity;
}
body .vegas-container {
	overflow: hidden !important;
	position: relative;
}
.vegas-video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
body.vegas-container {
	overflow: auto;
	position: static;
	z-index: -2;
}
body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
	position: fixed;
	z-index: -1;
}
/* Target Safari IOS7+ in order to add 76px */
/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
	opacity: 0;
	-webkit-filter: blur(32px) brightness(1.01);
	filter: blur(32px) brightness(1.01);
}
.vegas-transition-blur-in,
.vegas-transition-blur2-in {
	opacity: 1;
	-webkit-filter: blur(0px) brightness(1.01);
	filter: blur(0px) brightness(1.01);
}
.vegas-transition-blur2-out {
	opacity: 0;
}
/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
	opacity: 0;
	-webkit-filter: contrast(1000%) saturate(1000%);
	filter: contrast(1000%) saturate(1000%);
}
.vegas-transition-burn-in,
.vegas-transition-burn2-in {
	opacity: 1;
	-webkit-filter: contrast(100%) saturate(100%);
	filter: contrast(100%) saturate(100%);
}
.vegas-transition-burn2-out {
	opacity: 0;
	-webkit-filter: contrast(1000%) saturate(1000%);
	filter: contrast(1000%) saturate(1000%);
}
/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
	opacity: 0;
}
.vegas-transition-fade-in,
.vegas-transition-fade2-in {
	opacity: 1;
}
.vegas-transition-fade2-out {
	opacity: 0;
}
/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
	opacity: 0;
	-webkit-filter: brightness(25);
	filter: brightness(25);
}
.vegas-transition-flash-in,
.vegas-transition-flash2-in {
	opacity: 1;
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.vegas-transition-flash2-out {
	opacity: 0;
	-webkit-filter: brightness(25);
	filter: brightness(25);
}
/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
	opacity: 0;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.vegas-transition-negative-in,
.vegas-transition-negative2-in {
	opacity: 1;
	-webkit-filter: invert(0);
	filter: invert(0);
}
.vegas-transition-negative2-out {
	opacity: 0;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.vegas-transition-slideDown2-out {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.vegas-transition-slideLeft2-out {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.vegas-transition-slideRight2-out {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.vegas-transition-slideUp2-out {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
	-webkit-transform: scale(2) rotate(35deg);
	transform: scale(2) rotate(35deg);
	opacity: 0;
}
.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
.vegas-transition-swirlLeft2-out {
	-webkit-transform: scale(2) rotate(-35deg);
	transform: scale(2) rotate(-35deg);
	opacity: 0;
}
/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
	-webkit-transform: scale(2) rotate(-35deg);
	transform: scale(2) rotate(-35deg);
	opacity: 0;
}
.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
.vegas-transition-swirlRight2-out {
	-webkit-transform: scale(2) rotate(35deg);
	transform: scale(2) rotate(35deg);
	opacity: 0;
}
/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.vegas-transition-zoomIn2-out {
	-webkit-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}
/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
	-webkit-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}
.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.vegas-transition-zoomOut2-out {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
	-webkit-animation: kenburns ease-out;
	animation: kenburns ease-out;
	transform-origin: center center;
}
 @-webkit-keyframes kenburns {
 0% {
 -webkit-transform: scale(1.16);
 transform: scale(1.16);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes kenburns {
 0% {
 -webkit-transform: scale(1.16);
 transform: scale(1.16);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
	-webkit-animation: kenburnsDownLeft ease-out;
	animation: kenburnsDownLeft ease-out;
}
 @-webkit-keyframes kenburnsDownLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, -10%);
 transform: scale(1.5) translate(10%, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsDownLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, -10%);
 transform: scale(1.5) translate(10%, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
	-webkit-animation: kenburnsDownRight ease-out;
	animation: kenburnsDownRight ease-out;
}
 @-webkit-keyframes kenburnsDownRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, -10%);
 transform: scale(1.5) translate(-10%, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsDownRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, -10%);
 transform: scale(1.5) translate(-10%, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
	-webkit-animation: kenburnsDown ease-out;
	animation: kenburnsDown ease-out;
}
 @-webkit-keyframes kenburnsDown {
 0% {
 -webkit-transform: scale(1.5) translate(0, -10%);
 transform: scale(1.5) translate(0, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsDown {
 0% {
 -webkit-transform: scale(1.5) translate(0, -10%);
 transform: scale(1.5) translate(0, -10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
	-webkit-animation: kenburnsLeft ease-out;
	animation: kenburnsLeft ease-out;
}
 @-webkit-keyframes kenburnsLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, 0);
 transform: scale(1.5) translate(10%, 0);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, 0);
 transform: scale(1.5) translate(10%, 0);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
	-webkit-animation: kenburnsRight ease-out;
	animation: kenburnsRight ease-out;
}
 @-webkit-keyframes kenburnsRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, 0);
 transform: scale(1.5) translate(-10%, 0);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, 0);
 transform: scale(1.5) translate(-10%, 0);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
	-webkit-animation: kenburnsUpLeft ease-out;
	animation: kenburnsUpLeft ease-out;
}
 @-webkit-keyframes kenburnsUpLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, 10%);
 transform: scale(1.5) translate(10%, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsUpLeft {
 0% {
 -webkit-transform: scale(1.5) translate(10%, 10%);
 transform: scale(1.5) translate(10%, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
	-webkit-animation: kenburnsUpRight ease-out;
	animation: kenburnsUpRight ease-out;
}
 @-webkit-keyframes kenburnsUpRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, 10%);
 transform: scale(1.5) translate(-10%, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsUpRight {
 0% {
 -webkit-transform: scale(1.5) translate(-10%, 10%);
 transform: scale(1.5) translate(-10%, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
	-webkit-animation: kenburnsUp ease-out;
	animation: kenburnsUp ease-out;
}
 @-webkit-keyframes kenburnsUp {
 0% {
 -webkit-transform: scale(1.5) translate(0, 10%);
 transform: scale(1.5) translate(0, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}
 @keyframes kenburnsUp {
 0% {
 -webkit-transform: scale(1.5) translate(0, 10%);
 transform: scale(1.5) translate(0, 10%);
}
 100% {
 -webkit-transform: scale(1) translate(0, 0);
 transform: scale(1) translate(0, 0);
}
}


/*******************************************/
/* バナーを光らせる */
/*******************************************/

	.footer_banner_area{
	width: 100%;
    margin: 0 auto;
	}

@media screen and (min-width: 768px) {
	.footer_banner_area{
	width: 100%;
    margin: 0 auto;
	}
}

@media screen and (min-width: 1440px) {
	.footer_banner_area{
	width: 800px;
    margin: 0 auto;
	}
}

.kiran-img {
	position    :relative;
	overflow    :hidden;
}
.kiran {
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 2s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 2s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	30% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	31% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	30% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	31% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	30% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	31% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*******************************************/
/* NEWマーク */
/*******************************************/

span.new_mark{
    background-color: #a22221;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 3px 6px 2px 10px;
    height: auto;
    top: -2px;
}

/*******************************************/
/* グラフテクト　オープンハウス */
/*******************************************/

#graftekt_oh {
	padding-top: 64px;
	height: auto;
}

#graftekt_oh .wrap_sp{
	flex-wrap: nowrap;
}

#graftekt_oh h1 {
	font-size: 14px;
	padding: 100px 0 40px;
	line-height: 1.8;
	margin-bottom: 0;
}

#graftekt_oh .billboard picture {
	display: block;
}

#graftekt_oh .billboard .graftekt_ttl {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	padding: 0;
	position: absolute;
	bottom: 24px;
	left: 30px;
}

#graftekt_oh .billboard .graftekt_txt {
	display: none;
}

#graftekt_oh .graftekt_area {
	padding: 35px 0 0;
}

#graftekt_oh .graftekt_area .graftekt_lead {
	font-size: 14px;
	margin-bottom: 0;
}

#graftekt_oh .graftekt_showroom {
	padding-top: 60px;
}

#graftekt_oh .graftekt_showroom picture {
	margin-left: -32px;
	margin-right: -32px;
	display: block;
}

#graftekt_oh .graftekt_showroom h3 {
	margin-top: 20px;
}

#graftekt_oh .graftekt_showroom .lead-text {
}

#graftekt_oh .graftekt_showroom .showroom_btn {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
#graftekt_oh .graftekt_showroom .showroom_btn a {
	flex: 0 0 calc(50% - 7.5px);
}

#graftekt_oh .graftekt_oh_content,
#graftekt_oh .graftekt_end_oh {
	padding-top: 100px;
}

#graftekt_oh .graftekt_oh_content .grf_oh_cont {
	background-color: #f6f4f2;
	padding: 30px 0;
	margin-left: -32px;
	margin-right: -32px;
}

#graftekt_oh .graftekt_oh_content .grf_oh_cont.nodata {
	margin-left: 0;
	margin-right: 0;
}

#graftekt_oh .graftekt_oh_content .grf_oh_cont h3 {
	font-size: 20px;
	padding: 0 32px;
}

#graftekt_oh .graftekt_oh_content .grf_oh_cont.nodata h3 {
	font-size: 14px;
	margin-bottom: 0;
	text-align: center;
}

#graftekt_oh .graftekt_oh_content .grf_oh_cont .lead-text {
	padding: 10px 32px 20px;
}


#graftekt_oh .graftekt_oh_content .layout_area {
	padding: 0 32px;
}


#graftekt_oh .graftekt_oh_content .layout_cont {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #707070;
}

#graftekt_oh .graftekt_oh_content .layout_cont h3 {
	border-bottom: 1px solid #707070;
}

#graftekt_oh .graftekt_oh_content .layout_left {
	flex: 0 0 40%;
}

#graftekt_oh .graftekt_oh_content .layout_right {
	flex: 0 0 60%;
	padding-left: 10px;
}

#graftekt_oh .graftekt_oh_content .layout_right p {
	font-size: 12px;
	margin-bottom: 0;
}

#graftekt_oh .graftekt_oh_content .layout_right img {
	width: 80%;
}

#graftekt_oh .graftekt_oh_content p.lead-text {
	font-size: 14px;
}

#graftekt_oh .graftekt_oh_content p.lead-text span {
	font-size: 12px;
}

#graftekt_oh .graftekt_oh_content .fw-btn {
	max-width: 84%;
}

#graftekt_oh .graftekt_end_oh .end_oh_image {
	order: 1;
}
#graftekt_oh .graftekt_end_oh .end_oh_text {
	order: 2;
	text-align: left;
}
#graftekt_oh .graftekt_end_oh .even .end_oh_image {
	order: 2;
}
#graftekt_oh .graftekt_end_oh .even .end_oh_text {
	order: 1;
	text-align: right;
}

#graftekt_oh .graftekt_end_oh .end_oh_text h3 {
	font-size: 14px;
}
#graftekt_oh .graftekt_end_oh .end_oh_text .fw-btn {
	font-size: 10px;
	min-height: 32px;
}

#graftekt_oh .graftekt_end_oh .odd,
#graftekt_oh .graftekt_end_oh .even {
	padding-bottom: 60px;
}



#graftekt_oh .graftekt_oh_ad {
	padding-top: 80px;
}
#graftekt_oh .graftekt_oh_ad h2 {
	font-size: 16px;
	text-align: center;
}

#graftekt_oh .graftekt_oh_ad p {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}


#graftekt_oh .graftekt_oh_ad p {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 5px;
}


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

	#graftekt_oh {
		padding-top: 0;
	}

	#graftekt_oh h1 {
		font-size: 24px;
		padding: 100px 0;
		font-weight: normal;
	}

	#graftekt_oh .billboard .graftekt_ttl {
		font-size: 44px;
		bottom: 60px;
		left: 10%;
	}

	#graftekt_oh .billboard .graftekt_txt {
		display: block;
		position: absolute;
		top: 80px;
		right: 10%;
	}

	#graftekt_oh .billboard .graftekt_txt .inner {
		vertical-align: top;
		transform: none;
	}

	#graftekt_oh .billboard .graftekt_txt .inner span {
		display: block;
    background: #fff;
    transform: scaleX(.8);
    transform-origin: center;
	}

	#graftekt_oh .billboard .graftekt_txt .inner span + span {
		display: inline-block;
	}

	#graftekt_oh .fw-container {
		max-width: 1280px;
	}

	#graftekt_oh .graftekt_oh_content .grf_oh_cont h3 {
    font-size: 24px;
	}

	#graftekt_oh .graftekt_oh_content .grf_oh_cont .oh_image {
		padding-left: 32px;
	}

	#graftekt_oh .graftekt_oh_content p.lead-text {
    font-size: 16px;
	}

	#graftekt_oh .graftekt_oh_content .layout_right p {
		font-size: 14px;
	}

	#graftekt_oh .graftekt_oh_content .grf_oh_cont .fw-btn {
    max-width: 400px;
    margin: 0;
    margin-left: auto;
    margin-right: 32px;
    font-size: 18px;
    padding: 20px 15px;
	}

	#graftekt_oh .graftekt_showroom {
		padding-top: 200px;
	}

	#graftekt_oh .graftekt_showroom picture {
		margin: 0;
		padding-right: 32px;
	}

	#graftekt_oh .graftekt_showroom h3 {
		font-size: 28px;
	}

	#graftekt_oh .graftekt_showroom .showroom_btn {
		margin-top: 20px;
	}

	#graftekt_oh .graftekt_showroom .showroom_btn a {
    flex: 0 0 100%;
		margin-left: 0;
	}

	#graftekt_oh .graftekt_oh_content,
	#graftekt_oh .graftekt_end_oh {
		padding-top: 200px;
	}

	#graftekt_oh .graftekt_end_oh .end_oh_text {
		text-align: center;
	}
	#graftekt_oh .graftekt_end_oh .even .end_oh_image {
		order: 1;
	}
	#graftekt_oh .graftekt_end_oh .even .end_oh_text {
		order: 2;
		text-align: center;
	}

	#graftekt_oh .graftekt_end_oh .end_oh_text h3 {
		font-size: 24px;
		padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
	}
	#graftekt_oh .graftekt_end_oh .end_oh_text .fw-btn {
		font-size: 16px;
		min-height: 48px;
	}

	#graftekt_oh .graftekt_end_oh .odd,
	#graftekt_oh .graftekt_end_oh .even {
		padding-bottom: 100px;
	}

	#graftekt_oh .graftekt_end_oh .other_oh {
		padding-top: 50px;
		text-align: center;
	}

	#graftekt_oh .graftekt_end_oh .other_oh h3 {
		font-size: 24px;
	}

	#graftekt_oh .graftekt_oh_ad {
    padding-top: 200px;
	}

	#graftekt_oh .graftekt_oh_ad h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
	}

	#graftekt_oh .graftekt_oh_ad p {
    text-align: center;
		padding: 20px 0;
	}


	#graftekt_oh .graftekt_oh_ad .other_btn .fw-col-50-md,
	#graftekt_oh .graftekt_oh_ad .other_btn .fw-col-50 {
    padding: 0 10px;
	}


}

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

	#graftekt_oh .fw-container {
    max-width: 100%;
	}

	#graftekt_oh .billboard .graftekt_ttl {
		font-size: 24px;
		bottom: 24px;
		left: 30px;
	}

	#graftekt_oh .graftekt_oh_content .grf_oh_cont .oh_image {
    padding-left: 0;
	}

	#graftekt_oh .graftekt_oh_content .layout_area h4 {
		font-size: 20px;
	}

	#graftekt_oh .graftekt_oh_content .layout_left figure img {
		margin-left: auto;
		margin-right: auto;
	}
}


/*******************************************/
/* 構造見学会&気密測定会 */
/*******************************************/


#structuretour p{
	margin:0;
}
#structuretour img{
	max-width:100%;
	display: block;
	margin:0 auto;
}

/*タイトル	*/
#structuretour .title_area h1{
	text-align: center;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 12px;
}
#structuretour .title_area h1 span{
	display: inline-block;
}
#structuretour .title_area h1 .title1{
	font-size: min(22px,5vw);
}
#structuretour .title_area h1 .title2{
	font-size: min(16px,3.6vw);
	padding-top: 8px;
}
#structuretour .title_area .btn-area{
	display: flex;
	justify-content: center;
	padding-top:10px;
}
#structuretour .title_area .btn-area .btn-wrap{
	width:calc((100% - 15px) / 2);
	margin-top: 0;
}
#structuretour .title_area .btn-area .btn-wrap:first-child{
	margin-right:15px;
}
#structuretour .title_area .btn-area .btn-wrap .fw-btn.lage{
	max-width: 100%;
	font-size: 13.5px;
	font-weight: bold;
}

/*リード	*/
#structuretour .lead_area{
	padding-top:60px;
}
#structuretour .lead_area h2{
	margin-bottom:20px;
}
#structuretour .lead_area h2 span{
	display: inline-block;
	font-size: min(22px,5.1vw);
	font-weight: 700;
	border-bottom:1px solid #707070;
	padding-bottom:10px;
	line-height: 1.4;
}

#structuretour .lead_area .note p{
	font-size: 14px;
	font-weight: 600;
}
#structuretour .lead_area .note p.att{
	font-size: 12px;
}
#structuretour .lead_area .note .space1{
	display: block;
	height:10px;
}
#structuretour .lead_area .note .space2{
	display: block;
	height:5px;
}
#structuretour .lead_area .note .space3{
	display: block;
	height:15px;
}

/*見どころ	*/
#structuretour .point_area{
	padding-top:60px;
}

#structuretour .point_area .txt_area .point_title1{
	font-size: min(22px,5.1vw);
	font-weight: 700;
	line-height: 1.2;
}
#structuretour .point_area .txt_area .point_title1 .large{
	font-size:190%;
}
#structuretour .point_area .txt_area .point_title2{
	font-size: min(16px,4vw);
}

#structuretour .point_area .txt_area h2{
	border-bottom:1px solid #707070;
	padding-bottom:10px;
	margin-bottom:20px;
}
#structuretour .point_area .txt_area .note p{
	font-size: 14px;
	font-weight: 600;

}

#structuretour .point_area .b-flex .image_area{
	margin-top:20px;
}


/*予約誘導ボタン	*/

#structuretour .cv_area{
	padding-top:60px;
}
#structuretour .cv_area	.border{
	width:100%;
	border:1px solid #707070;
	padding:20px;
	background: #fff;
}
#structuretour .cv_area	.border p{
	text-align: center;
	font-size: min(16px,4vw);
	font-weight: 700;
	line-height: 1.6;
}

#structuretour .cv_area .btn-wrap{
	width:100%;
	max-width:500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#structuretour .cv_area .btn-wrap .fw-btn.lage{
	max-width: 500px;
	font-size: 13.5px;
	font-weight: bold;
}


/*概要*/
#structuretour .gaiyou_area{
	padding-top:60px;
}
#structuretour .gaiyou_area .bg_area{
	padding:60px 0 200px 0;
	background: #F6F4F2;
}

#structuretour .gaiyou_area .data-list li{
	display: flex;
	justify-content: flex-start;
}
#structuretour .gaiyou_area h2{
	margin-bottom:15px;
}
#structuretour .gaiyou_area h2 .ja{
	font-size: min(24px,5.6vw);
	font-weight: 700;
	line-height: 1.2;
}
#structuretour .gaiyou_area h2 .en{
	font-size: min(16px,4vw);
	font-weight: 700;
	line-height: 1.6;
}
#structuretour .gaiyou_area .data-list{
	margin:0 0 15px 0;
}
#structuretour .gaiyou_area .data-list li p{
	font-size: 15px;
		font-weight: 600;
}
#structuretour .gaiyou_area .data-list li p:first-child{
		flex-shrink: 0;
}

#structuretour .gaiyou_area .btn-wrap{
	width:100%;
	max-width:500px;
}
#structuretour .gaiyou_area .btn-wrap .fw-btn.lage{
	max-width: 500px;
	font-size: 13.5px;
	font-weight: bold;
	background-color:#C52524;
	border: #C52524 solid 1px;
}
#structuretour .gaiyou_area .btn-wrap .fw-btn.lage:hover{
	background-color:#fff;
	border: #C52524 solid 1px;
	color:#C52524;
}

/*予約誘導ボタン　2つ目	*/

#structuretour .cv_area._2{
	padding-top:0px;
	transform: translateY(-50%);
	margin-bottom: -100px;
}


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

/*タイトル	*/
	#structuretour .title_area h1{
		margin-right: -10px;
		margin-left: -10px;
	}
	#structuretour .title_area .btn-area .btn-wrap .fw-btn.lage{
		min-height: 55px;
		padding: 16px 16px;
	}
	#structuretour .title_area .btn-area .btn-wrap .fw-btn.lage::before{
		right:10px;
	}

/*概要*/
#structuretour .gaiyou_area .data-list li p .sp-small{
	font-size: 88%;
}

}

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

/*タイトル	*/
	#structuretour .title_area h1 .title1{
		font-size: min(40px,3.4vw);
	}
	#structuretour .title_area h1 .title2{
		font-size:min(24px,2.2vw);
		padding-top: 10px;
	}
	#structuretour .title_area .btn-area{
		padding-top: 25px;
	}
	#structuretour .title_area .btn-area .btn-wrap{
		width:40%;
		max-width:500px;
	}
	#structuretour .title_area .btn-area .btn-wrap:first-child{
		margin-right:40px;
	}
	#structuretour .title_area .btn-area .btn-wrap .fw-btn.lage{
		max-width: 500px;
		font-size: min(18px,1.8vw);
	}

/*リード	*/
	#structuretour .lead_area{
		padding-top:120px;
	}
	#structuretour .lead_area h2 span{
		font-size: min(36px,3.6vw);
		font-weight: 700;
	}

	#structuretour .lead_area .note p{
		font-size: min(16px,1.6vw);
		font-weight: 600;
	}
	#structuretour .point_area .b-flex .image_area{
		margin-top:0;
	}

/*見どころ	*/
	#structuretour .point_area{
		padding-top:100px;
	}
	#structuretour .point_area .b-flex{
		display: flex;
		align-items: center;
	}
	#structuretour .point_area .b-flex .txt_area{
		width:53%;
		padding-right:60px;
	}
	#structuretour .point_area .b-flex .image_area{
		width:47%;
	}

	#structuretour .point_area .b-flex.reverse{
		flex-direction: row-reverse;
	}
	#structuretour .point_area .b-flex.reverse .txt_area{
		padding-right:0px;
		padding-left:60px;
	}
	#structuretour .point_area .txt_area .point_title1{
		font-size: min(36px,3.6vw);
	}
	#structuretour .point_area .txt_area .point_title1 .large{
		font-size:190%;
	}
	#structuretour .point_area .txt_area .point_title2{
		font-size:min(24px,2.2vw);
	}

	#structuretour .point_area .txt_area h2{
		border-bottom:1px solid #707070;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	#structuretour .point_area .txt_area .note p{
		font-size: min(16px,1.6vw);
		font-weight: 600;

	}


	
/*予約誘導ボタン	*/

	#structuretour .cv_area{
		padding-top:100px;
	}
	#structuretour .cv_area	.border{
		width:90%;
		max-width:980px;
		margin-right:auto;
		margin-left:auto;
		padding:50px;
	}
	#structuretour .cv_area	.border p{
		font-size:min(22px,2.2vw);
		font-weight: 700;
		line-height: 1.6;
	}
	#structuretour .cv_area .btn-wrap{
		margin-top: 24px;
	}

	#structuretour .cv_area .btn-wrap .fw-btn.lage{
		font-size: min(18px,1.8vw);
	}

/*概要*/
	#structuretour .gaiyou_area{
		padding-top:100px;
	}
	#structuretour .gaiyou_area .bg_area{
		padding:100px 0 200px 0;
	}

	#structuretour .gaiyou_area .b-flex{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#structuretour .gaiyou_area .data-list li{
		display: flex;
		justify-content: flex-start;
	}
	#structuretour .gaiyou_area h2{
		margin-bottom:25px;
	}

	#structuretour .gaiyou_area h2 .ja{
		font-size: min(36px,3.6vw);
		font-weight: 700;
		line-height: 1.2;
	}
	#structuretour .gaiyou_area h2 .en{
		font-size:min(22px,2.1vw);
		font-weight: 700;
		line-height: 1.6;
	}
	#structuretour .gaiyou_area .data-list{
		margin:0 0 25px 0;
	}

	#structuretour .gaiyou_area .data-list li p{
		font-size: min(19px,1.8vw);
		font-weight: 600;
	}
	#structuretour .gaiyou_area .b-flex .txt_area{
		width:50%;
		padding:0 58px;
	}
	#structuretour .gaiyou_area .b-flex .map_area{
		width:40%;
	}
	#structuretour .gaiyou_area .b-flex .map_area img{
		width:100%;
	}

	#structuretour .gaiyou_area .btn-wrap .fw-btn.lage{
		font-size: min(18px,1.8vw);
	}

/*予約誘導ボタン　2つ目	*/

	#structuretour .cv_area._2{
		padding-top:0px;
		transform: translateY(-50%);
		margin-bottom: -100px;
	}

}

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

	#structuretour .gaiyou_area .b-flex .txt_area{
		padding:0 30px 0 0;
	}
}
@media screen and (min-width: 997px) and (max-width: 1279px) {

	#structuretour .gaiyou_area .b-flex .txt_area{
		padding: 0 35px;
	}
}

/*******************************************/
/* 構造見学会&気密測定会 　追記20231101*/
/*******************************************/

/*タイトル	*/
#structuretour.ver2 .title_area h1 .title2{
	padding-top: 12px;
}
#structuretour.ver2 .title_area .pagebnr-area{
	padding-top: 12px;
}
#structuretour.ver2 .title_area .btn-area{
	padding-top:15px;
}
#structuretour.ver2 .title_area .btn-area.ver_2bukken .btn-wrap{
	    width:100%;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
}
#structuretour.ver2 .title_area .btn-area.ver_2bukken .btn-wrap a{
	max-width:100%;
}


/*概要*/
#structuretour.ver2 .gaiyou_area.ver_2bukken .bg_area{
	padding: 60px 0;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken h2{
	margin-bottom:30px;
	text-align: center;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken-list {
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken-list li.bukken{
	background: #fff;
	border:1px solid #707070;
	padding:20px;
	margin-bottom:20px;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken-list li.bukken:last-of-type{
	margin-bottom:0;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap{
	margin-top:18px;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap,
#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap .fw-btn{
    max-width: 100%;
    width: 100%;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .note,
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .data{
	margin-top:18px;
	font-size: 13.5px;
	font-weight: 600;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map{
	margin-top:30px;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map_title{
	font-size: 15px;
	font-weight: 600;
}
#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map_image{
	margin-top:18px;
}



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

/*タイトル	*/
	#structuretour.ver2 .title_area h1 .title2 {
		padding-top: 25px;
	}
	#structuretour.ver2 .title_area .pagebnr-area{
			padding-top: 25px;
			width: calc(80% + 40px);
			margin-right: auto;
			margin-left: auto;

	}
	#structuretour.ver2 .title_area .btn-area{
		padding-top: 30px;
	}
	#structuretour.ver2 .title_area .btn-area.ver_2bukken .btn-wrap{
			width: calc(80% + 40px);
		max-width:1024px;
		margin-right:auto;
		margin-left:auto;
	}
	#structuretour.ver2 .title_area .btn-area.ver_2bukken .btn-wrap a{
		max-width:100%;
	}



	/*概要*/
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bg_area{
		padding: 100px 0;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken h2{
		margin-bottom:50px;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken-list {
		display: flex;
		justify-content: space-between;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken-list li.bukken{
		width:49%;
		padding:55px;
		margin-bottom:0;
	}

	#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap{
		margin-top:25px;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap,
	#structuretour.ver2 .gaiyou_area.ver_2bukken .btn-wrap .fw-btn{
		max-width: 100%;
		width: 100%;
		min-height: 64px;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .note,
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .data{
		margin-top:25px;
		font-size: min(16px,1.6vw);
		font-weight: 600;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .note{
		min-height:155px;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map{
		margin-top:30px;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map_title{
		font-size: 19px;
		font-weight: 600;
	}
	#structuretour.ver2 .gaiyou_area.ver_2bukken .bukken .map_image{
		margin-top:20px;
	}



}

/* ==============================================================
   #耐震
   ============================================================== */

.f-container{
	max-width: 267px;
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.f-container div.bg-yellow {
    background: #B18F71;
    color: #fff;
    width: calc((100% - 40px) / 3);
    font-size: 19px;
    line-height: 1.8;
    text-align: center;
    font-weight: 600;
    margin: 0 0 10px;
}
@media screen and (max-width: 768px){
	.plr35{
		padding-right: 32px;
		padding-left: 32px;
	}
}

/*見学会情報ボタン	*/
	
	article.niigataModelhouse main .about .fw-btn.lage{
		display: flex;
		margin-bottom: 40px
	}
	article.niigataModelhouse main .about .fw-btn.lage span{
		color: #fff
	}
	article.niigataModelhouse main .about .fw-btn.lage:hover span{
		color: #333
	}