@charset "UTF-8";

.cover {
width: 100%;
position: relative;
top: 60px;
z-index: 0;
padding-bottom: 40px;
}

/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.view_img{
	padding-top: 45%;
	overflow: hidden;
	width: 86%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.viewer ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.viewer ul li p{
margin-top: 70px;
margin-left: 3%;
line-height: 130%;
}
.viewer ul li p span{
font-size: 1.5em;
}
.viewer ul li p a{
font-size: .7em;
letter-spacing: .1em;
display: inline-block;
padding-top: .5em;
}
.viewer ul li p a:first-letter {
 color:#6FB92C;
}

.viewer ul li p:hover a{
 color:#6FB92C;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	bottom: 10px;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	right: 140px;
	background: url(../images/prev.svg) no-repeat center center;
}
.viewer .btnNext {
	right: 60px;
	background: url(../images/next.svg) no-repeat center center;
}
.viewer .btnPrev:hover{
background: url(../images/prev-o.svg) no-repeat center center;
animation: rotation 2s ease 0s 1 alternate none running;
}

.viewer .btnNext:hover{
background: url(../images/next-o.svg) no-repeat center center;
animation: rotation2 2s ease 0s 1 alternate none running;
}
@keyframes rotation {
  0% {
    opacity: 0;
  }

  90% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(180deg);
	opacity: 1;
  }
}
@keyframes rotation2 {
  0% {
    opacity: 0;
  }

  90% {
    transform: rotate(45deg);
  }

  100% {
    transform: rotate(-180deg);
	opacity: 1;
  }
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.cover {
padding-bottom: 60px;
}
}

/* Mobile 以下
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cover {
top: 25px;
padding-bottom: 8%;
}
.viewer ul li p{
margin-top: 5%;
}
.viewer ul li p span{
font-size: 1.3em;
}
.viewer .btnPrev,
.viewer .btnNext {
	width: 20px;
	height: 20px;
}
.viewer .btnNext {
	right: 20px;
}
.viewer .btnPrev {
	right: 60px;
}
}





/*求人バナー
---------------------------------------------------------*/
.m_img_area{
	position:relative;
}
.bnr_rec{
	position:absolute;
	right: 0;
	top: 205px;
	width:430px;
}
.bnr_rec .bnr_rec_bg{
	background: url(../images/top/bnr_rec_bg@2x.png) no-repeat 90% center rgba(194,211,190,0.95);
	background-size:auto 100%;
	padding: 35px 30px 18px 30px;
}
.bnr_rec .bnr_rec_bg div{
font-family: 'Noto Serif JP', serif;
font-weight: 400;
color:#ffffff;
font-size:210%;
	line-height: 1em;
letter-spacing: 0.05em;
margin-bottom: 10px;}
.bnr_rec  dt{
	color:#231815;
	font-weight: bold;
font-size: .85em;
	letter-spacing: 0.25em;
}
.bnr_rec  dd{
	line-height:1.8em;
	letter-spacing: 0.25em;
	color:#635e51;
font-size: .8em;
}
.bnr_rec  dd a{
	color:#635e51;
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1350px) {
.bnr_rec {
	width: 420px;
	top: 13%;}
.bnr_rec .bnr_rec_bg{
	padding: 40px 30px 22px 30px;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bnr_rec {
	top: 70px;
	width:295px;}
.bnr_rec .bnr_rec_bg{
	padding: 25px 20px 15px 15px;
}
.bnr_rec .bnr_rec_bg div{
font-size:140%;
margin-bottom: 0;}
.bnr_rec  dt{
font-size: .6em;
	letter-spacing: 0.15em;
}
.bnr_rec  dd{
	line-height:1.5em;
	letter-spacing: 0.15em;
font-size: .6em;
}
.bnr_rec  dd span.sp_tb{
	display: inline-block !important;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {	
.bnr_rec{
	position:static;
	width:90%;
	padding: 0 5%;
	margin-bottom: 10%;
}
.bnr_rec .bnr_rec_bg{
	background: url(../images/top/bnr_rec_bg@2x.png) no-repeat 95% center rgba(194,211,190,0.95);
	background-size:auto 100%;
	padding: 7% 5% 4% 5%;
}
.bnr_rec .bnr_rec_bg div{
font-size:5.5vw;
margin-bottom:1%;}
.bnr_rec  dt{
font-size: 2.8vw;
	letter-spacing: 0.15em;
	margin-bottom: 0;
}
.bnr_rec  dd{
	line-height:1.7em;
	letter-spacing: 0.15em;
	font-size: 2.8vw;
}
}





/*topi
---------------------------------------------------------*/
.topi{
	max-width: 1200px;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top: solid 1px #c7bfaf;
	padding-top: 50px;
	padding-bottom: 50px;
	letter-spacing: .2em;
}
.topi dt{
	font-size: 120%;
	font-weight: bold;
	color: #6fb92c;
	margin-bottom: .7em;
}
.topi dd{
	font-size: 90%;
	color: #827d73;
}


/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
}






/*works
---------------------------------------------------------*/
.works{
background: #D9D1C7;
padding-top: 7%;
padding-bottom: 7%;
}

.works .section{
max-width: 1140px;
}

.worksBox{
width: 100%;
}

.worksBox dt{
font-size: 5em;
color: #fff;
padding-top: 3%;
padding-bottom: 7%;
}

.worksBox dd{
color: #827D73;
letter-spacing: .1em;
line-height: 250%;
}

.worksBox ul li{
font-size: .9em;
line-height: 150%;
margin-top: 7%;
}

.worksBox ul li p:last-child{
font-family: 'Crimson Text', serif;
}

.worksBox ul li div{
margin-bottom: 1em;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.worksBox ul li a{
font-size: .8em;
letter-spacing: .1em;
color: #827D73;
}

.worksBox ul li:hover div{
-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.4);
box-shadow: 0px 10px 40px rgba(0,0,0,0.4); 
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.works{
padding-bottom: 3%;
}
.worksBox dl{
float: left;
width: 40%;
}
.worksBox dt{
padding-bottom: 20%;
}
.worksBox ul li{
float: left;
width: 28.07%;
margin-left: 7.895%;
}
.worksBox ul li:nth-of-type(1){
float: right;
width: 53%;
margin-left: 7%;
margin-top: 0;
}
.worksBox ul li:nth-of-type(2){
margin-left: 0;
}
}

/* Mobile 以下
------------------------------------------*/
@media only screen and (max-width: 767px) {
.worksBox dt{
font-size: 3em;
}
.worksBox ul li{
max-width: 320px;
width: 80%;
padding-left: 10%;
padding-right: 10%;
margin-left: auto;
margin-right: auto;
}
}



/* PC（家具公開時にこちらを使用）
------------------------------------------*/
@media only screen and (min-width: 768px)  {
/*.worksLink_area{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction:row-reverse;
}*/
}


.worksLink{
_zoom:1;
overflow: hidden;
margin-top: 10%;
color: #fff;
font-size: .85em;
letter-spacing: .1em;
}
.worksLink a{
color: #fff;
font-weight: 700;
letter-spacing: .2em;
}
.worksCat li{
border: solid 1px #fff;
border-radius: 1.5em;
padding: .2em .8em;
text-align: center;
-webkit-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.worksCat li:hover{
border: solid 1px rgba(216,226,102,.50);
background: rgba(216,226,102,.40);
}

.worksBtn{
	margin-bottom: 1.5em;
}
.worksBtn a{
background: url(../images/icon_works_list.svg) no-repeat right .05em;
background-size: 15px 15px;
padding-right: 1.6em;
padding-bottom: .05em;
font-size: 1.15em;
}
.worksBtn a span {
	position: relative;
	display: inline-block;
	transition: .3s;
}
.worksBtn a span::after {
	position: absolute;
	top: 1.1em;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #D8E266;
	transition: .3s;
}
.worksBtn a span:hover::after {
	width: 100%;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.worksCat{
/*float: left;*/
display: table;
margin-left: -10px;
border-collapse: separate;  /* セルの間隔を空ける */
border-spacing: 10px 0;  /* 左右 上下で記述 */
}
.worksCat p , .worksCat ul , .worksCat li{
display: table-cell;
vertical-align: middle;
}
/*.worksBtn{
float: right;
}*/
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.worksLink{
text-align: center;
margin-top: 5%;
}
.worksCat li{
margin-top: .5em;
}
.worksBtn{
margin-top: 1em;
}
.worksBtn a{
background: url(../images/icon_works_list.svg) no-repeat right .05em;
background-size: 1em;
padding-right: 1.3em;
}
}


/*家具バナー
---------------------------------------------------------*/
.bnr_furni div{
	color: #e8e2db;
	position: relative;
	text-align: center;
	letter-spacing: .1em;
	background: url(../images/top/bnr_furniture@2x.jpg) no-repeat right center;
	background-size: cover;
	transition: all 1s;
	padding-top: 27px;
	padding-bottom: 27px;
}
.bnr_furni div:hover{
	opacity: .7;
}
.bnr_furni dl{
	margin-left: auto;
	margin-right: auto;
	width: calc(85% - 3.5em);
	padding-right: 3.5em;
	position: relative;
}
.bnr_furni dl::before{
	position: absolute;
	content: "";
	width: 3em;
	height: 3em;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/next.svg) no-repeat center;
	background-size: contain;
}
.bnr_furni dt{
	font-size: 250%;
	padding-top: .5em;
	margin-bottom: .2em;
}
.bnr_furni dd a{
	color: #e8e2db;
}
/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.bnr_furni{
	max-width: 450px;
	width: 35%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.bnr_furni div{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.bnr_furni dl{
	width: calc(85% - 2.5em);
	padding-right: 2.5em;
}
.bnr_furni dl::before{
	width: 2em;
	height: 2em;
}
.bnr_furni dt{
	font-size: 3.3vw;
}
}
/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bnr_furni{
	margin-top: 5%;
}
}