@charset "UTF-8";
/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}	
.switch {
	visibility: hidden;
}
div{ margin: 0; padding: 0;}
img {
   vertical-align:bottom
}

body{ font:16px/1.5 ArialMT; font-family: var(--f-main); color: var(--c-text); background: #FEFFF8;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.headerContact:after,
.spCrearBox:after,
.eventTop:after,
.resp-tabs-list:after,
.resp-tab-content:after,
.madoriList li:after,
.pamfBox:after,
.kurashi3Box:after,
.kurashi4Box:after,
.photoBoxWrap:after,
.madoriList:after,
.worksList:after,
.voiceList:after,
.staffList:after,
.staffTopList:after,
#footer:after,
#footerMenu:after,
.eventSerchBox:after,
.eventListSub:after,
.eventTagBox:after,
.infoBox:after,
.infoBox dt:after,
.bx-pager:after,
.staffListSub:after,
.staffDetailBox:after,
.staffTxt .ttl:after,
.shopPhoto:after,
.shopDetail:after,
ul.serchSortNavi:after,
h3:after,
.galleryTtl:after,
.galleryTtl .detail ul:after,
.galleryBox:after,
ul.galleryWrapSub:after,
.voiceBox:after,
.reserveBox .cont ol:after,
.voiceWrapSub li:after,
.voicePager:after,
.lineupMenu:after,
.aboutBox:after,
.conceptList:after,
.standardBox:after,
.standardOl li:after,
.qualityBox:after,
.topLinkBox:after,
.wrap80:after,
.sec03Box:after,
.kurashiSubBox:after,
.wrap94:after,
.meritBox li:after,
.lineupCapBpx:after,
.shiharaiBox .cont:after,
.formDoc:after,
.conceptReason:after,
.conceptReason2:after,
.modelhouseListSub:after,
.modelhouseDetailBox:after,
.modelhouseDetailBox02:after,
.modelhouseDetailBox03:after,
.modelhouseDetailBox04:after,
.lineupCapBpx:after,
.shiharaiBox .cont:after,
.formDoc:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.header,
#header,
#headerIn,
.headerContact,
.head-nav,
.spCrearBox,
.eventTop,
.resp-tabs-list,
.resp-tab-content,
.madoriList li,
.infoBox,
.infoBox dt,
.newList li,
.photoBoxWrap,
.kurashi3Box,
.kurashi4Box,
.madoriList,
.pamfBox,
.worksList,
.voiceList,
.staffList,
.staffTopList,
#footer,
#footerMenu,
.eventSerchBox,
.eventListSub,
.eventTagBox,
.bx-pager,
.staffListSub,
.staffDetailBox,
.staffTxt .ttl,
.shopPhoto,
.shopDetail,
ul.serchSortNavi,
h3,
.galleryTtl,
.galleryTtl .detail ul,
.galleryBox,
ul.galleryWrapSub,
.voiceBox,
.reserveBox .cont ol,
.voiceWrapSub li,
.voicePager,
.lineupMenu,
.aboutBox,
.conceptList,
.standardBox,
.standardOl li,
.qualityBox,
.topLinkBox,
.wrap80,
.sec03Box,
.kurashiSubBox,
.wrap94,
.meritBox li,
.lineupCapBpx,
.shiharaiBox .cont,
.formDoc,
.conceptReason,
.conceptReason2,
.modelhouseListSub,
.modelhouseDetailBox,
.modelhouseDetailBox02,
.modelhouseDetailBox03,
.modelhouseDetailBox04,
.lineupCapBpx,
.shiharaiBox .cont,
.formDoc,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .header,
* html #header,
* html #headerIn,
* html .headerContact,
* html .head-nav,
* html .spCrearBox,
* html .eventTop,
* html .resp-tabs-list,
* html .resp-tab-content,
* html .madoriList li,
* html .pamfBox,
* html .infoBox,
* html .infoBox dt,
* html .newList li,
* html .kurashi3Box,
* html .kurashi4Box,
* html .photoBoxWrap,
* html .madoriList,
* html .worksList,
* html .voiceList,
* html .staffList,
* html .staffTopList,
* html #footer,
* html #footerMenu,
* html .eventSerchBox,
* html .eventListSub,
* html .eventTagBox,
* html .bx-pager,
* html .staffListSub,
* html .staffDetailBox,
* html .staffTxt .ttl,
* html .shopPhoto,
* html .shopDetail,
* html ul.serchSortNavi,
* html h3,
* html .galleryTtl,
* html .galleryTtl .detail ul,
* html .galleryBox,
* html ul.galleryWrapSub,
* html .voiceBox,
* html .reserveBox .cont ol,
* html .voiceWrapSub li,
* html .voicePager,
* html .lineupMenu,
* html .aboutBox,
* html .conceptList,
* html .standardBox,
* html .standardOl li,
* html .qualityBox,
* html .topLinkBox,
* html .wrap80,
* html .sec03Box,
* html .kurashiSubBox,
* html .wrap94,
* html .meritBox li,
* html .lineupCapBpx,
* html .shiharaiBox .cont,
* html .formDoc,
* html .conceptReason,
* html .conceptReason2,
* html .modelhouseListSub,
* html .modelhouseDetailBox,
* html .modelhouseDetailBox02,
* html .modelhouseDetailBox03,
* html .modelhouseDetailBox04,
* html .lineupCapBpx,
* html .shiharaiBox .cont,
* html .formDoc,
* html .contents{ height:1%; }


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

/*----------------------------------------------------
 	フォント
----------------------------------------------------*/
:root {
	--f-main: "Noto Sans JP", sans-serif;
	--f-inter: "Inter", sans-serif;
	--f-quicksand: "quicksand", sans-serif;
	--c-text: #4D4D4D;
}
.sans {
	font-family: var(--f-main);
	font-weight: 400;
}
.inter {
	font-family: var(--f-inter);
	font-weight: 400;
}
.quicksand {
	font-family: var(--f-quicksand);
	font-weight: 200;
}


/* ----------- anchor */
a { color:#948957;}
a:hover { color:#d4d0bc;  text-decoration:none;}
a .imgbt:hover,.linkHover:hover img{opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.onlySP { display: none;}

.mincho{font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}


/*----------------------------------------------------
 	header
----------------------------------------------------*/
#header{
	background: #FEFFF8;
	position: relative;
    z-index: 1;
}

h1{ color: #666666; font-size: 12px;	line-height: 3em; }
#headerIn{
	display: flex;
	align-items: center;
	padding: 10px 10px 10px 20px;
}
.headerLogo {
	width: 372px;
}
.headerLogo .headerLogo-text {
	font-size: 12px;
}
.headerLogo h1 {
	margin-top: 6px;
	margin-left: 10px;
	line-height: 1;
}
.headerLogo h1 a {
	color: var(--c-text);
	text-decoration: none;
}

.head-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 84px;
	width: calc(100% - 372px);
	padding-left: 30px;
}
.head-nav-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 54px;
	width: calc(100% - 310px);
}
.head-nav-list.onlySP {
	display: none;
}
.head-nav-list li a {
	display: block;
	color: var(--c-text);
	text-align: center;
	text-decoration: none;
}
.head-nav-list li .jp,
.head-nav-list li .en {
	display: block;
}
.head-nav-list li .jp {
	font-size: 14px;
}
.head-nav-list li .en {
	font-size: 12px;
}

.head-nav-cv {
	display: flex;
	gap: 5px;
	width: 310px;
}
.head-nav-cv .head-cv {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	font-size: 14px;
	line-height: 1.2143;
	font-weight: bold;
	color: var(--c-text);
	text-decoration: none;
	text-align: center;
}
.head-nav-cv .head-cv .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
}
.head-nav-cv .head-cv .text {
	margin-top: 5px;
}
.head-nav-cv .head-cv.event {
	background: #E28827;
	color: #fff;
}
.head-nav-cv .head-cv.line {
	background: #fff;
	border: 1px solid #C9CDB2;
}
.head-nav-cv .head-cv.materials {
	background: #E3E6CC;
}
.head-nav-cv .head-cv.visitor {
	background: #E5E8AC;
}

.head-nav-cv .head-nav-row {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.head-nav-cv .head-nav-row .head-cv {
	height: calc((100% - 5px)/2);
}
.head-nav-cv .head-nav-row .head-cv .text {
	margin-top: 0;
}

#mobile {display: none;}

.close {
	display: none;
}

@media screen and (min-width: 668px) and (max-width: 1410px) {
	#headerIn {
		justify-content: space-between;
	}
	.headerLogo {
		width: 312px;
	}
	.headerLogo .headerLogo-text {
		font-size: 10px;
	}
	.head-nav {
		width: calc(100% - 312px);
		gap: 30px;
	}
	.head-nav-list {
		gap: 25px;
	}
}

@media only screen and (min-width: 668px) {
	#wrapper {
		min-width: 1200px;
	}
	#header {
		min-width: 1200px;
	}

	.head-nav-list li a {
		transition: opacity 0.4s;
		position: relative;
	}
	.head-nav-list li a::before {
		content: '';
		position: absolute;
		bottom: -6px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 1px;
		background: var(--c-text);
		transition: width 0.4s;
	}
	.head-nav-list li a:hover {
		opacity: 0.6;
	}
	.head-nav-list li a:hover::before {
		width: 20px;
	}

	.head-nav-cv .head-cv {
		transition: opacity 0.4s;
	}
	.head-nav-cv .head-cv:hover {
		opacity: 0.6;
	}
}


/*----------------------------------------------------
 	TOP
----------------------------------------------------*/

@media only screen and (min-width: 668px) {
.slideBoxWrap .bx_sliderWrap {
    width: 1000px;
    margin: 0 auto 0;
    overflow: hidden;
}
.slideBoxWrap{
	background:url(../img/bg_slide.jpg) no-repeat center top,#f4f3f0;
	height:740px;
}
#slideBox{
	width: 100%;
	overflow:hidden;
	_zoom:1;
	/*height:660px;*/
	margin-bottom: 20px;
	padding-top: 100px;
	margin-top: -130px;
}
.slideBoxIn{ /*height:510px;*/padding-top: 20px; position:relative;}
.slideBoxWrap .bx-viewport {
  /*overflow: visible!important;
  width: 1026px!important;*/
}

.main-container {
  overflow: hidden;
  padding-bottom: 150px;
}
.bx_slider {
  margin: 0;
  padding: 0;
}
.bx_slider li {
  width: 1000px!important;
  margin: 0;
  padding: 0;
}
.bx_slider li{ border: 5px solid  #fff;}

}

div.controlWrap {
    width: 1000px;
    display: block;
    position: relative;
    margin: 0 auto;
}
div.controlWrap .bx-wrapper{
	width: 920px;
	max-width:920px !important;
	margin:0 auto;
	overflow:hidden;
}
div.controlWrap p#NextIcon a{
    display: block;
    width: 30px;
    height: 80px;
    position: absolute;
    background: url(../img/icon-arrow-next01.jpg) left center no-repeat;
    color: #fff;
    top: 20px;
    right: 0;
    text-indent: -9999px;
}
div.controlWrap p#PrevIcon a{
    display: block;
    width: 30px;
    height: 80px;
    position: absolute;
    background: url(../img/icon-arrow-prev01.jpg) left center no-repeat;
    color: #fff;
    top: 20px;
    left: 0;
    text-indent: -9999px;
}
#slideBox .bx-pager{
	padding: 0 10px 10px;
}
#slideBox .bx-pager li{
	padding-top: 20px;
	margin-top: -10px;
	float:left;
	margin-right:10px;
	width: 175px;
}
#slideBox .bx-pager li:last-child{margin-right: 0;}
#slideBox .bx-pager li img{max-width: 100%;}
#slideBox .bx-pager li a{
  display:block;
  height: 91px;
}
#slideBox .bx-pager li a img{  border: 2px solid  #fff;}
#slideBox .bx-pager li a.active{
	/*background: url(../img/bg_sliderA.png) no-repeat center top;*/
	margin-top: -10px;
	padding-top: 10px;
	position:relative;
}
#slideBox .bx-pager li a.active:before{content:""; background: url(../img/bg_sliderA.png) no-repeat center center; position:absolute; top:2px; left:15px; display: inline-block; width: 16px; height: 10px;}




.contentsWrap{ width: 100%; padding:50px 0;}
.contentsWrap2{ width: 100%; margin-bottom: 20px;}
.contentsWrap3{ width: 100%; padding:50px 0 0;}
.contentsWrap4{ width: 100%; padding:80px 0; background: #f4f3f0;}
.contentsWrapConscept{ width: 100%; padding:80px 0; background: url(../img/bg_concept.jpg) no-repeat 50% 50%; background-size:cover;}
.contentsWrapMadori{ width: 100%; padding:80px 0; background: #fff; color: #333;}
.contentsWrapMadori2{ width: 100%; padding:80px 0; background: url(../img/bg_madoriWrap.jpg); background-size:cover; color: #333;}
.contentsWrapGallery{width: 100%; padding:80px 0; background: url(../img/bg_gallery.png) center center; background-size:cover; color: #333;}
.contentsWrapDocument{ width: 100%; height: 362px; padding:25px 0 0; background: url(../img/bg_document.png) no-repeat 50% -3px; margin:80px auto 60px;}
.contentsWrap.bnLand{padding-top: 70px;}

.contents{ width:1000px; margin:0 auto;}
.contentsSp100{width:1000px; margin:0 auto;}


.capTxt{
	text-align: center;
	color: #FF9900;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
}
.capTxtSub{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 20px;
}

/*------------- 	共通タイトル  -------------*/
.topCommonTitleWrap {
	overflow: hidden;
	line-height: 1;
	text-align: center;
	height: 300px;
	position: relative;
}
.topCommonTitleWrap .topCommonTitleWrap-title {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
}
.topCommonTitleWrap .topCommonTitleWrap-title-jp {
	font-size: 22px;
	font-weight: 500;
}
.topCommonTitleWrap .topCommonTitleWrap-text {
	font-size: 16px;
	font-weight: 500;
	margin-top: 23px;
}
.topCommonTitleWrap .topCommonTitleWrap-title-en {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 300px;
	font-weight: 200;
	color: #F6F8EF;
	white-space: nowrap;
	z-index: 0;
}
.topCommonTitleWrap.sml {
	height: 240px;
}
.topCommonTitleWrap.sml .topCommonTitleWrap-title-en {
	font-size: 240px;
}

.topCommonTitleWrap-sml {
	line-height: 1;
	text-align: center;
	margin-bottom: -20px;
	height: 150px;
	position: relative;
}
.topCommonTitleWrap-sml .jp {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 22px;
	font-weight: 500;
	z-index: 1;
}
.topCommonTitleWrap-sml .en {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 150px;
	color: #F6F8EF;
	font-weight: 200;
	white-space: nowrap;
	z-index: 0;
}

/*------------- 	共通ボタン  -------------*/
.topCommonBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 66px;
	border: 1px solid var(--c-text);
	font-size: 15px;
	text-align: center;
	color: var(--c-text);
	text-decoration: none;
	position: relative;
}
.topCommonBtn::before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(-58px/2);
	transform: translateY(-50%);
	width: 58px;
	height: 1px;
	background: var(--c-text);
}
.topCommonBtn.center {
	margin: 0 auto;
}

@media only screen and (min-width: 668px) {
	.topCommonBtn {
		transition: opacity 0.4s;
	}
	.topCommonBtn::before {
		transition: transform 0.4s;
	}
	.topCommonBtn:hover {
		opacity: 0.6;
		color: var(--c-text);
	}
	.topCommonBtn:hover span {
		color: var(--c-text);
	}
	.topCommonBtn:hover::before {
		transform: translateY(-50%) translateX(20%);
	}
	a:hover .topCommonBtn {
		opacity: 0.6;
		color: var(--c-text);
	}
	a:hover .topCommonBtn span {
		color: var(--c-text);
	}
	a:hover .topCommonBtn::before {
		transform: translateY(-50%) translateX(20%);
	}
}

/*------------- 	FV  -------------*/
body.top .topFv-cv {
	display: none;
}

.topFv {
	overflow: hidden;
	position: relative;
}
.topFv .topFv-in {
	display: flex;
	gap: 20px;
}
.topFv .topFv-item {
	display: block;
	height: 680px;
	color: #fff;
	text-decoration: none;
	transition: width 0.4s;
	position: relative;
}
.topFv .topFv-item.onlySP {
	display: none;
}
.topFv .topFv-item .topFv-item-in {
	/* display: flex; */
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.topFv .topFv-item .topFv-item-textBox {
	position: absolute;
	white-space: nowrap;
	z-index: 1;
}
.topFv .topFv-item .topFv-item-title {
	font-size: 48px;
	letter-spacing: 0.01em;
	line-height: 70px;
	font-weight: 400;
}
.topFv .topFv-item .topFv-item-link {
	display: inline-block;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	padding-right: 28px;
	margin-top: 20px;
	position: relative;
}
.topFv .topFv-item .topFv-item-link .arrow {
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	width: 17px;
	line-height: 0;
}
.topFv .topFv-item .topFv-item-bg {
	height: 100%;
}
.topFv .topFv-item.item01 {
	width: 63.263889%;
}
.topFv .topFv-item.item01 .topFv-item-in {
	/* justify-content: flex-end; */
}
.topFv .topFv-item.item01 .topFv-item-textBox {
	top: 102px;
	right: 46px;
}
.topFv .topFv-item.item01 .topFv-item-bg {
	width: 63.263889vw;
	min-width: 911px;
	background: url(../img/top_fv_bg01.jpg)no-repeat center / cover;
}
.topFv .topFv-item.item01.sml {
	width: calc(100% - 81.3889%);
}

.topFv .topFv-item.item02 {
	width: calc(100% - 63.263889%);
}
.topFv .topFv-item.item02 .topFv-item-in {
	justify-content: flex-start;
}
.topFv .topFv-item.item02 .topFv-item-textBox {
	bottom: 73px;
	left: 90px;
}
.topFv .topFv-item.item02 .topFv-item-bg {
	width: 81.3889vw;
	min-width: 1172px;
	background: url(../img/top_fv_bg02.jpg)no-repeat center / cover;
}

body.top .topFv .topFv-cv {
	display: flex;
	position: absolute;
	z-index: 1;
}
.topFv-cv {
	display: flex;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 525px;
	background: #E5E8AC;
	border-radius: 50px 0 0 0;
	color: var(--c-text);
	text-decoration: none;
	transition: bottom 0.4s;
	z-index: 9;
}
.topFv-cv.end {
	bottom: -180px;
}
.topFv-cv-textBox {
	width: calc(100% - 250px);
	padding: 20px 0;
	text-align: center;
}
.topFv-cv-textBox .sml {
	font-size: 14px;
	letter-spacing: 0.005em;
}
.topFv-cv-textBox .title {
	font-size: 20px;
	letter-spacing: 0.005em;
	line-height: 32px;
	margin-top: 3px;
}
.topFv-cv .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 30px;
	margin: 6px auto 0;
	border: 1px solid var(--c-text);
	font-size: 12px;
	text-align: center;
	position: relative;
}
.topFv-cv .btn::before {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(-36px/2);
	transform: translateY(-50%);
	width: 36px;
	height: 1px;
	background: var(--c-text);
}
.topFv-cv .btn.onlySP {
	display: none;
}
.topFv-cv-img {
	width: 250px;
	position: relative;
}
.topFv-cv-img img {
	width: 100%;
}
.topFv-cv-img .icon {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 96px;
	z-index: 1;
}

@media only screen and (min-width: 668px) {
	.topFv .topFv-item {
		transition: width 0.4s,opacity 0.4s;
	}
	.topFv .topFv-item .topFv-item-link .arrow {
		transition: right 0.4s;
	}
	.topFv .topFv-item:hover {
		opacity: 0.7;
	}
	.topFv .topFv-item.item02:hover {
		width: 81.3889%;
	}
	.topFv .topFv-item:hover .topFv-item-link .arrow {
		right: 0;
	}

	.topFv-cv {
		transition: bottom 0.4s,background 0.4s;
	}
	.topFv-cv .btn::before {
		transition: transform 0.4s;
	}
	.topFv-cv:hover {
		color: var(--c-text);
		background: #e2e78f;
	}
	.topFv-cv:hover .btn::before {
		transform: translateY(-50%) translateX(20%);
	}
}
/*------------- 	FV  -------------*/


/*------------- 	新着情報  -------------*/
.topTopicsWrap .bx-wrapper {
	overflow: hidden;
	border: none;
	box-shadow: none;
	position: relative;
}
.topTopicsWrap .bx-viewport {
	overflow: visible !important;
	width: 500px !important;
	margin: 0 auto;
}
.topTopicsWrap > .bx-wrapper .bx-controls {
	display: none;
}
.topTopicsWrap .topTopicsWrap-controlWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	max-width: calc(1000px + (30px*2));
	margin: 27px auto 0;
	padding: 0 30px;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager,
.topTopicsWrap .topTopicsWrap-controlWrap .bx-controls-auto {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 0;
	position: relative;
	bottom: 0;
	padding-top: 0;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: auto !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager::after {
	display: none;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager a {
	display: block;
	width: 15px;
	height: 15px;
	background: #D9D9D9;
	border-radius: 100%;
	text-indent: -99999px;
	transition: background 0.4s;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager a.active {
	background: #8D9C90;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-controls-direction {
	display: block;
	left: 0;
	transform: translateY(-50%);
    width: 100%;
    height: auto;
	margin: 0;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-wrapper {
	max-width: none !important;
	margin: 0 !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-viewport {
	width: 100% !important;
	height: auto !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap .topTopicsWrap .bx-viewport {
	width: auto !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager li {
	width: auto !important;
	margin-right: 0 !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap .arrow a {
	display: block;
	width: 14px;
	height: 14px;
	border-bottom: 1px solid var(--c-text);
	position: relative;
}
.topTopicsWrap .topTopicsWrap-controlWrap .arrow.prev a {
	border-left: 1px solid var(--c-text);
	transform: rotate(45deg);
}
.topTopicsWrap .topTopicsWrap-controlWrap .arrow.next a {
	border-right: 1px solid var(--c-text);
	transform: rotate(-45deg);
}
.topTopicsWrap-slider {
	display: flex;
	gap: 48px;
}
.topTopicsWrap-slider li a {
	display: block;
	height: 280px;
}
.topTopicsWrap-slider li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 668px) {
	.topTopicsWrap-slider li a {
		transition: opacity 0.4s;
	}
	.topTopicsWrap-slider li a:hover {
		opacity: 0.6;
	}
	.topTopicsWrap .topTopicsWrap-controlWrap .bx-pager a:hover {
		background: #8D9C90;
	}
}

/*------------- 	ひのきハウスの家づくり  -------------*/
.topConceptWrap {
	padding-top: 160px;
}
.topConceptWrap-column {
	display: flex;
	width: 960px;
	margin: 0 auto;
}
.topConceptWrap-column .topConceptWrap-column-textBox {
	width: calc(100% - 400px);
}
.topConceptWrap-column .topConceptWrap-column-img {
	width: 400px;
}
.topConceptWrap-column .topConceptWrap-column-img img {
	max-width: 100%;
}
.topConceptWrap-column .topConceptWrap-column-title {
	font-size: 24px;
	letter-spacing: 0.01em;
	line-height: 55px;
	font-weight: 400;
	margin-top: -17px;
}
.topConceptWrap-column .topConceptWrap-column-text {
	font-size: 16px;
	line-height: 44px;
	margin-top: 27px;
}
.topConceptWrap-btnLink {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	width: 960px;
	margin: 58px auto 0;
}
.topConceptWrap-btnLink li {
	width: calc((100% - (30px*2))/3);
}
.topConceptWrap-btnLink li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	background: #C9CDB2;
	border-radius: 100px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.topConceptWrap-btnLink li .arrow {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 20px;
	line-height: 0;
}
.topConceptWrap .topCommonBtnWrap {
	margin-top: 80px;
}

@media only screen and (min-width: 668px) {
	.topConceptWrap-btnLink li a {
		transition: opacity 0.4s;
	}
	.topConceptWrap-btnLink li .arrow {
		transition: right 0.4s;
	}
	.topConceptWrap-btnLink li a:hover {
		opacity: 0.6;
	}
	.topConceptWrap-btnLink li a:hover .arrow {
		right: 15px;
	}
}

/*------------- 	施工事例  -------------*/
.topGalleryWrap {
	padding-top: 160px;
}
.topGalleryWrap .topCommonTitleWrap {
	margin-bottom: -38px;
}
.topGalleryWrap .topGalleryWrap-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	max-width: 1440px;
	padding: 0 30px;
	margin: 0 auto;
}
.topGalleryWrap .topGalleryWrap-list li {
	width: calc((100% - (15px*2))/3);
}
.topGalleryWrap .topGalleryWrap-list li a {
	display: block;
	height: 450px;
	position: relative;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-textBox {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	padding: 0 30px;
	text-align: center;
	color: #fff;
	opacity: 0;
	z-index: 1;
}
.topGalleryWrap .topGalleryWrap-list li .title {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.4;
}
.topGalleryWrap .topGalleryWrap-list li .tag {
	margin-top: 20px;
}
.topGalleryWrap .topGalleryWrap-list li .tag li {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.917;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img {
	height: 100%;
	position: relative;
	z-index: 0;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ACAAA8;
	mix-blend-mode: multiply;
	opacity: 0;
	z-index: 1;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.topGalleryWrap .topCommonBtnWrap {
	margin-top: 64px;
}

@media only screen and (min-width: 668px) {
	.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-textBox {
		transition: opacity 0.4s;
	}
	.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img::before {
		transition: opacity 0.4s;
	}
	.topGalleryWrap .topGalleryWrap-list li a:hover .topGalleryWrap-list-textBox {
		opacity: 1;
	}
	.topGalleryWrap .topGalleryWrap-list li a:hover .topGalleryWrap-list-img::before {
		opacity: 1;
	}
}
/*------------- 	施工事例  -------------*/

/*------------- 	プランニング参考例  -------------*/
.topPlanningWrap {
	padding-top: 160px;
}
.topPlanningWrap .topCommonTitleWrap {
	margin-bottom: -38px;
}
.topPlanningWrap .topPlanningWrap-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 972px;
	padding: 0 30px;
	margin: 0 auto;
}
.topPlanningWrap .topPlanningWrap-list li {
	width: calc((100% - 20px)/2);
	padding: 14px 14px 56px;
	background: #F6F8EF;
}
.topPlanningWrap .topPlanningWrap-list li a {
	display: block;
	text-decoration: none;
	color: var(--c-text);
}
.topPlanningWrap .topPlanningWrap-list li .topPlanningWrap-list-img {
	background: #fff;
}
.topPlanningWrap .topPlanningWrap-list li .topPlanningWrap-list-img img {
	width: 100%;
}
.topPlanningWrap .topPlanningWrap-list li .topPlanningWrap-list-title {
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	font-weight: 400;
	text-align: center;
	margin-top: 22px;
}
.topPlanningWrap .topPlanningWrap-list li .topCommonBtnWrap {
	margin-top: 23px;
}
.topPlanningWrap .topPlanningWrap-list li .topCommonBtn {
	width: 67%;
	height: 50px;
}

@media only screen and (min-width: 668px) {
	.topPlanningWrap .topPlanningWrap-list li a {
		transition: opacity 0.6s;
	}
	.topPlanningWrap .topPlanningWrap-list li a:hover {
		opacity: 0.6;
	}
}
/*------------- 	プランニング参考例  -------------*/

/*------------- 	ひのきハウスについて  -------------*/
.topAboutusWrap {
	padding-top: 160px;
}
.topAboutusWrap .topCommonTitleWrap {
	margin-bottom: -38px;
}
.topAboutusWrap .topAboutusWrap-staff {
	padding-top: 50px;
}
.topAboutusWrap .topAboutusWrap-staff-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 48px 20px;
	width: 910px;
	margin: 0 auto;
}
.topAboutusWrap .topAboutusWrap-staff-list li {
	width: calc((100% - (20px*2))/3);
}
.topAboutusWrap .topAboutusWrap-staff-list li a {
	text-decoration: none;
	color: var(--c-text);
}
.topAboutusWrap .topAboutusWrap-staff-list li .topAboutusWrap-staff-list-img img {
	width: 100%;
}
.topAboutusWrap .topAboutusWrap-staff-list li .topAboutusWrap-staff-list-title {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
	margin-top: 10px;
}
.topAboutusWrap .topAboutusWrap-staff .topCommonBtn {
	margin-top: 50px;
}

.topAboutusWrap .topAboutusWrap-access {
	max-width: calc(1200px + (30px*2));
	margin: 0 auto;
	padding: 160px 30px 0;
}
.topAboutusWrap .topAboutusWrap-access iframe {
	width: 100%;
	height: 570px;
	position: relative;
    z-index: 1;
}
.topAboutusWrap .topAboutusWrap-access .topCommonBtnWrap {
	margin-top: 32px;
}

@media only screen and (min-width: 668px) {
	.topAboutusWrap .topAboutusWrap-staff-list li a {
		transition: opacity 0.4s;
	}
	.topAboutusWrap .topAboutusWrap-staff-list li a:hover {
		opacity: 0.6;
	}
}
/*------------- 	ひのきハウスについて  -------------*/

/*------------- 	ニュース＆ブログ  -------------*/
.topNewsBlogWrap {
	padding-top: 160px;
}
.topNewsBlogWrap .topCommonTitleWrap {
	margin-bottom: -34px;
}
.topNewsBlogWrap .topNewsBlogWrap-column {
	display: flex;
	justify-content: center;
	gap: 20px;
	max-width: calc(1200px + (30px*2));
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
}
.topNewsBlogWrap .topNewsBlogWrap-item {
	width: calc((100% - 20px) / 2);
	padding-bottom: 45px;
	background: #fff;
	border: 1px solid #C9CDB2;
}
.topNewsBlogWrap .topCommonTitleWrap-sml {
	height: 100px;
	margin-bottom: 0;
}
.topNewsBlogWrap .topCommonTitleWrap-sml .jp {
	font-size: 18px;
	font-weight: 200;
}
.topNewsBlogWrap .topCommonTitleWrap-sml .en {
	font-size: 100px;
}
.topNewsBlogWrap .topNewsBlogWrap-list {
	padding: 0 15px;
}
.topNewsBlogWrap .topNewsBlogWrap-list li {
	border-bottom: 1px solid #C9CDB2;
}
.topNewsBlogWrap .topNewsBlogWrap-list li a {
	display: block;
	padding: 11px 0 14px;
	text-decoration: none;
	color: var(--c-text);
}
.topNewsBlogWrap .topCommonBtnWrap {
	margin-top: 35px;
}
.topNewsBlogWrap .topCommonBtn {
	width: 50%;
	height: 50px;
}

@media only screen and (min-width: 668px) {
	.topNewsBlogWrap .topNewsBlogWrap-list li a {
		transition: opacity 0.4s;
	}
	.topNewsBlogWrap .topNewsBlogWrap-list li a:hover {
		opacity: 0.6;
	}
}
/*------------- 	ニュース＆ブログ  -------------*/

/*------------- 	イベント情報  -------------*/
.topEventWrap {
	padding-top: 160px;
}
.topEventWrap .topCommonTitleWrap {
	margin-bottom: -34px;
}
.topEventWrap .topEventWrap-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
}
.topEventWrap .topEventWrap-list li {
	width: calc((100% - (20px*2))/3);
	background: #F6F8EF;
}
.topEventWrap .topEventWrap-list li a {
	display: block;
	letter-spacing: 0.01em;
	text-decoration: none;
	color: var(--c-text);
	text-align: center;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-img {
	max-height: 446px;
	height: 30.699vw;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-textBox {
	padding: 20px 15px 30px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-title {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day,
.topEventWrap .topEventWrap-list li .topEventWrap-list-time {
	font-size: 16px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day {
	margin-top: 15px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day + .topEventWrap-list-time {
	margin-top: 5px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 7px;
	margin-top: 25px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address .icon {
	width: 23px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address .text {
	max-width: calc(100% - 23px - 7px);
	padding-top: 4px;
	font-size: 15px;
}
.topEventWrap .topCommonBtnWrap {
	margin-top: 38px;
}

@media only screen and (min-width: 668px) {
	.topEventWrap .topEventWrap-list li a {
		transition: opacity 0.4s;
	}
	.topEventWrap .topEventWrap-list li a:hover {
		opacity: 0.6;
	}
}

/*------------- 	ご相談・お問い合わせ  -------------*/
.topContactWrap {
	padding: 128px 0 18px;
}
.topContactWrap .topContactWrap-column {
	display: flex;
	justify-content: center;
	gap: 20px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
}
.topContactWrap .topContactWrap-item {
	width: calc((100% - 20px)/2);
	padding: 50px 75px;
	position: relative;
}
.topContactWrap .topContactWrap-item-title {
	font-size: 20px;
	letter-spacing: 0.005em;
	font-weight: 500;
	text-align: center;
}
.topContactWrap .topContactWrap-item-img {
	margin-top: 30px;
}
.topContactWrap .topContactWrap-item-img img {
	width: 100%;
}
.topContactWrap .topContactWrap-item-img .icon {
	position: absolute;
	right: 16px;
	top: -8px;
	width: 132px;
	z-index: 1;
}
.topContactWrap .topContactWrap-item-text {
	font-size: 15px;
	line-height: 2;
}
.topContactWrap .topContactWrap-item-column {
	display: flex;
	gap: 18px;
	margin-top: 30px;
}
.topContactWrap .topContactWrap-item-column .topContactWrap-item-img {
	width: 251px;
	margin-top: 0;
}
.topContactWrap .topContactWrap-item-column .topContactWrap-item-text {
	width: calc(100% - 251px - 18px);
	margin-top: -9px;
}
.topContactWrap .topContactWrap-item-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 25px;
}
.topContactWrap .topContactWrap-item-btn li {
	width: 250px;
	height: 50px;
	border: 1px solid var(--c-text);
}
.topContactWrap .topContactWrap-item-btn li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 15px;
	color: var(--c-text);
	text-align: center;
}
.topContactWrap .topContactWrap-item-btn li.tel {
	width: auto;
	height: auto;
	border: none;
}
.topContactWrap .topContactWrap-item-btn li.tel a {
	display: block;
	height: auto;
}
.topContactWrap .topContactWrap-item-btn li.tel .telBox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	line-height: 1;
}
.topContactWrap .topContactWrap-item-btn li.tel .icon {
	width: 30px;
}
.topContactWrap .topContactWrap-item-btn li.tel .num {
	font-size: 32px;
}
.topContactWrap .topContactWrap-item-btn li.tel .telDay {
	font-size: 13px;
	text-align: center;
	margin-top: 3px;
}

.topContactWrap .topContactWrap-item.event {
	background: #E5E8AC;
}
.topContactWrap .topContactWrap-item.event .topContactWrap-item-title {
	text-align: left;
	padding-left: 27px;
}
.topContactWrap .topContactWrap-item.contact {
	background: #E3E6CC;
}
.topContactWrap .topContactWrap-item.contact .topContactWrap-item-btn {
	gap: 20px;
}

@media only screen and (min-width: 668px) {
	.topContactWrap .topContactWrap-item-btn li a {
		transition: background 0.4s,color 0.4s;
	}
	.topContactWrap .topContactWrap-item-btn li.tel a {
		transition: opacity 0.4s;
	}
	.topContactWrap .topContactWrap-item-btn li a:hover {
		background: var(--c-text);
		color: #fff;
	}
	.topContactWrap .topContactWrap-item-btn li.tel a:hover {
		opacity: 0.6;
		background: none;
		color: var(--c-text);
	}
}
/*------------- 	ご相談・お問い合わせ  -------------*/



/*------------- 	イベント  -------------*/
.pamfBox{ width: 235px; float:right;}
.pamfBox img{ max-width:100%;}

.resp-tabs-list{ vertical-align: bottom;}
.resp-tabs-list li {
	width: 97px;
	float: left;
    margin: 0 3px 0 0;
    list-style: none;
    cursor: pointer;
	background: #ccc;	
	position: relative;
	height: 47px;
	text-align: center;
	font-weight: bold;
	font-size:16px;
	color:#fff;
	padding:2px;
}
.resp-tabs-list li:nth-child(3){
	margin-right: 0;
}
.resp-tabs-list li span{
	display: block;
	font-size:12px;
}
.resp-tabs-list li.resp-tab-active,.resp-tabs-list li:hover{
	background: #cb1f12;
	color: #fff;
}
.resp-tabs-list li:last-child{ margin-right: 0;}

.resp-tabs-container {
    padding: 0px;
    clear: left;
	border-top: #cb1f12 3px solid;
}
h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.resp-tab-content {
    display: none;
}


.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content { 	background: #fff; padding:20px;}




.eventTop{ width: 400px; float:left; margin-right: 20px;}
.eventTop h2{ width: 103px; float: left; background: none; padding: 0; margin: 0;}

.eventTop .cont a{ display: block; width: 350px; float:left; text-decoration: none; } 
.eventTop .cont.cont02 a{ float: right;}
.eventTop .cont a:hover{ background: #F8F8F8;}

.eventTop .cont table.ttl{ font-size: 90%; width: 100%; margin-bottom: 10px; border:1px solid #ccc;}
.eventTop .cont table.ttl th{ background: #ef611e; color: #fff; width: 30%;}
.eventTop .cont table.ttl td{ background: #fff; color: #333; font-weight:bold;}
.eventTop .cont .topComingEvent table.ttl th{ background: #F1B61D; }

.eventTop .photoBox{ background: #fff; width: 110px; height:112px; border: 1px solid #DDDDDD; text-align:center; padding: 2px; float: left;}
.eventTop .photoBox img{ max-width:104px; max-height: 106px;height:auto; margin-bottom: 2px;}

.eventTop .txtBoxWrap{ width: 230px; float: right;}
.eventTop .timeTbl{ margin-bottom: 4px; width: 100%; border:1px solid #d4d0bc;}
.eventTop .timeTbl th { background: #d4d0bc; color: #333; font-size: 88%; text-align: center; padding: 4px 0 3px; font-size: 84%;} 
.eventTop .timeTbl td { background: #fff; color: #333; text-align: center; padding: 5px 0 4px; font-size: 90%;} 
.eventTop .scheTbl { font-size: 80%;}
.eventTop .scheTbl dt{
  background:#d4d0bc;
  color:#333;
  text-align:center;
  padding:2px 4px 1px;
  clear: left;
  float: left;
  width: 3em;
  margin-right:5px;
  margin-bottom: 2px;
}
.eventTop .scheTbl dd {
  color:#382500;
  margin-left: 3em;
  padding:2px 4px 1px;
  margin-bottom:2px;
  text-decoration: none;
}
.eventTop .cont a { text-decoration: none;}

.eventTop .bdr{ border-bottom: #CCC solid 1px; padding-bottom: 10px; margin-bottom: 10px;}
.eventTop .eventCap{ font-size: 90%; width: 100%; font-weight: bold; text-align:center; margin-bottom: 5px;}

.btn01 a {
	display: block;
	padding: 8px 0 7px;
	margin:0 auto;
	background: #948957;
	color: #fff;
	font-size: 81%;
	width: 160px;
	text-align: center;
	text-decoration: none;
	border-radius:4px;
}
.btn01 a:hover{ background: #d4d0bc; color: #333;}
.eventTop #topNew .btn01.btn02 a { width: 220px;}

.landTop{width: 325px; height: 354px; float:left; background:#fff; padding-bottom: 15px;}
.landTop .ttl,
.landTop .ttl2{background:#68981a; text-align:center; color:#fff; font-weight:bold; font-size:125%; width: 100%; height: 50px; line-height: 50px; margin-bottom: 30px;}
.landTop .ttl span:before{content:""; background:url(../img/icon_search.png) no-repeat 50% 50%; background-size:17px; display: inline-block; width: 17px; height: 17px; margin-right: 6px;}
.landTop .ttl2 span:before{content:""; background:url(../img/icon_information.png) no-repeat 50% 50%; background-size:21px; display: inline-block; width: 21px; height: 21px; margin-right: 6px;}
.landTbl{padding:0 20px; position:relative; margin-bottom: 0; height: 220px;}
.landTbl dd{font-size:93%; border-bottom: 1px dotted #ccc; padding-bottom:10px; margin-bottom: 10px;}
.landTbl dt{font-size:68%;color:#fff; padding: 4px; background:#ef611e; position:absolute; right:20px;}
.landTbl a{color:#333; width: 227px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-decoration: underline;}

.infoBox dt{
  clear: left;
  float: left;
  width: 110px;
  padding-top:10px;
  color:#948957;
  height:31px;
  line-height:31px;
  margin-right:15px;
  font-size: 84%;
}
.infoBox dd {
  margin-left: 110px;
  padding-top:15px;
  padding-bottom:5px;
  font-size: 90%;
}
.infoBox dd a{ text-decoration:underline;  color: #444;}
dl.infoBox dt:first-child {border:none;}
dl.infoBox dt:first-child + dd {border:none;}
dl.infoBox dt:last-of-type { margin-bottom:0;}
dl.infoBox dt:last-of-type + dd {margin-bottom:0;}


.btn03 a {
	display: block;
	padding: 12px 0 10px;
	background: #948957;
	color: #fff;
	width: 40%;
	border-radius:4px;
	text-align: center;
	text-decoration: none;
	font-size: 102%;
	margin-left: auto; margin-right: auto;
}
.btn03 a:hover{ background: #d4d0bc; color: #333;}
.btn03 a span{ display: inline-block;}
.btn03 a:hover span{}

.staffListSub .btn03 a{ width: 140px; padding: 8px 0 8px; font-size: 81%;}


a .btn03,.end .btn03 {
	display: block;
	padding: 8px 0 7px;
	background: #948957;
	color: #fff;
	width: 80%;
	text-align: center;
	text-decoration: none;
	font-size: 81%;
	margin-left: auto; margin-right: auto;
	margin-bottom: 5px;
	border-radius:4px;
}
a .btn03 span,.end .btn03 span{ display: inline-block;}
.eventSub a:hover .btn03{ background: #948957; color: #fff;}
.eventSub a:hover span{}

input.inputBtn {
	 -webkit-appearance: none;
	display: block;
	background: #948957;
	color: #fff;
	width: 300px;
	line-height:65px;
	text-align: center;
	text-decoration: none;
	font-weight:normal;
	font-size: 110%;
	margin-left: auto; margin-right: auto;
	border-radius:4px;
}
input.inputBtn:hover {background: #d4d0bc; color:#333;}




@media only screen and (min-width: 667px) { 
#slideBoxGallery{
	width: 100%;
	background:url(../img/bg_gallery.jpg) center center!important;
	overflow:hidden;
	_zoom:1;
	height:530px;
	margin-bottom: 20px;
	
	position:relative;
}
.slideBoxInGallery{ height:530px;margin-bottom: 20px;}
}

.kurashi3Box{width: 1020px;margin-right: -20px;}
.kurashi3Box li{ width: 320px; float:left; margin-right: 20px;}

.kurashi4Box{width: 1020px;margin-right: -20px;}
.kurashi4Box li{ width: 235px; float:left; margin-right: 20px;}

.madoriList{ width: 1020px;margin-right: -20px; /*margin-bottom: 20px;*/}
.madoriList li{
	width: 235px;
	margin-right: 20px;
	background: #fff;
	float:left;
}
.madoriList li img{width: 100%;}
.madoriList li a:hover img{ opacity:0.5;filter:alpha(opacity=50);}
.contentsWrapConscept .madoriList li{
	height: 354px;
	border:1px solid #ccc;
}
.contentsWrapConscept .madoriList li:nth-child(4){border:none;}


#slideBoxGallery .bx_sliderWrap{width: 880px; height: 500px; margin:0 auto;}
#slideBoxGallery .bx-viewport{width: 880px !important; overflow:visible !important; left:50px;}
#slideBoxGallery a{text-decoration:none;}
#slideBoxGallery ul li{ margin-bottom: 30px; padding-right: 100px;}
#slideBoxGallery ul li a{background: #fff; display: block; padding: 20px 30px; height: 500px; position:relative;}
#slideBoxGallery .photoBoxWrap{ margin-bottom: 5px; width: 100%;}
#slideBoxGallery .photoBox01{ width: 460px; float: left; text-align: center; height: 310px; display:table-cell; vertical-align: middle; overflow: hidden; position:relative;}
#slideBoxGallery .photoBox01 img{ max-width: 100%; max-height: 100%; display: inline;} 
#slideBoxGallery .photoBox02{ width: 259px; float: right; text-align: center;} 
#slideBoxGallery .photoBox02 img{ max-width: 100%; max-height: 150px; margin-left: auto; margin-right: auto;} 
#slideBoxGallery .topGalleryBox .ttl{ color: #2f819b; font-size: 110%; padding: 11px 0 9px; font-weight: bold; text-decoration:none;}
#slideBoxGallery .topGalleryBox .photoBox01 .number{ display: inline-block; position:absolute; top:0; left:0; color:#fff; background:#cb1f12; font-size:81%; width: 80px; height: 35px; line-height: 35px; text-align:center;}
#slideBoxGallery .topGalleryBox .detailWrap{width: 100%; height:60px; overflow:hidden; }
#slideBoxGallery .topGalleryBox .detail{ font-size: 81%; color:#808080; text-decoration:none;}
#slideBoxGallery li:hover img{ opacity:0.5;filter:alpha(opacity=50);}
#slideBoxGallery .tagWrap{position:absolute; bottom:20px; left:30px;}
#slideBoxGallery .tagWrap li{display: inline-block; background:#ddd; text-align:center; font-size:81%; padding:5px; width: auto; height:auto; color:#333; margin-right: 5px; margin-bottom: 0;} 

.btn04 a,
.btn04 .linkNone {
	display: block;
	padding: 0;
	margin:0 auto;
	background: #cb1f12;
	color: #fff;
	font-size: 112%;
	font-weight:normal;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	border-radius:4px;
}
.btn04 a:hover{ background: #d4d0bc; color: #333;}
.contentsWrapDocument .btn04 a,
.contentsWrapDocument .btn04 .linkNone {
	background: #2f819b;
	width: 330px;
	max-width: 100%;
	margin:0;
	text-decoration:none;
}
.contentsWrapDocument a{text-decoration:none;}
.contentsWrapDocument .btn04 a:hover,
.contentsWrapDocument a:hover .btn04 .linkNone{ background: #d4d0bc;}


.contentsWrapDocument .fl{padding-top: 25px;}
.contentsWrapDocument .fr{position:relative; height: 342px;}
.contentsWrapDocument .fr img{position:absolute; right:0; bottom:0;}

.staffTopList{ margin-bottom: 20px;}
.staffTopList li{ display: block; width: 49%; float: left;}
.staffTopList li:nth-child(2n){ float: right;}
.staffTopList a{text-decoration: none;}
.staffTopList dt{
	text-decoration: none;
	color: #5EBCD4;
	font-size: 80%;
	margin-bottom: 5px;
}
.staffTopList dd{
	color: #444;
	text-decoration: underline;
	margin-bottom: 40px;
	font-size: 90%;
}
.staffTopList dd a{ color: #444;}

	
.topDocumentBox{
	background: #f4f3f0;
	padding: 40px 20px;
}
.topDocumentBox p{
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #212121;
}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer {
	padding: 54px 0 48px;
	background: #C9CDB2;
	color: #fff;
}
#footer .footer-in {
	margin: 0 auto;
}
#footer .footer-logo {
	width: 205px;
	margin: 0 auto;
}
#footer .footer-address {
	font-size: 15px;
	line-height: 26px;
	text-align: center;
}
#footer .footer-telBox {
	margin-top: 20px;
	text-align: center;
}
#footer .footer-tel {
	display: inline-block;
	text-decoration: none;
	color: #fff;
}
#footer .footer-tel .telBox {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	line-height: 1;
}
#footer .footer-tel .icon {
	width: 39px;
}
#footer .footer-tel .num {
	font-size: 42px;
}
#footer .footer-tel .telDay {
	font-size: 13px;
	text-align: center;
	margin-top: 6px;
}
#footer .footer-navi {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	line-height: 1;
}
#footer .footer-navi a {
	text-decoration: none;
	color: #fff;
}
#footer .footer-navi > li {
	padding: 0 26px;
}
#footer .footer-navi > li + li {
	border-left: 1px solid #fff;
}
#footer .footer-navi-item > li + li {
	margin-top: 20px;
}
#footer .footer-navi-item > li a {
	font-size: 14px;
}
#footer .footer-sns-copyright {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
	margin-top: 38px;
	padding-right: 167px;
}
#footer .footer-sns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
#footer .footer-sns li {
	width: 22px;
}
#footer .footer-sns li a {
	display: block;
}
#footer .footer-sns li img {
	width: 100%;
}
#footer .footer-copyright {
	font-size: 12px;
}

@media only screen and (min-width: 668px) {
	#footer .footer-tel {
		transition: opacity 0.4s;
	}
	#footer .footer-tel:hover {
		opacity: 0.6;
	}
	#footer .footer-navi-item > li a {
		display: inline-block;
		position: relative;
	}
	#footer .footer-navi-item > li a::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: -6px;
		width: 0;
		height: 1px;
		background: #fff;
		transition: width 0.4s;
	}
	#footer .footer-navi-item > li a:hover::before {
		right: auto;
		left: 0;
		width: 100%;
	}
}


/*----------------------------------------------------
 	下位common
----------------------------------------------------*/
.h2Wrap{width: 100%; height: 140px; background:url(../img/bg_h2_sub.jpg) no-repeat 50% 50%; background-size:cover; border-top: 2px solid #333;}
.h2Wrap h2{text-align:center; font-size:2.5em; color:#fff; font-weight:bold; padding:29px 10px; letter-spacing:0.03em; font-family:"OpenSans", sans-serif; text-transform: uppercase;}
.h2Wrap h2 span{display: block; font-size:0.325em; letter-spacing: 0.03em; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; text-transform: none;}

h2.sub{
	background: #948957;
	color: #fff;
	padding: 15px 20px 14px;
	font-size: 160%;
	margin-bottom: 20px;
	font-weight:normal;
	font-family: Open Sans;
	letter-spacing:0.03em;
}
h2.sub span{ font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 54%; margin-left: 10px;}
.contentsSub h2{ margin-bottom: 20px;}
h4{ background: #EEE; padding: 13px 13px 12px; font-size: 110%; margin-bottom: 20px; font-family: YuMincho, "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

table.tableNone,table.tableNone th,table.tableNone td{ border: none; padding: 0;}
table.tableNone th{ background: none; width: auto;}
table.tableNone td{ width: auto;}

.breadcrumb{}
.breadcrumb ul{ width: 1000px; margin:0 auto; padding: 10px 0; font-size: 80%;} 
.breadcrumb ul li{ display:inline-block;}
.breadcrumb ul li a{color: #999999; text-decoration: underline;}
.breadcrumb ul li:before { content:"＞"; margin-right: 5px; margin-left: 5px;}
.breadcrumb ul li:first-child:before { content:""; margin-right: 0;}
.breadcrumb ul li a:hover { text-decoration: none; color: #ED6D00;} 

.list01 li{ background:url(../img/bg_list01.png) no-repeat left top; padding-left: 14px; margin-bottom: 5px; }

.list02 li{text-indent:-1em; padding-left:1em;}

.subMenu ul{ width: 960px; margin:30px auto 0;}
.subMenu ul li{ width: 25%; float:left;} 

#sideBar{ width: 235px; float:right;}
#main{ width: 745px; float:left; }

#sideBar .pamfBox{ margin-bottom: 20px;}
#sideBar .pamfBox .boxNo01{ margin-bottom: 20px;}
#sideBar h3{
	background: #948957;
	color: #fff;
	height: 48px;
	line-height: 48px;
	margin-bottom: 0;
	padding-left: 10px;
	font-weight:normal;
	font-family: Open Sans;
	letter-spacing:0.03em;
}
#sideBar h3 span{font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 76%; margin-left: 10px;}
#sideBar h3.side02{ height: auto; line-height: 1em;  text-align: center; padding: 13px 10px 11px;}

#sideBar .sideMenu{ border: 1px solid #DDDDDD; margin-bottom: 20px; border-top: none;}
#sideBar .sideMenu li a{ display:block; width: 100%; height:44px ;line-height: 44px; background:#f4f3f0 url(../img/bg_newList.png) no-repeat 98% center; font-size: 90%; padding-left: 10px;}
#sideBar .sideMenu li:nth-child(2n) a{ background:#fff url(../img/bg_newList.png) no-repeat 98% center;}
#sideBar .sideMenu li a{ text-decoration: none; color: #333333; font-size: 94%;}
#sideBar .sideMenu li a:hover{ color: #948957;}
#sideBar .sideMenu li .children a{ padding-left: 25px;}

#sideBar .sideMenu02{ border: 1px solid #DDDDDD; margin-bottom: 20px; border-top: none;padding: 9px 9px 0 9px;}
#sideBar .sideMenu02 li{ margin-bottom: 9px;}


#sideBar .sideBox02 .sideTag{ margin-top: 10px;}
#sideBar .sideBox02 .sideTag li{display: inline;}
#sideBar .sideBox02 .sideTag li a{
	display: inline-block;
	padding: 3px 5px 2px;
	border: 1px solid  #666;
	font-size: 70%;
	margin-bottom: 10px;
	color: #130F21;
	text-decoration: none;
}
#sideBar .sideBox02 .sideTag li a:hover{ background: #FFFFDF;}


#sideBar .sideBox02 .sideNews{ margin-bottom: 20px;}
#sideBar .sideBox02 .sideNews a{ display: block; width: 100%; text-decoration: none; font-size: 90%; color: #545454;	padding-top: 10px;padding-bottom: 10px; padding-left: 10px;}
#sideBar .sideBox02 .sideNews a:hover{ background:#F5F7F9; color: #948957; text-decoration: underline;} 
#sideBar .sideBox02 .sideNews li{
	border-bottom: 1px dotted #E4E2D4;
}



.linkR{ text-align: right; font-size: 90%;}
.linkR a{background: url(../img/bg_headLink.png) no-repeat left center; padding-left: 10px; display:inline-block; }


.table02 {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	}
.table02 th,.table02 td{ padding: 10px;}
.table02 th { width:25%; border:1px solid #ddd; background:#f5f5f5;text-align:left; font-weight:normal;}
.table02 td { width:75%; border:1px solid #ddd;text-align:left;}


.table01 {
	width:100%;
	border:1px solid #ccc;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	}
.table01 th,.table01 td{ padding: 10px;}
.table01 th { width:25%; border:1px solid #ccc; background:#f4f3f0;text-align:left; font-weight:normal;}
.table01 td { width:75%; border:1px solid #ccc;text-align:left;}

/*----------------------------------------------------
 	下位concept
----------------------------------------------------*/
.concept01{margin:50px auto;}
.concept01 .fl .ttl{font-size:1.5em; font-weight:bold; margin-bottom: 20px;}
.concept01 .fl .txt{font-size:0.9375em; line-height: 2;}

.concept02{margin:50px auto;}
.concept02 .fl{padding-top: 70px;}

.conceptCap{margin:70px auto 50px;}
.conceptCap .txt01{font-size:2.25em; font-weight:bold; color:#333; margin-bottom: 50px;}

.concept03{margin-bottom: 80px;}
.concept03 h3{margin-bottom: 30px;}
.concept03 li{width: 320px; float:left; margin-right: 20px; position:relative; }
.concept03 li:last-child{margin-right: 0;}
.concept03 li img{width: 100%;}
.concept03 li:after{content:""; background:url(../concept/img/icon01.png) no-repeat 50% 50%; width: 70px; height: 70px; position:absolute; right:0; top:50%; margin-top: -35px; margin-right: -45px; z-index: 1;}
.concept03 li:last-child:after{display: none;}

.concept04{margin-bottom: 70px;}

.concept04 h3,
.concept05 h3{margin-bottom: 30px;}

.concept05{margin-bottom: 80px;}
.concept05 h3 span{color:#feff00;}
.concept05 li{background:#fff; border:20px solid #f4f3f0; width: 490px; float:left; margin-right: 20px; margin-bottom: 20px;}
.concept05 li:nth-child(2n){margin-right: 0;}
.concept05 li .ttl{background: #f4f3f0; padding-bottom: 20px;}
.concept05 li .ttl img{height: 64px;}
.concept05 li .imgBox{padding:20px; overflow:hidden;}
.concept05 li .imgBox img{width: 100%;}
.concept05 li .txtBox{padding:0 20px 20px; font-size:15px; letter-spacing: -0.06em; text-align: justify;}

.conceptLink01{margin-bottom: 50px;}


#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#loopslider ul {
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul li {
    width: 300px;
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

/*---quality*/
.qualityMainWrap{background:url(../concept/img/img_quality/bg_main01.jpg) no-repeat 50% 0; width: 100%; height: 450px; background-size:cover; position:relative; padding-top: 65px; margin-bottom: 126px;}
.qualityMainWrap .qualityMainLeft{width: 670px; float:left;}
.qualityMainWrap .qualityMainLeft p{font-size:15px; line-height: 30px;}
.qualityMainWrap .qualityMainLeft p:first-line {line-height:normal;}
.qualityMainWrap h3{font-size:41px; font-weight:bold; color:#2f819b; margin-bottom: 50px;}
.qualityMainWrap .qualityMainRight{width: 330px; float:right;}
.qualityMainWrap .house{background:url(../concept/img/img_quality/bg_main02.png) no-repeat 50% 50%; font-size:24px; line-height: 39px; color:#2f819b; text-align: center; height: 206px; padding-top: 70px; font-weight:bold; }
.qualityList01{position:absolute; bottom:-76px; left:50%; margin-left: -420px; display: block; width: 840px;}
.qualityList01 li{width: 400px; height: 96px; background:#cb1f12; color:#fff; text-align:center; line-height: 96px; float:left; font-size:26px; font-weight:bold;}
.qualityList01 li:first-child{margin-right: 40px; line-height: 1.2em; padding-top: 17px;}
.qualityList01 li span{font-size: 20.8px;}

h3.h3Quality01{text-align:center; font-size:36px; font-weight:bold; margin-bottom: 50px;}
h3.h3Quality01 img.logo{width: 296px; vertical-align: -24px; margin-right: 8px;}

h3.h3Quality02{width: 100%; background:#948957; color:#fff; text-align:center; padding:30px 10px; margin-bottom: 30px;}

.qualityList02{margin-bottom: 80px;}
.qualityList02 li{width: 235px; float:left; margin-right: 20px; text-align:center;}
.qualityList02 li:last-child{margin-right: 0;}
.qualityList02 p{font-size:20px; font-weight:bold; margin-bottom: 20px;}
.qualityList02 li img{width: 100%;}

.quality01,.quality02, .quality03{margin-bottom: 80px;}

.qualityList03 li{width: 490px; float:left; margin-right: 20px; margin-bottom: 20px; text-align:center;}
.qualityList03 li:nth-child(2n){margin-right: 0;}
.qualityList03 li:nth-last-child(1), .qualityList03 li:nth-last-child(2){margin-bottom: 0;}
.qualityList03 li img{width: 100%;} 
.quality03 .qualityList03{margin-bottom: 20px;}
/*---qualityここまで*/


/*---smart*/
.smartMainWrap{background:url(../concept/img/img_smart/bg_main.jpg) no-repeat 50% 0; width: 100%; height: 450px; background-size:cover; padding-top: 35px; text-align:right; margin-bottom: 50px;}

.smart01,.smart02,.smart03,.smart04{margin-bottom: 80px;}

.smartBox{border:4px solid #dfdccb; padding: 35px;}
.smartList01 li{width: 456px;}
.smartList01 li:nth-child(1),.smartList01 li:nth-child(2){margin-bottom: 20px;}
.smartList01 li img{width: 100%;}

.smartList02{margin-top: 20px;}
.smartList02 li{width: 320px; float:left; margin-right: 20px;}
.smartList02 li:nth-child(3n){margin-right: 0;}
.smartList02 li:nth-child(1),.smartList02 li:nth-child(2),.smartList02 li:nth-child(3){margin-bottom: 20px;}
.smartList02 li img{width: 100%;}

.smartList03{margin-top: 20px; margin-bottom: 20px;}
.smartList03 li{width: 470px;}
.smartList03 li img{width: 100%;}
/*---smartここまで*/




/**/
.pcmb80{ margin-bottom:80px; }
.pc20sp5{ margin-bottom:20px;}
.pc20sp10{ margin-bottom:20px;}
.pc50sp25{margin-bottom: 50px;}





/*----------------------------------------------------
 	下位staff
----------------------------------------------------*/
h4.staff{ color: #1B9112; font-size: 110%; border-bottom: #1C9112 3px solid; margin-bottom: 20px; padding-bottom: 5px;}

.staffListSub{ width: 765px; margin-right: -20px; margin-bottom: 30px;}
.staffListSub li{
	text-align: center;
	width: 235px;
	border: 1px solid #DDDDDD;
	padding: 10px;
	float:left;
	margin-right: 20px;
	margin-bottom: 30px;
}
.staffListSub li div{ 
	width: 215px;
	margin-bottom: 5px;
	margin-left: auto; margin-right: auto;
	text-align: center;
}
.staffListSub li div img{ max-width:215px;}	
.staffListSub li p{ line-height: 1.2em; margin-bottom: 10px; color: #333;}
.staffListSub li p span{}

/*-----詳細----*/
.staffSubWrap{ margin-bottom: 30px; }
.staffDetailBox{ margin-bottom: 30px; border: 1px solid #CCCCCC; padding: 20px;}
.staffDetailBox .staffPhoto{
	width: 460px;
	float: right;
	border: 1px solid #DDDDDD;
	padding: 2px;
}
.staffDetailBox .staffPhoto div{ width: 454px; height:auto; display:table-cell; vertical-align:middle; text-align: center;}
.staffDetailBox .staffPhoto img{ max-width: 454px; max-height:auto;}
.staffDetailBox .staffTxt{ width: 460px; float:left;} 
.staffTxt .ttl{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD;}
.staffTxt .ttl .eigyo{
	display:inline-block;
	padding: 4px 10px;
	background: #ef611e;
	color: #fff;
	float:left;
	margin-right: 10px;
	
}
.staffTxt .ttl .name{ font-size: 120%; font-weight: bold;}
.staffTxt .ttl .kana{ font-size: 70%; color: #AAAAAA; }
.staffTxt dl{ font-size: 88%;}
.staffTxt dl dt{
  text-align: center;
  clear: left;
  float: left;
  width: 100px;
  margin-bottom: 10px;
  background: #d4d0bc;
  padding: 3px 0 4px;
  font-size: 92%;
  color: #333333;
}
.staffTxt dl dd {
  margin-left: 120px;
  margin-bottom: 10px;
  padding: 5px 0 4px;
}
.staffTxt dl dd a{ text-decoration:underline;}
staffTxt dl dt:last-of-type { margin-bottom:0;}
staffTxt dl dt:last-of-type + dd {margin-bottom:0;}

.staffComment{ display:table; table-layout: fixed; width: 100%; margin-bottom: 30px;}
.staffComment li{ display:table-cell; padding: 10px;border: 1px #CCC solid;}
.staffComment li:first-child{ background: #f4f3f0; width: 320px; vertical-align: middle; font-weight: bold; font-size: 106%;} 
.staffComment li:last-child{ border-left: none;}



/*----------------------------------------------------
 	下位event
----------------------------------------------------*/
.eventSerchBox{ margin-bottom: 30px;}
.eventSerchBox p{
	width: 50%;
	float:left;
	font-size: 110%;
	margin-bottom: 20px;
	font-weight: bold;
}
.eventSerchBox p span{ color: #FC4852; font-size: 120%;}
.eventSerchBox .selectBox{
	width: 48%;
	float:right;
	text-align: right;
	padding-top: 5px;
}
.eventSerchBox .selectBox select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius:0px;
	width: 160px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	padding-left:3px;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fdffff url(../img/arrow.png) no-repeat right center; /* Old browsers */
	background: url(../img/arrow.png) no-repeat right center, -moz-linear-gradient(top,  #fdffff 33%, #f0f0f0 100%); /* FF3.6+ */
	background:url(../img/arrow.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(33%,#fdffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: url(../img/arrow.png) no-repeat right center,-webkit-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/arrow.png) no-repeat right center,-o-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Opera 11.10+ */
	background: url(../img/arrow.png) no-repeat right center,-ms-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* IE10+ */
	background: url(../img/arrow.png) no-repeat right center,linear-gradient(to bottom,  #fdffff 33%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}

.eventSub > ul{ width: 750px; margin-right: -10px;}
.eventSub > ul > li{ display:inline;}
.eventSub li a{ text-decoration: none;}
.eventSub > ul >li > a{
	display:block;
	width: 240px;
	float:left;
	margin-right: 10px; 
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	height:auto;
	color: #333333;
	padding: 30px 20px 10px;
	cursor:pointer; 
	background: #fff;
} 
.eventSub ul > li.end{
	display:block;
	background: #F5F5F5;
	width: 240px;
	float:left;
	margin-right: 10px; 
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	height:auto;
	color: #333;
	padding: 30px 20px 10px;
	position: relative;
}
.eventSub ul > li.end .endOver{ position: absolute; top: -4px; left: 0; overflow: hidden; width: 100%; height: 101%; background: url( ../img/img_end.jpg) no-repeat left top;}



/*.eventSub ul > li.end .textC img{ padding-bottom: 4px;}*/

.eventSub > ul > li a img:hover{opacity:0.5;filter:alpha(opacity=50);}
.eventSub > ul > li.coming a{ background:#f4f3f0;}
.eventSub > ul > li a:hover{ background: #f0f0f0;}
.eventSub > ul > li.coming a:hover{ background:#f0f0f0;}
.eventSub li .photoW{ width: 100%; height:136px; display:table; margin:0 auto 10px;background: #fff; text-align: center;}
.eventSub li .photoBox{ width: 178px; height:124px;  display:table-cell!important; vertical-align:middle!important; margin:0 auto 0; border:1px solid #ccc;}
.eventSub li .photoBox img{ max-width:178px; max-height:124px;}


.eventSub .ttl{ font-weight: bold;margin-bottom: 10px; text-decoration: underline;}
.eventSub a .ttl{ font-weight: bold;margin-bottom: 10px; text-decoration: underline;}
.eventSub .timeTbl{ width: 100%; text-align: center;margin-bottom: 10px; border:1px solid #d4d0bc;}
.eventSub .timeTbl th {background: #d4d0bc; color: #333; font-size: 68%; text-align: center; padding: 3px 0 2px;}
.eventSub .timeTbl td { background: #fff; color: #333; font-size: 94%;text-align: center; padding: 4px 0 3px;} 

.eventSub li .scheTbl { font-size: 80%; margin-bottom: 20px;}
.eventSub li .scheTbl dt{
  background:#d4d0bc;
  color:#333;
  text-align:center;
  padding:2px 10px 1px;
  clear: left;
  float: left;
  margin-right:5px;
  margin-bottom: 5px;
}
.eventSub li .scheTbl dd {
  color:#333;
  margin-left: 3em;
  padding:2px 4px 1px;
  margin-bottom:5px;
  text-decoration: none;
}

/*20170403追加　イベント一覧*/
.eventSub > ul > li a{border-top: 4px solid #ccc;}
.eventSub > ul > li.cat01 a{border-top: 4px solid #cb1f12;}
.eventSub > ul > li.cat02 a{border-top: 4px solid #68981a;}
.eventSub > ul > li.cat03 a{border-top: 4px solid #2f819b;}
.eventSub > ul > li.end{border-top: 4px solid #ccc;}
.eventSub > ul > li.end.cat01{border-top: 4px solid #cb1f12;}
.eventSub > ul > li.end.cat02{border-top: 4px solid #68981a;}
.eventSub > ul > li.end.cat03{border-top: 4px solid #2f819b;}

.catWrap li{display: inline-block; padding:2px 5px; color:#fff; text-align:center; font-size:75%; margin-right: 5px; margin-bottom: 10px;}
.catWrap li.cat01{background:#cb1f12;}
.catWrap li.cat02{background:#68981a;}
.catWrap li.cat03{background:#2f819b;}
.catWrap li.coming{background:#ef611e;}




/*-----詳細----*/
.eventTagBox{ margin-bottom: 30px;}
.eventTagBox p{width: 35%; float:right;}
.eventTagBox ul{ width: 63%; float:left;}
.eventTagBox ul li{
	display:inline-block;
	margin-right: 5px;
	background: #3EB6DA;
	color: #fff;
	padding: 6px 6px 5px;
	font-size: 70%;
	font-weight: bold;
}

.eventTtl{ color: #333; text-align: center; font-size: 210%; font-weight: bold; margin-bottom: 20px; margin-top: 30px; font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} 
.eventTtl span.category{font-size:12px; color:#fff; font-weight:normal; text-align:center; padding:5px 7px; background:#ccc; margin-right: 10px; vertical-align:middle; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.eventTtl span.category.cat01{background:#cb1f12;}
.eventTtl span.category.cat02{background:#68981a;}
.eventTtl span.category.cat03{background:#2f819b;}

.eventDetailTbl{width: 100%; font-size: 90%; text-align: center;margin-bottom: 30px;}
.eventDetailTbl,.eventDetailTbl th,.eventDetailTbl td{
	border-collapse:collapse;
	border: 1px solid #DDDDDD;
}
.eventDetailTbl th{ background: #948957; font-size: 92%; color: #fff;}
.eventDetailTbl td span{ background: #ef611e; color: #fff; padding: 2px 8px 1px; font-size: 76%; display:inline-block; margin-left: 5px; font-weight: bold;}

@media only screen and (min-width: 667px) { 
.eventSlideBox{ width: 1000px; margin:20px auto 40px;}
.event_slider{  text-align: center;}
.event_slider li{
	width:1000px!important;
	height:700px;
	/*height:auto;*/
	margin: 20px auto;
	padding: 2px;
	border: 1px solid #ddd;
}
.event_slider li div{ display:table-cell; width: 1000px; height:680px; vertical-align:middle;}
.event_slider li img{ max-width:998px; max-height:690px;margin-left: auto; margin-right: auto;}
.eventSlideBox .bx-viewport,.eventSlideBox .bx-wrapper{ text-align: center;}
.eventSlideBox .bx-viewport{/*height: 720px !important;*/}
.eventSlideWrap .bx-pager{
	margin: 30px auto 20px!important;
	width: 640px!important;
}
.eventSlideWrap .bx-pager li{ display:inline;}
.eventSlideWrap .bx-pager li a{
	display:block;
	width: 200px;
	height:130px;
	float:left;
	margin-right: 20px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 0;
}
.eventSlideWrap .bx-pager li a.active{
	border: 4px solid #948957;
	padding: 0;
}
.eventSlideWrap .bx-pager li.last a{ margin-right: 0;}
.eventSlideWrap .bx-pager li span{ display:table-cell!important; vertical-align:middle!important; width: 200px; height:130px;margin-top: 0;}
.eventSlideWrap .bx-pager li a.active span{  width: 196px; height:126px;}
.eventSlideWrap .bx-pager li span img{
	max-width:196px!important;
	max-height:124px!important;
	vertical-align: middle;
	margin-top: -2px;
}
.eventSlideWrap .bx-pager li a.active span img{
	max-width:192px!important;
	max-height:120px!important;
	margin-top: -5px!important;
}
}

.eventCapBox{ width: 640px; margin:0 auto 40px;}
.eventCapBox ul{ margin-bottom: 30px;}
.eventCapBox li:before{ content:"★ "; }
h4.eventH4{ background: #948957; text-align: center; color: #fff;font-size: 120%; margin-bottom: 20px; padding: 15px 15px 14px; font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
h4.eventH4.reserve{ background: #ef6f33; font-size:137%; font-weight:normal; padding: 10px 5px;}
h4.eventH4.reserve span{display: inline-block; letter-spacing: 0.1em;
-moz-transform:    scale( 1.3, 1.3 );  /* Firefox※ */
-webkit-transform: scale( 1.3, 1.3  );  /* Chrome,Safari */
-o-transform:      scale( 1.3, 1.3  );  /* 旧Opera※ */
-ms-transform:     scale( 1.3, 1.3  );  /* IE */
transform:         scale( 1.3, 1.3  );  /* CSS3 */}
.eventForm{ width: 800px; margin:0 auto 30px; border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.eventForm h2{
	border-bottom: 1px solid #DDDDDD;
	background: #f4f3f0;
	border-top: 1px solid #DDDDDD;
	font-size: 130%;
	color: #555555;
	padding: 13px 13px 12px 15px;
	font-weight: bold;
} 
.eventForm .cont{ padding: 10px 30px 30px;}
.eventForm .cont ul { margin-bottom: 20px; font-size: 84%;}
.eventForm .cont li{ list-style-type:disc; margin-left: 20px;} 
.eventForm .cont table{ width: 100%; margin-bottom: 20px;font-size: 90%;}
.eventForm .cont table,.eventForm .cont table th,.eventForm .cont table td{ border-collapse:collapse; border: 1px solid #DDDDDD;}
.eventForm .cont table th{ background: #f4f3f0; text-align: left; width: 30%;}
.eventForm .cont table th,.eventForm .cont table td{ padding: 18px 10px;}
.eventForm .nini{background:#108DED; color:#fff; padding:2px 7px; font-weight:bold; font-size:12px; margin-right:5px;margin-left: 10px;}
.eventForm .caution{ color:#EE3711; padding:2px 7px; font-weight:bold; margin-right:5px;margin-left: 10px;}
.eventForm .cont .keitaiBox{ width: 560px; margin: 10px auto 20px;background: #FAFAFA; padding: 20px; }

.eventForm .ppBtn{ background: #d4d0bc; text-align: center; font-size: 80%; width: 560px; margin:0 auto; padding: 10px;text-decoration: underline;}
.eventForm .ppBtn:hover{ text-decoration: none;}
.eventForm .Privacy{ display:none; width: 560px; margin:0 auto; padding: 10px; font-size: 90%;}

/*----------------------------------------------------
 	下位sitemap privacy
----------------------------------------------------*/

.sitemapList{ margin-bottom: 10px;}
.sitemapList li{ margin-bottom: 10px; background: url(../img/bg_sitemap.png) no-repeat 0% center; padding-left: 16px;}
.sitemapList li a{ color: #382500;}
.sitemapList li a:hover{ color: #56A7CF;text-decoration: underline;}

ol.privacylist{ margin-bottom: 40px;}
ol.privacylist>lI{ list-style-type:decimal; margin-left: 30px; margin-bottom: 10px;}
.contentsSub h3.privacy{ font-size:90% ; margin-bottom: 10px; color:#fff; background: #555555; padding: 10px 10px 9px; border: none;}
.privacylist h4{ margin-bottom: 10px; background: none; padding: 0;}


ul.privacyList{ margin-bottom: 20px;}
ul.privacyList li{
	margin-left: 20px;
	list-style-type: disc;
	margin-bottom: 10px;
}
ol.privacylist>lI>ol>li>ul>li{
	margin-left: 30px;
	list-style-type: disc;
	margin-bottom: 10px;
}

/*.google-maps {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 30px;
}*/
.google-maps iframe,
.google-maps object,
.google-maps embed {
width: 100%;
height: 321px;
}
.google-maps {
	width: 100%;
	height:321px;
}

.aboutBox{ margin-bottom: 40px;}
.aboutBox li{ width: 37%; float:right;}
.aboutBox li:last-child{ width: 60%; float:left;}

.accessMap {
	width:100%;
	height:420px;
	background:#fff;
	margin:0 auto 12px;
	border:1px solid #ccc;
}


/*----------------------------------------------------
 	下位施工事例
----------------------------------------------------*/

ul.galleryWrapSub{ width: 760px; margin-right: -15px; margin-bottom: 30px;}
.galleryWrapSub li{ width: 365px; float:left; margin-right: 15px; margin-bottom: 40px;}
.galleryWrapSub li .photoBox { background: #fff;width: 363px; height: 240px; border: 1px solid #ccc; text-align:center; padding: 2px;margin-bottom: 10px; }
.galleryWrapSub li .photoBox div{ display:table-cell; vertical-align:middle; width:359px; height:234px;}
.galleryWrapSub li .photoBox img{ max-width:359px; max-height:234px!important;}
.galleryWrapSub li .title{margin-bottom: 10px; font-weight: bold;}
.galleryWrapSub li .title span{ display:inline-block; background: #FF505B; color: #fff; padding: 3px 6px 2px; margin-left: 10px; font-size: 70%; }
.galleryWrapSub li .detail{ border-top: 1px solid #ccc;border-bottom: 1px dotted #ccc; padding: 6px 0 6px; font-size: 76%;}
.galleryWrapSub li .tagWrap,
.galleryTtl .ttlWrap .tagWrap{font-size:76%; margin-top: 10px;}
.galleryWrapSub li .tagWrap span,
.galleryTtl .ttlWrap .tagWrap span{display: inline-block; padding:6px; background:#dddddd; margin-right: 10px; margin-bottom: 10px;}
.galleryTtl .ttlWrap .tagWrap span{margin-bottom: 0;}


.gallerySortNavi{ width: 740px; float: right; text-align: right; margin-bottom: 20px;}
.gallerySortNavi li{ display:inline;}
.gallerySortNavi li a{
	font-size: 12px;
	display: inline-block;
	background:#F5F5F5;
	color: #999999;
	width: 36px;
	height:36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}
.gallerySortNavi li a.current{ background: #f4f3f0; color: #fff;}
.gallerySortNavi li.nextSort a{width: 70px;}
.gallerySortNavi li a:hover{ background: #f4f3f0; color: #fff;}


/*-----詳細----*/

.galleryTtl{
	padding: 20px;
	border: 1px solid #333333;
	margin-bottom: 20px;
}
.galleryTtl .detail{
	width: 30%;
	float:left;
	border-right: #333333 4px solid;
	padding-right: 30px;
}
.galleryTtl .detail ul{ border-bottom: #333333 1px solid; padding-bottom: 10px;}
.galleryTtl .detail ul li:first-child{ width: 30%; float:left;border-right: #333333 1px solid;}
.galleryTtl .detail ul li:last-child{ width: 68%; float:right; text-align: right; }
.galleryTtl .detail .galleryName{ padding-top: 10px;}
.galleryTtl .detail .galleryName img{vertical-align: middle; margin-right: 10px;}

.galleryTtl .ttlWrap{ width: 67%; float:right; padding-top: 8px;}
.galleryTtl .ttlWrap .ttl{font-size: 140%; font-weight: bold; font-family: YuMincho, "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.galleryBox{ margin-bottom: 40px;}
.galleryBox li:nth-child(1){
	width: 370px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 4px;
}
.galleryBox li:nth-child(1) img{ max-width: 360px; max-height: 270px;}
.galleryBox li:nth-child(2){ width: 610px; float: right; padding-top: 6px;}

.galleryBox li:nth-child(2) .galleryTag{ color: #948957; margin-bottom: 10px; font-weight: bold; font-size: 90%;}
.galleryBox li:nth-child(2) .galleryTag span{ border: #948957 1px solid; padding: 6px 15px 5px;}
.galleryBox li:nth-child(2) .ttl{ color: #948957; margin-bottom: 10px; font-weight: bold;}


@media only screen and (min-width: 667px) { 
.galleryWrap .eventSlideBox{ width: 640px; margin:20px auto 40px; position:relative;}
.galleryWrap .eventSlideBox .bx-viewport{height:500px !important; }
.galleryWrap .event_slider{  text-align: center;}
.galleryWrap .event_slider li{
	width:640px!important;
	height:480px !important;
	height:auto;
	margin: 20px auto;
	padding: 2px;
	border: 1px solid #ddd;
	position:relative;
}
.galleryWrap .event_slider li div{ display:table-cell; width: 640px; height:480px; vertical-align:middle;}
.galleryWrap .event_slider li img{ max-width:638px; max-height:480px;margin-left: auto; margin-right: auto;}
.galleryWrap .bx-pager{
	margin: 30px auto 20px!important;
	width: 640px!important;
}
.galleryWrap .bx-pager li{ display:inline;}
.galleryWrap .bx-pager li a{
	display:block;
	width: 90px;
	height:60px;
	float:left;
	margin-right: 20px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 0;
}
.galleryWrap .bx-pager li a.active{
	border: 3px solid #948957;
	padding: 0;
}
.galleryWrap .bx-pager li.last a{ margin-right: 0;}
.galleryWrap .bx-pager li span{ display:table-cell!important; vertical-align:middle!important; width: 90px; height:60px;margin-top: 0;}
.galleryWrap .bx-pager li a.active span{  width: 84px; height:54px;}
.galleryWrap .bx-pager li span img{
	max-width:84px!important;
	max-height:54px!important;
	vertical-align: middle;
	margin-top: -2px;
}
.galleryWrap .bx-pager li a.active span img{
	max-width:84px!important;
	max-height:54px!important;
	margin-top: 0!important;
}
}

.eventCapBox{ width: 640px; margin:0 auto 40px!important;}
.galleryLink{ border-top: #333333 solid 4px; padding-top: 50px; margin: 40px auto;}


/*----------------------------------------------------
 	下位voice
----------------------------------------------------*/

.voiceWrapSub{ margin-bottom: 30px;}
.voiceWrapSub li{
	position: relative;
	width: 100%;
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.voiceWrapSub li:first-child{ padding-top: 0;}
.voiceWrapSub li:last-child{border-bottom: none;}

.voiceWrapSub .photoBox{
	width: 235px;
	background: #fff;
	display:table;
	text-align: center;
	float:left;
}
.voiceWrapSub .photoBox img{ max-width: 235px;}
.voiceWrapSub li a p{ color: #545454;}
.voiceWrapSub li a p.title{ text-decoration: underline; margin-bottom: 5px;font-size: 120%; font-weight: bold; }
.voiceWrapSub li a p.detail{ text-decoration: none;font-size: 88%;}
.voiceWrapSub li .txtBox{ width: 430px; float:left; margin-left: 20px;}
.voiceWrapSub li .btn03{ position: absolute; bottom: 20px; right: 0; width: 140px;}
.voiceWrapSub li:hover .btn03{ background:#f4f3f0; color:#333;}

.voicePager ul{ display:table; table-layout:fixed; width: 100%;border-collapse:collapse; margin-bottom: 30px;}
.voicePager ul li{ display: table-cell; background: #FDFDFD; border: 1px solid #dddddd; padding: 20px; border-collapse:collapse;}
.voicePager ul li:hover{ opacity:0.5;filter:alpha(opacity=50); cursor:pointer;}
.voicePager ul li:nth-child(2n){text-align: right;} 
.voicePager ul li a{ text-decoration: none;}
.voicePager ul li a .name{ font-size: 110%; color: #525252; text-decoration: underline;}
.voicePager ul li a:hover .name{ text-decoration: none;}
.voicePager ul li a .ttl{ text-decoration: none; color: #948957; padding-top: 15px;  font-size: 90%; margin-bottom: 5px;}
.voicePager ul li a .ttl span{ display:inline-block;background: url(../img/bg_voice.png) no-repeat left 5px;padding-left: 15px;}
.voicePager ul li:nth-child(2n) a .ttl span{ display:inline-block;background: url(../img/bg_voice2.png) no-repeat right 5px;padding-right: 15px;}
.voicePager ul li a .photo{
	width: 88px;
	height:88px;
	border-radius: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px; 
	overflow: hidden;
	float:left;
	margin-right: 10px;
}
.voicePager ul li a .photo img{ max-width:120px; max-height:120px;}
.voicePager ul li:nth-child(2n) a .photo{ float:right; margin-right: 0; margin-left: 10px;}
.galleryLink .capTxt{ color: #333333;}



/*----------------------------------------------------
 	下位information
----------------------------------------------------*/
ul.newListSub{ margin-bottom: 30px; border-bottom: 3px #333 solid; padding-bottom: 30px;}
.newListSub h3{
	font-size: 110%;
	border-top: 3px #333 solid;
	border-bottom: 1px #333 solid;
	padding:20px 0 19px;
	margin-bottom: 10px;
}
.newListSub .date{ text-align: right; color: #333; margin-bottom: 10px; font-size: 94%;}
.newListSub .btn03 a{ width: 30%; font-size: 90%; margin-bottom: 40px;}
ul.newListSub img{ display: block;margin-left: auto; margin-right: auto; margin-bottom: 20px;}

@media only screen and (min-width: 667px) { 
.newListWrap .eventSlideBox{ width: 640px; margin:20px auto 40px;}
.newListWrap .event_slider{  text-align: center;}
.newListWrap .event_slider li{
	width:640px!important;
	height:480px;
	height:auto;
	margin: 20px auto;
	border: none;
	padding: 0;
}
.newListWrap .event_slider li div{ display:table-cell; width: 640px; height:480px; vertical-align:middle; padding: 4px; border:1px solid #ddd;}
.newListWrap .event_slider li img{ max-width:630px; max-height:470px;margin-left: auto; margin-right: auto; margin-bottom: 0; /*padding: 4px; border:1px solid #ddd;*/}
.newListWrap .bx-pager{
	margin: 30px auto 20px!important;
	width: 640px!important;
}
.newListWrap .bx-pager li{ display:inline;}
.newListWrap .bx-pager li a{
	display:block;
	width: 200px;
	height:150px;
	float:left;
	margin-right: 20px;
	text-align: center;
	padding: 0;
}
.newListWrap .bx-pager li.last a{ margin-right: 0;}
.newListWrap .bx-pager li span{ display:table-cell!important; vertical-align:middle!important; width: 200px; height:150px;margin-top: 0;}
.newListWrap .bx-pager li a.active span{  width: 200px; height:150px;}
.newListWrap .bx-pager li span img{
	max-width:200px!important;
	max-height:150px!important;
	vertical-align: middle;
	margin-top: -2px;
	border: 1px solid #ddd;
	padding: 4px;
}
}


/*----------------------------------------------------
 	下位modelhouse
----------------------------------------------------*/

.modelhouseListSub{ margin-bottom: 30px;padding-bottom: 20px; width: 1020px; margin-right: -20px;}
.modelhouseListSub li{ display: inline;}
.modelhouseListSub li a{
	text-decoration: none;
	display: block;
	width: 320px;
	margin-right: 20px;
	background: #ccc;
	float: left;
	height: auto;
	margin-bottom: 40px;
}
.modelhouseListSub li a .photoBox{width: 100%; height:240px; text-align: center;}
.modelhouseListSub li a .photoBox img{ max-height: 240px; width: auto;}

.modelhouseListSub li a .textWrap{ width: 100%; border: 1px #DDD solid; border-top: none; padding: 10px; background: #fff;}
.modelhouseListSub li a:hover .textWrap{background: #FAFBFC;}
.modelhouseListSub li a .ttl{ color: #2D2D2D; line-height: 1.2em; font-weight: bold; margin-bottom: 5px;}
.modelhouseListSub li a .place{ color: #444444; margin-bottom: 10px; font-size: 80%;}

.modelhouseListSub li a .btn03{ width: 60%}
.modelhouseListSub li a:hover .btn03{ background:  #d4d0bc; color: #333;}
.modelhouseListSub li a span{ display: inline-block;}
.modelhouseListSub li a:hover span{}



/*-----詳細----*/

.modelhouseTttl{
	background: #50ABF1;
	color: #fff;
	font-weight: bold;
	padding: 12px 12px 11px;
	font-size: 110%;
	margin-bottom: 30px;
}
.modelhouseDetailBox{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #2E2E2E;}
.modelhouseDetailBox .photoBox{width: 490px; height:368px; display:table; text-align: center; padding: 3px; float: left; background: #fff; border: 1px #CCC solid;}
.modelhouseDetailBox .photoBox div{ width: 480px; height:360px;  display:table-cell!important; vertical-align:middle!important; margin:0 auto 0; }
.modelhouseDetailBox .photoBox img{max-width: 480px;max-height: 360px;}
.modelhouseDetailBox .textWrap{ padding-left: 510px;}
.modelhouseDetailBox .ttl{ font-size: 140%; font-weight: bold; margin-bottom: 20px;}
.modelhouseDetailBox table,.modelhouseDetailBox04 table {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	margin-bottom: 20px;
	}
.modelhouseDetailBox table th,.modelhouseDetailBox table td,
.modelhouseDetailBox04 table th,.modelhouseDetailBox04 table td{ padding: 10px;}
.modelhouseDetailBox table th,.modelhouseDetailBox04 table th { width:25%; border:1px solid #ddd; border-right: none;background:#eee;text-align:left; font-weight:normal; border-right: none;}
.modelhouseDetailBox table td,.modelhouseDetailBox04 table td  { width:75%; border:1px solid #ddd; border-left: none;text-align:left;}

.modelhouseDetailBox02 { margin-bottom: 40px;}
.modelhouseDetailBox02 .textWrap{width: 490px;float: left;}
.modelhouseDetailBox02 .modelSlideWrap{ width: 490px; float: right;}
.modelhouseDetailBox02 .textWrap .ttl{ font-size: 140%; margin-bottom: 20px; font-weight: bold; color: #948957;}



@media only screen and (min-width: 667px) { 
.modelSlideWrap .model_slider li{
	width: 490px!important;
	height:370px;
	text-align: center;
	background: #FFF;
	padding: 4px;
	border:1px solid #ddd;
}
.model_slider li div{display:table-cell!important; vertical-align:middle!important; width: 480px; height:360px;margin-top: 0;text-align: center;}
.model_slider li div img{	max-width:480px!important;max-height:360px!important;margin-left: auto; margin-right: auto;}

.modelhouseDetailBox02 .bx-pagerModel{
	margin: 30px auto 20px!important;
	width: 640px!important;
}
.modelhouseDetailBox02 .bx-pagerModel li{ display:inline; width: 100px;}
.modelhouseDetailBox02 .bx-pagerModel li a{
	display:block;
	width: 116px;
	height:81px;
	float:left;
	margin-right: 8px;
	border: 4px solid #fff;
	text-align: center;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.modelhouseDetailBox02 .bx-pagerModel li a.active{
	border: 4px solid #948957;
}
.modelhouseDetailBox02 .bx-pagerModel li.last a{ margin-right: 0;}
.modelhouseDetailBox02 .bx-pagerModel li span{ display:table-cell!important; vertical-align:middle!important; width: 108px; height:73px;margin-top: 0; }
.modelhouseDetailBox02 .bx-pagerModel li span img{
	max-width:108px!important;
	max-height:73px!important;
	vertical-align: middle;
	/*margin-top: -1px!important;*/
}
.modelhouseDetailBox02 .bx-pagerModel li a.active{ padding: 0;}
.modelhouseDetailBox02 .bx-pagerModel li a.active span{ border:none;}
.modelhouseDetailBox02 .bx-pagerModel li a.active span img{ }
}

.modelhouseDetailBox03{
	background: #f4f3f0;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 50px;
}
.modelhouseDetailBox03 .point{ color: #948957; border-bottom: #948957 1px dotted; margin-bottom: 20px; padding-bottom: 10px; font-weight: bold; font-size: 120%; padding-top: 10px;}
.modelhouseDetailBox03 .photoBox{ width: 310px; float: left;}
.modelhouseDetailBox03 .textWrap{ width: 640px; float: right;}
.modelhouseDetailBox03 .ttl{ font-size: 150%; font-weight: bold; margin-bottom: 20px;}

.modelhouseDetailBox04 { margin-bottom: 40px;}
.modelhouseDetailBox04 .mapBox{ width: 490px; float: left;}
.modelhouseDetailBox04 .textWrap{ width: 490px; float: right;}

.modelhouseDetailBox04 .google-maps iframe,
.modelhouseDetailBox04 .google-maps object,
.modelhouseDetailBox04 .google-maps embed {
width: 100%;
height: 490px;
}
.modelhouseDetailBox04 .google-maps {
	width: 100%;
	height:400px;
}
.modelhouseDetailBox04 .telBox{
	background: #fff;
	border: 1px solid #948957;
	border-bottom: none;
	vertical-align: bottom;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}
.modelhouseDetailBox04 .telBox p{ font-weight: bold; margin-bottom: 5px; font-size: 110%;}
.modelhouseDetailBox04 .telBox .tel{ font-size: 180%;}
.modelhouseDetailBox04 .telBox .tel span{ display: inline-block;background: url( ../modelhouse/img/icon_tel.png) no-repeat; padding-left: 60px;} 
.modelhouseDetailBox04 .telBox .tel a{text-decoration:none;}
.modelhouseDetailBox04 .telBox .tel a:hover{color: #948957;}
.modelhouseDetailBox04 .telBox .sp{ background: #948957; color: #fff; font-size: 100%; padding: 8px 0 7px;}

.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:6px;
}
.videoContainer iframe,  
.videoContainer object,  
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*----------------------------------------------------
 	下位plan
----------------------------------------------------*/
.plan01,.plan02,.plan03{margin-bottom: 80px;}

h3.h3Plan01{font-size:36px; text-align:center; font-weight:bold; color:#948957; border:1px solid; border-width:1px 0; padding:20px 10px; margin-bottom: 30px;}
h3.h3Plan02{font-size:30px; text-align:center; font-weight:bold; color:#fff; background:#948957; padding:13px; margin-bottom: 30px;}

h4.h4Plan01{text-align:center; background:#ccc; color:#fff; font-size:22px; font-weight:bold; padding:10px; margin-bottom: 0; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

.planList01 li{width: 187px; float:left; margin-right: 16px;}
.planList01 li:last-child{margin-right: 0;}
.planList01 li img{width: 100%;}

.planList02 li{width: 150px; float:left; margin-right: 20px;}
.planList02 li .num{width: 100%; height: 32px; line-height: 25px; text-align:center; position:relative; background:#948957;}
.planList02 li .num:after {
	content: "";
	position: absolute;
	bottom: -7px; left: 50%;
	margin-left: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 8px 0 8px;
	border-color: #948957 transparent transparent transparent;
}
.planList02 li:last-child{margin-right: 0;}
.planList02 li .num img{height: 19px; width:auto; margin-bottom: 0;}
.planList02 li .ttl{text-align:center; font-size:15px; font-weight:bold; margin:10px auto;}
.planList02 li img{width: 100%; margin-bottom: 10px;}
.planList02 li p{font-size:12px; text-align:justify;}

.lineupMenu li{width: 198px; height: 70px; margin-right: 2.5px; float:left; text-align:center;}
.lineupMenu li:last-child{margin-right: 0;}
.lineupMenu li a{display: block; width: 100%; height: 100%; background:#ccc; padding: 22px 0;}
.lineupMenu li img{height: 26px;}
.lineup01 .lineupMenu li.active a,
.lineupMenu li.no01 a:hover{background:#52622b;}
.lineup02 .lineupMenu li.active a,
.lineupMenu li.no02 a:hover{background:#c0594d;}
.lineup03 .lineupMenu li.active a,
.lineupMenu li.no03 a:hover{background:#254061;}
.lineup04 .lineupMenu li.active a,
.lineupMenu li.no04 a:hover{background:#4a452a;}
.lineup05 .lineupMenu li.active a,
.lineupMenu li.no05 a:hover{background:#3a3041;}

.planWrap{border:4px solid; padding: 35px;}
.lineup01 .planWrap{border-color:#52622b;}
.lineup02 .planWrap{border-color:#c0594d;}
.lineup03 .planWrap{border-color:#254061;}
.lineup04 .planWrap{border-color:#4a452a;}
.lineup05 .planWrap{border-color:#3a3041;}
.planWrap h3{font-size:26px; text-align:center; font-weight:bold; color:#948957; margin-bottom: 30px;}

.planWrap .designBox,
.planWrap .loanBox{width: 456px;}

.planWrap .designBox h4.h4Plan01{background:#948957;}
.planWrap .designBox .imgBox{position:relative; margin-bottom: 1px;}
.planWrap .designBox .imgBox img{width: 100%;}
.planWrap .designBox .imgBox span{position:absolute; display: block; width: 130px; height: 28px; line-height: 28px; left:0; top:0; text-align:center; color:#fff; font-size:12px; font-weight:bold;}
.lineup01 .planWrap .designBox .imgBox span{background:rgba(82,98,43,.7);}
.lineup02 .planWrap .designBox .imgBox span{background:rgba(192,89,77,.7);}
.lineup03 .planWrap .designBox .imgBox span{background:rgba(37,64,97,.7);}
.lineup04 .planWrap .designBox .imgBox span{background:rgba(74,69,42,.7);}
.lineup05 .planWrap .designBox .imgBox span{background:rgba(58,48,65,.7);}

.planWrap .loanBox h4.h4Plan01{background:#534d3d; margin-bottom: -2px;}
.planWrap .loanBoxIn{border:2px solid #534d3d; padding: 20px 22px;}
.planWrap .loanBox table{margin-bottom: 20px; width: 100%;}
.planWrap .loanBox table th{padding:0; color:#fff; font-weight:bold; font-size:18px; text-align:center;}
.planWrap .loanBox table p{font-size:14px;}
.planWrap .loanBox .price{font-size:18px; font-weight:bold;}
.planWrap .loanBox .price span{font-size:38px; font-weight:bold; line-height: 1.12; font-family:"Century Gothic";}

.planWrap .loanBox .kakakuBox{border-bottom: 2px solid #534d3d; margin-bottom: 20px;}
.planWrap .loanBox table.kakaku th{background:#534d3d; width: 124px; border-bottom: 5px solid #fff;}
.planWrap .loanBox table.kakaku td{padding: 0 0 0 20px; border-bottom: 5px solid #fff; line-height: 1;}
.planWrap .loanBox table.kakaku tr:last-child th,.planWrap .loanBox table.kakaku tr:last-child td{border-bottom: none;}
.planWrap .loanBox .kakaku .price span{color:#534d3d;}

.planWrap .loanBox table.baiden th{background:#68981a; width: 124px;}
.planWrap .loanBox table.baiden td{padding: 0 0 0 20px; line-height: 1;}
.planWrap .loanBox .baiden .price span{color:#68981a;}

.planWrap .loanBox table.total th{background:#cb1f12; padding: 10px 5px; line-height: 1;}
.planWrap .loanBox table.total td{text-align:center; padding: 0;}
.planWrap .loanBox .total .price span{color:#cb1f12; font-size:48px;}

.planWrap .loanBox table.sakugen{margin-bottom: 0;}
.planWrap .loanBox table.sakugen th{background:#ef611e; padding: 10px 5px; line-height: 1;}
.planWrap .loanBox table.sakugen td{text-align:center; padding:10px 0 0;}
.planWrap .loanBox .sakugen .price{line-height: 1;}
.planWrap .loanBox .sakugen .price span{color:#ef611e;}

.madoriWrap{border:2px solid #948957;}
.madoriWrap h4.h4Plan01{background:#948957; margin-top: -1px;}
.madoriWrap li{width: 100%; height: 464px; padding: 40px !important; text-align:center;}
.madoriWrap .bx-wrapper{position:relative;}
.madoriWrap .bx-wrapper img{display:inline;}
.madoriWrap .bx-wrapper .bx-prev{background: url(../plan/img/prev.png) no-repeat 0 0; left: 40px;}
.madoriWrap .bx-wrapper .bx-next{background: url(../plan/img/next.png) no-repeat 0 0; right:40px;}

.plan04 h4.h4Plan01{background:#534d3d;}
.planLinks li{width: 50%; float:left;}



/*----------------------------------------------------
 	下位reserve
----------------------------------------------------*/

.reserveBox{ width: 100%; background: #f4f3f0; color: #333;}
.reserveBox h4{ margin-bottom: 0;}
.reserveBox .cont{
	padding: 20px;
	margin-bottom: 40px;
}
.reserveBox .cont ol{ margin-bottom: 20px; font-size: 110%;}
.reserveBox .cont ol li{
	background: url(../reserve/img/bg_reserve.png) no-repeat right;
	font-size: 80%;
	width: 195px;
	float:left;
	text-align: center;
	padding-right: 20px;
}
.reserveBox .cont ol li:nth-child(5){ width: 175px; padding-right: 0;background: none;}
.reserveBox .cont ol li .ttl{ color: #cb1f12; font-size: 110%;} 
.reserveBox .cont ol li .ttl{ font-weight: bold;}
.reserveBox .cont ol li img{ margin-bottom: 10px;}

.reserveBox .contCap{
	display:table;
	table-layout:fixed;
	background: #fff;
	font-size: 80%;
}
.reserveBox .contCap .ttl{
	display:table-cell;
	width: 20%;
	padding: 20px;
	background: #333333;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
.reserveBox .contCap ul{
	display:table-cell;
	width: 80%;
	padding: 20px;
}
.reserveBox .contCap li{ margin-bottom: 5px; padding-left: 1.3em;}
.reserveBox .contCap li:last-child{ margin-bottom: 0;}
.reserveBox .contCap li span{ margin-left:-1.3em;   padding-right: 0.3em;} 

.eventForm ul.formList{ margin-bottom: 0; font-size: 100%;}
.eventForm .formList li{ list-style-type:none; margin-left: 0;vertical-align: middle!important;}
.formList li:last-child{ margin-bottom: 0;}

.eventForm .formList li{ display: table;margin-left: 0; margin-bottom: 10px;}
.eventForm .formList li div,.eventForm .formList li p{
	display:table-cell;	
}

/*20170405追加　来場予約*/
.reserveCatch{text-align:center; font-size:175%; font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; margin:40px auto;}
.reserveMerit{margin-top: 10px;}
.reserveMerit li{float:left; margin-right: 30px; width: 300px; font-size:93%;}
.reserveMerit li:last-child{margin-right: 0;}
.reserveMerit li .txtBox{float:left; width: 120px;}
.reserveMerit li .imgBox{float:right; width: 170px; text-align:center;}
.reserveMerit li .imgBox img{width: 100%;}
 
	
/*----------------------------------------------------
 	下位contact
----------------------------------------------------*/

.documentCap{
	font-size: 260%;
	margin-bottom: 10px;
	font-weight: bold;
	background: #948957;
	color: #fff;
	text-align: center;
	padding: 20px 10px 8px;
	margin-bottom: 20px;
	line-height: 1em;
	font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.documentCap span{ font-size: 50%; font-weight:normal; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}


.formDoc { width:1020px; margin:0 -20px 40px 0;}
.formDoc li{ width:235px; margin-right:20px; float:left;}
.formDoc input[type=checkbox] { display:none!important;}

* html .iptCheckBtn01,* html .iptCheckBtn02,* html .iptCheckBtn03,* html .iptCheckBtn04 {
	display: inline;
	zoom: 1;
}
*:first-child+html .iptCheckBtn01,*:first-child+html .iptCheckBtn02,*:first-child+html .iptCheckBtn03,*:first-child+html .iptCheckBtn04 {
	display: inline;
	zoom: 1;
}
 .iptCheckBtn01,.iptCheckBtn02,.iptCheckBtn03,.iptCheckBtn04 {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 87.5%;
	text-align: center;
}
.iptCheckBtn01 input,.iptCheckBtn02 input,.iptCheckBtn03 input,.iptCheckBtn04 input{
	position: absolute;
	z-index: -1;
	text-align: center;
}
.iptCheckBtn01 label,.iptCheckBtn01 label.normal,.iptCheckBtn02 label,.iptCheckBtn03 label,.iptCheckBtn04 label{
	display: block;
	cursor: pointer;
	width: 100%;
	height:371px;
    background-image: url(../contact/img/btn_doc01.png);
    background-repeat: no-repeat;
	background-size:contain;
	background-position: center center;
	text-align: center;
	margin-left: auto; margin-right: auto;
}
.iptCheckBtn01 label:hover{   background-image: url(../contact/img/btn_doc01_over.png);}
.iptCheckBtn01 label.focus,.iptCheckBtn01 label.selected{    background-image: url(../contact/img/btn_doc01_select.png);}

.iptCheckBtn02 label,.iptCheckBtn02 label.normal{    background-image: url(../contact/img/btn_doc02.png);}
.iptCheckBtn02 label:hover{   background-image: url(../contact//img/btn_doc02_over.png);}
.iptCheckBtn02 label.focus,.iptCheckBtn02 label.selected{    background-image: url(../contact/img/btn_doc02_select.png);}

.iptCheckBtn03 label,.iptCheckBtn03 label.normal{    background-image: url(../contact/img/btn_doc03.png);}
.iptCheckBtn03 label:hover{   background-image: url(../contact/img/btn_doc03_over.png);}
.iptCheckBtn03 label.focus,.iptCheckBtn03 label.selected{    background-image: url(../contact/img/btn_doc03_select.png);}

.iptCheckBtn04 label,.iptCheckBtn04 label.normal{    background-image: url(../contact/img/btn_doc04.png);}
.iptCheckBtn04 label:hover{   background-image: url(../contact/img/btn_doc04_over.png);}
.iptCheckBtn04 label.focus,.iptCheckBtn04 label.selected{    background-image: url(../contact/img/btn_doc04_select.png);}

@media only screen and (max-width: 480px){
	.iptCheckBtn01 label,.iptCheckBtn02 label,.iptCheckBtn03 label,.iptCheckBtn04 label{
	height:320px;
	}
}
@media only screen and (max-width: 400px){
	.iptCheckBtn01 label,.iptCheckBtn02 label,.iptCheckBtn03 label,.iptCheckBtn04 label{
	height:250px;
	}
}

.eventCap02{
	background: #948957;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 15px 10px 14px;
	margin-bottom: 20px;
	text-align: center;
	font-family:YuMincho,  "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


/*----------------------------------------------------
 	下位blog
----------------------------------------------------*/
.post h3{
	background: none;
	font-size: 190%;
	margin-top: 20px;
	padding-bottom: 20px;
	color: #444444;
	border-bottom: 1px dotted #CCC;
	padding-left: 0;
}
.post{ border-bottom: 1px dotted #CCC;padding-bottom: 40px;}
.blog_info{ margin-bottom: 20px;}
.blog_info ul{text-align: right;}
.blog_info ul li{
	display: inline-block;
	color:#AAAAAA;
	font-size: 80%;
}
.blog_info ul li a{	color:#AAAAAA;text-decoration: none;}

.nav-below{border-bottom: 1px dotted #CCC; padding-top: 30px;padding-bottom: 50px;margin-bottom: 40px;}
.nav-below .nav-previous{ display: block; width: 49%; float: left;}
.nav-below .nav-next{ display: block; width: 49%; float: right;text-align: right;}
.nav-below a{ color: #666666;}
.nav-below a:hover{ color: #948957;}
.nav-below .nav-previous span{ display: inline-block; background: url( ../img/bg_blogP.png) no-repeat center left; padding-left: 20px;} 
.nav-below .nav-next span{ display: inline-block; background: url( ../img/bg_blogN.png) no-repeat center right; padding-right: 20px;} 
.post p{ margin-bottom: 20px;}

.postNavi{ width: 740px; float: right; text-align: right; margin-bottom: 80px;font-size: 0;}
.postNavi a,.postNavi .current{
	font-size: 12px;
	display: inline-block;
	width: 36px;
	height:36px;
	line-height: 36px;
	color: #130E20;
	text-align: center;
	text-decoration: none;
	border: 1px solid  #130C1F;
	border-right: 0;
	margin: 0;
	padding: 0;
}
.postNavi .current{ background: #130E20; color: #fff;}
.postNavi .next{width: 70px;border-right: 1px solid  #130C1F;}
.postNavi .prev{width: 100px;}
.postNavi a:hover{ background: #f4f3f0; color: #fff;}
li .btnKw{ position: absolute; bottom: 20px; right: 10px;}

h3.postCategory{ margin-bottom: 10px;  }
.resentBox{ padding: 20px 20px; background: #f4f3f0; margin-bottom: 20px;}
.resentBox a{ color: #333333;}
.resentBox a:hover{ color: #948957;}
.resentBox li{ margin-bottom: 5px;}

/*----------------------------------------------------
 	下位about　会社概要
----------------------------------------------------*/
h3.about{background:#f4f3f0; padding: 5px 10px; margin-bottom: 10px; font-weight:normal;}





.pc30sp10{ margin-bottom: 30px;} 
.pc40sp10{ margin-bottom: 40px;}
.pc40sp20{ margin-bottom: 40px;}
.pcmt30{ margin-top: 30px;}
.pcmb20{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 40px;}
.pcmb50{ margin-bottom: 50px;}
.pcOnmb55{ margin-bottom: 53px;}
.pcOnmb40{ margin-bottom: 40px;}
.pcOnmb60{ margin-bottom: 60px;}
.pcCenter{text-align: center;}


/*スマホ　sumaho*/

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

body{ font:14px/1.6 ArialMT; font-family: var(--f-main); color: var(--c-text);}
.onlyPC { display: none;}
.onlySP { display: block;}
img.onlySP { display: inline-block;}

/* #wrapper{ padding-bottom: 100px;} */

/*----------------------------------------------------
 	header
----------------------------------------------------*/

#mobile {
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	width: 55px;
	height: 55px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
#mobile a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}
#mobile .right-menu-in {
	width: 26px;
	height: 18px;
	position: relative;
}
#mobile span {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background: var(--c-text);
	border-radius: 100px;
}
#mobile span:nth-child(1) {
	top: 0;
}
#mobile span:nth-child(2) {
	top: calc((100% - 2px)/2);
}
#mobile span:nth-child(3) {
	bottom: 0;
}
#headerIn {
	padding: 8px;
}
.headerLogo {
	width: 52.368%;
}
.headerLogo h1 {
	margin: 0;
}
.headerLogo img {
	width: 100%;
}
.head-nav{display:none;	}
.head-nav .close{ display:block;} 
#gNavi{margin-top: 0;}
.headerTxt02{margin-top: -2px;}

.bx_sliderWrap{ width: 100%; margin:0 auto; padding-bottom: 0; padding-top: 0; }
#slideBox .slideBoxIn ul{ width: 100%; margin:0 auto; padding: 0;}


.contents{ width:100%; margin:0 auto;}
.contents img{ max-width:100%;}
.contentsSp100{width:100%; margin:0 auto;}
.contentsSp96{width:96%; margin:0 auto;}

.contentsWrap{ width: 100%; padding:20px 0;}
.contentsWrap2{ width: 96%; padding:10px 0; margin-left: auto; margin-right: auto;margin-bottom: 0;}
.contentsWrap3{ width: 100%; padding:0 0 0;}
.contentsWrap4{padding:30px 0;}
.contentsWrapMadori{ width: 100%; padding:30px 0; color: #333;}
.contentsWrapMadori2{ width: 100%; padding:0 0;  color: #333;}
.contentsWrapGallery{width: 100%; padding:30px 0; color: #333;}
.contentsWrapConscept{ padding:20px 0;}
.contentsWrapDocument{ padding:25px 0;margin:20px auto 20px; background-size:cover;}
.contentsWrap.bnLand{padding-top: 20px;}


.capTxt{
	padding: 10px 5px;
	font-size: 110%;
	margin-bottom: 0;
}
.pamfBox{ width: 96%; float:none; margin-left: auto; margin-right: auto;margin-bottom: 20px;}
.pamfBox a{ width: 49%; display: block; float: left; text-align: center; margin-bottom: 2%;}
.pamfBox a.onlySP{ float: right;}

div.controlWrap {
    width: 100%;
    margin: 0 auto;
	background:#f4f3f0;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10px;
}
div.controlWrap .bx-wrapper{
	width: 100%;
	max-width:100% !important;
}
div.controlWrap p#PrevIcon,div.controlWrap p#NextIcon{display: none;}
#slideBox .bx-pager li{padding-top: 10px; margin-top: -5px;}
#slideBox .bx-pager li a{height:auto;}
#slideBox .bx-pager li a.active:before{top:7px; left:10px; width: 8px; height: 5px;}

/*#slideBoxGallery .bx-controls-direction,
#slideBoxGallery .bx_sliderWrap .bx-wrapper .bx-pager{display: none;}*/


.topEventWrap{ margin-bottom: 0;}
.eventTop{ width: 100%; background: #f4f3f0; float:none;}
.eventTop h2{ width: 100%; float: none; padding: 20px 10px 10px; margin: 0; text-align:center;}
.eventTop h2 img{ /*width: 30%;*/}
.eventTopTtl{margin-bottom: 0px; border-bottom: 1px solid #fff; background:#948957; text-align:left; color: #fff; font-weight: bold; font-size: 125%; width: 100%; height: 50px; line-height: 50px;  padding:0 3%;}


#topNewWrap{/*display: none;*/ margin-top: 10px;}
#topNew{width: 96% !important; margin-left: auto !important; margin-right: auto !important;}
.resp-tabs-list li{width: 32.666%; margin-right: 1%;}
.resp-tabs-list li:last-child{margin-right: 0;}
.resp-tab-content{padding:10px 3%;}


/*------------- 	共通タイトル  -------------*/
.sidr ul li span.sidr-class-en {
	display: none;
}
.sidr-class-head-nav-cv {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 15px;
}
.sidr-class-head-nav-cv a {
	color: var(--c-text);
	text-decoration: none;
}
.sidr-class-head-cv {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 43%;
	height: 24vw;
	line-height: 1.2143;
	font-weight: bold;
	color: var(--c-text);
	text-decoration: none;
	text-align: center;
}
.sidr-class-head-cv .sidr-class-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 27px;
}
.sidr-class-head-cv .sidr-class-icon img {
	height: 100%;
}
.sidr-class-head-cv .sidr-class-text {
	margin: 5px 0 0;
}
.sidr-class-head-cv.sidr-class-event {
	background: #E28827;
    color: #fff;
}
.sidr-class-head-cv.sidr-class-line {
	background: #fff;
    border: 1px solid #C9CDB2;
}
.sidr-class-head-nav-row {
	width: 86%;
	margin-top: 10px;
}
.sidr-class-head-nav-row .sidr-class-head-cv {
	width: 100%;
	height: 13vw;
}
.sidr-class-head-nav-row .sidr-class-head-cv + .sidr-class-head-cv {
	margin-top: 10px;
}
.sidr-class-head-nav-row .sidr-class-head-cv.sidr-class-materials {
	background: #E3E6CC;
}
.sidr-class-head-nav-row .sidr-class-head-cv.sidr-class-visitor {
	background: #E5E8AC;
}


/*------------- 	共通タイトル  -------------*/
.topCommonTitleWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: auto;
}
.topCommonTitleWrap .topCommonTitleWrap-title {
	order: 2;
	position: relative;
	top: 0;
	left: 0;
	transform: translateY(0);
	margin-top: 3px;
}
.topCommonTitleWrap .topCommonTitleWrap-title-jp {
	font-size: 16px;
}
.topCommonTitleWrap .topCommonTitleWrap-text {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 18px;
}
.topCommonTitleWrap .topCommonTitleWrap-title-en {
	order: 1;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0);
	font-size: 60px;
}
.topCommonTitleWrap.sml {
	height: auto;
}
.topCommonTitleWrap.sml .topCommonTitleWrap-title-en {
	font-size: 60px;
}

.topCommonTitleWrap-sml {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	height: auto;
	text-align: center;
}
.topCommonTitleWrap-sml .jp {
	order: 2;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0);
	margin-top: 8px;
	font-size: 16px;
}
.topCommonTitleWrap-sml .en {
	order: 1;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0);
	font-size: 60px;
}

/*------------- 	共通ボタン  -------------*/
.topCommonBtn {
	width: 80vw;
	padding-right: 3px;
}
.topCommonBtn::before {
	right: calc(-34px/2);
	width: 34px;
}
.topCommonBtn.sml {
	width: 56vw;
	height: 40px;
	padding-right: 0;
}

/*------------- 	FV  -------------*/
.topFv {
	padding: 0 15px;
}
.topFv .topFv-in {
	display: block;
}
.topFv .topFv-item {
	height: 128vw;
}
.topFv .topFv-item.onlySP {
	display: block;
}
.topFv .topFv-item .topFv-item-textBox {
	position: initial;
}
.topFv .topFv-item .topFv-item-title {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	line-height: 1.5834;
	z-index: 1;
}
.topFv .topFv-item .topFv-item-link {
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	padding-right: 32px;
	margin-top: 0;
	z-index: 1;
}
.topFv .topFv-item.item01 {
	width: 100%;
}
.topFv .topFv-item.item01 .topFv-item-bg {
	width: 100%;
	min-width: 100%;
	background: url(../img/top_fv_bg01_sp.jpg)no-repeat center / cover;
}
.topFv .topFv-item.item01.sml {
	width: 100%;
}

.topFv .topFv-item.item02 {
	width: 100%;
}
.topFv .topFv-item.item02 .topFv-item-bg {
	width: 100%;
	min-width: 100%;
	background: url(../img/top_fv_bg02_sp.jpg)no-repeat center / cover;
}
.topFv .topFv-item.item02:hover {
	width: 100%;
}

.topFv .topFv-item.item03 .topFv-item-bg {
	width: 100%;
	background: url(../img/top_fv_bg03_sp.jpg)no-repeat center / cover;
}

body.top .topFv .topFv-cv {
	margin: -30px auto 0;
	left: 0;
	bottom: 0;
	position: relative;
}

.topFv-cv {
	right: auto;
	left: 15px;
	bottom: 15px;
	flex-wrap: wrap;
	width: calc(100% - 30px);
	padding-bottom: 16px;
	border-radius: 30px;
}
.topFv-cv.end {
	bottom: -160px;
}
.topFv-cv-textBox {
	width: calc(100% - 137px);
	padding: 18px 0 0 10px;
}
.topFv-cv-textBox .sml {
	font-size: 13px;
}
.topFv-cv-textBox .title {
	font-size: 16px;
	letter-spacing: 0.002em;
	line-height: 1.5;
	margin-top: 0;
}
.topFv-cv .btn {
	margin-top: 15px;
}
.topFv-cv .btn.onlySP {
	display: flex;
}
.topFv-cv .btn.onlyPC {
	display: none;
}
.topFv-cv-img {
	width: 137px;
}
.topFv-cv-img img {
	border-radius: 0 30px 0 0;
}
.topFv-cv-img .icon {
	right: -24px;
	bottom: -42px;
}
/*------------- 	FV  -------------*/


/*------------- 	新着情報  -------------*/
.topTopicsWrap {
	padding-top: 22px;
}
.topTopicsWrap .topCommonTitleWrap-sml {
	margin-bottom: 15px;
}
.topTopicsWrap .bx-viewport {
	width: 84% !important;
	padding-bottom: 0 !important;
}
.topTopicsWrap .topTopicsWrap-controlWrap {
	max-width: 100%;
	margin-top: 34px;
	padding: 0 10px;
}
.topTopicsWrap-slider {
	gap: 8px;
}
.topTopicsWrap-slider li a {
	height: 47.2vw;
}

/*------------- 	ひのきハウスの家づくり  -------------*/
.topConceptWrap {
	padding-top: 65px;
}
.topConceptWrap-column {
	display: block;
	width: 100%;
	padding: 0 30px;
	margin-top: 50px;
}
.topConceptWrap-column .topConceptWrap-column-textBox {
	width: 100%;
}
.topConceptWrap-column .topConceptWrap-column-img {
	width: 100%;
	margin-top: 34px;
}
.topConceptWrap-column .topConceptWrap-column-title {
	font-size: 16px;
	letter-spacing: 0.005em;
	line-height: 2;
	margin-top: 0;
}
.topConceptWrap-column .topConceptWrap-column-text {
	font-size: 15px;
	line-height: 2.267;
	margin-top: 27px;
}
.topConceptWrap-btnLink {
	gap: 0;
	width: calc(100% - 60px);
	margin-top: 25px;
	border-radius: 20px;
	overflow: hidden;
	background: #C9CDB2;
}
.topConceptWrap-btnLink li {
	width: calc(100% / 3);
}
.topConceptWrap-btnLink li + li {
	border-left: 1px dashed #fff;
}
.topConceptWrap-btnLink li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 80px;
	border-radius: 0;
	font-size: 13px;
	line-height: 1.3;
}
.topConceptWrap-btnLink li .arrow {
	position: relative;
	top: 0;
	right: 0;
	transform: translateY(0);
	margin-top: 8px;
}
.topConceptWrap .topCommonBtnWrap {
	margin-top: 30px;
}

/*------------- 	施工事例  -------------*/
.topGalleryWrap {
	padding-top: 87px;
}
.topGalleryWrap .topCommonTitleWrap {
	margin-bottom: 0;
}
.topGalleryWrap .topGalleryWrap-list {
	gap: 20px 6px;
	max-width: 100%;
	padding: 0;
	margin-top: 32px;
}
.topGalleryWrap .topGalleryWrap-list li {
	width: calc((100% - 6px)/2);
}
.topGalleryWrap .topGalleryWrap-list li a {
	display: flex;
	flex-direction: column;
	height: auto;
	text-decoration: none;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-textBox {
	order: 2;
	position: relative;
	top: 0;
	transform: translateY(0);
	padding: 0 8px;
	margin-top: 5px;
	color: var(--c-text);
	opacity: 1;
}
.topGalleryWrap .topGalleryWrap-list li .title {
	font-size: 13px;
	letter-spacing: 0.005em;
	line-height: 1.385;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--c-text);
}
.topGalleryWrap .topGalleryWrap-list li .tag {
	margin-top: 3px;
}
.topGalleryWrap .topGalleryWrap-list li .tag li {
	letter-spacing: 0;
	line-height: 1.5;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img {
	order: 1;
	height: 49.2vw;
}
.topGalleryWrap .topGalleryWrap-list li .topGalleryWrap-list-img::before {
	content: none;
}
.topGalleryWrap .topCommonBtnWrap {
	margin-top: 40px;
}
/*------------- 	施工事例  -------------*/

/*------------- 	プランニング参考例  -------------*/
.topPlanningWrap {
	padding-top: 87px;
}
.topPlanningWrap .topCommonTitleWrap {
	margin-bottom: 0;
}
.topPlanningWrap .topPlanningWrap-list {
	display: block;
	max-width: 100%;
	padding: 0;
	margin-top: 30px;
}
.topPlanningWrap .topPlanningWrap-list li {
	width: 100%;
	padding: 24px 30px 28px;
}
.topPlanningWrap .topPlanningWrap-list li + li {
	margin-top: 20px;
}
.topPlanningWrap .topPlanningWrap-list li .topPlanningWrap-list-title {
	font-size: 15px;
	letter-spacing: 0.005em;
	margin-top: 10px;
}
.topPlanningWrap .topPlanningWrap-list li .topCommonBtnWrap {
	margin-top: 12px;
}
.topPlanningWrap .topPlanningWrap-list li .topCommonBtn {
	width: 66.667%;
	height: 40px;
}
/*------------- 	プランニング参考例  -------------*/

/*------------- 	ひのきハウスについて  -------------*/
.topAboutusWrap {
	padding-top: 87px;
}
.topAboutusWrap .topCommonTitleWrap {
	margin-bottom: 0;
}
.topAboutusWrap .topAboutusWrap-staff {
	padding: 30px 30px 0;
}
.topAboutusWrap .topAboutusWrap-staff-list {
	justify-content: flex-start;
	gap: 30px 10px;
	width: 100%;
	margin-top: 30px;
}
.topAboutusWrap .topAboutusWrap-staff-list li {
	width: calc((100% - 10px)/2);
}
.topAboutusWrap .topAboutusWrap-staff-list li .topAboutusWrap-staff-list-title {
	font-size: 15px;
	margin-top: 7px;
}
.topAboutusWrap .topAboutusWrap-staff .topCommonBtn {
	margin-top: 30px;
}

.topAboutusWrap .topAboutusWrap-access {
	max-width: 100%;
	padding: 87px 30px 0;
}
.topAboutusWrap .topAboutusWrap-access iframe {
	height: 102.667vw;
	margin-top: 30px;
}
.topAboutusWrap .topAboutusWrap-access .topCommonBtnWrap {
	margin-top: 30px;
}
/*------------- 	ひのきハウスについて  -------------*/

/*------------- 	ニュース＆ブログ  -------------*/
.topNewsBlogWrap {
	padding-top: 87px;
}
.topNewsBlogWrap .topCommonTitleWrap {
	margin-bottom: 0;
}
.topNewsBlogWrap .topNewsBlogWrap-column {
	display: block;
	max-width: 100%;
	margin-top: 30px;
}
.topNewsBlogWrap .topNewsBlogWrap-item {
	width: 100%;
	padding: 30px 0 38px;
}
.topNewsBlogWrap .topNewsBlogWrap-item + .topNewsBlogWrap-item {
	margin-top: 30px;
}
.topNewsBlogWrap .topCommonTitleWrap-sml {
	height: auto;
}
.topNewsBlogWrap .topCommonTitleWrap-sml .jp {
	font-size: 14px;
	margin-top: 0;
}
.topNewsBlogWrap .topCommonTitleWrap-sml .en {
	font-size: 50px;
}
.topNewsBlogWrap .topNewsBlogWrap-list {
	padding: 0 25px;
	margin-top: 16px;
}
.topNewsBlogWrap .topNewsBlogWrap-list li a {
	padding: 7px 0 8px;
}
.topNewsBlogWrap .topCommonBtnWrap {
	padding: 0 25px;
	margin-top: 25px;
}
.topNewsBlogWrap .topCommonBtn {
	width: 79.47%;
	height: 40px;
}
/*------------- 	ニュース＆ブログ  -------------*/

/*------------- 	イベント情報  -------------*/
.topEventWrap {
	padding-top: 87px;
}
.topEventWrap .topCommonTitleWrap {
	margin-bottom: 0;
}
.topEventWrap .topEventWrap-list {
	display: block;
	max-width: 100%;
	padding: 0 30px;
	margin-top: 30px;
}
.topEventWrap .topEventWrap-list li {
	width: 100%;
	border-bottom: 1px solid #8D9C90;
}
.topEventWrap .topEventWrap-list li + li {
	margin-top: 10px;
}
.topEventWrap .topEventWrap-list li a {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-img {
	max-height: none;
	width: 156px;
	height: 156px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-textBox {
	width: calc(100% - 156px);
	padding: 6px 0 0 10px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-title {
	width: 100%;
	background: #C9CDB2;
	padding: 7px 0 9px;
	font-size: 16px;
	line-height: 1.4;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day,
.topEventWrap .topEventWrap-list li .topEventWrap-list-time {
	font-size: 13px;
	line-height: 1.539;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day {
	margin-top: 0;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-day + .topEventWrap-list-time {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid var(--c-text);
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address {
	gap: 3px;
	margin-top: 6px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address .icon {
	width: 13px;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address .icon img {
	width: 100%;
}
.topEventWrap .topEventWrap-list li .topEventWrap-list-address .text {
	max-width: calc(100% - 13px - 3px);
	padding: 0 6px 0 0;
	font-size: 14px;
	line-height: 1.3572;
}
.topEventWrap .topCommonBtnWrap {
	margin-top: 38px;
}

/*------------- 	ご相談・お問い合わせ  -------------*/
.topContactWrap {
	padding: 87px 0 15px;
}
.topContactWrap .topContactWrap-column {
	display: block;
	max-width: 100%;
	padding: 0;
	margin-top: 14px;
}
.topContactWrap .topContactWrap-item {
	width: 100%;
	padding: 37px 30px 36px;
}
.topContactWrap .topContactWrap-item + .topContactWrap-item {
	margin-top: 15px;
}
.topContactWrap .topContactWrap-item-title {
	font-size: 18px;
}
.topContactWrap .topContactWrap-item-img {
	margin-top: 12px;
	position: relative;
}
.topContactWrap .topContactWrap-item-img .icon {
	right: -21px;
	top: auto;
	bottom: -17px;
	width: 132px;
}
.topContactWrap .topContactWrap-item-text {
	font-size: 14px;
	margin-top: 13px;
}
.topContactWrap .topContactWrap-item-column {
	display: block;
	margin-top: 30px;
}
.topContactWrap .topContactWrap-item-column .topContactWrap-item-img {
	width: 100%;
	margin-top: 0;
}
.topContactWrap .topContactWrap-item-column .topContactWrap-item-text {
	width: 100%;
	margin-top: 13px;
}
.topContactWrap .topContactWrap-item-btn {
	display: block;
	margin-top: 20px;
}
.topContactWrap .topContactWrap-item-btn li {
	width: 79.366%;
	margin: 0 auto;
}
.topContactWrap .topContactWrap-item-btn li + li {
	margin-top: 20px;
}
.topContactWrap .topContactWrap-item-btn li.tel {
	margin-top: 25px;
}
.topContactWrap .topContactWrap-item-btn.type2 {
	display: flex;
	gap: 0;
	width: 90.477%;
	margin: 20px auto 0;
	background: #C9CDB2;
	border-radius: 20px;
}
.topContactWrap .topContactWrap-item-btn.type2 li {
	width: 50%;
	height: 60px;
	border: none;
}
.topContactWrap .topContactWrap-item-btn.type2 li + li {
	margin-top: 0;
	border-left: 1px dashed #fff;
}
.topContactWrap .topContactWrap-item-btn.type2 li a {
	flex-direction: column;
	color: #fff;
}
.topContactWrap .topContactWrap-item-btn.type2 li .arrow {
	display: block;
	width: 20px;
	margin-top: 3px;
	line-height: 0;
}

.topContactWrap .topContactWrap-item.event .topContactWrap-item-title {
	text-align: center;
	padding-left: 0;
}
.topContactWrap .topContactWrap-item.contact .topContactWrap-item-btn {
	gap: 0;
}
/*------------- 	ご相談・お問い合わせ  -------------*/




/*.resp-tabs-container{ border-top: 2px solid  #fff;}
h2.resp-accordion {
	width: 100%;
    margin: 0px;
	background: #FFF96D url(../img/bg_hlTopEvent_o.png) no-repeat 10px center;
	color: #948957;
	font-size: 120%;
    padding: 10px 15px 10px 36px;
	border-bottom:1px solid #fff;
}
h2.resp-tab-active {
    border-bottom: 0px solid #fff !important;
    margin-bottom: 0px !important;
    padding: 10px 15px 10px 36px !important;
}
h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
h2.resp-accordion[aria-controls="hor_1_tab_item-1"]{ background: #FFF96D url(../img/bg_hlTopNew_o.png) no-repeat 10px center;}
h2.resp-accordion[aria-controls="hor_1_tab_item-2"]{ background: #FFF96D url(../img/bg_hlTopBlog_o.png) no-repeat 10px center;}
*/
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 667px) {
    /*ul.resp-tabs-list {    display: none;    }
    h2.resp-accordion {display: block;    }
    .resp-vtabs .resp-tab-content {       border: 1px solid #C1C1C1;    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }
    .resp-accordion-closed { display: none !important;    }
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;    }*/
}

/*.resp-tab-content{ padding: 10px 0;}*/
/*.resp-tab-content[aria-labelledby="hor_1_tab_item-2"]{ border-bottom: 2px #f4f3f0 solid;}*/

.eventTop .cont{ float: none;width: 100%;	margin-bottom: 10px;padding-bottom: 10px;	border-bottom: #CCC 2px dotted;}
.eventTop .cont.cont02 a{ float: none;}
.eventTop .cont a{
	width: 96%;
	float: none;
	margin-left: auto; margin-right: auto;
}
.eventTop .cont table.ttl{ font-size: 86%; }
.eventTop .cont table.ttl th{ width: 24%; }

.eventTop .cont .title{ width: 100%; margin-bottom: 10px;}
.eventTop .cont .photoBox{ width: 94px; height: 94px; float:left; text-align:center; background: none;  margin-left: 0;margin-right: 0;}
.eventTop .cont .photoBox img{ max-width:88px; max-height: 88px;}
.eventTop .cont .txtBoxWrap{ margin-left: -100px; width: 100%; float: right; }
.eventTop .cont .txtBox{ margin-left: 100px;} 
.eventTop .timeTbl{ font-size: 80%;}
.eventTop .scheTbl { font-size: 70%;}

.eventTop .bdr{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.eventTop .eventCap{ font-size: 90%; width: 96%;margin-left: auto; margin-right: auto; float: none; font-weight: bold;text-align: center;}

.eventTop #topNew .btn01 a {
	display: block;
	padding: 8px 0 7px;
	font-size: 88%;
	width: 180px;
	float: none;
	margin-left: auto; margin-right: auto;
	margin-bottom: 10px;
}

.landTop{width: 100%; float:none; padding-bottom: 0; background:#f4f3f0;}
.landTop .ttl{margin-bottom: 0; background:#948957; text-align:left; padding:0 3%;}
.landTop .ttl span:before{display: none;}
.landTbl{padding:10px 3% 0;}
.landTbl dd{}
.landTbl dt{right:3%;}
.landTbl a{width: 90%;}
.landTblWrap{/*display: none;*/ width: 96%; margin:10px auto 20px; background: #fff;}


.infoBox{ width: 96%; margin-left: auto; margin-right: auto;margin-bottom: 20px;}
.infoBox dt{
  clear: left;
  float: none;
  width: 100%;
  margin-right:0;
  font-size: 84%;
}
.infoBox dd {
  margin-left: 0;
}


.kurashi3Box{width: 96%;margin-right: auto; margin-left: auto;margin-top: 10px;}
.kurashi3Box li{ width: 100%; float:none; margin-right: 0;margin-bottom: 10px;}
.kurashi3Box li img{ display:block;margin-left: auto; margin-right: auto;}

.kurashi4Box{width: 96%;margin-right: auto; margin-left: auto;margin-top: 10px;}
.kurashi4Box li{ width: 49%; margin-right: 0;margin-bottom: 10px;}
.kurashi4Box li:nth-child(2n){ float: right;} 
.kurashi4Box li img{ display:block;margin-left: auto; margin-right: auto;}

.btn03 a {width: 80%;}
.btn03.btn90 a{ width: 90%; font-size: 96%;}


.madoriList{ width: 96%;margin-right: auto; margin-left: auto;margin-bottom: 0;}
.madoriList li{
	width: 100%;
	float:none;
	margin-bottom: 20px;
}
.madoriList li img{ width: 50%;float: left;}
.madoriList li:nth-child(4){ display: none;}
/*家づくり*/
.contentsWrapConscept .madoriList li{
	height:auto;
}
.contentsWrapConscept .madoriList li img:nth-child(2){padding-top: 20px;}
/*About us*/
.madoriList.aboutWrap li{
	width: 48%;
	float:left;
	margin-right: 4%;
	margin-bottom: 10px;
}
.madoriList.aboutWrap li:nth-child(2n){margin-right: 0;}
.madoriList.aboutWrap li img{ width: 100%;float: none;}
.madoriList.aboutWrap li:nth-child(4){ display: block;}




.contentsWrapGallery h2{ width: 96%;margin-left: auto; margin-right: auto;}

#slideBoxGallery .bx_sliderWrap{width: 100%; height: auto;}
#slideBoxGallery .bx-viewport{width: 100% !important; overflow:hidden !important; left:auto;}
#slideBoxGallery{ margin-bottom: 50px; position:relative;}
#slideBoxGallery ul li{padding: 0; background:none; margin-bottom: 0;}
#slideBoxGallery ul li a{display: block; height: auto; padding: 20px; background:#fff; width: 96%; margin:0 auto; position:relative;}
#slideBoxGallery .photoBoxWrap{ margin-bottom: 5px; width: 267px; margin-left: auto; margin-right: auto;}
#slideBoxGallery .photoBox01{ width: 64%; height: 130px; float: left;}
#slideBoxGallery .photoBox02{ width: 34%; height: 130px; float: right;} 
#slideBoxGallery .photoBox01 img{ width: auto; max-width: 100%; max-height: 100%;} 
#slideBoxGallery .photoBox02 img{ max-width: 100%; max-height: 63px; height: 63px; margin-left: auto; margin-right: auto;} 
#slideBoxGallery .photoBox02 img:first-child{margin-bottom: 5px;}
#slideBoxGallery li:hover img{ opacity:1;filter:alpha(opacity=100);}

#slideBoxGallery .topGalleryBox .ttl{padding: 0;}
#slideBoxGallery .topGalleryBox .photoBox01 .number{width: 60px; height: 25px; line-height: 25px;}
#slideBoxGallery .topGalleryBox .detailWrap{height:auto;}
#slideBoxGallery .topGalleryBox .detail{margin-bottom: 20px;}

#slideBoxGallery .tagWrap{bottom:10px; left:10px;}
#slideBoxGallery .tagWrap li{} 


.topAboutBox{ margin-bottom: 10px;}
.topAboutBox .box50p{ width: 49%;}

.staffTopList{ margin-bottom: 10px;}
.staffTopList li{
	width: 100%;
	float: none;
	margin-bottom: 10px;
	text-align: center;
}
.staffTopList li:nth-child(2n){ float: none;}
.staffTopList li:last-child{ margin-bottom: 0;}


.topDocumentBox{ width: 96%;margin-left: auto; margin-right: auto;}
.topDocumentBox p{
	font-size: 116%;
	text-align: center;
}


.contentsWrapDocument{height:auto;}
.contentsWrapDocument .fl,
.contentsWrapDocument .fr{float:none;}
.contentsWrapDocument .fl{padding-top: 0;}
.contentsWrapDocument .fr{height:auto; text-align:center;}
.contentsWrapDocument .fr img{position:static; margin-bottom: 10px;}
.contentsWrapDocument .btn04{margin-left: auto; margin-right: auto; width: 330px; max-width: 100%;}
.contentsWrapDocument .btn04 a{max-width: 100%;}


.topDocumentBox{
	padding: 20px;
}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer {
	padding: 25px 25px 16px;
}
#footer .footer-logo {
	width: 205px;
}
#footer .footer-address {
	line-height: 26px;
}
#footer .footer-telBox {
	margin-top: 20px;
}
#footer .footer-tel .telBox {
	gap: 7px;
}
#footer .footer-tel .icon {
	width: 35px;
}
#footer .footer-tel .num {
	font-size: 38px;
}
#footer .footer-tel .telDay {
	margin-top: 6px;
}
#footer .footer-navi {
	display: none;
}
#footer .footer-sns-copyright {
	display: block;
	margin-top: 25px;
	padding-right: 0;
}
#footer .footer-sns {
	justify-content: center;
	gap: 15px;
}
#footer .footer-sns li {
	width: 34px;
}
#footer .footer-copyright {
	width: calc(100% + (25px*2));
	margin-left: -25px;
	margin-top: 25px;
	text-align: center;
	color: #fff;
}


/*----------------------------------------------------
 	下位common
----------------------------------------------------*/

#sideBar{ width: 100%; float:none;}
#main{ width: 100%; float:none; margin-bottom: 40px;}
#main h2{ font-size: 96%;} 
#main h2.sub{ margin-bottom: 20px;}
.breadcrumb ul{ width: 96%; margin:0 auto; padding: 10px 0; font-size: 80%;} 

.h2Wrap h2.line2{font-size:1.8em; line-height: 1.4;}

.table01 th,.table01 td { width:100%; display:block;}

.contentsSub h3{ background: #8CC600; border-top: #009500 2px solid; border-bottom: 1px solid #8CC600; padding: 12px 10px 11px;}
.contentsSub h3 img{ display: none;}
.contentsSub h3 span{display: block; color: #fff; font-weight: bold;}


/*----------------------------------------------------
 	下位event
----------------------------------------------------*/
.eventSerchBox p{
	width: 96%;
	float:none;
	margin-left: auto; margin-right: auto;
}
.eventSerchBox .selectBox{
	width: 96%;
	float:none;
	margin-left: auto; margin-right: auto;
}
.eventSub > ul{ width: 100%; margin-right: 0;}
.eventSub > ul > li{ display:inline;}
.eventSub li a{ text-decoration: none;}
.eventSub > ul >li > a,.eventSub ul > li.end{
	width: 100%;
	float:none;
	margin-right: auto;
	margin-left: auto; 
	margin-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row; 
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
} 
.eventTagBox p.linkR{ padding-right: 0;}
.eventTagBox ul{ width: 96%; margin-left: auto; margin-right: auto; float:none;} 


.eventSub li .catWrap{ -webkit-order: 1!important;}
.eventSub li .catWrap {order: 1!important;}

.eventSub li .ttl{ -webkit-order: 2!important;}
.eventSub li .ttl {order: 2!important;}

.eventSub li .photoW{ -webkit-order: 3!important;}
.eventSub li .photoW{ order: 3!important;}

.eventSub li .txtBoxWrap{ -webkit-order: 4!important;}
.eventSub li .txtBoxWrap{ order: 4!important;}

a .btn03,.end .btn03{ display: none;}

.eventSub li .ttl{ width: 100%; margin-bottom: 10px;}
.eventSub li .photoW{ width: 48%; float:left; text-align:center; height:auto!important; background: none; border: none; margin-left: 0;margin-right: 0; display: block;}

.eventSub li .txtBoxWrap{ width: 48%; float:right;}
.eventSub li .photoW .photoBox{ width:100%; background: #fff; padding: 4px; height:auto;text-align:center; display:block!important;}
.eventSub li .photoW .photoBox img{ max-width:100%; height:auto; display: block; max-height: auto;margin-left: auto; margin-right: auto;}
.eventSub li .timeTbl{ font-size: 80%; margin-bottom: 10px;}
.eventSub li .scheTbl { font-size: 70%;}
.eventSub li .textC{display: none;}
.eventSub li .scheTbl dt{ padding: 1px 4px 0px;}



.eventSlideBox{ width: 96%; margin:20px auto 20px; height:auto; max-height:auto;}
.eventSlideBox .bx-viewport{ padding-bottom: 20px; }
.event_slider li{
	width:100%!important;
	height:auto!important;
	margin: 20px auto 0;
	padding: 2px;
}
.event_slider li div{ display:block; width: 100%; height:auto!important; vertical-align:middle;}
.event_slider li img{ max-width:100%; margin-left: auto; margin-right: auto;	border: 1px solid #ddd; max-height: 240px; padding: 2px;}
.bx-viewport{padding-bottom: 60px!important;}
.bx-viewport .event_slider{ margin-top:-20px; }



/*-----詳細----*/
.eventDetailTbl{width: 96%; font-size: 90%; text-align: center;margin-left: auto;margin-right: auto; margin-bottom: 20px; }
.eventDetailTbl th{ width: 100%!important; display:block;}
.eventDetailTbl td{ width: 100%!important; display:block;}


.eventCapBox{ width: 96%; margin:0 auto 40px; font-size: 86%;}
.eventForm{ width: 100%; margin:0 auto 30px; border: none;}
.eventForm .cont{ padding: 0;width: 96%;margin-left: auto; margin-right: auto;}
.eventForm .cont ul { margin-bottom: 20px; font-size: 84%;}
.eventForm .cont li{ list-style-type:disc; margin-left: 20px;} 

.eventForm .cont table th,.eventForm .cont table td{ padding: 10px;width: 100%; display:block;}

.eventForm .cont .keitaiBox{ width: 96%; margin: 10px auto 20px;background: #FAFAFA; border: 1px solid #DDDDDD; padding: 20px; }

.eventForm .ppBtn{ background: #ECE6D7; text-align: center; font-size: 80%; width: 90%; margin:0 auto; padding: 10px;}
.eventForm .ppBtn a{color: #382500; text-decoration: underline;}
.eventForm .ppBtn a:hover{ text-decoration: none;}


/*----------------------------------------------------
 	下位施工事例
----------------------------------------------------*/

ul.galleryWrapSub{ width: 96%; margin-right:auto;margin-left: auto; margin-bottom: 10px;}
.galleryWrapSub li{ width: 100%; float:none; margin-right: 0; margin-bottom: 40px;}
.galleryWrapSub li .photoBox { background: #fff;width: 100%; height: auto; margin-bottom: 10px; border: none; padding: 0; }
.galleryWrapSub li .photoBox div{ display:block; width:auto; height:auto;text-align:center;}
.galleryWrapSub li .photoBox img{ max-width:100%!important; max-height:auto!important; height:auto;margin-left: auto;margin-right: auto;border: 1px solid #DDDDDD; text-align:center; padding: 2px;}

.gallerySortNavi{ width: 96%; float: none; text-align: right; margin-bottom: 20px;margin-left: auto; margin-right: auto;}
.gallerySortNavi li{ display:inline;}
.gallerySortNavi li a{
	font-size: 10px;
	display: inline-block;
	width: 22px;
	height:22px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;
}



/*-----詳細----*/

.eventTagBox p{width: 96%; float:none;}

.galleryTtl{
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 20px;
	border: 1px solid #333333;
	margin-bottom: 20px;
}
.galleryTtl .detail{
	width: 100%;
	float:none;
	border-right: none;
	padding-right: 0;
	padding-bottom:5px ;
}
.galleryTtl .detail ul{ border-bottom: #333333 1px solid; padding-bottom: 10px;}

.galleryTtl .detail ul li:first-child{ width: 30%; float:left;border-right: #333333 1px solid;}

.galleryTtl .detail ul li:last-child{ width: 68%; float:right; text-align: right; }
.galleryTtl .detail .galleryName{ padding-top: 10px;}
.galleryTtl .detail .galleryName img{vertical-align: middle; margin-right: 10px;}

.galleryTtl .ttlWrap{ width: 100%; float:none; padding-top: 8px;}
.galleryTtl .ttlWrap .ttl{font-size: 140%; font-weight: bold;}

.galleryLink{ border-top: #333333 solid 4px; padding-top: 50px; margin: 40px auto;}

.galleryBox{ width: 96%;margin-left: auto; margin-right: auto;}
.galleryBox li:nth-child(1){
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.galleryBox li:nth-child(1) img{ max-width: 100%; max-height: auto;}
.galleryBox li:nth-child(2){ width: 100%; float: none;}

.galleryBox li:nth-child(2) .galleryTag{ color: #948957; margin-bottom: 10px; font-weight: bold; font-size: 90%;}
.galleryBox li:nth-child(2) .galleryTag span{ border: #948957 1px solid; padding: 6px 15px 5px;}
.galleryBox li:nth-child(2) .ttl{ color: #948957; margin-bottom: 10px; font-weight: bold;}


/*----------------------------------------------------
 	下位voice
----------------------------------------------------*/

.voiceWrapSub li{
	position: relative;
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.voiceWrapSub li a{ text-decoration: none;}
.voiceWrapSub .photoBox{
	width: 235px;
	background: #fff;
	display: block;
	text-align: center;
	padding:0;
	float:none;
	margin-left: auto; margin-right: auto;
	margin-bottom: 10px;
}
.voiceWrapSub .photoBox img{ max-width: 235px;}
.voiceWrapSub li a p{ color: #545454;}
.voiceWrapSub li a p.title{ text-decoration: underline; margin-bottom: 5px;font-size: 120%; font-weight: bold; }
.voiceWrapSub li a p.detail{ text-decoration: none;font-size: 88%;margin-bottom: 10px;}
.voiceWrapSub li .txtBox{ width: 100%; float:none; margin-left:0; margin-bottom: 10px;}
.voiceWrapSub li .btn03{ display: block; position: static; bottom: auto; right: auto; text-align: center;}



.voicePager ul{ display:table; table-layout:fixed; width: 96%!important;border-collapse:collapse;margin-left: auto; margin-right: auto;}
.voicePager ul li{ display: table-cell;  border: 1px solid #dddddd; padding: 10px; border-collapse:collapse;}

.voicePager ul li:nth-child(2n){text-align: right;} 
.voicePager ul li a .name{ font-size: 90%;}
.voicePager ul li a .ttl span{ padding-right: 0;}
.voicePager ul li:nth-child(2n) a .ttl span{ padding-left: 0;}
.voicePager ul li a .photo{
	float:none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.voicePager ul li:nth-child(2n) a .photo{ float:none; margin-right: auto; margin-left: auto;}


/*----------------------------------------------------
 	下位reserve
----------------------------------------------------*/


.reserveBox .cont ol{ margin-bottom: 20px;}
.reserveBox .cont{ padding: 0 0 20px;}
.reserveBox .cont ol li{
	width: 100%;
	background: none;
	font-size: 88%;
	float:none;
	text-align: left;
	padding:10px;
	height:60px;
	line-height: 40px;
	border-bottom: #DDDDDD 1px solid;
}
.reserveBox .cont ol li:nth-child(5){ width: 100%; padding-right: 0;background: none;}
.reserveBox .cont ol li{ overflow:hidden;_zoom:1;}
.reserveBox .cont ol li img{width: 40px; float:left; margin-right: 10px;margin-bottom: 0;line-height: 60px;}
.reserveBox .cont ol li p{ display: inline-block; float: left; }
.reserveBox .cont ol li .ttl{ margin-right: 10px;}

.reserveBox .contCap{
	width: 96%;
	margin-left: auto; margin-right: auto;
}
.reserveBox .contCap .ttl{
	display:block;
	width: 100%;
}
.reserveBox .contCap ul{ 	display:block;width: 100%;}

.eventForm ul.formList{ margin-bottom: 0;}
.eventForm .formList li{ list-style-type:none; margin-left: 0;}
.formList li:last-child{ margin-bottom: 0;}
.eventForm .formList li input{ min-height:auto;height: auto;} 


/*----------------------------------------------------
 	下位staff
----------------------------------------------------*/
.staffListSub{ width: 96%; margin-right: auto;margin-left: auto; margin-bottom: 30px;}
.staffListSub li{
	width: 49%;
	margin-right: 0;
}
.staffListSub li:nth-child(2n){float:right;}
.staffListSub li{ text-align: center;}
.staffListSub li a{ text-align: center;}
.staffListSub li div{ max-width: 100%;text-align: center;}
.staffListSub li div img{ max-width:100%;display: block; margin-left: auto; margin-right: auto;}
.staffListSub li p{ font-size: 88%;}
.staffListSub li span{ font-size: 60%;}

h4.staff{ width: 96%;margin-left: auto; margin-right: auto;}

/*-----詳細----*/
.staffDetailBox{ border: none; padding: 0;}
.staffDetailBox .staffPhoto{
	width: 96%;
	float:none;
	margin-left: auto; margin-right: auto;
	border: 1px solid #DDDDDD;
	padding: 10px;
}
.staffDetailBox .staffPhoto img{ max-width: 100%; display: block; margin-left: auto; margin-right: auto;}
.staffDetailBox .staffPhoto div{ width: 100%; text-align: center;margin-left: auto; margin-right: auto; display: block;}
.staffDetailBox{ margin-bottom: 10px;}
.staffPhoto{ margin-bottom: 20px;}
.staffDetailBox .staffTxt{ width: 96%; float:none; margin:0 auto;} 
.staffTxt .ttl{ margin-top: 10px;}

.staffComment{ display: block; width: 96%;margin-left: auto; margin-right: auto;}
.staffComment li{ display: block; width: 100%;}
.staffComment li:first-child{ width: 100%; border-bottom: none;}
.staffComment li:last-child{ border-left: 1px solid #ccc;} 


/*----------------------------------------------------
 	下位sitemap privacy
----------------------------------------------------*/

.sitemapList{ width: 96%; margin-left: auto; margin-right: auto;}
.aboutBox li{ width: 100%; float:none; margin-bottom: 10px;}
.aboutBox li img{ display:block;margin-left: auto; margin-right: auto; max-width:100%;} 
.aboutBox li:last-child{ width: 100%; float:none; margin-bottom: 0;}

.eventForm .Privacy{ width: 96%;margin-left: auto; margin-right: auto;}

/*----------------------------------------------------
 	下位plan
----------------------------------------------------*/
#plan .contents{width: 94%; margin-left: auto; margin-right: auto;}
.plan01,.plan02,.plan03{margin-bottom: 40px;}

h3.h3Plan01{font-size:17px; margin-bottom: 20px; padding: 10px 0px;}
h3.h3Plan02{font-size:17px; margin-bottom: 20px;}

h4.h4Plan01{font-size:16px; margin-bottom: 0;}

.planList01 li{width: 49%; margin-right: 2%; margin-bottom: 10px; text-align:center;}
.planList01 li:nth-child(2n){margin-right: 0;}
.planList01 li:last-child{margin-right: 0; margin-bottom: 0;}
/*.planList01 li:nth-child(1),.planList01 li:nth-child(2){margin-bottom: 10px;}*/
.planList01 li img{width: auto; max-width: 100%;}

.planList02 li{width: 100%; float:none; margin-right: 0; margin-bottom: 20px;}
.planList02 li:last-child{margin-bottom: 0;}
.planList02 li .num{line-height: 24px;}
.planList02 li .num img{margin-bottom: 0;}
.planList02 li .ttl{font-size:18px;}
.planList02 li p{font-size:13px;}

.lineupMenu li{width: 19.7%; height: 40px; margin-right: 0.3%;}
.lineupMenu li a{padding: 0; line-height: 30px;}
.lineupMenu li img{height: auto; width: 80%; margin:0 auto;}

.planWrap{padding: 10px;}
.planWrap h3{font-size:16px; margin-bottom:10px;}

.planWrap .designBox,
.planWrap .loanBox{width: 100%;}

.planWrap .designBox{margin-bottom: 10px;}
.planWrap .designBox .imgBox span{font-size:12px;}

.planWrap .loanBoxIn{padding: 10px;}
.planWrap .loanBox table{margin-bottom: 10px;}
.planWrap .loanBox table th{font-size:13px;}
.planWrap .loanBox table p{font-size:10px;}
.planWrap .loanBox .price{font-size:14px;}
.planWrap .loanBox .price span{font-size:28px;}

.planWrap .loanBox .kakakuBox{margin-bottom: 10px;}
.planWrap .loanBox table.kakaku th{width: 80px;}
.planWrap .loanBox table.kakaku td{padding: 0 0 0 10px;}

.planWrap .loanBox table.baiden th{width: 80px;}
.planWrap .loanBox table.baiden td{padding: 0 0 0 10px;}

.planWrap .loanBox .total .price span{font-size:48px;}

.madoriWrap li{height: 200px; padding: 10px !important;}
.madoriWrap .bx-wrapper .bx-prev{left: 10px; background-size: 24px auto;}
.madoriWrap .bx-wrapper .bx-next{right:10px; background-size: 24px auto;}
.madoriWrap .bx-controls-direction{margin-top: -30px; margin-left: 0; left:0;}
.madoriWrap .bx-viewport{padding-bottom:0 !important; height: 200px !important;}

.planLinks li{width: 100%; float:none;}


/*----------------------------------------------------
 	下位conceptSP
----------------------------------------------------*/
.contents.conceptWrap{width: 94%; margin-left: auto; margin-right: auto;}

.concept01 .fl,
.concept02 .fl,
.conceptLink01 .fl{margin-bottom: 20px;}
.concept01 .fl,.concept01 .fr,
.concept02 .fl,.concept02 .fr,
.conceptLink01 .fl,.conceptLink01 .fr{float:none;}
.concept01 .box48p,
.concept02 .box48p,
.conceptLink01 .box49p{width: 100%;}

.concept01{margin: 25px auto;}
.concept01 .fl .ttl{}

.concept02{margin: 25px auto;}
.concept02 .fl{padding-top: 0;}

.conceptCap{margin: 35px auto 25px;}
.conceptCap .txt01{font-size: 1.4em; margin-bottom: 20px;}

.concept03{margin-bottom: 40px;}
.concept03 h3{margin-bottom: 15px;}
.concept03 li{width: 100%; float:none; margin-right: 0; margin-bottom: 20px;}
.concept03 li:after{right:auto; left:50%; bottom:0; margin-top: auto; margin-left: -35px; margin-right: auto; margin-bottom: -45px;}

.concept04{margin-bottom: 35px;}

.concept04 h3,
.concept05 h3{margin-bottom: 15px;}

.concept05{margin-bottom: 40px;}
.concept05 li{border:10px solid #f4f3f0; width: 100%; float:none; margin-right: 10px; margin-bottom: 10px;}
.concept05 li .ttl{padding-bottom: 10px;}
.concept05 li .ttl img{height:auto; max-height:64px;}
.concept05 li .imgBox{padding:10px;}
.concept05 li .imgBox img{width: 100%;}
.concept05 li .txtBox{padding:0 10px 10px; height:auto !important; font-size:13px;}

.conceptLink01{margin-bottom: 45px;}



#loopslider { height: 100px; } 
#loopslider ul { height: 100px; } 
#loopslider ul li { width: 150px; height: 100px; }	

/*standard*/
#standard p.conceptReason3{ font-size:18px; }

p.yuryoTxt{ font-size:15px; margin:10px 0; }

p.standardShokaiTitle{ font-size:24px; margin:10px auto 10px; }
p.standardShokaiIn{ font-size:14px; }

p.ichibuShokai{ padding:5px; margin-bottom:10px; margin-top:10px; font-size:15px; }

.itemList div{
	width:96%;
	margin:0 auto 10px;
	float:none;
}
.itemList div:last-child{ margin:0 auto 20px; }
.dannetsu li{
	width:96%;
	margin:0 auto 10px;
	float:none;
	text-align:center;
}
.dannetsu li:last-child{ margin:0 auto; }

.standard01 div{
	width:100%;
	margin:0 auto 20px;
	float:none;
}
.standard01 div:last-child{
	margin:0 auto;
}
.standard01 div img{ width:96%; }

.standard02 div{
	float:none;
	margin-bottom:10px;
}
.standard02 div:last-child{
	margin-bottom:0;
}
.nintei{ width:96%; margin-left:auto; margin-right:auto;}



/*standard / quality*/
#standard .box49p,
#quality .box49p{width:100%;}
#standard .box35p,
#standard .box60p,
ul.pv01 li{width:96%; margin:0 auto;}

#standard fl,
#quality fl,
#standard .fr,
#quality fr,
ul.pv01 li{float:none;}


/*quality*/
#quality .contents{width: 94%; margin-left: auto; margin-right: auto;}
.qualityMainWrap{height: auto; padding-bottom: 40px; padding-top: 30px; margin-bottom: 180px;}
.qualityMainWrap .qualityMainLeft{width: 100%; float:none; margin-bottom: 10px;}
.qualityMainWrap .qualityMainLeft p{font-size:14px; line-height: 1.8;}
.qualityMainWrap h3{font-size:28px; margin-bottom: 10px;}
.qualityMainWrap .qualityMainRight{width: 100%; float:none; margin-bottom: 20px;}
.qualityMainWrap .house{font-size:24px; line-height: 39px; height: 206px; padding-top: 70px;}
.qualityList01{width: 94%; left: 3%; bottom:-150px; margin-left: 0;}
.qualityList01 li{width: 100%; height: 90px; line-height: 90px; float:none; font-size:20px;}
.qualityList01 li:first-child{margin-right: 0; margin-bottom: 10px;}
.qualityList01 li span{font-size: 16px;}

h3.h3Quality01{text-align:center; font-size:24px; font-weight:bold; margin-bottom: 20px;}
h3.h3Quality01 img.logo{width: 148px; vertical-align: -2px; margin-right: 8px;}

h3.h3Quality02{width: 100%; padding:20px 3%; margin-bottom: 20px;}
h3.h3Quality02 img{max-width: 100%;}

.qualityList02{margin-bottom: 40px;}
.qualityList02 li{width: 49%; float:left; margin-right: 2%; text-align:center;}
.qualityList02 li:nth-child(2n){margin-right: 0;}
.qualityList02 li:nth-child(1),.qualityList02 li:nth-child(2){margin-bottom: 20px;}
.qualityList02 p{font-size:16px; margin-bottom: 10px;}

.quality01,.quality02, .quality03{margin-bottom: 40px;}

.qualityList03 li{width: 100%; float:none; margin-right: 0; margin-bottom: 10px;}
.qualityList03 li:nth-last-child(1), .qualityList03 li:nth-last-child(2){margin-bottom: 10px;}
.qualityList03 li:last-child{margin-bottom: 0;}
.quality03 .qualityList03{margin-bottom: 20px;}
/*qualityここまで*/


/*---smart*/
#smart .contents{width: 94%; margin-left: auto; margin-right: auto;}

.smartMainWrap{height: 250px; margin-bottom: 30px; padding-top:20px;}

.smart01,.smart02,.smart03,.smart04{margin-bottom: 40px;}

.smartBox{border:4px solid #dfdccb; padding: 10px;}
.smartList01 li{width: 100%; margin-bottom: 10px;}
.smartList01 .fl,.smartList01 .fr{float:none !important;}
.smartList01 li:nth-child(1),.smartList01 li:nth-child(2){margin-bottom: 10px;}

.smartList02 li{width: 100%; float:none; margin-right: 0; margin-bottom: 10px;}
.smartList02 li:nth-child(1),.smartList02 li:nth-child(2),.smartList02 li:nth-child(3){margin-bottom: 10px;}

.smartList03{margin-bottom: 20px;}
.smartList03 li{width: 100%; padding-right: 4%;}
.smartList03 li:first-child{margin-bottom: 10px;}
.smartList03 .fl,.smartList03 .fr{float:none !important;}
/*---smartここまで*/



.text36p{font-size:27px;}
.pcmb80{ margin-bottom:30px; }
.pc20sp5{ margin-bottom:5px;}
.pc20sp10{ margin-bottom:10px;}
.pc50sp25{margin-bottom: 25px;}








/*----------------------------------------------------
 	下位information SP
----------------------------------------------------*/

.newListSub{ width: 96%;margin-left: auto; margin-right: auto;}
.newListSub .btn03 a{ width: 80%; font-size: 90%;}

.newListWrap .eventSlideBox{ width: 96%; margin:20px auto 20px; height:auto; max-height:auto;}
.newListWrap .eventSlideBox .bx-viewport{ padding-bottom: 20px; }
.newListWrap .event_slider li{
	width:100%!important;
	height:auto!important;
	margin: 20px auto 0;
	padding: 0;
	border: none;
}
.newListWrap .event_slider li div{ display:block; width: 100%; height:auto!important; vertical-align:middle;}
.newListWrap .event_slider li img{ max-width:100%; margin-left: auto; margin-right: auto;	border: none; max-height: 240px; padding: 2px;}

/*----------------------------------------------------
 	下位modelhouse SP
----------------------------------------------------*/

#main h2.modelhouse,h2.modelhouse{font-size: 140%;}
.modelhouseHl{padding: 25px 0 25px;}
.modelhouseHl img{  margin-top: -50px; width: 96%; display: block; margin-left: auto; margin-right: auto; }

.modelhouseListSub{ width: 96%;margin-left: auto; margin-right: auto;}
.modelhouseListSub li{ display: inline;}
.modelhouseListSub li a{
	text-decoration: none;
	display: block;
	width: 100%;
	float: none;
	height: auto;
	background: #fff  url(../img/bg_voiceArw.png) no-repeat 100% center;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
	min-height:100px;
	overflow: hidden;
}
.modelhouseListSub li:nth-child(2n) a{ float: none;}
.modelhouseListSub li a:hover{ 	background: #FAFBFC  url(../img/bg_voiceArw.png) no-repeat 100% center;}
.modelhouseListSub li a .photoBox{width: 100px; height:100px; display:table; text-align: center; border: 1px solid #ddd; padding: 2px; float: left;}
.modelhouseListSub li a .photoBox div{ width: 94px; height:94px;  display:table-cell!important; vertical-align:middle!important; margin:0 auto 0; }
.modelhouseListSub li a .photoBox img{max-width: 94px;max-height: 94px;}

.modelhouseListSub li a .textWrap{ padding-left: 110px; padding-right: 25px; border: none;}
.modelhouseListSub li a .tag{ margin-bottom: 10px; }
.modelhouseListSub li a .tag span{ background: #FF6766; color: #fff;  padding: 4px 6px 4px; font-size: 80%; font-weight: bold;}
.modelhouseListSub li a .tag span.zero{ background: #A5A5A5; }
.modelhouseListSub li a .tag span.kai{ background: #7170B4; }
.modelhouseListSub li a .tag span.nordic{ background: #90C600; }
.modelhouseListSub li a .ttl{ color: #2D2D2D; line-height: 1.2em; font-weight: bold; margin-bottom: 20px;}
.modelhouseListSub .timeTbl{ margin-bottom: 10px; width: 100%; color:#2D2D2D; font-size:96%; }
.modelhouseListSub .timeTbl th { background: #EEEEEE; text-align: center; padding: 4px 0 5px; border-right:solid 1px #fff; width:20%; font-weight: normal;} 
.modelhouseListSub .timeTbl td { background: #EEEEEE; padding: 6px 10px 5px;} 

/*-----詳細----*/

.modelhouseDetailBox{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #2E2E2E;}
.modelhouseDetailBox .photoBox{width: 96%; height:auto; display:table; text-align: center; padding: 5px; float: none; background: #fff; margin-bottom: 20px;margin-left: auto; margin-right: auto;}
.modelhouseDetailBox .photoBox div{ width: 100%; height:auto;  display:table-cell!important; vertical-align:middle!important; margin:0 auto 0; }
.modelhouseDetailBox .photoBox img{max-width: 100%;max-height: auto; width: 100%;}
.modelhouseDetailBox .textWrap{ padding-left: 0; width: 96%;margin-left: auto; margin-right: auto;}
.modelhouseDetailBox .textWrap img{ display: block;margin-left: auto; margin-right: auto;} 

.modelhouseDetailBox table,.modelhouseDetailBox04 table {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	margin-bottom: 20px;
	}
.modelhouseDetailBox table th,.modelhouseDetailBox table td,
.modelhouseDetailBox04 table th,.modelhouseDetailBox04 table td{ padding: 10px;}
.modelhouseDetailBox table th,.modelhouseDetailBox04 table th { width:100%;  border-right: 1px solid #ddd; display: block;}
.modelhouseDetailBox table td,.modelhouseDetailBox04 table td  { width:100%; display: block;}

.modelhouseDetailBox02 .textWrap{width: 96%;float: none;margin-left: auto; margin-right: auto;margin-bottom: 20px; }
.modelhouseDetailBox02 .modelSlideWrap{ width: 96%; float: none;margin-left: auto; margin-right: auto; text-align: center;}
.modelhouseDetailBox02 .textWrap .ttl{ font-size: 140%; margin-bottom: 20px; font-weight: bold;}

.model_slider li{
	width: auto;
	height: 300px;
	text-align: center!important;
	background: none;
	padding: 0;
	text-align: center;
}
.model_slider li div{display: block; vertical-align:middle!important; width: auto;max-width: auto;height:300px;margin-top: 0;text-align: center;margin-left: auto; margin-right: auto; }
.model_slider li div img{	max-width:100%; width: auto; max-height:300px;margin-left: auto; margin-right: auto; display: block;}




.modelhouseDetailBox03{ width: 96%;margin-left: auto; margin-right: auto;}
.modelhouseDetailBox03 .point{ color: #FF9226; border-bottom: #FF9326 1px dotted; margin-bottom: 20px; padding-bottom: 10px; font-weight: bold; font-size: 120%; padding-top: 10px;}
.modelhouseDetailBox03 .photoBox{ width: 100%; float: none;}
.modelhouseDetailBox03 .textWrap{ width: 100%; float: none;}

.modelhouseDetailBox04 {  width: 96%;margin-left: auto; margin-right: auto;}
.modelhouseDetailBox04 .mapBox{ width: 100%; float: none; margin-bottom: 20px;}
.modelhouseDetailBox04 .textWrap{ width: 100%; float: none;}

.modelhouseDetailBox04 .google-maps iframe,
.modelhouseDetailBox04 .google-maps object,
.modelhouseDetailBox04 .google-maps embed {
width: 100%;
height: 490px;
}
.modelhouseDetailBox04 .google-maps {
	width: 100%;
	height:490px;
}
.modelhouseDetailBox04 .telBox .tel a{ color: #000; text-decoration: none;} 
.modelhouseDetailBox04 .telBox .sp{ background: #948957; color: #fff; font-size: 96%; padding: 8px 0 7px;}


/*----------------------------------------------------
 	下位contact
----------------------------------------------------*/

.documentCap{ font-size: 160%; }

.formDoc { width:96%; margin:0 auto 20px auto; text-align: center;}
.formDoc li{ width:49%; float:left; margin-bottom: 10px; margin-right: 0; text-align: center;}
.formDoc li:nth-child(2n){ width:49%; float:right; margin-bottom: 10px; }
.formDoc input[type=checkbox] { display:none!important;}
.eventCap02{text-align: left; font-size: 100%;}


/*20170405追加 イベント一覧*/
.eventSub > ul > li:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.eventSub > ul > li{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .eventSub > ul > li{ height:1%; }
.eventSub ul > li.end .endOver{top:0; height: 100%;}


/*20170405追加　来場予約*/
.reserveCatch{margin:20px auto;}
.reserveMerit li{float:none; margin-right: 0; width: 100%; clear:both; padding: 10px 3% 0;}
.reserveMerit li .txtBox{width: 40%;}
.reserveMerit li .imgBox{width: 57%;}




.pcBox49p{ width: 100%;}
.pc30sp10{ margin-bottom: 10px;}
.pc40sp10{ margin-bottom: 10px;}
.pc40sp20{ margin-bottom: 20px;}
.spmt10{ margin-top: 10px;}
.spmt20{ margin-top: 20px;}
.spmb10{ margin-bottom: 10px;}
.spmb20{ margin-bottom: 20px;}
.spmb30{ margin-bottom: 30px;}
.pcmb20{ margin-bottom: 0;}
.pcmb50{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 10px;}
.pcOnmb55{ margin-bottom: 0;}
.pcOnmb60{ margin-bottom: 0;}
.spPd30{ padding:30px 0; text-align: center;}
.spCrearBox .box49p,.spCrearBox .box50p,.wrap94 .box49p,.wrap80 .box49p{ width: 100%; text-align: center;}
.spCrearBox fl,.spCrearBox fr,.wrap94 fl,.wrap94 fr,.wrap80 fl,.wrap80 fr{ float:none;}
.sp96Wrap{ width: 96%; margin-left: auto; margin-right: auto;}
.pcCenter{ text-align: left;}
}


@media only screen and (max-width: 420px){
/* #wrapper{ padding-bottom: 70px;} */
.nav-item > a span { font-size: 90%;}
.capTxt{	font-size: 110%; margin-bottom: 10px;}
.aboutList li a{ font-size: 80%;}
.aboutList li a span{ font-size: 80%;}

.pv01 li img{ width:65%;}

}

/* ---------------------------------------------------------
	汎用ボタン
--------------------------------------------------------- */

.btn a,input.btn,.btn2 a,input.btn2{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#948957;
	font-size:140%;
	width: 50%;
	text-align: center;
	padding:12px 10px 11px;
	color: #fff;
	border-radius: 4px;
}
.btn2 a,input.btn2{ width: 30%; text-decoration: none;}
.btn2 a span{ display: inline-block;}
.btn2 a:hover{color: #d4d0bc; color: #333;}
.btn2 a:hover span{}

.btn a:hover,input.btn:hover,.btn2 a:hover,input.btn2:hover{ background:#d4d0bc; color: #333;} 

input.clearBtn{
	 -webkit-appearance: none;
	background:#fff;
	text-align: center;
	padding:4px 5px 3px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px  solid #999;
	min-height:10px;
	margin-left: 5px;
}
input.clearBtn:hover{ background:#f5f5f5;} 

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

.btn2 a,input.btn2{ width: 80%;}

}

/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */
.top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius:0px;
	width: 200px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	padding-left:3px;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fdffff url(../img/arrow.png) no-repeat right center; /* Old browsers */
	background: url(../img/arrow.png) no-repeat right center, -moz-linear-gradient(top,  #fdffff 33%, #f0f0f0 100%); /* FF3.6+ */
	background:url(../img/arrow.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(33%,#fdffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: url(../img/arrow.png) no-repeat right center,-webkit-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/arrow.png) no-repeat right center,-o-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Opera 11.10+ */
	background: url(../img/arrow.png) no-repeat right center,-ms-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* IE10+ */
	background: url(../img/arrow.png) no-repeat right center,linear-gradient(to bottom,  #fdffff 33%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}
.top_select2 select{ width:108px;}
.top_select3 select{ width:180px;}
.top_select4 select{ width:90%;}

@media only screen and (max-width: 420px){
.eventForm .top_select2 select{ display:block; margin-bottom: 10px;}
}

/* input base */
input[type=text],input[type=tel], textarea {
	padding:10px;
	text-align:left;
	border:1px solid #bdbdbd;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}
input:focus,textarea:focus {
    border:solid 1px #EEA34A;
}
input{ min-height:30px;}
input[type=image]{ max-width:100%; height:auto;}
input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input[type=text],input[type=tel] { width: 70%; font-size:1em;display:block;}
textarea {  width:98%; font-size:1em;display:block;}
@media only screen and (max-width: 420px){
input[type=text],input[type=tel] { width: 100%; font-size:1em;display:block;}
textarea {  width:100%; font-size:1em;display:block;}
}

label,
input[type=text], 
input[type=tel], 
input[type=checkbox],
input[type=radio] { display:inline; vertical-align: middle!important;}

labei{vertical-align: middle;}
 
input.myError,
textarea.myError{ background:#FFE8ED; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }

.table02 input[type=text].input1{ width: 30%;}
.table02 input[type=text].input2{ width: 15%;}
.table02 input[type=text].input3{ width: 98%;}

.addCaution{ display:none;}

.inputHissu{ background: #ffe9ea;}

input[type=text], 
input[type=tel]{
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}


/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}

.red { color:#D80000;}
.blue{ color: #948957;}
.green{ color: #008C23;}
.pink{ color: #FF505A;}
.orange{ color: #FF9900;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box48p { width: 48%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}
.box180{ width: 180px;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}


/* ----------------------------------------------
下層ページ共通：FV
---------------------------------------------- */
.pageCommonFv {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 360px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.pageCommonFv .pageCommonFv--title,
.pageCommonFv .pageCommonFv--text {
	letter-spacing: 0.01em;
	font-weight: 500;
	text-align: center;
}
.pageCommonFv .pageCommonFv--title {
	font-size: 22px;
}
.pageCommonFv .pageCommonFv--text {
	font-size: 16px;
}
.pageCommonFv .pageCommonFv--en {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	font-size: 300px;
	color: #F6F8EF;
	text-align: center;
	white-space: noWrap;
	z-index: -1;
}
@media only screen and (max-width: 667px) {
	.pageCommonFv {
		padding-top: 40px;
		height: auto;
	}
	.pageCommonFv .pageCommonFv--title {
		order: 2;
		font-size: 16px;
		line-height: 1;
	}
	.pageCommonFv .pageCommonFv--text {
		order: 3;
		font-size: 14px;
		line-height: 1.5;
		margin-top: 18px;
	}
	.pageCommonFv .pageCommonFv--en {
		order: 1;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        font-size: 60px;
        line-height: 1;
	}
}
/* ----------------------------------------------
下層ページ共通：FV
---------------------------------------------- */

/* ----------------------------------------------
下層ページ共通：ページナビ
---------------------------------------------- */
.pageCommonNavi {
	padding: 0 50px;
}
.pageCommonNavi .pageCommonNavi--list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 13px;
}
.pageCommonNavi .pageCommonNavi--list li {
	width: 290px;
}
.pageCommonNavi .pageCommonNavi--list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 65px;
	background: #F6F8EF;
	border: 1px solid var(--c-text);
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	color: var(--c-text);
	position: relative;
}
.pageCommonNavi .pageCommonNavi--list li .arrow {
	position: absolute;
	bottom: calc(-40px / 2);
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	z-index: 1;
}
.pageCommonNavi .pageCommonNavi--list li .arrow img {
	width: 100%;
}
.pageCommonNavi .pageCommonNavi--list li.special {
	position: relative;
}
.pageCommonNavi .pageCommonNavi--list li.special a {
	background: #F1E8C2;
}
.pageCommonNavi .pageCommonNavi--list li.special .specialText {
	position: absolute;
	left: 0;
	bottom: calc(100% + 5px);
	width: 100%;
	font-size: 15px;
	text-align: center;
}
.pageCommonNavi .pageCommonNavi--list li.special .specialText span {
	display: inline-block;
	padding: 0 8px;
	position: relative;
}
.pageCommonNavi .pageCommonNavi--list li.special .specialText span::before,
.pageCommonNavi .pageCommonNavi--list li.special .specialText span::after {
	content: "";
	position: absolute;
	bottom: 4px;
	width: 1px;
	height: 12px;
	background: var(--c-text);
}
.pageCommonNavi .pageCommonNavi--list li.special .specialText span::before {
	left: 0;
	transform: rotate(-30deg);
}
.pageCommonNavi .pageCommonNavi--list li.special .specialText span::after {
	right: 0;
	transform: rotate(30deg);
}
@media only screen and (min-width: 668px) {
	.pageCommonNavi .pageCommonNavi--list li a {
		transition: background 0.3s;
	}
	.pageCommonNavi .pageCommonNavi--list li .arrow {
		transition: bottom 0.3s;
	}
	.pageCommonNavi .pageCommonNavi--list li a:hover {
		background: #ebeedf;
	}
	.pageCommonNavi .pageCommonNavi--list li a:hover .arrow {
		bottom: calc(-50px / 2);
	}
}
@media only screen and (max-width: 667px) {
	.pageCommonNavi {
		padding: 0 37px;
		margin-top: 45px;
	}
	.pageCommonNavi .pageCommonNavi--list {
		gap: 12px;
	}
	.pageCommonNavi .pageCommonNavi--list li {
		width: 100%;
	}
	.pageCommonNavi .pageCommonNavi--list li a {
		height: 52px;
	}
	.pageCommonNavi .pageCommonNavi--list li .arrow {
		display: none;
	}

	.pageCommonNavi.type2 {
		margin-top: 63px;
	}
	.pageCommonNavi.type2 .pageCommonNavi--list {
		gap: 6px;
	}
	.pageCommonNavi.type2 .pageCommonNavi--list li {
		width: calc((100% - 6px)/2);
	}
	.pageCommonNavi.type2 .pageCommonNavi--list li a {
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: -0.1em;
	}
	.pageCommonNavi.type2 .pageCommonNavi--list li .arrow {
		display: block;
		bottom: 4px;
		left: auto;
		right: 4px;
		transform: translateX(0);
		width: 18px;
	}
	.pageCommonNavi.type2 .pageCommonNavi--list li.special .specialText {
		left: -5px;
		bottom: calc(100% + 8px);
		width: calc(100% + 10px);
		line-height: 1.2;
	}
}
/* ----------------------------------------------
下層ページ共通：ページナビ
---------------------------------------------- */

/* ----------------------------------------------
コンセプト
---------------------------------------------- */
.conceptMainColumn {
	padding-top: 133px;
	overflow: hidden;
}
.conceptMainColumn article {
	display: flex;
	gap: 63px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 50px;
}
.conceptMainColumn .conceptMainColumn--textBox {
	width: 528px;
	margin-top: -17px;
}
.conceptMainColumn .conceptMainColumn--title {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 55px;
	font-weight: 400;
}
.conceptMainColumn .conceptMainColumn--text {
	font-size: 16px;
	line-height: 44px;
	margin-top: 42px;
}
.conceptMainColumn .conceptMainColumn--img {
	width: 669px;
	margin-right: -180px;
}
.conceptMainColumn .conceptMainColumn--img img {
	width: 100%;
}
@media only screen and (max-width: 667px) {
	.conceptMainColumn {
		padding-top: 100px;
	}
	.conceptMainColumn article {
		display: block;
		padding: 0 28px;
	}
	.conceptMainColumn .conceptMainColumn--textBox {
		width: 100%;
		margin-top: 0;
	}
	.conceptMainColumn .conceptMainColumn--title {
		font-size: 18px;
		letter-spacing: 0.05em;
		line-height: 1.889;
	}
	.conceptMainColumn .conceptMainColumn--text {
		font-size: 15px;
		line-height: 2.267;
		letter-spacing: -0.05em;
		margin-top: 23px;
	}
	.conceptMainColumn .conceptMainColumn--img {
		width: 100%;
		margin: 24px 0 0;
	}
}

.conceptContents {
	padding-top: 118px;
}
.conceptContents + .conceptContents {
	padding-top: 190px;
}
.conceptContents img {
	width: 100%;
}
.conceptContents article {
	max-width: 1330px;
	margin: 0 auto;
	padding: 0 50px;
}
.conceptContents--item + .conceptContents--item {
	margin-top: 160px;
}
.conceptContents .conceptContents--title {
	text-align: center;
}
.conceptContents .conceptContents--title span {
	display: inline-block;
	padding: 18px 54px 22px;
	border: 1px solid var(--c-text);
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	font-weight: 500;
}
.conceptContents .conceptContents--subTitle {
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	font-weight: 500;
}
.conceptContents .conceptContents--subTitle:first-child {
	margin-top: 35px;
}
.conceptContents .conceptContents--subTitle + .conceptContents--text {
	margin-top: 20px;
}
.conceptContents .conceptContents--text {
	font-size: 16px;
	line-height: 36px;
	text-align: center;
}
.conceptContents .conceptContents--text:first-child {
	margin-top: 18px;
}
.conceptContents .conceptContents--list {
	display: flex;
	flex-wrap: wrap;
	gap: 80px 0;
	margin-top: 50px;
}
.conceptContents .conceptContents--list li {
	width: calc(100% / 3);
	padding: 0 15px;
	border-left: 1px solid var(--c-text);
}
.conceptContents .conceptContents--list:not(.column2) li:nth-child(3n+1) {
	border-left: none;
}
.conceptContents .conceptContents--list.column2 li {
	width: 50%;
	padding: 0 17px;
}
.conceptContents .conceptContents--list.column2 li:nth-child(2n+1) {
	border-left: none;
}
.conceptContents .conceptContents--list li .conceptContents--list-title {
	background: none;
    padding: 0;
    margin-bottom: 0;
    font-family: var(--f-main);
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	text-align: center;
	margin-top: 24px;
}
.conceptContents .conceptContents--list li .conceptContents--list-text {
	font-size: 15px;
	line-height: 33px;
	text-align: justify;
	margin-top: 13px;
}
.conceptContents .conceptContents--list li .conceptContents--list-subCont {
	background: #fff;
	padding: 23px 0 34px;
	margin-top: 24px;
}
.conceptContents .conceptContents--list li .conceptContents--list-subCont-title {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	text-align: center;
}
.conceptContents .conceptContents--list li .conceptContents--list-subCont-text {
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	margin-top: 3px;
	padding: 0 20px;
}
.conceptContents .conceptContents--list li .conceptContents--list-subCont-img {
	padding: 0 30px;
	margin-top: 6px;
}
@media only screen and (max-width: 667px) {
	.conceptContents {
		padding-top: 85px;
	}
	.conceptContents + .conceptContents {
		padding-top: 85px;
	}
	.conceptContents article {
		padding: 0 30px;
	}
	.conceptContents--item + .conceptContents--item {
		margin-top: 66px;
	}
	.conceptContents .conceptContents--title span {
		display: block;
		padding: 13px 0 15px;
		font-size: 16px;
	}
	.conceptContents .conceptContents--subTitle {
		font-size: 16px;
		line-height: 1.625;
	}
	.conceptContents .conceptContents--subTitle:first-child {
		margin-top: 22px;
	}
	.conceptContents .conceptContents--subTitle + .conceptContents--text {
		margin-top: 12px;
	}
	.conceptContents .conceptContents--text {
		font-size: 15px;
		line-height: 2.134;
		text-align: justify;
	}
	.conceptContents .conceptContents--text.centerSP {
		text-align: center;
	}
	.conceptContents .conceptContents--text:first-child {
		margin-top: 18px;
	}
	.conceptContents .conceptContents--list {
		display: block;
		margin-top: 40px;
	}
	.conceptContents .conceptContents--list li {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.conceptContents .conceptContents--list li + li {
		border-top: 1px solid var(--c-text);
		margin-top: 21px;
		padding-top: 35px;
	}
	.conceptContents .conceptContents--list.column2 li {
		width: 100%;
		padding: 0;
	}
	.conceptContents .conceptContents--list.column2 li + li {
		padding-top: 35px;
		margin-top: 24px;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-title {
		font-size: 17px;
		line-height: 1.765;
		margin-top: 18px;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-text {
		font-size: 14px;
		line-height: 2.143;
		margin-top: 6px;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-subCont {
		padding: 24px 0 14px;
		margin-top: 12px;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-subCont-title {
		line-height: 1.875;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-subCont-text {
		line-height: 1.715;
		text-align: justify;
		margin-top: 4px;
	}
	.conceptContents .conceptContents--list li .conceptContents--list-subCont-img {
		padding: 0 20px;
		margin-top: 10px;
	}
}

.conceptContents .conceptContents--subCont {
	background: #fff;
	border: 1px solid var(--c-text);
	margin: 120px 15px 0;
	padding: 0 0 45px;
}
.conceptContents .conceptContents--subCont .conceptContents--subTitle {
	margin: 66px 0 50px;
}
.conceptContents .conceptContents--subCont .conceptContents--subCont-img {
	padding: 0 32px;
}
.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox {
	display: flex;
	flex-wrap: wrap;
	padding: 0 19px;
	margin-top: 54px;
}
.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox .conceptContents--subCont-text {
	width: 50%;
	padding: 0 26px;
	font-size: 15px;
	line-height: 33px;
	text-align: justify;
	position: relative;
}
.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox .conceptContents--subCont-text::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 90%;
	background: var(--c-text);
}
.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox .conceptContents--subCont-text:nth-child(2n+1)::before {
	content: none;
}
@media only screen and (max-width: 667px) {
	.conceptContents .conceptContents--subCont {
		margin: 40px 0 0;
		padding: 0 0 18px;
	}
	.conceptContents .conceptContents--subCont .conceptContents--subTitle {
		margin: 23px 0 34px;
	}
	.conceptContents .conceptContents--subCont .conceptContents--subCont-img {
		padding: 0 17px;
	}
	.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox {
		display: block;
		padding: 0 17px;
		margin-top: 15px;
	}
	.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox .conceptContents--subCont-text {
		width: 100%;
		padding: 0;
		font-size: 14px;
		line-height: 30px;
		text-align: justify;
	}
	.conceptContents .conceptContents--subCont .conceptContents--subCont-textBox .conceptContents--subCont-text::before {
		content: none;
	}
}

.conceptContents .conceptContents--planCont01 {
	display: flex;
	align-items: center;
	gap: 107px;
	background: #fff;
	padding: 0 124px;
	margin: 20px 15px 0;
}
.conceptContents .conceptContents--planCont01-img {
	width: 405px;
}
.conceptContents .conceptContents--planCont01-textBox {
	width: 358px;
}
.conceptContents .conceptContents--planCont01-title,
.conceptContents .conceptContents--planCont01-text {
	font-size: 15px;
	line-height: 33px;
}
.conceptContents .conceptContents--planCont01-title {
	font-weight: 500;
}
.conceptContents .conceptContents--planCont01-text {
	font-weight: 400;
}
.conceptContents .conceptContents--planCont01-note {
	font-size: 16px;
	line-height: 33px;
	font-weight: 500;
	text-align: center;
	margin-top: 23px;
}
@media only screen and (max-width: 667px) {
	.conceptContents .conceptContents--planCont01 {
		display: block;
		padding: 23px 30px;
		margin: 20px 0 0;
	}
	.conceptContents .conceptContents--planCont01-img {
		width: 90.981%;
		margin: 0 auto;
	}
	.conceptContents .conceptContents--planCont01-textBox {
		width: 100%;
	}
	.conceptContents .conceptContents--planCont01-title,
	.conceptContents .conceptContents--planCont01-text {
		line-height: 2;
	}
	.conceptContents .conceptContents--planCont01-text {
		font-size: 14px;
		text-align: justify;
	}
	.conceptContents .conceptContents--planCont01-note {
		font-size: 13px;
		line-height: 25px;
		text-align: justify;
		margin-top: 12px;
	}
}

.conceptContents .conceptContents--planCont02 {
	display: flex;
	gap: 30px;
	margin: 60px 15px 0;
}
.conceptContents .conceptContents--planCont02-text {
	width: calc(100% - 669px - 30px);
	font-size: 15px;
	line-height: 33px;
	text-align: justify;
}
.conceptContents .conceptContents--planCont02-img {
	width: 669px;
}
@media only screen and (max-width: 667px) {
	.conceptContents .conceptContents--planCont02 {
		flex-wrap: wrap;
		gap: 0;
		margin: 28px 0 0;
	}
	.conceptContents .conceptContents--planCont02-text {
		order: 2;
		width: 100%;
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px;
	}
	.conceptContents .conceptContents--planCont02-img {
		order: 1;
		width: 100%;
	}
}

.conceptContents .conceptContents--planCont03 {
	margin: 90px 15px 0;
}
.conceptContents .conceptContents--planCont03-title {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.conceptContents .conceptContents--planCont03-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 38px;
}
.conceptContents .conceptContents--planCont03-list li {
	width: calc((100% - (30px*2))/3);
	background: #fff;
	padding: 34px 32px 32px;
	border: 1px solid #C9CDB2;
}
.conceptContents .conceptContents--planCont03-list-title {
	background: none;
    padding: 0;
    margin-bottom: 0;
	font-family: var(--f-main);
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.conceptContents .conceptContents--planCont03-list-title span {
	display: inline-block;
	padding: 0 15px;
	background: linear-gradient(#FFE093, #FFE093) no-repeat 0 78% / 100% 11px;
}
.conceptContents .conceptContents--planCont03-list-text {
	font-size: 15px;
	line-height: 33px;
	text-align: justify;
	margin-top: 14px;
}
.conceptContents .conceptContents--planCont03-list-copy {
	padding: 10px 0;
	position: relative;
	margin-top: 15px;
	border-top: 1px solid var(--c-text);
	border-bottom: 1px solid var(--c-text);
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	position: relative;
}
.conceptContents .conceptContents--planCont03-list-copy span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.conceptContents .conceptContents--planCont03-list-copy::before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg) skew(10deg, 10deg);
    width: 18px;
    height: 18px;
	border-right: 1px solid var(--c-text);
	border-bottom: 1px solid var(--c-text);
	background: #fff;
	z-index: 1;
}
.conceptContents .conceptContents--planCont03-list-imgBox {
	margin-top: 42px;
	position: relative;
}
.conceptContents .conceptContents--planCont03-list-imgCopy {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: calc(-37px/2);
	left: 50%;
	transform: translateX(-50%);
	min-width: 200px;
	height: 37px;
	padding: 0 12px;
	background: #8D9C90;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
@media only screen and (max-width: 667px) {
	.conceptContents .conceptContents--planCont03 {
		margin: 60px 0 0;
	}
	.conceptContents .conceptContents--planCont03-title {
		font-size: 17px;
	}
	.conceptContents .conceptContents--planCont03-list {
		gap: 13px;
		margin-top: 20px;
	}
	.conceptContents .conceptContents--planCont03-list li {
		width: 100%;
		padding: 25px 23px 20px;
	}
	.conceptContents .conceptContents--planCont03-list-title {
		font-size: 17px;
	}
	.conceptContents .conceptContents--planCont03-list-title span {
		padding: 0 12px;
	}
	.conceptContents .conceptContents--planCont03-list-text {
		font-size: 14px;
		line-height: 2.143;
		margin-top: 10px;
	}
	.conceptContents .conceptContents--planCont03-list-copy {
		margin-top: 7px;
	}
	.conceptContents .conceptContents--planCont03-list-imgBox {
		margin-top: 38px;
	}
	.conceptContents .conceptContents--planCont03-list-imgCopy {
		top: calc(-30px/2);
		min-width: auto;
		width: 145px;
		height: auto;
		padding: 5px 12px 6px;
		line-height: 1.3;
		white-space: normal;
	}
}

.conceptContents .conceptContents--banner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 800px;
	margin: 67px auto 0;
	background: #fff;
	padding: 32px 35px 32px 40px;
	border: 1px solid var(--c-text);
}
.conceptContents .conceptContents--banner .conceptContents--banner-img {
	width: 230px;
}
.conceptContents .conceptContents--banner .conceptContents--banner-textBox {
	width: calc(100% - 230px);
	padding-left: 26px;
}
.conceptContents .conceptContents--banner .conceptContents--banner-title {
	width: 100%;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
}
.conceptContents .conceptContents--banner .conceptContents--banner-text {
	font-size: 15px;
	line-height: 33px;
	text-align: justify;
	margin-top: 18px;
}
.conceptContents .conceptContents--banner.type2 .conceptContents--banner-img {
	width: 296px;
}
.conceptContents .conceptContents--banner.type2 .conceptContents--banner-title {
	margin-bottom: 16px;
	font-weight: 500;
	text-align: center;
}
.conceptContents .conceptContents--banner.type2 .conceptContents--banner-text {
	margin-top: 0;
}
.conceptContents .conceptContents--banner.type2 .conceptContents--banner-textBox {
	width: calc(100% - 296px);
	padding-left: 21px;
}
#plan.conceptContents {
	padding-bottom: 54px;
}
@media only screen and (max-width: 667px) {
	.conceptContents .conceptContents--banner {
		display: block;
		width: 100%;
		margin-top: 23px;
		padding: 25px 25px 22px;
	}
	.conceptContents .conceptContents--banner .conceptContents--banner-img {
		width: 100%;
	}
	.conceptContents .conceptContents--banner .conceptContents--banner-textBox {
		width: 100%;
		padding-left: 0;
	}
	.conceptContents .conceptContents--banner .conceptContents--banner-title {
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		margin-top: 14px;
	}
	.conceptContents .conceptContents--banner .conceptContents--banner-text {
		font-size: 14px;
		line-height: 2.143;
		margin-top: 6px;
	}
	.conceptContents .conceptContents--banner.type2 {
		padding-top: 15px;
	}
	.conceptContents .conceptContents--banner.type2 .conceptContents--banner-img {
		width: 100%;
	}
	.conceptContents .conceptContents--banner.type2 .conceptContents--banner-title {
		line-height: 1.75;
		margin: 0 0 12px;
	}
	.conceptContents .conceptContents--banner.type2 .conceptContents--banner-textBox {
		width: 100%;
		padding-left: 0;
		margin-top: 8px;
	}
	#plan.conceptContents {
		padding-bottom: 0;
	}
}
/* ----------------------------------------------
コンセプト
---------------------------------------------- */

/* ----------------------------------------------
プラン
---------------------------------------------- */
.planContents {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 50px;
	margin-top: 185px;
}
.planContents + .planContents {
	margin-top: 130px;
}
.planContents article {
	padding: 85px 43px 100px;
	background: #F6F8EF;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.planContents.special article {
	background: #F1E8C2;
}
.planContents .planContents--enTitle {
	position: absolute;
	left: 0;
	top: -17px;
	width: 100%;
	font-size: 100px;
	line-height: 1;
	text-align: center;
	color: #FEFFF8;
	z-index: -1;
}
.planContents .planContents--title {
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-align: center;
}
.planContents .planContents--text {
	font-size: 16px;
	line-height: 37px;
	text-align: center;
	margin-top: 27px;
}
.planContents .planContents--floor {
	padding: 60px 0;
	margin-top: 30px;
	background: #fff;
}
.planContents .planContents--floor-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px;
}
.planContents .planContents--floor-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 60px;
	padding-bottom: 3px;
	border-radius: 100px;
	border: 1px solid #8D9C90;
	cursor: pointer;
	position: relative;
}
.planContents .planContents--floor-list li .text {
	font-size: 15px;
	font-weight: 500;
	color: #8D9C90;
	text-align: center;
}
.planContents .planContents--floor-list li .arrow {
	position: absolute;
	top: 50%;
	right: 11px;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background: url(../plan/img/icon_arrow.svg)no-repeat center / cover;
}
.planContents .planContents--floor-list li.current {
	background: #8D9C90;
}
.planContents .planContents--floor-list li.current .text {
	color: #fff;
}
.planContents .planContents--floor-list li.current .arrow {
	opacity: 0;
}
.planContents .planContents--floor-img {
	margin-top: 60px;
	position: relative;
}
.planContents .planContents--floor-img img {
	width: 100%;
}
.planContents .planContents--floor-img-def {
	position: relative;
	z-index: 0;
}
.planContents .planContents--floor-img-hv {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}
.planContents .planContents--floor-img > div {
	transition: opacity 0.3s;
}
.planContents .planContents--floor-img > div:not(.current) {
	opacity: 0;
	pointer-events: none;
}
.planContents .planContents--floor-img .current {
	opacity: 1;
	pointer-events: all;
}
.planContents .planContents--list {
	display: flex;
	flex-wrap: wrap;
	gap: 45px 52px;
	margin-top: 46px;
}
.planContents .planContents--list li {
	width: calc((100% - (52px*2))/3);
}
.planContents .planContents--list li img {
	width: 100%;
}
.planContents .planContents--list li .planContents--list-num {
	font-size: 30px;
	color: #8D9C90;
	text-align: center;
}
.planContents .planContents--list li .planContents--list-title {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	text-align: center;
	margin-top: 13px;
}
.planContents .planContents--list li .planContents--list-text {
	font-size: 15px;
	line-height: 2;
	text-align: justify;
	margin-top: 23px;
}
.planContents .planContents--list li .planContents--list-img {
	margin-top: 20px;
}
.planContents .planContents--btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 452px;
	height: 84px;
	margin: 60px auto 0;
	padding-bottom: 5px;
	background: #D9D9D9;
	font-size: 18px;
	color: var(--c-text);
	text-align: center;
	text-decoration: none;
}
.planContents .planContents--note {
	width: 800px;
	margin: 70px auto 0;
}
.planContents .planContents--note img {
	width: 100%;
}

@media only screen and (min-width: 668px) {
	.planContents .planContents--floor-list li {
		transition: opacity 0.3s;
	}
	.planContents .planContents--floor-list li .arrow {
		transition: top 0.3s;
	}
	.planContents .planContents--floor-list li:not(.current):hover {
		opacity: 0.7;
	}
	.planContents .planContents--floor-list li:not(.current):hover .arrow {
		top: 54%;
	}

	.planContents .planContents--btn {
		transition: background 0.3s;
	}
	.planContents .planContents--btn:hover {
		background: #b9b9b9;
	}
}

@media only screen and (max-width: 667px) {
	.planContents {
		padding: 0;
		margin-top: 46px;
	}
	.planContents + .planContents {
		margin-top: 46px;
	}
	.planContents article {
		padding: 80px 8px 70px;
	}
	.planContents .planContents--enTitle {
		top: -9px;
		font-size: 50px;
	}
	.planContents .planContents--title {
		font-size: 18px;
		line-height: 1.667;
		padding: 0 22px;
	}
	.planContents .planContents--text {
		font-size: 15px;
		line-height: 1.867;
		text-align: justify;
		margin-top: 18px;
		padding: 0 22px;
	}
	.planContents .planContents--floor {
		padding: 20px 0 34px;
	}
	.planContents .planContents--floor-list {
		gap: 16px;
	}
	.planContents .planContents--floor-list li {
		width: calc((100% - 16px - (21px*2))/2);
		padding-bottom: 2px;
	}
	.planContents .planContents--floor-list li .text {
		line-height: 1.3;
	}
	.planContents .planContents--floor-list li .arrow {
		right: 9px;
		width: 30px;
		height: 30px;
	}
	.planContents .planContents--floor-list li:nth-child(2) {
		justify-content: flex-start;
		padding-left: 15px;
	}
	.planContents .planContents--floor-list li:nth-child(2) .text {
		text-align: left;
	}
	.planContents .planContents--floor-img {
		margin-top: 10px;
	}
	.planContents .planContents--list {
		display: block;
		padding: 0 22px;
		margin-top: 50px;
	}
	.planContents .planContents--list li {
		width: 100%;
	}
	.planContents .planContents--list li + li {
		margin-top: 38px;
	}
	.planContents .planContents--list li .planContents--list-num {
		font-size: 20px;
	}
	.planContents .planContents--list li .planContents--list-title {
		margin-top: 2px;
	}
	.planContents .planContents--list li .planContents--list-text {
		margin-top: 10px;
	}
	.planContents .planContents--btn {
		width: 72.424%;
		height: 50px;
		margin-top: 30px;
		padding-bottom: 3px;
		font-size: 14px;
	}
	.planContents .planContents--note {
		width: 100%;
		padding: 0 22px;
		margin-top: 50px;
	}
}
/* ----------------------------------------------
プラン
---------------------------------------------- */