@charset "utf-8";
/*
 * page.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

/*index.html*/
/*
.mainGrand{
	padding-left:35%;
	margin:0 auto 60px;
	max-width:1150px;
	background:url(../img/common/img_order01.png) no-repeat left center #fff;
	background:url(../img/common/img_order01_01.png) no-repeat left center #fff;
	background-size:auto 100%;
	border:3px solid #fff;
	position:relative;
  overflow: hidden;
}
.mainGrand .decorate{
	position:absolute;
	left:10%;
	bottom:0px;
}

.mainGrand .image{
	display:none;
}
.mainGrand .detail{
	overflow:hidden;
	padding:15px 24px 10px;

	float: right;
}
@media screen and (min-width: 1100px){
	.mainGrand{
		padding-left:32%;
	}
	.mainGrand .detail{
		float: left;
	}
}
*/

/* add 2019.2.6 */
.topbn {
	margin: 0 auto 60px;
	text-align: center;
}

.mainGrand{
	background:url(../img/common/img_order01.png) no-repeat left center #fff;
	width: 1150px;
	margin:0 auto 60px;
	border:3px solid #fff;
	position:relative;
	overflow: hidden;
}
.mainGrand .decorate{
	float: left;
	width: 274px;
	margin: 20px 0 0 120px;
}

.mainGrand .image{
	display:none;
}
.mainGrand .detail{
	overflow:hidden;
	padding:24px 24px 24px 0;
}


.mainGrand .detail .title{
	line-height:1;
	font-family:"Sawarabi Mincho", serif;
	font-size:4rem;
	color:#00427b;
}
.mainGrand .detail .title .time{
	font-size:5.5rem;
}
.mainGrand .detail .address{
	padding-right:200px;
}
.mainGrand .detail .address .name{
	font-weight:bold;
}
.mainGrand .detail .logo{
	position:absolute;
	right:30px;
	bottom:20px;
}

.asShowTxtImg{
	margin-bottom:40px;
}
.asShowTxtImg li{
	margin-bottom:30px;
}
.asShowTxtImg li.graphic01{
	padding:25px 56% 0 5%;
	min-height:650px;
	background:url(../img/common/img_order02.png) no-repeat right top;
	background-size:53.33%;
}
.asShowTxtImg li.graphic02{
	padding:25px 5% 0 48%;
	background:url(../img/common/img_order03.png) no-repeat 5% top;
	background-size:41%;
}
.asShowTxtImg li .itemTitle{
	margin-bottom:30px;
	/* font-size:4.8rem; */
	font-family:"Sawarabi Mincho", serif;
	position: relative;
	padding-left: 45px;
}
.asShowTxtImg li .itemTitle .subTitle{
	margin-top:5px;
	display:block;
	font-size:1.8rem;
	font-family: "Sawarabi Mincho", serif;
}
.asShowTxtImg li .txt{
	margin-bottom:40px;
	line-height:1.875;
}
.asShowTxtImg li.graphic03{
	padding:60px 8% 80px 46%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:51%;
}
.asShowTxtImg li.graphic03:nth-of-type(even){
	padding:60px 46% 80px 8%;
	background-position:right top;
	background-size:54%;
}
.asShowTxtImg li.grap03{
	background-image:url(../img/common/img_order04.png);
}
.asShowTxtImg li.grap04{
	background-image:url(../img/common/img_order05.png);
}
.asShowTxtImg li.grap05{
	background-image:url(../img/common/img_order06.png);
}
.asShowTxtImg li.grap06{
	background-image:url(../img/common/img_order07.png);
}
.asShowTxtImg li.graphic03 .asShowCon{
	padding:90px 100px 90px 60px;
	background:#fff;
}
.asShowTxtImg li.graphic03 .itemTitle a{
	/* margin-left:20px; */
	/* font-size:7.2rem; */
	padding-left: 0;
	font-size: 3.6rem;
	border-bottom:1px solid #000;
}
.asShowTxtImg li .itemTitle .num{
	font-size:3rem;
	position: absolute;
	top: 5px;
	left: 0;
}
.asShowTxtImg li .itemTitle .subtxt {
	padding-left: 0;
	font-size: 3.6rem;
	border-bottom: 1px solid #000;
}

.advertiseBanner{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	height:290px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.advertiseBanner.ban01{
	background-image:url(../img/common/img_banner01.png);
}
.mainEventBlog{
	padding:40px 0;
	background:#edeef0;
}
.mainEventBlog li{
	margin-bottom:26px;
}
.mainEventBlog li:after{
	content:"";
	display:block;
	height:1px;
	clear:both;
}
.mainEventBlog li .img{
	float:left;
	margin-right:28px;
  width: 150px;
}
.mainEventBlog li .detail{
	overflow:hidden;
	position:relative;
}
.mainEventBlog li .detail .time{
	margin-bottom:15px;
	font-size:1.2rem;
}
.mainEventBlog li .detail .tit{
	margin-bottom:15px;
	font-size:1.8rem;
  padding-right: 80px;
}
.mainEventBlog li .detail .card{
	display:block;
	float:right;
	width:80px;
	line-height:20px;
	font-size:1.2rem;
	text-align:center;
	color:#fff;
	position:absolute;
	right:0;
	top:36px;
}
.mainGallery{
	padding:40px;
	background:#edeef0;
}
.mainGallery a{
  display: block;
  position: relative;

}
.mainGallery img{
	width:100%;
}
.mainGallery ul{
  margin-left: -30px;
}
.mainGallery ul li{
  float: left;
  width: 25%;
  padding-left: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.mainGallery ul li:first-child{
  width: 50%;
}
@media screen and (max-width: 1300px){
/*
.mainGrand{
	padding-left:32%;
}
.mainGrand .decorate{
	left:;
}
*/
}
@media screen and (max-width: 1200px) {
/*
.mainGrand{
	padding-left:38%;
	margin:0 30px 60px;
}

.mainGrand .decorate{
	left:12%;
}
*/
.mainGrand .detail .title{
	font-size: 3.8rem;
}
.mainGrand .detail .title .time {
	font-size:5.6rem;
}
}

@media screen and (max-width: 959px) {
.mainGrand{
	padding:30px;
	background-image:none;
	width: auto;
}
.mainGrand .decorate{
	display:none;
}
.mainGrand .detail{
	float: none;
}
.mainGrand .detail .title{
	margin-bottom:20px;
	text-align:center;
}
.mainGrand .detail .title .time{
	display:block;
}
.mainGrand .image{
	display:block;
	text-align:center;
}
.mainGrand .detail .address{
	padding:0;
}
.mainGrand .detail .logo{
	display:none;
}

.asShowTxtImg li.graphic03,
.asShowTxtImg li.graphic03:nth-of-type(even){
	padding:70% 0 40px 0 !important;
	background-size:90%;
}
.asShowTxtImg li.graphic03 .asShowCon{
	margin-left:8%;
	padding:60px 80px 60px 40px;
}
.asShowTxtImg li.graphic03:nth-of-type(even) .asShowCon{
	margin:0 8% 0 0;
	padding:60px 80px 60px 40px;
}


.mainEventBlog li{
	width:30%;
	margin-right:5%;
}
.mainEventBlog li:nth-of-type(2n){
	float:left;
}
.mainEventBlog li:nth-of-type(3n){
	margin-right:0;
}
.mainEventBlog li .img{
	float:none;
	margin:0 0 20px;
  width: 100%;
}

.mainEventBlog li .detail .card{
	right:0;
	top:0;
}
}

@media screen and (max-width: 767px) {
.mainGrand{
	padding:15px;
	margin: 0 15px 40px;
}
.asShowTxtImg li{
	margin-bottom: 30px;
	padding:0 !important;
}
.asShowTxtImg li.graphic01,
.asShowTxtImg li.graphic02{
	min-height:auto;
	background:none;
}
.asShowTxtImg li.graphic01 .image{
	margin:0 0 30px auto;
	width:85%;
}
.asShowTxtImg li.graphic02 .image{
	margin:0 auto 24px 0;
	width:85%;
}
.asShowTxtImg li .asShowCon{
	padding:0 15px;
}
.asShowTxtImg li .itemTitle {
	margin-bottom: 20px;
	font-size:2.4rem;
  padding-left: 30px;
}
.asShowTxtImg li .txt{
	margin-bottom: 20px;
}
.asShowTxtImg li.graphic03,
.asShowTxtImg li.graphic03:nth-of-type(even){
	padding:68% 0 28px 0 !important;
}
.asShowTxtImg li.graphic03 .asShowCon{
	margin-left:8%;
	padding:40px 10%;
}
.asShowTxtImg li.graphic03:nth-of-type(even) .asShowCon{
	margin:0 8% 0 0;
	padding:40px 8%;
}
.asShowTxtImg li.graphic03 .itemTitle a{
	font-size:2.4rem;
}
.asShowTxtImg li .itemTitle .num{
	font-size:1.8rem;
}
.asShowTxtImg li .itemTitle .subtxt {
	font-size:2.4rem;
}

.advertiseBanner{
	padding:0 20px;
}

.mainEventBlog li{
	width: 48%;
	margin-right:0;
}
.mainEventBlog li:nth-child(odd) {
	margin-right: 4%;
}

/*
.mainEventBlog li{
	width:50%;
	margin-right:0;
}
*/
.mainEventBlog li .img{
	margin: 0 0 10px;
}
.mainEventBlog li .detail{
	padding-right:10px;
}
.mainEventBlog li .detail .card{
	width: 60px;
	right:10px;
}
.mainEventBlog li .detail .tit{
	font-size:1.5rem;
  padding: 0;
}
.mainGallery{
	padding:0 12px;
}

.mainGallery ul{
  margin-left: -15px;
}
.mainGallery ul li{
  padding-left: 15px;
  margin-bottom: 15px;
  width: 50%;
}
.mainGallery ul li:first-child{
  width: 100%;
}

}


/*09event.html*/
.eventList{
	margin:0 auto 40px;
	max-width:1250px;
}
.eventList li{
	margin-bottom:40px;
}
.eventList li .img{
	margin-bottom:20px;
}
.eventList li .detail{
	overflow:hidden;
	line-height:1.7;
	position:relative;
}
.eventList li .detail .time{
	margin-bottom:15px;
	font-size:1.2rem;
}
.eventList li .detail .tit{
	margin-bottom:15px;
	font-size:1.8rem;
  padding-right: 80px;
}
.eventList li .detail .card{
	display:block;
	float:right;
	width:80px;
	line-height:20px;
	font-size:1.2rem;
	text-align:center;
	color:#fff;
	position:absolute;
	right:0;
	top:40px;
}
/*event_detail*/
.projectDisplay{
	margin:0 auto 50px;
}
.projectDisplay .eventCard a{
	display:block;
	margin:0 auto 15px;
	width:80px;
	line-height:24px;
	text-align:center;
	color:#fff;
}
.projectDisplay .image{
	margin:0 auto 20px;
	text-align:center;
}
.projectDisplay .txt p{
	margin-bottom:20px;
	font-size:1.6rem;
  line-height: 2.14;
}

.otherproject{
	margin-bottom:60px;
}
.otherproject li a{
	display:block;
	min-height:185px;
	background:#b9c0cd;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
.eventList{
	margin:0 20px 40px;
}
.eventList li .detail .card{
	right:0;
	top:0px;
}
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.eventList{
	margin:0 12px 40px;
}
.eventList li{
	width: 48%;
	margin-right: 0;
}
.col03 li:nth-child(odd) {
	margin-right: 4%;
}
.eventList li .detail{
	padding:0 10px;
}
.eventList li .detail .tit {
	font-size: 1.5rem;
  padding: 0;
}
.eventList li .detail .card{
	width: 60px;
	right:10px;
}
.otherproject li a{
	min-height:80px;
}
.projectDisplay .image .marker{
	width:72%;
}

}


/*gallery.html*/
.waterDemo {
	position: relative;
	margin: 0 auto;
	max-width:1170px;
}
.waterDemo .grid-item {
  margin: 0 5px 10px 5px;
  background: #fff;
}
.waterDemo .grid-item .showList {
  display: block;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.waterDemo .grid-item .showList img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    max-width: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.waterDemo .item_h {
  width: 380px;
  height: 260px;
}

.waterDemo .item_w {
  width: 320px;
  height: 395px;
}


@media screen and (max-width: 1110px){
.waterDemo .grid-item {
  margin: 0 0.45vw 0.9vw 0.45vw;
}

.waterDemo .item_h {
  width: 32.433vw;/* 34.234vw >>> 32.433vw */
  height: 23.423vw;
}

.waterDemo .item_w {
  width: 28.8288vw;
  height: 35.5855vw;
}

}




/*contact.html*/
.telReservate{
	padding-bottom:60px;
}
.telReservate .contactWay{
	padding-bottom:40px;
	background:url(../img/common/img_decorate01.png) no-repeat 10% bottom;
	text-align:center;
	position:relative;
}
.telReservate .contactWay .title{
	margin-bottom:20px;
	font-family: "Sawarabi Mincho", serif;
	font-size:3rem;
}
.telReservate .contactWay .txt{
	margin-bottom:15px;
	font-size:1.6rem;
}
.telReservate .contactWay .tel{
	font-family:"Sawarabi Mincho", serif;
	font-size:1.8rem;
}
.telReservate .contactWay .tel a{
	font-size:5.6rem;
}
.telReservate .contactWay .time{
	font-size:1.2rem;
}
.reservateBox{
	padding:40px 36px;
	background:#fff;
}
.reservateBox .image{
	float:right;
	margin-left:5%;
	width:26%;
}
.reservateBox .info{
	overflow:hidden;
	line-height:1.8;
	font-size:1.6rem;
}
.reservateBox .info .tit{
	margin-bottom:20px;
	line-height:2;
	font-family: "Sawarabi Mincho", serif;
	font-size:3rem;
}
.reservateForm{
	padding:40px 0;
}
.reservateForm table{
	width:100%;
}
.reservateForm .note{
	padding:1px 6px;
	margin:0 5px;
	text-align:center;
	background:#00427b;
	color:#fff;
	font-size:1.1rem;
}
.reservateForm th{
	padding:20px 20px 10px 0;
	vertical-align:top;
	width:29%;
}
.reservateForm td{
	padding:10px 0;
}
.reservateForm .borStyle{
	width:100%;
	height:50px;
	background:#fff;
	border:0;
	position:relative;
  padding: 0 20px;
  box-sizing: border-box;
}
.reservateForm .borst2{
	width: auto;
}
select::-ms-expand {
	display: none;
}
.reservateForm .selStyle select{
	padding:0 20px;
	width:100%;
	height:50px;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
	border-radius: 0;
	background:#fff;
	border:0;
  background: url(../img/common/bg_select.png) right 30px center no-repeat #fff;
}

.reservateForm .txtCon{
	resize:none;
	padding:20px;
	width:100%;
	/* height:280px; */
	background:#fff;
	border:0;
	max-height: 140px;
    overflow-y: scroll;
}
.submit{
	display: inline-block;
	text-align:center;
	overflow:hidden;
	height:64px;
	width:30%;
	max-width:280px;
	border:1px solid  #3e3a39;
  cursor: pointer;
  font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
 font-size: 1.4rem;
  line-height: 64px;
  color: #1a1919;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
	border-radius: 0;
  margin: 0 10px;
}
.submit:hover{
	color: #fff;
  background: #3e3a39;
}
.suback{
	display: inline-block;
	text-align:center;
	overflow:hidden;
	height:64px;
	width:30%;
	max-width:280px;
	border:1px solid  #3e3a39;
  background: #3e3a39;
  cursor: pointer;
  font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
 font-size: 1.4rem;
  line-height: 64px;
  color: #fff;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
	border-radius: 0;
  margin: 0 10px;
}
.suback:hover{
	color: #1a1919;
  background: #fff;
}
.attentMatters li{
	line-height:2.15;
	padding-left:1em;
	text-indent:-1em;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
.telReservate .contactWay{
	background-position:5% bottom;
}
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.telReservate .contactWay{
	background:none;
}
.telReservate .contactWay .title{
	margin-bottom:15px;
	font-size:2rem;
}
.telReservate .contactWay .txt{
	font-size:1.3rem;
}
.telReservate .contactWay .tel{
	font-size:1.4rem;
}
.telReservate .contactWay .tel a{
	font-size:3.6rem;
}
.telReservate .contactWay .time{
	font-size:1.2rem;
}
.reservateBox{
	padding:24px 20px;
	margin-top:35%;
}
.reservateBox .image{
	float:none;
	margin:-50% 0 10px;
	width:100%;
	text-align:center;
}
.reservateBox .info{
	font-size:1.2rem;
}
.reservateBox .info .tit{
	margin-bottom:12px;
	line-height:1.6;
	font-size:2rem;
}
.reservateForm th{
	display:block;
	padding:10px 0;
	width:100%;
}
.reservateForm td{
	display:block;
	padding:0px 0 15px;
}
.reservateForm .txtCon{
	/* height:220px; */
	/* height: 150px; */
	max-height: 140px;
}
.submit{
	width: auto;
}
}


/*message.html*/
.message{
	padding-bottom:60px;
}
.message .title{
	margin-bottom:40px;
	font-size:3rem;
  line-height: 2;
  letter-spacing: 4px;
	font-family: "Sawarabi Mincho", serif;
}
.message .pciHead{
	float:right;
	margin-left:40px;
	width:25%;
}
.message .pciHead .img{
	margin-bottom:20px;
	min-height:360px;
	position:relative;
}
.message .pciHead .name{
	font-family: "Sawarabi Mincho", serif;
	font-size:1.8rem;
}
.message .pciHead .eng{
	font-size:1.2rem;
}
.message .introd{
	overflow:hidden;
}
.message .introd p{
	margin-bottom:28px;
	font-size:1.6rem;
  line-height: 1.875;
}
.messageStaff{
	padding:40px 0;
}
.messageStaff li {
	margin: 0 0 40px;
}
.messageStaff li .pciHead{
	float:left;
	margin-right:30px;
	width:35%;
	height:230px;
}
.messageStaff li .introd{
	overflow:hidden;
}
.messageStaff li .introd .name{
	margin-bottom:20px;
	font-family: "Sawarabi Mincho", serif;
	font-size:1.8rem;
}
.messageStaff li .introd .eng{
	font-size:1.2rem;
}
.messageStaff li .introd .txt{
	line-height:2;
	margin-top: 20px;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
.message .title{
	float:left;
	width:50%;
}
.message .pciHead{
	width:46%;
	margin:0 0 40px;
}
.message .pciHead .name{
	text-align:right;
}
.message .introd{
	width:100%;
}

.messageStaff li{
	margin:24px 0;
	width:100%;
}
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.message .title{
	font-size:2rem;
}
.message .pciHead .img{
	margin-bottom:12px;
	min-height: auto;
}
.messageStaff li{
	margin:12px 0;
}
.messageStaff li .pciHead{
	margin-right:16px;
	height:120px;
}
.messageStaff li .introd .name{
	margin-bottom:12px;
	font-size:1.5rem;
}

/* 追加 */
.messageStaff li .introd{
	overflow: inherit;
}
.messageStaff li .name + .txt {
	overflow: hidden;
}

}


/*concept.html*/
.concludingRemarks{
	margin:80px auto;
}
.concludingRemarks .title{
	margin-bottom:40px;
	line-height:2;
	font-size:3rem;
	font-family: "Sawarabi Mincho", serif;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
	.concludingRemarks{
		margin:40px auto;
	}
	.concludingRemarks .title{
		margin-bottom:30px;
		line-height:1.8;
		font-size:2rem;
	}
	.projectDisplay.concept {
		margin: -27px auto 29px;
	}
}


/*fullorder.html*/
.caseList{

}
.caseList{
	margin:60px 0 60px -12px;
}
.caseList li{
	padding:0 0 12px 12px;
}
.caseList li a{
	display:block;
	height:170px;
	overflow:hidden;
	position:relative;
}
.fullOrder{
	margin-bottom:60px;
}
.fullOrder ul{
	margin-bottom:50px;
}
.fullOrder li{
	margin-bottom:30px;
}
.fullOrder li .image{
	margin-bottom:16px;
	position:relative;
}
.fullOrder li .image .serialNum{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:84px;
	height:84px;
	background:#fff;
	line-height:1.1;
	text-align:center;
	color:#f1ad09;
	border:1px solid #f1ad09;
	border-radius:100%;
	position:absolute;
	left:0;
	top:-24px;
}
.fullOrder li .image .serialNum .num{
	font-size:3.6rem;
}
.fullOrder li .detail .name{
	margin-bottom:15px;
	text-align:center;
	font-family: "Sawarabi Mincho", serif;
	font-size:2rem;
	letter-spacing:0.25rem;
}
.fullOrder li .detail .txt{
	line-height:1.7;
}
.fullOrder .useOrder{
	padding:0 12%;
}
.fullOrder .useOrder .image{
	float:left;
	margin-right:40px;
	width:40%;
	height:240px;
}
.fullOrder .useOrder .txt{
	overflow:hidden;
}
.fullOrder .useOrder .txt p{
	margin-bottom:20px;
	line-height:1.8;
}
.fullOrder .useOrder .txt .tit{
	display:block;
	font-weight:bold;
}
.ability{
	padding:50px 0;
}
.ability .com{
	margin:60px 0 40px -12px;
}
.ability .com li{
	padding:0 0 40px 12px;
}
.ability .com li .abilityName{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:14px;
	height:135px;
	background:#fff;
	font-family: "Sawarabi Mincho", serif;
	position:relative;

	flex-direction: column;
}
.ability .com li .abilityName .code{
	display:flex;
	align-items:center;
	justify-content:center;
	width:55px;
	height:55px;
	background:#3f3a39;
	text-align:center;
	color:#fff;
	font-size:1.1rem;
	border-radius:100%;
	position:absolute;
	left:0;
	top:0;
	transform:translateY(-30%);
}
.ability .com li .abilityName .image{
}
.ability .com li .abilityName .name{
	padding:5px 0 0;
/*	font-size:2.1rem;
	border-bottom:1px solid #3f3a39;
*/
}
.ability .special{
	margin:0 auto;
	max-width:850px;
  line-height: 1.71;
}
.ability .special li .image{
	height:200px;
}
.ability .special li .name{
	margin:20px auto 25px;
	text-align:center;
	font-size:2.1rem;
  font-family: "Sawarabi Mincho", serif;
}
.ability .special li .name span{
	display:inline-block;
	border-bottom:1px solid #3f3a39;
}
.orderConsultation{
	padding:50px 0;
}
.orderConsultation .consultBox{
	display:flex;
	align-items:center;
	text-align:center;
  max-width: 625px;
  margin: 0 auto 50px;
	height:40px;
	background:#fff;
  font-family: "Sawarabi Mincho", serif;
}
.consultBox p{
  text-align: center;
  width:75%;
}
.consultBox .lid{
	width:25%;
	line-height:40px;
	background:#d2d3d5;
}

.consultBox ul{
	width:75%;
	padding:0 5%;
	text-align:center;
}
.consultBox li{
	display:inline-block;
	margin-left:30px;
	position:relative;
}
.consultBox li a{
	display: block;
	padding: 0 8px;
	position:relative;
}
.consultBox li:before{
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #3f3a39;
	position: absolute;
	top: 50%;
	left: -17px;
	-webkit-transform: translateY(-50%) rotate(30deg);
	transform: translateY(-50%) rotate(30deg);
}
.consultBox li a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #3f3a39;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.consultBox li a:hover:after {
	width: 100%;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
.caseList li{
	width:33.3333%;
}
.fullOrder ul{
	margin-bottom:20px;
}
.fullOrder li .image .serialNum{
	width:66px;
	height:66px;
}
.fullOrder li .image .serialNum .num{
	font-size:3rem;
}
.fullOrder .useOrder{
	padding:0 20px;
}
.ability .com li{
	width:33.3333%;
}

}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.caseList li{
	width:50%;
}
.caseList li a{
	height:120px;
}
.fullOrder{
	margin-bottom:30px;
}
.fullOrder ul{
	margin-bottom:0;
}
.fullOrder li{
	width:100%;
}
.fullOrder .useOrder{
	padding:0;
}
.fullOrder .useOrder .image{
	float:none;
	margin:0 0 20px;
	width:100%;
}
.ability{
	/* [disabled]padding:30px 0; */
}
.ability .com li{
	width:100%;
}
.ability .special li{
	width:100%;
	margin-bottom:24px;
}
.ability .special li .name{
	margin:16px auto;
	font-size:1.6rem;
}
.orderConsultation .consultBox{
	flex-direction:column;
	height:auto;
}
.consultBox .lid{
	width:100%;
	line-height:40px;
}
.consultBox ul{
	padding:10px 20px;
	width:100%;
}
.consultBox li a{
	padding:3px 5px;
}
}


/*access.html*/

.access .txtImg{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:40px;
}
.access .txtImg .image{
	width:60%;
}
.access .txtImg .map{
	/* height:500px; */
	height: auto;
}
.access .txtImg .detail{
	width:35%;
}
.access .txtImg .detail .txt{
	line-height:2.1;
}
.access .txtImg .detail .title{
	margin-bottom:20px;
	font-size:2.1rem;
  font-family: "Sawarabi Mincho", serif;
  letter-spacing: 3px;
}
.access .txtImg .detail .logo{
	margin-bottom:30px;
}
.access .txtImg .detail .tel{
	font-family:"Sawarabi Mincho", serif;
	font-size:1.8rem;
}
.access .txtImg .detail .tel a{
	font-size:4.8rem;
}
.access .txtImg .detail .info{
	margin-bottom:20px;
	font-size:1.2rem;
}
.access ul{
	margin:0 0 40px -20px;
}
.access li{
	padding:0 0 20px 20px;
}
.companyProfile{
	padding:60px 0;
}
.companyProfile .company{
	float:left;
	margin-right:5%;
	width:30%;
}
.companyProfile .company a{
	display:block;
	margin-bottom:20px;
}
.companyProfile .profileTable{
	overflow:hidden;
}
.companyProfile .profileTable table{
	width:100%;
	border-top:1px solid #cacacb;
}
.companyProfile .profileTable tr{
	border-bottom:1px solid #cacacb;
}
.companyProfile .profileTable th{
	padding:13px 20px;
	width:180px;
	background:#fff;
}
.companyProfile .profileTable td{
	padding:13px 20px;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
.access .txtImg{
	flex-direction:column;
}
.access .txtImg .image{
	margin-bottom:28px;
	width:100%;
	text-align:center;
}
.access .txtImg .detail{
	width:100%;
}
.access .txtImg .detail .logo,
.access .txtImg .detail .tel{
	text-align:center;
}
.access .txtImg .detail .info{
	text-align:center;
}

}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
.access .txtImg{
	margin-bottom:24px;
}
.access .txtImg .image{
	margin-bottom:20px;
}
.access .txtImg .map{
	/* height:300px; */
	height: auto;
}
.access .txtImg .detail .title{
	margin-bottom:12px;
	font-size:1.6rem;
}
.access .txtImg .detail .logo{
	padding:0 20%;
}
.access .txtImg .detail .tel{
	font-size:1.5rem;
}
.access .txtImg .detail .tel a{
	font-size:3.2rem;
}
.access .txtImg .detail .info{
	padding:0 5%;
	text-align:left;
}
.access ul{
	margin-bottom:24px;
}
.access li{
	width:50%;
}
.companyProfile{
	padding:36px 0;
}
.companyProfile .company{
	display:flex;
	justify-content:space-between;
	float:none;
	width:100%;
}
.companyProfile .company a{
	width:48%;
}
.companyProfile .profileTable th{
	padding:10px;
	width:28%;
}

}

/*imgBox*/
.imgBox {
  width: 100%;
  display: block;
  position: relative;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.imgBox img {
  width: 100%;
}
.eventDetail {
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.75;
}
.eventDetail figure {
  text-align: center;
  padding: 0;
  margin: 0;
}
.eventDetail figure,
.eventDetail p,
.eventDetail ul li{
  margin-bottom: 15px;
}
.eventDetail ul{
  overflow: hidden;
  margin-left: -20px;
  margin-top: 60px;
}
.eventDetail ul li{
  float: left;
  width: 33.33%;
  padding-left: 20px;
  box-sizing: border-box;
}
.eventDetail ul li img{
  width: 100%;
  }
  .eventDetail iframe {
	max-width: 100%;
  }
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .eventDetail {
    font-size: 1.4rem;
  }
  .eventDetail ul{
    margin-left: 0;
    margin-top: 40px;
  }
  .eventDetail ul li{
    float: none;
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
  }
}








/**update****1119***/
.bgSupperwall{
	background-image: url(../img/common/bg_supperwall.png);
}
.UpdaCatch{
	font-family: "Sawarabi Mincho", serif;
}
.UpdaCatch span{
	display: block;
	font-size: 18px;
}
.update #mainSlider .mainSliderUpda{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../img/common/bg_supperwall.png) no-repeat;
    background-size: cover;
}
.update #mainSlider {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.updaInner{
	max-width: 880px;
    margin: 0 auto 90px;
    width: 100%;
    box-sizing: border-box;
}
.updaInner .txt p {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 2.14;
    padding: 0 45px;
    box-sizing: border-box;
}
.upMove{
	background-color: #fff;
	padding: 30px 0;
}
.upMove p{
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	font-size: 36px;
	font-family: "Sawarabi Mincho", serif;
}
.upMoveSize{
	background-color: #fff;
	padding: 42px 0;
}
.upMoveSize p{
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	font-size: 30px;
	font-family: "Sawarabi Mincho", serif;
}
.upMove span{
	margin: 15px auto 0;
	text-align: center;
	line-height: 1;
	display: block;
	font-size: 14px;
	    letter-spacing: 3px;
}
.updateCont01{
	margin: 75px auto 90px;
}
.updateCont01 p{
	text-align: center;

}

/* add 2018.11.21 */
.updateCont01 p iframe {
	width: 480px;
	height: 270px;
}
@media screen and (max-width: 480px) {
.updateCont01 p {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.updateCont01 p iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
}

/* add 2019.02.06 */
.bgModelhouse{
	background-image: url(../img/common/bg_modelhouse.png);
}


.updateCont02{
	margin: 60px auto 100px;
	max-width: 880px;
    width: 100%;
    box-sizing: border-box;
  font-family: "Sawarabi Mincho", serif;
}
.updateCont02 .list01{
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	margin: 60px auto 50px;
}
.radisBox ul{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 45px;
}
.radisBox ul li{
	border-radius: 50%;
	width: 198px;
	height: 198px;
	position: relative;
	margin-right: 82px;
}
.radisBox ul li:last-child{
	margin-right: 0;
}
.radisBox ul li span{
	font-size: 30px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    display: inline-block;
    width: 100px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
}
.radisBox ul .orange{
	background-color: #e5aa6f;
}
.radisBox ul .orange:after{
	position: absolute;
	top: 0;
	right: -51px;
	bottom: 0;
	margin: auto;
	background:url(../img/common/x_flase.png) no-repeat;
	width: 18px;
	height: 18px;
	content:'';
}
.radisBox ul .blue:after{
	position: absolute;
	top: 0;
	right: -51px;
	bottom: 0;
	margin: auto;
	background:url(../img/common/x_flase.png) no-repeat;
	width: 18px;
	height: 18px;
	content:'';
}
.radisBox ul .blue{
	background-color: #98acd2;
}
.radisBox ul .red{
	background-color: #e69796;
}
.radisBox ul .red span{
	font-size: 30px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    display: inline-block;
    width: 100px;
    height: 78px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1.4;
}
.updateCont02 .list02{
	text-align: center;
	line-height: 33px;
	font-size: 18px;
	margin: 0 auto;
}
.updateCont03{
	margin: 50px auto 0;
}
.updateCont03 .item01{
	margin: 0 auto 45px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
.updateCont03 .item02{
	margin: 0 auto 90px;
	text-align: center;
}
.update .asShowTxtImg li.graphic02 {
    padding: 25px 5% 0 48%;
    background: url(../img/common/update_img04.png) no-repeat 5% top;
    background-size: 41%;
}
.updateCont03 ul{
	max-width: 1100px;
	margin: 0 auto 70px;
	box-sizing: border-box;
	width: 100%;
}
.updateCont03 ul .li01{
	float: left;
  font-family: "Sawarabi Mincho", serif;
}
.updateCont03 ul .li02{
	float: right;
	width: 47%;
}
.updateCont03 ul li p{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 40px;
}
.updateCont03 ul li p:last-child{
	margin-bottom: 0;
}
.updateCont03 ul li h3{
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 30px;
	font-weight: bold;
}
.updateCont03 ul .li03{
	float: left;
	width: 47%;
}
.updateCont03 ul .li04{
	float: right;

}

.updaNner{
	max-width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
}
.infobox {
	margin-bottom: 70px;
}
.infobox .infoItem{
	display: flex;
	justify-content: space-between;
}
.infobox h3{
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 40px;
	font-weight: bold;
}
.infobox .infoItem .infoList01{
	font-size: 14px;
	line-height: 2;
	width: 28%;
}
.infobox .infoItem .infoList01 p:first-child{
	margin-bottom: 40px;
}
.infobox .title{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 15px;
	font-weight: bold;
}
.infobox .titP{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 30px;
}

.infoback{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.infoback .infoList01{
	background: url(../img/common/update_img07.png) no-repeat;
	min-height: 438px;
	min-width: 540px;
	padding: 28px 0 0 28px;
}
.infoback .infoList02{
	background: url(../img/common/update_img08.png) no-repeat;
	min-height: 438px;
	min-width: 540px;
	padding: 28px 0 0 28px;
}
.infoback .infoList01 h4{
	font-size: 20px;
    line-height: 1.7;
    margin-bottom: 10px;
    font-weight: bold;
}
.infoback .infoList01 .word01{
	max-width: 260px;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList01 .word02{
	max-width: 260px;
    font-size: 11px;
    line-height: 1.6;
    letter-spacing: -0.7px;
}

.infoback .infoList02 h4{
	font-size: 20px;
    line-height: 1.7;
    margin-bottom: 10px;
    font-weight: bold;
}
.infoback .infoList02 .word01{
	max-width: 260px;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList02 .word02{
	max-width: 260px;
    font-size: 11px;
    line-height: 1.6;
    letter-spacing: -0.7px;
}
.infoback02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.skybox{
	background-color: #fff;
	padding: 10px;
}
.skybox .sky01{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 520px;
}
.skybox .sky01 div:last-child{
   width: 210px;
   margin-left: 12px;
}
.skybox .sky01 div:last-child h4{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 12px;
}
.skybox .sky01 div:last-child span{
	font-size: 14px;
	line-height: 1.4;
}
.colored{
	color: #e15633;
}
.skybot{
	margin-bottom: 6px;
}
.cyclo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.cyclo .blue {
    background-color: #94a8d0;
}
.cyclo .white{
    background-color: #fff;
}
.cyclo li {
    border-radius: 50%;
    width: 198px;
    height: 198px;
    position: relative;
    margin-right: 82px;
}
.cyclo li span {
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 100px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1;
}
.cyclo .white span{
	color: #3f3a39;
}
.cyclo .blue:after {
    position: absolute;
    top: 0;
    right: -51px;
    bottom: 0;
    margin: auto;
    background: url(../img/common/x_white.png) no-repeat;
    width: 18px;
    height: 7px;
    content: '';
}
.updateCont03 .cycloBox{
    max-width: 1100px;
    margin: 0 auto 40px;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.picContImg{
	max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.picContImg p{
	margin-right: 20px;
}
.picContImg p:last-child{
	margin-right: 0;
}
.updateCont04{
	margin-bottom: 80px;
}

.updateCont03 .itemOne {
    margin: 0 auto 45px;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    font-family: "Sawarabi Mincho", serif;
}
.updateCont03 .itemtwo {
    margin: 0 auto 40px;
    text-align: center;
}
.infoMessage .li01{
	text-align: center;
	font-size: 24px;
	 font-family: "Sawarabi Mincho", serif;
	line-height: 2;
	margin-bottom: 20px;
}
.infoMessage .li02{
	text-align: center;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 30px;
}
.berMess{
	max-width: 625px;
    margin: 0 auto 50px;
    box-sizing: border-box;
    width: 100%;
}
.berMess ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.berMess ul li a{
	display: block;
	line-height: 1;
	padding: 14px 0;
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	width: 119px;
}
.berMess ul li .active{
	display: block;
	line-height: 1;
	padding: 14px 0;
	background-color: #e4e5e7;
	width: 149px;
}
.berMess ul li a span{
	position: relative;
}
.berMess ul li a .icon_x:before{
	position: absolute;
	top: 5px;
    left: -19px;
	content: "";
	width: 1px;
	height: 12px;
	background-color: #3f3a39;
	transform:rotate(9deg);
	z-index: 10;
}
.berMess ul li a .icon_x:after{
	position: absolute;
	top: 5px;
    right: -25px;
	content: "";
	width: 1px;
	height: 12px;
	background-color: #3f3a39;
	transform:rotate(9deg);
	z-index: 10;
}


.update .pagePrevNext .toLists {
    background: url(../img/common/ico_arright.png) no-repeat right 10px center;
    font-family: "Sawarabi Mincho", serif;
}
.update .pagePrevNext .toLists{
	text-align: left!important;
	justify-content: unset;
	padding-left: 25px;
}

.update  .commonBot {
    background: url(../img/common/update_img28.png) no-repeat center #f4f5f7;
    background-size: cover;
    overflow: hidden;
}
.update .commonBot .commonIn .service a.ser01 {
    background-image: url(../img/common/upda_03.jpg);
}
.update .commonBot .commonIn .service a.ser02 {
    background-image: url(../img/common/upda_02.jpg);
}
.update .commonBot .commonIn .service a.ser03 {
    background-image: url(../img/common/upda_01.jpg);
}
.update #footer {
    background: #fff;
}
.spstyle{
	display:none;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {



.updateCont02 .list01 {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    margin: 60px auto 50px;
}
.radisBox ul {
    display: block;
}
.radisBox ul li {
    border-radius: 50%;
    width: 198px;
    height: 198px;
    position: relative;
    margin-right: 0;
    margin: 0 auto 40px;
}
.radisBox ul li:last-child {
    margin-right: 0;
        margin: 0 auto 30px;
}
.radisBox ul .orange:after {
    position: absolute;
    top: unset;
    right: 0;
    bottom: -30px;
    margin: auto;
    background: url(../img/common/x_flase.png)no-repeat;
    width: 18px;
    height: 18px;
    content: '';
    left: 0;
    margin: auto;
}
.radisBox ul .blue:after {
    position: absolute;
    top: unset;
    right: 0;
    bottom: -30px;
    margin: auto;
    background: url(../img/common/x_flase.png) no-repeat;
    width: 18px;
    height: 18px;
    content: '';
    left: 0;
    margin: auto;
}

.updateCont02 .list02 {
    line-height: 33px;
    font-size: 16px;
    margin: 0 auto;
}
.spstyle{
	display: block;
}
.upMoveSize p {
    line-height: 1.4;
    font-size: 30px;
}
.uplnner{
	padding: 0 15px;
	box-sizing: border-box;
}
.updateCont03 ul {
    display: table;
}
.updateCont03 ul .li01 {
    float: none;
    margin-bottom: 20px;
    display: table-header-group;
}
.updateCont03 ul .li02 {
    float: none;
    width: 100%;
    display: table-footer-group;
}
.updateCont03 ul .li04 {
    float: none;
    margin-bottom: 20px;
    display: table-header-group;
}
.updateCont03 ul .li03 {
    float: none;
    width: 100%;
    display: table-footer-group;
}

.infobox .infoItem {
    display: table;
    justify-content: space-between;
}
.infobox .infoItem .infoList01 {
    font-size: 14px;
    line-height: 2;
    width: 100%;
    display: table-footer-group;
}
.infobox .infoItem .infoList02{
	margin-bottom: 20px;
}
.infoback {
    display: block;
}

.infoback .infoList01 {
    background: url(../img/common/update_img07.png) no-repeat;
    min-height: 450px;
    min-width:auto;
    padding: 10px 0 0 10px;
    background-size: contain;
    margin-bottom: 20px;
}
.infoback .infoList01 .word01 {
    max-width: 192px;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList02 {
    background: url(../img/common/update_img08.png) no-repeat;
    min-height: 430px;
    min-width:auto;
    padding: 10px 0 0 10px;
    background-size: contain;
    margin-bottom: 20px;
}
.infoback .infoList02 .word01 {
    max-width: 192px;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList02 .word02{
    margin-top: 95px;
}
.infoback02 {
    display: block;
    margin-bottom: 10px;
}
.infoback02 p:first-child{
	margin-bottom: 10px;
}
.upMoveSize {
    background-color: #fff;
    padding: 20px 0;
}
.updateCont03 .cycloBox {
    max-width: 100%;
    margin: 0 auto 40px;
    box-sizing: border-box;
    width: 100%;
    display:table;
}
.update .cyclo{
	margin: 0 auto 40px;
}
.cyclo li {
    margin-right: 0;
    margin: 0 auto;
}

.cyclo .blue {
    margin-bottom: 40px;
}
.cyclo .blue:after {
    position: absolute;
    top: unset;
    right: 0;
    bottom: -25px;
    margin: auto;
    background: url(../img/common/x_white.png) no-repeat;
    width: 18px;
    height: 7px;
    content: '';
    left: 0;
    margin: auto;
}
.picContImg {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.picContImg p {
    margin-right: 0;
    text-align: center;
    margin-bottom: 10px;
}
.updateCont04 {
    margin-bottom: 30px;
}
.berMess ul li a{
    width: 50%;
    margin: 0 auto;
}
.berMess ul li .active {
    width: 50%;
    margin: 0 auto;
}

.berMess ul li a .icon_x:before {
    position: unset;
}

.berMess ul li a .icon_x:after {
    position: unset;
}
.pagePrevNext .toLists {
    width: 60%!important;
}

.update .commonBot {
        background: none;
}


}


@media screen and (max-width: 768px){
.infoback .infoList01 .word01 {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.infoback .infoList01 {
    background: url(../img/common/update_img07.png) no-repeat;
    min-height: 450px;
    min-width: auto;
    padding: 10px 0 0 10px;
    background-size: cover;
    margin-bottom: 20px;
}
.infoback .infoList01 .word02 {
    max-width: 360px;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: -0.7px;
}

.infoback .infoList02 {
    background: url(../img/common/update_img08.png) no-repeat;
    min-height: 430px;
    min-width: auto;
    padding: 10px 0 0 10px;
    background-size: cover;
    margin-bottom: 20px;
}
.infoback .infoList02 .word01 {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.infoback .infoList02 .word02 {
    max-width: 360px;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: -0.7px;
    margin-top: 20px;
}



}

@media screen and (max-width: 767px){
	.infoback .infoList01 {
    background: url(../img/common/update_img07.png) right bottom no-repeat #fff;
    min-height: 450px;
    min-width:auto;
    padding: 10px;
    background-size: contain;
    margin-bottom: 20px;
    padding-bottom: 220px;
}
.infoback .infoList01 .word01 {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList02 {
    background: url(../img/common/update_img08.png) right bottom no-repeat #fff;
    min-height: 430px;
    min-width:auto;
    padding: 10px;
    background-size: contain;
    margin-bottom: 20px;
    padding-bottom: 220px;
}
.infoback .infoList02 .word01 {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.infoback .infoList02 .word02{
    margin-top: 0;
}
.infobox {
    margin-bottom: 40px;
}
  .updaInner .txt p {
    padding: 0;
  }
  .updateCont01 {
    margin: 40px auto;
  }
  .updaInner {
    margin: 0 auto 45px;
  }
  .updateCont02 {
    margin: 30px auto 60px;
  }
  .updateCont02 .list01 {
    text-align: left;
    margin: 0 auto 40px;
  }
  .updateCont02 .list02 {
    text-align: left;
}
  .updateCont03 {
    margin: 30px auto 0;
}
  .updateCont03 .item01 {
    text-align: left;
}
  .updateCont03 .item02 {
    margin: 0 auto 45px;
}
  .skybox .sky01 {
    display: block;
}
  .skybox .sky01 div:last-child {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
  .skybot {
    margin-bottom: 30px;
}
  .updateCont03 ul li h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}
  .updateCont03 ul {
    margin: 0 auto 35px;
}
}

/* patternorder.html */
.typeImage .lBox {
	float: left;
	width: 48%;
}
.typeImage .rBox {
	float: right;
	width: 48%;
}

.imgDemo {
	-webkit-column-count: 2;
   -webkit-column-gap:   2%;
   -moz-column-count:    2;
   -moz-column-gap:      2%;
   column-count:         2;
   column-gap:           2%;
}
.imgDemo img {
	width: 100%;
	height: auto;
	margin-bottom: 4%;
}

.patternOrder {
	max-width: 1300px;
	margin: 0 auto 50px;
}
.patternOrder .hdPo01 {
	border-top: 6px solid #6796a7;
	border-bottom: 1px solid #6796a7;
	padding: 30px 0 25px;
}
.patternOrder h4 img {
	vertical-align: baseline;
	margin-right: 10px;
}

.patternOrder li .serialNum {
	border: 1px solid #6796a7;
	background: #fff;
	padding: 3px 10px;
	color: #6796a7;
	letter-spacing: .1em;
}
.patternOrder li .serialNum .num {
	font-size: 1.6rem;
	margin-left: 10px;
	font-weight: bold;
}
.patternOrder li .ttl {
	margin-bottom: 20px;
}
.patternOrder li .ttl img {
	vertical-align: baseline;
	margin-right: 10px;
}

.patternOrder .floorTxt span {
	color: #6796a7;
}

.specList {
	max-width: ;
}
.specList li {
	float: left;
	margin-bottom: 40px;
	padding: 10px;
	width: 48%;
	background: #fff;
}
.specList li:nth-child(odd) {
	margin-right: 4%;
}
.specList li .listBox {
	border: 1px solid #6796a7;
	padding: 30px;
	position: relative;
}
.specList li .listBox .spec_num {
	position: absolute;
	top: 30px;
	right: 20px;
}
.specList li .listBox .image {
	float: right;
	margin-left: 5%;
}
.specList li .listBox dt {
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: .1em;
}
.specList li .listBox dt span {
	font-size: 2.8rem;
	display: block;
}
.specList li .listBox dd.txt {
	line-height: 2.6rem;
	width: 48%;
	margin-top: 20px;
}

.qaList {
	width: 80%;
	margin: 0 auto 50px;
}
.qaList li {
	border-bottom: 1px solid #6796a7;
	padding: 20px;
}
.qaList li dt {
	background: url(../img/common/icon_q.png) 0 center no-repeat;
	padding: 20px 0 20px 60px;
}
.qaList li dd {
	background: url(../img/common/icon_a.png) 0 center no-repeat;
	padding: 20px 0 20px 60px;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {
	.patternOrder {
		width: 90%;
	}

/*
	.imgDemo {
		grid-template-rows: 33% 33% auto;
	}
*/

	.specList li .listBox .spec_num {
		top: 15px;
		right: 10px;
		text-align: right;
	}
	.specList li .listBox .spec_num img {
		width: 60%;
	}
	.specList li .listBox dt {
		text-align: center;
		margin-top: 50px;
	}
	.specList li .listBox .image {
		float: none;
		margin-right: auto;
		text-align: center;
	}
	.specList li .listBox dd.txt {
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.typeImage .lBox,
	.typeImage .rBox {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.projectDisplay .typeImage .image .marker,
	.projectDisplay .patternOrder .image .marker {
		width: 42%;
	}
	.patternOrder .col03 li {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.patternOrder .col03 li:nth-child(odd) {
		margin-right: 0;
	}
	.patternOrder h4 img,
	.patternOrder .ttl img  {
		display: block;
	}
	.specList li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.specList li:nth-child(odd) {
		margin-right: 0;
	}
	.specList li .listBox {
		padding: 10px 15px;
	}
	.specList li .listBox dt {
		margin-bottom: 20px;
	}
	.specList li .listBox dt span {
		font-size: 2.4rem;
	}
	.qaList {
		width: 100%;
	}
	.qaList li {
		padding: 10px 0;
	}
	.qaList li dt,
	.qaList li dd {
		padding: 10px 0 10px 45px;
		background-size: 36px;
	}
}

/* 202304追加 */
.hdS.concept {
	font-size: 42px;
}
@media screen and (max-width: 767px) {
	.hdS.concept {
		font-size: 28px;
		margin: 0 auto 18px;
	}
}

/* houseperformace */
.feature__box {
	max-width: 940px;
	/* width: 68%; */
	margin: 0 auto 40px;
	background-color: #fff;
	padding: 55px 60px 40px;
}
.feature__box-ttl {
	font-size: 28px;
	font-family: "Sawarabi Mincho", serif;
	margin-bottom: 3.4rem;
	display: flex;
  align-items: center;

}
.feature__box-ttl span {
	position: relative;
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	padding-left: 45px;
	padding-right: 40px;
}
.feature__box-ttl span::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 1px;
	top: 14px;
	left: 0;
	background-color: #3D3A39;
}
.image_list {
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 20px;
}
.image_list li {
	width: 50%;
	padding-bottom: 20px;
}
.image_list li:nth-child(odd){
	padding-right: 10px;
}
.image_list li:nth-child(even){
	padding-left: 10px;
}
.feature__box-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
}
.feature__box-inner img{
	width: 320px;
	height: auto;
	object-fit: contain;
}
.feature__box-inner .txt {
	width: calc(100% - 320px);
	padding-left: 20px;
}
.feature__box-inner .ttl {
	font-size: 18px;
	font-family: "Sawarabi Mincho", serif;
	margin-bottom: 20px;
}
.feature__box-image {
	width: 100%;
}
.feature__box-image .bg{
	width: 100%;
	/* height: 300px; */
	padding-top: calc( 300 / 820 * 100%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.feature__box-image .bg01 {
	background-image:url(../img/common/img_featurebg01.png);
}
.feature__box-image .bg02 {
	background-image:url(../img/common/img_featurebg02.png);
}
.feature__box-image .bg03 {
	background-image:url(../img/common/img_featurebg03.png);
}
.feature__box-image .txt {
	background-color: #fff;
	margin: -30px auto 20px;
	max-width: 680px;
	width: 83%;
	padding: 30px;
	font-size: 14px;
	line-height: 1.7;
	box-shadow: 0px 5px 30px #BFBFBF1A;
	box-sizing: border-box;
} 


@media screen and (max-width: 767px) {
	.feature {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
	.feature__box {
		max-width: 100%;
		width: 100%;
		padding: 30px 0;
	}

	.feature__box-ttl {
		display: block;
		font-size: 20px;
		padding-left: 12px;
		margin-bottom: 25px;
	}
	.feature__box-image .bg {
		padding-top: calc( 275 / 750 *100%);
	}
	.feature__box-image .txt {
		max-width: 100%;
    width: 100%;
		margin: 0;
    padding: 20px 12px 40px;
    font-size: 14px;
    line-height: 1.7;
    box-shadow: none;
	}

	.image_list {
		padding: 0 12px;
	}
	.image_list li {
		width: 100%;
	}
	.image_list li:nth-child(odd){
	padding-right: 0;
	}
	.image_list li:nth-child(even){
		padding-left: 0;
	}
	.feature__box-inner img,
	.feature__box-inner .txt {
		width: 100%;
		padding: 0 12px;
	}
	.feature__box-inner img {
		padding-bottom: 15px;
	}
	.feature__box-inner .ttl {
		font-size: 17px;
	}

}

/* company */
.access .map_btn {
	border: 1px solid #3D3A39;
	padding: 20px 80px;
	margin-top: 30px;
	display: inline-block;
	font-weight: 100;
	text-align: center;
}
.access .map_btn::before {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 11px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(../img/common/icon_map.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
	padding-right: 5px;
	margin-bottom: 3px;
}
.companyProfile .company .img{
	display:block;
	margin-bottom:20px;
}
@media screen and (max-width: 959px) {
	.access .map_btn {
	margin: 30px auto 40px;
	display: block;
	width: 72%;
	font-size: 12px;
	}
}
@media screen and (max-width: 767px) {
	.access .map_btn {
	margin: 30px auto 40px;
	display: block;
	width: 72%;
	font-size: 12px;
	}
	.companyProfile .company .img {
		width: 48%;
	}
}

/* page-works */
.nwork_tab {
	display: flex;
	justify-content: center;
}
.nwork_tab li {
	font-family: "Sawarabi Mincho", serif;
	text-align: center;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	margin: 0 10px 50px;
	padding: 0;
	width: 280px;
	color: #3D3A39;
	border: 1px solid #3D3A39;
}
.nwork_tab li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #3D3A39;
}
.nwork_tab li a.active {
	background-color: #444444;
	border: 1px solid #444444;
	color: #fff;
}
.nwork_tab li a:hover {
	opacity: 1;
}
.nwork_ul.new {
	display: none;
}
.nwork_ul.renovation {
	display: none;
}
.nwork_ul.new.is-active {
	display: block;
}
.nwork_ul.renovation {
	display: none;
}
@media screen and (max-width: 767px) {
	.nwork_tab li {
    height: 43px;
    line-height: 43px;
		margin-bottom: 40px;
	}
	.nwork_tab li:first-child {
		margin-left: 0;
		margin-right: 5px ;
	}
	.nwork_tab li:nth-child(2){
		margin-left: 5px;
		margin-right: 0;
	}
}

/* page-relestate */
.bgRealestate {
	background-image: url(../img/common/bgRealestate.jpg);
}

.nreal_bg {
	padding: 70px 0;
	background: #edeef0;
}

.nreal_tab {
	display: flex;
	justify-content: center;
}

.nreal_body .hdL{
	width: 100vw;
	margin-left: -10px;
}

.nreal_tab li {
	font-family: "Sawarabi Mincho", serif;
	text-align: center;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	margin: 0 10px 50px;
	padding: 0;
	width: 280px;
	color: #3D3A39;
	border: 1px solid #3D3A39;
}
.nreal_tab li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #3D3A39;
}
.nreal_tab li a.active {
	background-color: #444444;
	border: 1px solid #444444;
	color: #fff;
}
.nreal_tab li a:hover {
	opacity: 1;
}

.nreal_inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 0 80px;
}

.nreal_ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 22px;
}

.nreal_ul a {
	display: block;
	position: relative;
}

.nreal_ul .nreal_date {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	line-height: 1.5;
	padding: 0 18px 0 0;
	color: #fff;
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 176px;
	height: 28px;
}

.nreal_ul .nreal_date:after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	background: #444444;
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 100%, 0 100%);
}

.nreal_ul .nreal_photo {
	width: 100%;
	display: block;
	padding-top: 74%;
	position: relative;
}

.nreal_ul .nreal_photo img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;	
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

/* .nreal_ul a.is-sold {
	pointer-events: none;
} */

.nreal_ul a.is-sold .nreal_date {
	text-indent: -9999px;
}

.nreal_ul a.is-sold .nreal_date:before {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	content: '売却済';
	text-indent: 0;
}

.nreal_ul a.is-sold .nreal_date:after {
	background: #BABABA;
}

.nreal_ul a.is-sold .nreal_photo:after {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
	font-family:"Sawarabi Mincho", serif;
	content: 'Sold Out';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.nreal_ul a.is-sold .nreal_photo img {
	filter: grayscale(1);
}

.nreal_ul .nreal_title {
	display: block;
	font-size: 20px;
	line-height: 1.5;
	margin-top: 15px;
}

.nreal_ul .nreal_content {
	width: 100%;
	font-size: 13px;
	line-height: 1.69;
	margin-top: 6px;
}

.nreal_ul .nreal_price {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 9px;
	display: block;
}

.nreal_ul .nreal_land-area,
.nreal_ul .nreal_total-floor-area {
	display: block;
}

.nreal_ul .nreal_movie {
	margin-top: 12px;
}

.nreal_ul .nreal_movie a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #E60000;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1;
	padding: 7px 8px;
	color: #fff;
}

.nreal_ul .nreal_movie a:before {
	width: 8px;
	height: 9px;
	background: #fff;
	display: block;
	content: '';
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin-right: 4px;
}

.nreal_info {
	max-width: 940px;
	margin: 50px auto 0;
	display: flex;
	align-items: center;
	background: #fff;
	padding: 54px 0;
}

.nreal_info .nreal_info_logo {
	width: 306px;
}

.nreal_info .nreal_info_logo img {
	width: 100%;
}

.nreal_info .nreal_info_text {
	width: calc(100% - 306px);
	padding: 0 30px 0 20px;
	font-size: 14px;
	line-height: 1.714;
}

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

	.nreal_bg {
		padding: 40px 0 20px;
	}

	.nreal_tab li {
    height: 43px;
    line-height: 43px;
		margin-bottom: 40px;
	}
	.nreal_tab li:first-child {
		margin-left: 0;
		margin-right: 5px ;
	}
	.nreal_tab li:nth-child(2){
		margin-left: 5px;
		margin-right: 0;
	}

	.nreal_inner {
		padding: 40px 20px;
	}

	.nreal_ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 50px;
	}

	.nreal_ul .nreal_date {
		font-size: 14px;
	}

	.nreal_ul a.is-sold .nreal_date:before {
		font-size: 14px;
	}

	.nreal_ul a.is-sold .nreal_photo:after {
		line-height: 1.5;
	}

	.nreal_ul .nreal_title {
		margin-top: 10px;
	}

	.nreal_ul .nreal_content {
		line-height: 1.3;
	}

	.nreal_ul .nreal_price {
		font-size: 16px;
	}

	.nreal_ul .nreal_movie {
		margin-top: 15px;
	}

	.nreal_ul .nreal_movie a {
		border-radius: 4px;
		font-size: 12.5px;
		padding: 9px 15px;
	}

	.nreal_ul .nreal_movie a:before {
		width: 13px;
		height: 15px;
		margin-right: 10px;
	}

	.nreal_info {
		width: 100%;
		margin: 25px 0 0;
		flex-direction: column;
		padding: 33px 0;
	}

	.nreal_info .nreal_info_logo {
		width: 100%;
	}

	.nreal_info .nreal_info_text {
		width: 100%;
		padding: 0 27.5px;
		font-size: 13px;
		line-height: 1.92;
		margin-top: 20px;
	}
}


.nreal_head {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.nreal_head_catchcopy {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 70px;
	font-family: "Sawarabi Mincho", serif;
}

.nreal_head_cate {
	margin-bottom: 10px;
}

.nreal_head_cate span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 24px;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: .05em;
	color: #fff;
	background: #444444;
}

.nreal_head_title {
	font-size: 28px;
	line-height: 1.5;
	font-family:"Sawarabi Mincho", serif;
}

.nreal_body {
	padding: 50px 0;
}

.nreal_body.bg_white:not(:has(*)) {
    display: none;
}

.nreal_body_title {
	text-align: center;
	font-size: 26px;
	line-height: 1.5;
	font-family:"Sawarabi Mincho", serif;
	letter-spacing: .005em;
	padding: 43.5px 0;
}

.real_sections {
	max-width: 820px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.bg_white {
	background: #fff;
}

.nreal_table {
	width: 100%;
}

.nreal_table th,
.nreal_table td {
	border-top: 1px solid #CACACB;
	border-bottom: 1px solid #CACACB;
	font-size: 14px;
	line-height: 1.714;
	padding: 13px 20px;
}

.nreal_table th {
	width: 180px;
	background: #fff;
}

.nreal_table td {
	background: #EDEEF0;
}

.nreal_state {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px 17px;
}

.nreal_state .nreal_state_image {
	width: 100%;
	padding-top: 74%;
	position: relative;
}

.nreal_state .nreal_state_image img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nreal_state .nreal_state_caption {
	font-size: 13px;
	line-height: 1.69;
	text-align: center;
	margin-top: 3px;
}

.nreal_iframe {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.nreal_iframe iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nreal_inquiries {
	padding-top: 50px;
}

.nreal_inquiries .real_sections {
	padding-bottom: 0;
}

.nreal_inquiries .reservateForm {
	padding: 0;
}

.reservateForm .borStyle:read-only {
	background: #707070
}

.nreal_garllery {
	width: 100%;
}

.nreal_garllery.is-sold .fotorama__stage__frame:after {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
	font-family:"Sawarabi Mincho", serif;
	content: 'Sold Out';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.nreal_garllery.is-sold img {
	filter: grayscale(1);
}

.nreal_garllery .nreal_garllery_image {
	width: 100%;
	padding-top: 66.5%;
	position: relative;
}

.nreal_garllery .nreal_garllery_image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}

.nreal_garllery .bx-controls .bx-prev,
.nreal_garllery .bx-controls .bx-next {
	position: absolute;
	width: 40px;
	height: 80px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.nreal_garllery .bx-controls .bx-prev {
	background: url(../img/common/btn_prev.svg) center center no-repeat;
	background-size: 100% 100%;
	left: 0;
}

.nreal_garllery .bx-controls .bx-next {
	background: url(../img/common/btn_next.svg) center center no-repeat;
	background-size: 100% 100%;
	right: 0;
}

.nreal_garllery_pager {
	margin-top: 2px;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 2px;
}

.nreal_garllery .fotorama__arr--prev, 
.nreal_garllery .fotorama__arr--next {
  position: absolute;
	width: 40px;
	height: 80px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.nreal_garllery .fotorama__arr--prev {
	background: url(../img/common/btn_prev.svg) center center no-repeat;
	background-size: 100% 100%;
	left: 0;
}

.nreal_garllery .fotorama__arr--next {
	background: url(../img/common/btn_next.svg) center center no-repeat;
	background-size: 100% 100%;
	right: 0;
}

.nreal_garllery .fotorama__arr--disabled {
	opacity: 1;
}

.nreal_garllery .fotorama__thumb-border {
    border-color: #444;
}

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

	.nreal_head_title {
		font-size: 25px;
	}

	.nreal_head_catchcopy {
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.nreal_body {
		padding: 25px 0;
	}

	.nreal_body_title {
		font-size: 21px;
		padding: 16px 0;
	}

	.real_sections {
		padding: 0 12px 25px;
	}

	.nreal_table th,
	.nreal_table td {
		font-size: 12px;
		line-height: 1.5;
		padding: 14.5px 10px;
	}

	.nreal_table th {
		width: 100px;
	}

	.nreal_state {
		grid-template-columns: repeat(2, 1fr);
		gap: 22px 14px;
	}

	.nreal_state .nreal_state_caption {
		font-size: 13px;
		line-height: 1.5;
		margin-top: 6px;
	}

	.nreal_inquiries {
		padding-top: 25px;
	}

	.nreal_garllery {
		width: calc(100% + 24px);
		margin: 0 -12px;
	}

	.nreal_garllery .bx-controls .bx-prev,
	.nreal_garllery .bx-controls .bx-next {
		width: 30px;
		height: 60px;
	}

	.nreal_garllery_pager {
		margin-top: 2px;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 2px;
	}

  .nreal_garllery .fotorama__stage {
      height: 66.65vw !important;
  }

  .nreal_garllery .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
      height: 100% !important;
      left: 0 !important;
      width: 100% !important;
      top: 0 !important;
      object-fit: cover;
  }
}

.nreal_ul .nreal_popup {
	display: none;
}

.nreal_popup {
	width: 80vw;
	max-width: 1024px;
}

.nvoi_image {
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.nvoi_image {
		margin-bottom: 30px;
	}
}



/* 2025-02 主にformページ */
form .recaptcha {
	display: flex;
	justify-content: center;
}

.form_special_note {
	color: red;
}

form .submit {
	color: #fff !important;
    background: #3e3a39 !important;
	transition: 0.3s;
}
form .submit:hover {
	opacity: 0.8;
}

/* 確認画面のcss修正 */
.custom-wpcf7c-confirmed textarea{
	background-color: transparent !important;
    height: auto;
    padding-bottom: 0px;
    color: #3e3a39;
    font-weight: normal;
    -webkit-text-fill-color: #3e3a39 !important;
	font-family: auto;
	/* 以下テキストエリアの高さを確認画面だけ変えたい */
	height: fit-content;
    min-height: 100px;
    /* max-height: 150px; */
    overflow-y: scroll;
}
/* 戻るボタン */
.custom-wpcf7c-confirmed .wpcf7-back {
	background: none;
    color: #3e3a39;
    border: none;
    width: auto;
    margin-right: 10%;
    border-bottom: 1px solid #00427b;
    padding-bottom: 1px;
    /* height: auto; */
	height: 30px;
    line-height: normal;
    padding-right: 3px;
	display: flex;
	align-self: center;
}
/* 送信ボタン */
.custom-wpcf7c-confirmed button.wpcf7-submit,
.custom-wpcf7c-confirmed input.wpcf7-submit {
    background: #d93025 !important;
    border: none;
    letter-spacing: 0.1rem;
}
.custom-wpcf7c-confirmed .borStyle:read-only {
	background: transparent;
	color: #3e3a39;
	font-family: auto;
}
.custom-wpcf7c-confirmed select {
	background: transparent !important;
	color: #000000;
	font-family: auto;
}
.custom-wpcf7c-confirmed .wpcf7-text {
	-webkit-box-shadow: 0 0 0 1000px #edeef0 inset !important;
    -webkit-text-fill-color: #3e3a39 !important;
}
.not_sent {
	margin-bottom: 30px;
	display: none;
}
.not_sent p {
	border: 2px solid #f90700;
    color: #f90700;
    background: white;
    padding: 10px 20px;
    text-align: center;
}

/* .reservateForm 内に form.custom-wpcf7c-confirmed が存在する場合のみ表示 */
.reservateForm:has(form.custom-wpcf7c-confirmed) .not_sent {
	display: block;
}

/* .reservateForm 内に form.custom-wpcf7c-confirmed が存在する場合 表示しない */
.reservateForm:has(form.custom-wpcf7c-confirmed) .attentMatters.mb60 {
	display: none;
}

@media screen and (max-width: 767px) {
	.custom-wpcf7c-confirmed {
		padding: 0 1em;
	}
	.custom-wpcf7c-confirmed .set_sumai {
		padding: 0 20px;
	}
	.custom-wpcf7c-confirmed button.wpcf7-submit,
	.custom-wpcf7c-confirmed input.wpcf7-submit {
		width: 60%;
	}
	form .submit {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}

.reservateForm .pagePrevNext.taC {
	flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding: 0px 6% 20px;
	margin-top: 20px;
}

.reservateForm .custom-wpcf7c-confirmed .wpcf7-back {
	margin-right: 0px;
    margin-left: 0px;
    margin-top: 50px;
}

/* single.phpのcontact form */
.eventDetail ul.attentMatters {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.eventDetail ul.attentMatters li{
	float: none;
	width: 100%;
	font-size: 14px;
	margin-bottom: 0;
}
.single-page-contact-note {
	width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 80px;
}
form.wpcf7-form.custom-wpcf7c-confirmed select {
	font-size: 16px;
    color: #3e3a39;
    opacity: 1;
}
@media screen and (max-width: 767px) {
	form.wpcf7-form.custom-wpcf7c-confirmed select {
		font-size: 14px;
		color: #3e3a39;
		opacity: 1;
	}
}

/* 2025-05-21 snow monkey */
.smf-item__label__text {
    position: relative;
}
.smf-item:has([data-validations~="required"]) .smf-item__label__text::after {
	display: inline-block;
    place-items: center;
    content: "必須";
    padding: 1px 6px 0px 6px;
    margin: 0 5px;
    text-align: center;
    background: #00427b;
    color: #fff;
    font-size: 1.1rem;
    line-height: initial;
}

.smf-form .smf-select-control {
	width: 100%;
}
.smf-form .smf-select-control__control {
	padding: 0 20px;
    width: 100%;
    height: 50px;
    color: #000000;
    border: none;
}
.smf-form .smf-text-control__control {
	height: 50px;
    border: none;
    width: 100%;
}
.smf-form .smf-text-control__control[type="date"] {
	max-width: 150px;
}
.smf-form .smf-text-control__control[type="date"] {
	border: none;
}
textarea.smf-textarea-control__control {
	border: none !important;
}
.smf-form--simple-table .smf-item__col--label {
	flex: 0 0 19em;
	max-width: 19em;
        display: flex;
        align-items: self-start;
        flex-wrap: wrap;
}
.smf-button-control {
    display: flex;
    justify-content: center;
}
/* 確認画面へ ボタン */
.smf-button-control__control[type="submit"] {
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    height: 64px;
    width: 30%;
    max-width: 280px;
    border: 1px solid #3e3a39;
    cursor: pointer;
    font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 64px;
    /* color: #1a1919; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 10px;
    color: #fff !important;
    background: #3e3a39 !important;
    transition: 0.3s;
}

/* snow monkey forms の確認画面 */
form[data-screen="confirm"] button[data-action="back"] {
	/* 確認画面の戻るボタン */
	border: none;
    width: auto;
    border-bottom: 1px solid #3e3a39;
    height: 30px;
    line-height: normal;
    display: flex;
    align-self: center;
    align-items: center;
    margin: 0px;
    margin-top: 40px;
    padding: 0px 5px;
    background: none !important;
    color: #3e3a39 !important;
}
form[data-screen="confirm"] button[data-action="complete"] {
	/* 確認画面の送信ボタン */
	background: #d93025 !important;
    border: none;
    letter-spacing: 0.1rem;
}
/* .reservateForm 内に snow monkey formの確認画面 が存在する場合のみ表示 */
.reservateForm:has(form[data-screen="confirm"]) .not_sent {
	display: block;
}
.reservateForm:has(form[data-screen="confirm"]) .attentMatters.mb60 {
	display: none;
}
form[data-screen="confirm"] .smf-form--simple-table+.smf-action {
	display: flex;
    flex-direction: column-reverse;
    align-items: initial;
    justify-content: center;
}
.smf-action .smf-button-control+.smf-button-control {
	margin-left: 0px;
}
form.snow-monkey-form input[name="realestate"]:read-only {
    background: #ababab;
}

.smf-form .smf-select-control__toggle:before {
	content: "";
    display: block;
    position: absolute;
    right: 30px;
    background: url(../img/common/bg_select.png) right 0px center no-repeat #000000;
    background-color: transparent;
    width: calc(100% - 30px);
    height: 50px;
	border: none;
    top: 0%;
    transform: none;
}
@media screen and (max-width: 767px) {
	.smf-button-control__control[type="submit"] {
		width: 60%;
	}
	form[data-screen="confirm"] button[data-action="complete"] {
	/* 確認画面の送信ボタン */
	margin-top: 2rem;
	}
}


/* 202511 */
#news202511 .hdM,
#event202511 .hdM {
	height: 270px;
}

.news202511_content,
.event202511_content {
	margin: 0 auto 40px;
    max-width: 1250px;
}

.bgEvent202511 {
	background-image: url(../img/common/bgEvent202511.jpg);
}

@media screen and (max-width: 767px) {
    .news202511_content,
	.event202511_content {
        margin: 0 12px 40px;
    }
}

/* 202511top */
/* 他と被りにくいよう tk- でプレフィックスを付与 */
/* 親は max-width:1100px; margin:0 auto; が指定されている想定 */
/* 他と被りにくいよう tk- プレフィックス */

.mainEventBlog .tk-news-block {
    /* padding: 25px 0 15px 0px; */
	padding: 10px 0 0 0px;
}

.mainEventBlog .tk-news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mainEventBlog .tk-news-item {
	float: none !important;
	display: flex;
	gap: 32px;
	align-items: flex-start;
	padding: 0px 0;
    /* margin-bottom: 26px; */
	margin-bottom: 18px;
    font-size: 16px;
    width: 100%;
  /* border-bottom: 1px solid rgba(0,0,0,0.05); */
}

.mainEventBlog .tk-news-item:last-child {
	border-bottom: none;
}

.mainEventBlog .tk-news-date {
	flex: 0 0 auto;
	min-width: 90px;
	line-height: 1.6;
}

.mainEventBlog .tk-news-title {
	flex: 1 1 auto;
	line-height: 1.6;
	text-decoration: none;
	color: inherit;
}

.mainEventBlog .tk-news-title:hover,
.mainEventBlog .tk-news-title:focus-visible {
	opacity: .7;
}

/* MORE */
.mainEventBlog .tk-news-more {
	margin-top: 20px;
	text-align: right;
}

section.sec02.top_blog_202511 .mainEventBlog .tk-news-more {
	margin: 0 auto;
    max-width: 1100px;
}

.mainEventBlog .tk-news-more-link {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	text-decoration: none;
	color: inherit;
	position: relative;
	padding-bottom: 4px;
	font-family: "Sawarabi Mincho", serif;
}

.mainEventBlog .tk-news-more-link::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #3e3a39;
	opacity: .6;
}

.tk-news-more-arrow {
	width: 24px;
	height: 1px;
	background: #3e3a39;
	position: relative;
}

.mainEventBlog .tk-news-more-arrow::after {
content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 10px;
    height: 8px;
    border-right: 1px solid #3e3a39;
    border-bottom: 0px solid #3e3a39;
    transform: rotate(-45deg);
}

.mainEventBlog .tk-news-more-link:hover {
	opacity: .7;
}

.top_news_202511 .news_sub span:before {
	content: 'ニュース';
    left: 50%;
    transform: translateX(-50%);
}
.top_event_202511 .news_sub span:before {
	content: 'イベント';
    left: 50%;
    transform: translateX(-50%);
}
.top_blog_202511 {

}

.blog_time_and_person {
	position: relative;
}
.blog_time_and_person .card.blog_cat {
	float: none !important;
    top: 0px !important;
}
.top_blog_202511 li .detail .tit {
	padding-right: 0px;
}
.top_blog_202511 li .detail .card {
	background-color: #4b4b4b;
}
/* .white_gap {
	display: none;
} */

/* tab */ 
@media (max-width: 959px) {
	.top_blog_202511 ul.inner02 {
		position: relative;
	}
	.top_blog_202511 .mainEventBlog .tk-news-more {
		/* position: absolute; */
		bottom: 0px;
		right: 20px;
		padding: 0 20px;
	}
}

/* SP */
@media (max-width: 767px) {
	.mainEventBlog .tk-news-item {
		font-size: 13px;
	}
	.mainEventBlog .tk-news-item {
		/* flex-direction: column; */
		/* gap: 4px; */
		margin: 0px 0px 15px 0px !important;
        flex-direction: row;
        gap: 15px;
	}
	.mainEventBlog .tk-news-title {
		/* overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap; */
	}
	.mainEventBlog .tk-news-date {
		min-width: 0;
	}
	.mainEventBlog .tk-news-block {
		padding: 0;
	}
	.mainEventBlog .tk-news-more-link {
		margin-right: 2rem;
	}

	.top_blog_202511 .mainEventBlog li:nth-child(odd),
	.top_blog_202511 .mainEventBlog li:nth-of-type(2n) {
		float: none;
	}
	.top_blog_202511 .mainEventBlog li {
        display: flex;
        gap: 15px;
        width: 100%;
        margin: 0px;
	}
	.top_blog_202511 .mainEventBlog li .img {
		width: 33.33%;
	}
	.top_blog_202511 .mainEventBlog li .detail {
		width: calc(100% - 33.33%);
		padding-right: 0px
	}
	.top_blog_202511 .mainEventBlog li .detail .time {
		margin-bottom: 10px;
	}
	/* .white_gap {
		display: block;
		height: 86px;
	} */
	.top_blog_202511 .mainEventBlog .tk-news-more {
		margin-top: 20px !important;
		position: static;
	}

	footer .ftsns_bg .sp2 {
		text-align: center;
	}

	.mainEventBlog .tk-news-more {
		margin-top: 30px;
	}
}



/* カテゴリページで、投稿のpagenavi */
#event .wp-pagenavi {
	margin-top: -15px;
}

#event .wp-pagenavi a,
#event .pageList a,
#event .pageList span,
#event .wp-pagenavi span {
	/* width: auto;
	height: auto;
	line-height: normal;
	padding: 0px 10px;
    font-size: 1.8rem; */
	margin-bottom: 15px;
}

@media (max-width: 767px) {

	#event .wp-pagenavi {
	margin-top: -10px;
}

#event .wp-pagenavi a,
#event .pageList a,
#event .pageList span,
#event .wp-pagenavi span {
	width: auto;
	height: auto;
	line-height: normal;
	padding: 0px 10px;
    font-size: 1.4rem;
	margin-bottom: 10px;
}

#event .pageList a.next, 
#event .wp-pagenavi a.nextpostslink,
#event .pageList a.prev, 
#event .wp-pagenavi a.previouspostslink {
	background: none;
}

}