@charset "utf-8";

html,body{
width: 100%;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
format('woff');
}
body{
color:#333;
font-family:'Open Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
font-size:90%;
}
a {
color:#333;
outline: none;
text-decoration: none;
}
a:hover{
color: #002060;
text-decoration: underline;
}
img{
max-width: 100%;
height: auto;
width :auto;
}
input,
select,
textarea{
max-width: 100%;
padding: 3px;
}
input,
textarea{
}
input[type=radio], input[type=checkbox] {
margin:0 5px 0 0;
}
.width100{
width:100%;
}
.wrap{
}
.block{
display: block;
}
.onlysp{
display: none;
}
.none{
display:none;
} .page-head-wrap{
position:relative;
padding-top:100px;
}
.header-block{
width:100%;
position:absolute;
top:0;
}
.header-block.sticky{
top:0;
position:fixed;
background: #fff;
z-index: 200;
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);
}
.header-block-top.sticky{
background: linear-gradient(to right, #000 0 38%, #FFF 38% 70%);
}
.header{
max-width:1150px;
width:100%;
margin:0 auto;
position: relative;
height: 100px;
}
.home .header{
}
.logo{
position: absolute;
left: 20px;
z-index: 1000;	
top: 20px;
}
.logomarktop{
display: none;
}
.home .logomark{
display: none;
}
.home .logomarktop{
display: inline-block;
}
h1{
font-size:80%;
font-weight: 400;
padding: 10px 20px;
display: inline-block;
vertical-align: top;
}
.headright{
max-width:630px;
width:60%;
position: absolute;
right: 0;
top:10px;
}
.headright dt{
display: inline-block;
vertical-align: middle;
}
.headright dd{
display: inline-block;
vertical-align: middle;
padding: 0 0 0 20px;
}
.header-sns{
display:flex;
}
.header-sns li:not(:last-child){
margin-right:20px;
}
.headright h2{
font-size: 80%;
font-weight: 400;
padding: 0 0 5px 0;
color: #808080;
}
.headright p{
font-size: 80%;
font-weight: 500;
letter-spacing: .1em;
}
.mainmenu{
clear:both;
padding: 35px 0 35px 0;
z-index: 1000;
text-align: center;
}
.mainmenu li{
text-align: left;
display: inline-block;
font-size: 80%;
vertical-align: top;
position: relative;	
background: url(/common/img/arrow01.png) no-repeat left 8px;
padding: 0 0 0 25px;
}
.mainmenu li:before{
content: ">";
position: absolute;
left: 0;
}
.mainmenu li li:before{
content: none;
}
.mainmenu li a{
display: block;
padding: 30px 20px 0 0;
min-width: 80px;
color: #808080;
}
.mainmenu li:nth-child(1) a{
background: url(/common/img/gn1_off.png) no-repeat left top;
}
.mainmenu li:nth-child(2) a{
background: url(/common/img/gn2_off.png) no-repeat left top;
}
.mainmenu li:nth-child(3) a{
background: url(/common/img/gn3_off.png) no-repeat left top;
}
.mainmenu #gn3{
width: 120px;
}
.mainmenu li:nth-child(4) a{
background: url(/common/img/gn4_off.png) no-repeat left top;
}
.mainmenu li:nth-child(5) a{
background: url(/common/img/gn5_off.png) no-repeat left top;
} .mainmenu li:nth-child(6) a{
background: url(/common/img/gn7_off.png) no-repeat left top;
}
.mainmenu li:nth-child(1) a:hover{
background: url(/common/img/gn1_on.png) no-repeat left top;
}
.mainmenu li:nth-child(2) a:hover{
background: url(/common/img/gn2_on.png) no-repeat left top;
}
.mainmenu li:nth-child(3) a:hover{
background: url(/common/img/gn3_on.png) no-repeat left top;
}
.mainmenu li:nth-child(4) a:hover{
background: url(/common/img/gn4_on.png) no-repeat left top;
}
.mainmenu li:nth-child(5) a:hover{
background: url(/common/img/gn5_on.png) no-repeat left top;
} .mainmenu li:nth-child(6) a:hover{
background: url(/common/img/gn7_on.png) no-repeat left top;
}
.mainmenu li ul{
display:none;
position: absolute;
width: 250px;
font-size: 120%;
}
.mainmenu li li{
width:auto;
display: block;
text-align: left;
background: none;
padding: 0 0 0 0px;
}
.mainmenu li:nth-child(1) li a,
.mainmenu li:nth-child(2) li a,
.mainmenu li:nth-child(3) li a,
.mainmenu li:nth-child(4) li a,
.mainmenu li:nth-child(5) li a,
.mainmenu li:nth-child(6) li a,
.mainmenu li:nth-child(7) li a,
.mainmenu li:nth-child(1) li a:hover,
.mainmenu li:nth-child(2) li a:hover,
.mainmenu li:nth-child(3) li a:hover,
.mainmenu li:nth-child(4) li a:hover,
.mainmenu li:nth-child(5) li a:hover,
.mainmenu li:nth-child(6) li a:hover,
.mainmenu li:nth-child(7) li a:hover{
background: #fff;
}
.mainmenu li li a{
background: #fff;
padding: 15px;
display: block;
border-bottom: 1px solid #ccc;
}
.mainmenu li a:hover{
text-decoration: none;
}
#sidr-menu{
background: #333;
}
.spmenu{
padding: 20px;
}
.spmenu a{
color:#fff;
}
.spmenu h2{
font-size: 70%;
font-weight: 400;
padding: 0 0 10px 0;
}
.spaddress{
padding: 10px 0;
border-top: 1px dotted #fff;
}
.spmenutop{
display: inline-block;
vertical-align: middle;
padding: 5px 10px;
border: 1px solid #fff;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
}
.spmenu .spmenucontact{
display: inline-block;
vertical-align: middle;
padding: 5px 10px 5px 35px;
margin: 0 5px;
background: #fff url(/common/img/sp_contact.png) no-repeat 10px center;
background-size: 20px;
color: #333;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
}
.spmenu h2 img{
width:35px;
vertical-align: middle;
float: right;
}
.spmenu dl{
padding: 10px 10px 10px 10px;
border-top: 1px dotted #fff;
clear: both;
}
.spmenu dt{
padding: 0 0 10px 0px;
font-weight: 800;
font-size: 120%;
}
.spmenu dd{
font-size: 90%;
line-height: 200%;
}
.spmenu li{
padding: 0 0 5px 0;
}
.spmenu li:before{
content: ">";
padding: 0 5px 0 0;
} .mainvisualwrap{
background: url(/common/img/bg_mainvisual.png) no-repeat top center;
padding: 110px 0 0 0;
margin: -110px 0 0 0;
}
.mainvisualwrap .mainbody{
position: relative;
}
.mainvisual{
margin:0 0 0px 0;
padding: 0 0 0 140px;
}
.mainvisualwrap .slick-slider {
margin-bottom: 0px;
}
.prev{
position: absolute;
left: 0;
top: 50%;
cursor: pointer;
z-index: 100;
}
.next{
position: absolute;
right: 0;
top: 50%;
cursor: pointer;
z-index: 100;
}
.pager .prev,
.pager .next {
position: static;
left: auto;
top: auto;
cursor: pointer;
z-index: auto;
}
.maincatch{
position: absolute;
left: 0;
bottom: 50px;
z-index: 10;
} .title01{
padding:0 0 40px 20px;
text-align: center;
}
.title01 img{
vertical-align: middle;
padding: 0 0px 5px 0;
}
.title01 strong{
vertical-align:middle;
font-size: 80%;
font-weight: 400;
}
.topbtnbox{
padding:0px 0px 40px 0px;
}
.topbtnbox li{
padding:0px 10px 20px 10px;
display: inline-block;
}
.top_works dt {
height: 220px;
overflow: hidden;
text-align: center;
}
.top_works dt img {
width: 100%;
height: auto;
min-height: 220px;
}
.bnr_box ul{
padding:0px 0px 40px 0px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.bnr_box li{
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
height: 200px;
margin-bottom: 20px;
max-width: 350px;
}
.bnr_box li img {
height: auto;
width: 100%;
}
.morebtn{
background: #000000;
color: #fff;
display: inline-block;
padding: 10px;
}
.morebtn:hover{
color:#fff;
} .topconcept01{
background: url(/common/img/top/bg_concept01.jpg) no-repeat top center;
padding: 0 0 30px 0;
}
.ctitle h2{
padding: 0 0 10px 0;
}
.ctitle h4{
font-weight: 400;
font-size: 120%;
padding: 0 0 30px 0;
}
.topconcept01 h3{
font-size: 170%;
padding: 0 0 20px 0;
}
.topconcept01 p{
padding: 0 0 20px 0;
font-size: 110%;
line-height: 180%;
}
.topconcept02{
height: 330px;
background: url(/common/img/top/bg_concept02.jpg) no-repeat top center;
margin: 0 0 80px 0;
} .topworkswrap{
padding: 0 0 80px 0;
}
.topworksbox {
padding: 0 50px;
}
.topworksbox dl{
padding: 10px;
text-align: center;
}
.topworksbox dd{
padding: 10px 0;
} .mainbodywrap01{
background: #EFDCCA;
padding: 90px 0 30px 0;
} .toplistbox{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 100px 0;
}
.toplistbox dl {
padding: 0px 2%;
margin: 0 0% 20px 0%;
width: 20%;
border-left: #333 solid 3px;
background-color: #fff;
}
.toplistbox dt{
font-size: 150%;
font-weight: 800;
padding: 0 0 20px 0;
}
.toplistbox dt img{
padding: 0 0 10px 0;
}
.toplistbox dd p{
padding: 0 0 10px 0;
} .mainbodywrap02{
background: #EDEDED;
padding:80px 0;
}
.bloglist {
text-align: center;
}
.bloglist dl{
width: 22%;
margin: 0 1% 20px 1%;
display: inline-block;
vertical-align: top;
}
.bloglist dt{
padding: 0 0 10px 0;
overflow: hidden;
text-align: center;
height: 190px;
}
.bloglist dt img {
width: 100%;
height: auto;
min-height: 190px;
} .topnewswrap{
padding:80px 0 50px 0;
}
.newstitle{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.newstitle a{
background: #333;
color: #fff;
padding: 10px;
}
.topnewswrap h3{
font-size: 110%;
padding: 0 0 30px 0;
}
.topnewswrap h3 img{
padding: 0 0 10px 0;
}
.topevent,
.topblog{
width:45%;
display: inline-block;
margin: 0 2% 20px 2%;
vertical-align: top;
}
.newslist dl{
border-bottom: 1px solid #ccc;
padding: 10px;
}
.newslist dt{
width: 15px;
float: left;
}
.newslist dd{
margin: 0 0 0 18%;
} .pagetitlewrap{	
background: url(/common/img/pagetitle/bg_concept.png) no-repeat top center;
padding: 260px 0 40px 0;
background-size:cover;
}
.concept .pagetitlewrap{
background: url(/common/img/pagetitle/bg_concept.png) no-repeat top center;
}
.iezukuri .pagetitlewrap{
background: url(/common/img/pagetitle/bg_iezukuri.png) no-repeat top center;
}
.products .pagetitlewrap,
.modelhouse .pagetitlewrap,
.estate .pagetitlewrap{
background: url(/common/img/pagetitle/bg_products.png) no-repeat top center;
}
.company .pagetitlewrap{
background: url(/common/img/pagetitle/bg_company.jpg) no-repeat top center;
}
.information .pagetitlewrap,
.post .pagetitlewrap{
background: url(/common/img/pagetitle/bg_information.png) no-repeat top center;
}
.voice .pagetitlewrap{
background: url(/common/img/pagetitle/bg_voice.png) no-repeat top center;
}
.works .pagetitlewrap{
background: url(/common/img/pagetitle/bg_works.png) no-repeat top center;
}
.tochi .pagetitlewrap{
background: url(/common/img/pagetitle/bg_land.png) no-repeat top center;
background-size:cover;
}
.owner .pagetitlewrap{
background: url(/common/img/pagetitle/bg_owner.png) no-repeat top center;
background-size:cover;
}
.event_form .pagetitlewrap{
background: url(/common/img/pagetitle/bg_event.png) no-repeat top center;
background-size:cover;
}
.consultation .pagetitlewrap{
background: url(/common/img/pagetitle/bg_consultation.png) no-repeat top center;
background-size:cover;
}
.recruit_form .pagetitlewrap{
background: url(/common/img/pagetitle/bg_recruit.png) no-repeat top center;
background-size:cover;
}
.home .pagetitlewrap{
display: none;
}
.pagetitle .h2-img{
display: inline-block;
margin: 0px 0 0 0;
font-size: 120%;
}
.pagetitle .h2-img span{	
padding: 30px 0 0 20px;
display: inline-block;
vertical-align: middle;
}
.topicpath{
padding: 100px 0 40px 0;
}
.topicpath{
padding: 20px 0 20px 0;
}
.main{
padding: 0 20px 50px 20px;
}
.sidebanner{
margin:0 0 20px 0;
}
.sidebanner li{
padding: 0 0 10px 0;
text-align: center;
}
.sidemenu dl{
padding: 0 0 30px 0;
}
.sidemenu dt{
padding: 0 0 20px 0;
vertical-align: middle;
}
.sidemenu dt img{
vertical-align: middle;
padding: 0 10px 0 0;
}
.sidemenu dt span{
vertical-align: middle;
display: inline-block;
}
.sidemenu li{
}
.sidemenu li a{
display: block;
padding:10px 10px 10px 20px;
color: #000;
background: url(/common/img/bg_sidememu_li.png) no-repeat left 15px ;
display: block;
border-bottom: 2px solid #333;
}
.sidemenu li a:hover{
background: url(/common/img/bg_sidememu_li_o.png) no-repeat left 15px ;
}
.sidemenu li a:after{
content:">";
float: right;
}
.sidemenu h3,
.sidearchive h3{
background: #333;
color: #fff;
padding: 10px;
margin:0 0 10px 0; 
}
.sidearchive {
padding: 0 0 30px 0;
}
.sidearchive select{
width: 100%;
}
.sideconcept,
.sideiezukuri,
.sidecompany,
.sideinformation,
.sideproducts{
display: none;
}
.cateconcept .sideconcept,
.cateiezukuri .sideiezukuri,
.catecompany .sidecompany,
.cateinformation .sideinformation,
.cateproducts .sideproducts{
display:block;
} .footer{
border-top: 2px solid #333;
padding: 60px 0 50px 0;
}
.footer .mainbody{
position: relative;
}
.footmenu{
position: relative;
text-align: center;
}
.footmenu dd a{
color:#989898;
}
.footmenu dl{
display: inline-block;
text-align: left;
width: 21%;
margin: 0 1% ;
vertical-align: top;
}
.footmenu dt{
font-size: 100%;
padding: 0 0 15px 0;
font-weight: 800;
}
.footmenu dt:before{
content: url(/common/img/top/bg_foottitle.png);
vertical-align: middle;
padding: 0 10px 0 0;
}
.footmenu dd{
padding:0 0 15px 0;
font-size: 80%;
}
.footmenu li{
padding: 0 0 8px 0;
}
.footmenu li:before{
content: ">";
padding: 0 5px 0 0;
color:#989898;
}
.footer p{
position: absolute;
bottom: 0;
right: 0;
}
.footer p a{
display: inline-block;
padding: 10px;
}
.footarea{
background: #E5E5E5;
padding: 10px;
text-align: center;
}
.footarea dt{
display: inline-block;
vertical-align: top;
}
.footarea dd{
display: inline-block;
vertical-align: top;
text-align: center;
padding: 0 10px;
}
.gotop{
position: absolute;
right: 100px;
padding: 60px 0 0 0;
}
.footlogo{
text-align: center;
padding: 30px 0 0 0;
background: #000;
color: #CBCBCB;
}
.footlogo dt{
display: inline-block;
vertical-align: middle;
padding: 0 20px;
}
.footlogo dd{
display: inline-block;
text-align: left;
vertical-align: middle;
padding: 0 20px;
font-size: 80%;
}
.footer-link{
display:flex;
flex-wrap:wrap;
max-width:810px;
width:95%;
margin :40px auto 0;
}
.footer-link li:not(:last-child)::after{
content:"/";
padding:0 0.5em;
}
.footer-link li a{
color:#fff;
}
address{
text-align: center;
padding: 30px 0 40px;
}
.fixedsidemenu{
position: fixed;
top:100px;
right: 20px;
padding: 0 0px 0px 0;
z-index: 10000;
}
.fixedfootmenu{
position: fixed;
bottom: 0;
}
.fixedfootmenu li{
float: left;
width: 25%;
}
.linkblank{
background: url(/common/img/icon_blank_white.png) no-repeat right;
padding: 0 18px 0 0;
}
.spmenu .linkblank {
background: url(/common/img/icon_blank_white.png) no-repeat right;
} .content-wrap{
margin: 0 auto;
max-width: 1150px;
width: 100%;
box-sizing: border-box;
}
.content-wrap-inner{
padding:0 25px;
}
.contents {
line-height: 180%;
}
.contents .page-ttl{
text-align: center;
padding: 50px 0px 0 0px;
margin: 0 0px 50px 0px;
font-size: 180%;
background:url(/common/img/bg_contents_h2.png) no-repeat top center;
font-weight:bold;
display:block;
} .contents p{ }
.listbox dl{
padding: 0 0 20px 0;
}
.listbox dt{
text-align: center;
padding:7px;
margin: 0 0 10px 0;
border: 1px solid #ddd; box-shadow:0px 2px 8px 0px #bdbdbd;
}
.listbox dd a {
color: #fff;
}
.listbox dd a:visited{
color: #fff;
}
.contents .listbox h3{
margin: 0 0 10px 0;
}
.worklist dl{
padding: 0 0 20px 0;
}
.worklist dt{
padding:7px;
margin: 0 0 10px 0;
border: 1px solid #ddd; box-shadow:0px 2px 8px 0px #bdbdbd;
}
.worklist img{
height: 150px;
width: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
.catemenu {
padding: 0 0 20px 0;
}
.catemenu li{
display: inline-block;
padding: 5px 10px;
margin: 2px;
border: 2px solid #000;
}
.catemenu li:after{
content: ">";
padding: 0 0 0 5px;
}
.productlist dl{
padding: 0 0 10px 0;
text-align: center;
border: 1px solid #aaa;
margin: 0 0 40px 0;
}
.productlist dt{
padding: 10px;	
}
.productlist dd{
padding: 10px;
font-size: 90%;
}
.productlist dt strong{
display: block;
padding: 10px 0 5px 0;
font-size: 120%;
border-bottom: 1px solid #000;
}
.productlist dd img{
display: block;
padding: 20px 0 0 0;
}
.estatephoto{
text-align: center;
margin: 20px 0;
padding: 7px;
border: 1px solid #ddd;
box-shadow: 0px 2px 8px 0px #bdbdbd;
}
.relations{
padding: 20px 0;
}
.relations h4{
background: #d7d7d7;
padding: 10px;
margin: 0 0 20px 0;
color: #333;
}
.yoyakubtn a {
border: 1px solid #e96301;
color: #e96301;
display: inline-block;
padding: 10px 20px;
font-size: 120%;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
}
.table01 {
border-collapse: collapse;
width: 100%;
margin: 0 0 20px 0;
}
.table01 th, .table01 td {
font-size: 90%;
border: 1px solid #ccc;
padding: 10px;
}
.table01 th {
background: #f2f2f2;
}
.table01.table_event {
margin-bottom: 0;
}
.formbtn input {
background: #333;
color: #fff;
font-size: 120%;
text-decoration: none;
padding: 10px 20px;
border: 0px;
cursor: pointer;
display: inline-block;
margin: 0 20px 100px 20px;
-moz-border-radius: 5px;
border-radius: 5px;
transition: .2s;
border: 2px solid #333;
}
.formbtn input:hover {
background: #fff;
color: #333;
}
.moviebox {
padding: 10px;
border: 1px solid #ccc;
margin: 100px 0 100px 0;
}
.movie {
display: inline-block;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 20px 0;
}
.movie p,
.contents .movie p{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 20px 0;
}
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .productlist dl{
padding: 0 0 10px 0;
text-align: center;
border: 1px solid #aaa;
margin: 0 0 40px 0;
}
.productlist dt{
padding: 10px;	
}
.productlist dd{
padding: 10px;
font-size: 90%;
}
.productlist dt strong{
display: block;
padding: 10px 0 5px 0;
font-size: 120%;
border-bottom: 1px solid #000;
}
.productlist dd img{
display: block;
padding: 20px 0 0 0;
} .faqbox dl{
margin: 0 0 20px 0;
}
.faqbox dt{
background: #d7d7d7;
padding: 20px;
font-weight: 800;
font-size: 110%;
}
.faqbox dd{
padding: 20px;
border: 1px solid #d7d7d7;
}
.faq_a{
padding:0 0 20px 0;
} .eventmenu {
padding: 0 0 20px 0;
}
.eventmenu li{
display: inline-block;
width: 22%;
border: 2px solid #000;
padding: 5px;
border-bottom: 4px solid #000;
text-align: center;
} .formbox{
border: 2px solid #fff000;
padding: 20px;
margin: 0 0px 10px 0px;
background: #fff;
}
.formbox table{
border-collapse:collapse;
width:100%;
text-align: left;
}
.formbox td,
.formbox th{
padding:10px;
}
.formbox th {
text-align: right;
font-weight:400; 
}
input,
select,
textarea{
padding:5px;
}
input,
textarea{
border:1px solid #ccc;
}
input[type=radio], input[type=checkbox] {
margin:0 5px 0 0;
}
.formbox .text{
width: 50%;
}
.formbox .add{
width: 70%;
}
.formbox textarea{
width: 80%;
}
.table01 .wpcf7c-conf{
background: #ddd;
}
.linkbtn01,
.linkbtn02{
background: #eb6301;
color: #fff;
font-size: 120%;
text-decoration: none;
padding: 10px 20px;
border:0px;
cursor:pointer;
display: inline-block;
margin: 0 20px 5px 20px; -moz-border-radius: 5px;
border-radius: 5px;
}
.linkbtn02{
background: #ddd;
color: #000;
}
.linkbtn03{
text-align: center;
padding: 10px 0;
}
.linkbtn03 a{
display: inline-block;
padding: 5px 20px;
border: 1px solid #000;
}
.linkbtn01:hover{
color: #fff;
}
.linkbtn03 a:hover{
text-decoration: none;
background: #eee;
color: #000;
}
.nodata{
border:1px solid #ccc;
text-align: center;
padding: 30px 0;
}
.nodata p{
font-size: 190%;
font-weight: 800;
padding: 10px;
}
.pager {
text-align: center;
padding: 10px 0 0 0;
}
.pager span,
.pager a{
display: inline-block;
padding: 3px 10px;
border: 1px solid #ccc;
}
.pager span{
background: #e5e3dc ;
color: #333;
}
.pageset{
border-top: 1px solid #ccc;
padding: 10px;
margin: 0 0 30px 0;
}
.pagebefore{
float:left;
}
.pagenext{
float:right;
}
#entry_snsbox{
text-align: right;
}
#entry_snsbox iframe{
vertical-align: bottom;
} .company_box .prof_pic {
width: 42%;
margin: 0 20px 10px 0;
} .kenchikuka .prof_pic {
width: 45%;
padding-right: 3%;
}
.kenchikuka .prof_box {
margin-bottom: 15px;
}
.kenchikuka .prof_pic+div {
width: 100%;
}
.ieduku_box .prof_pic {
padding-right: 3%;
} .life-bland li {
width: 16%;
}
.life-link li {
margin-right: 15px;
}
.life-link li:last-of-type {
margin-right: 0;
}
.life_logo {
width: 25%;
margin-right: 25px;
}
.cafe_menu div {
width: 48%;
margin-bottom: 25px;
} .staff-pic {
max-width: 200px;
margin-top: 15px;
} .input-event-name{
width: 100%;
display: block;
box-sizing: border-box;
border:none;
}
.form-privacy{
text-align:center;
line-height:2;
margin:60px auto;
}
.form-privacy-ttl{
font-weight:bold;
}
.form-privacy-txt a{
text-decoration:underline;
}
.form-privacy-txt a:hover{
text-decoration:none;
}    @media print, screen and (min-width: 621px) {	
.mainbody{
margin: 0 auto;
max-width: 1150px;
width:100%;
}
.menubtn{ display:block;
position:absolute;
right:2.5%;
top:20px;
}
#sidr-menu.sidr{
width:40%;
max-width: 450px;
}
.slidemenu-sp{
display:none;
}
.side {
width: 300px;
float: left;
}
.main{
width: 740px;
float: right;
}
.table_event {
margin-bottom: 0;
}
.table_event th {
width: 186px;
}
.table_event th ,
.table_event td {
border-bottom: none;
} .listbox dt{
width: 20%;
float: left;
}
.listbox dd{
width: 75%;
float: right;
}
.worklist dl{
width: 30%;
float: left;
margin: 0 1.5% 20px 1.5%;
}
.productlist dl{
width: 47.5%;
float: left;
margin: 0 1% 30px 1%;
}
.relations .worklist dl{
width: 22%;
float: left;
margin: 0 1.5% 20px 1.5%;
} .staffbox dl{
padding: 0 0 20px 0;
}
.staffbox dt{
width:30%;
float: right;
}
.staffbox dd{
width:65%;
float: left;
}
.leftbox{
display:inline-block;
float:left;
padding:0px 30px 0px 0;
}
.rightbox{
display:inline-block;
float:right;
padding:0px 0 0px 30px;
}
}   @media screen and (max-width: 1150px) {
.content-wrap-inner{
padding:0 2.5%;
}
.onlypc-lg{
display: none;
}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
.headright {
display: none;
}
}   @media screen and (max-width: 620px) {
.mainmenu,
.headright,
.headerleft,
.sidemenu{
display: none;
}
.menubtn{
display: block;
position: absolute;
right: 10px;
top: 10px;
background: #333333;
background-size: auto auto;
height: 30px;
width: 30px;
cursor: pointer;
padding: 5px;
z-index: 10000;
border: 1px solid #fff;
}
.slidemenu-pc{
display:none;
}
.mainbody{
padding: 0px 10px;
}
.page-head-wrap {
padding-top: 60px;
}
.header-block-top.sticky{
background: #000;
}
.header{
height: 60px;
}
.headright{
display:none;
}
.logo {
left: 0;
width: 40%;
top: 15px;
}
h1{
padding: 0px 0px;
} .mainvisual{
}
.mainvisualwrap{
background: url(/common/img/bg_mainvisual.png) no-repeat top left;
background-size: auto 100%;
padding: 110px 0 0 0;
margin: -110px -0px 20px -0px;  
}
.mainvisual{
margin:0 -10px;
padding: 0 0 0 0px;
}
.maincatch{
left: 40px;
bottom: 60px;
width: 50%;
} .title01{
padding:0;
margin-bottom: 20px;
}
.title01 img{
height: 50px;
}
.title01 strong{
}
.topbtnbox{
padding:0px 0px 20px 0px;
text-align: center;
}
.topbtnbox li{
padding:0px 0px 20px 0px;
display: inline-block;
}
.topbtnbox li{
padding:0px 10px 20px 10px;
display: inline-block;
}
.concept_txt {
text-align: center;
margin-bottom: 30px;
}
.top_works dt {
height: auto;
}
.top_works dt img {
min-height: inherit;
}
.bloglist dt{
height: auto;
}
.bloglist dt img {
min-height:inherit;
}
.bnr_box{
padding:0px 0px 20px 0px;
text-align: center;
}
.bnr_box ul {
display: block;
}
.bnr_box li{
display: block;
width: 100%;
height: auto;
max-width: none;
}
.bnr_box li img {
height: auto;
}
.morebtn{
padding: 5px 20px;
font-size: 110%;
} .topconcept01{
background: url(/common/img/top/bg_concept01.jpg) no-repeat bottom right;
padding: 0 0 55% 0;
background-size: 200%;
}
.ctitle{
text-align: center;
}
.ctitle h4{
font-size: 120%;
padding: 0 0 30px 0;
}
.ctitle h2 img{
height: 50px;
}
.topconcept01 h3{
font-size: 140%;
padding: 0 0 20px 0;
}
.topconcept01 p{    
font-size: 100%;
}
.topconcept02{
height: 150px;
background-size: 208%;
margin: 0 0 20px 0;
} .topworkswrap{
padding: 0 0 40px 0;
margin-top: 50px;
}
.topworksbox {
padding: 0 30px;
}
.topworksbox dl{
padding:0 10px;
}
.topworksbox dd{
padding: 10px 0 0 0;
} .mainbodywrap01{
padding: 20px 0 0px 0;
} .toplistbox{
display: block;
padding: 40px 0;
}
.toplistbox dl {
padding: 0px 2%;
margin: 0 0% 20px 0%;
width: auto;
border-left: #333 solid 3px;
background-color: #fff;
}
.toplistbox dd img{
display: block;
margin: 0 auto;
} .mainbodywrap02{
padding:40px 0 0 0;
}
.topblogbox {
padding: 0 0 40px 0;
}
.bloglist dl{
width: 47%;
} .topnewswrap{
padding:40px 0 20px 0;
}
.newstitle{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.newstitle a{
background: #333;
color: #fff;
padding: 10px;
}
.topnewswrap h3{
font-size: 110%;
padding: 0 0 30px 0;
}
.topnewswrap h3 img{
padding: 0 0 10px 0;
}
.topevent,
.topblog{
width:45%;
display: inline-block;
margin: 0 2% 20px 2%;
vertical-align: top;
}
.newslist dl{
border-bottom: 1px solid #ccc;
padding: 10px;
}
.newslist dt{
width: 15px;
float: left;
}
.newslist dd{
margin: 0 0 0 18%;
} .topnewswrap h3{
padding: 0 0 10px 0;
}
.topnewswrap h3 img{
height: 50px;
}
.topevent,
.topblog{
width:auto;
display: block;
margin: 0 0% 20px 0%;
}
.newslist dl{
border-bottom: 1px solid #ccc;
padding: 10px;
}
.newslist dt{
width: auto;
float: none;
}
.newslist dd{
margin: 0 0 0 0%;
} .eventmenu li {
width: 47%;
padding: 1% 0;
margin-bottom: 5px;
} table.company_table {
table-layout: fixed;
}
.prof_box {
display: block;
}
.prof_pic {
width: 100%;
margin: 0;
} .kenchikuka .prof_pic {
width: 100%;
padding-right: 0;
}
.kenchikuka .prof_box {
margin-bottom: 25px;
}
.ieduku_box .prof_pic {
padding-right: 0;
} .cafe_box {
display: block;
}
.life_logo {
width: 100%;
margin-right: 0;
}
.cafe_menu {
display: block;
}
.cafe_menu div {
width: 100%;
margin-bottom: 25px;
}
.life-bland {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.life-bland li {
width: 30%;
margin-bottom: 1em;
}
.life-link li a.morebtn {
padding-left: 5px;
padding-right: 5px;
} .table01 th, .table01 td {
display: block;
padding: 10px 5%;
}
.table01 td input,.table01 td textarea {
width: 96%;
}
.formbtn {
margin-right: 20px;
} .footer{
padding: 30px 0;
}
.footmenu{
position: relative;
}
.footmenu dl{
float:none;
width: 76%;
margin: 0 12% 20px 12%;	
}
.gotop{
text-align: center;
position: inherit;
padding: 0px;
}
.footlogo{
padding: 30px 20px;
}
.footlogo dt{
padding: 0 0 10px 0;
}
.footlogo dd{
text-align: center;
}
.footer p{
position: relative;
}
.footer p a{
width: 47%;
padding: 0 1%;
}
.footarea dt{
padding: 0 0 10px 0;
}
.footlogo{
padding: 20px 0 0 0;
}
.footlogo dt{
padding: 10px;
}
.footlogo dd{
padding: 10px;
}
.footer-link{
margin: 20px auto 0;
}
address{
text-align: center;
padding: 10px 0;
}
.footer-copy a{
color:#fff;
}
.footer-copy .span a {
color: #fff;
}
.footer-copy a:hover{
opacity: 0.6;
}
.fixedsidemenu{
display: none;
} .content-wrap-inner{
padding:0 4%;
}
.pagetitlewrap{	
background: url(/common/img/pagetitle/bg_concept.png) no-repeat top center;
background-size: 770px;
padding: 20px 0 20px 0;
text-align: center;
}
.concept .pagetitlewrap,
.iezukuri .pagetitlewrap,
.products .pagetitlewrap,
.modelhouse .pagetitlewrap,
.estate .pagetitlewrap,
.company .pagetitlewrap,
.information .pagetitlewrap,
.post .pagetitlewrap,
.voice .pagetitlewrap,
.works .pagetitlewrap{
background-size: 770px;
}
.pagetitle .h2-img{
display: inline-block;
}
.pagetitle .h2-img img{	
height: 130px;
}
.pagetitle .h2-img span{	
padding: 10px 0 0 0px;
display: block;
}
.listbox dl{
border:1px solid #aaa;
padding: 20px;
margin: 0 0 40px 0;
} .contents .page-ttl{
margin: 0 0px 30px 0px;
}
.staffbox dl{
padding: 20px 0 30px 0;
}
.staffpage .staffbox dd:after{
border-bottom: 3px solid #aaa;
display: block;
content: "";
width: 60%;
height: 40px;
clear: both;
margin: 0 auto 20px auto;
}
.onlypc{
display:none;
}
.onlysp{
display: block;
}
.spblock{
display: block;
}
} .notfound-txt{
text-align:center;
font-size:16px;
line-height:2;
margin:0 auto 80px;
}
.btn-backtotop{
display:block;
max-width:430px;
width:100%;
margin:80px auto 100px;
text-align:center;
font-size:18px;
letter-spacing:0.1em;
position:relative;
border:2px solid #000;
padding: 25px 0;
transition:.3s;
}
.btn-backtotop::before{
content:"<";
display:block;
position:absolute;
left:15px;
}
.btn-backtotop:hover{
text-decoration:none;
color:#fff;
background:#000;
}
@media print, screen and (max-width: 620px) {
.btn-backtotop{
font-size:16px;
}
} .pagetop {
width: 50px;
height: 50px;
position: fixed;
right: 1%;
bottom: 0;
background: #000;
border-radius: 50%;
}
.pagetop::before {
font-family: "FontAwesome";
font-weight: 900;
content: "\f106";
font-size: 34px;
color: #fff;
position: absolute;
width: 34px;
height: 34px;
top: 0px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.pagetop:hover {
opacity: 0.6;
}