@charset 'utf-8';
/**
Foundation
*/
section > section,
section > div.center_box,
section > section.center_box {
margin-bottom: 2em;
}
/**
Modules (Slides)
*/
.flexslider {
width: 99%;
max-width: 1280px;
overflow: hidden;
}
.flexslider li {
position: relative;
}
.overlay {
position: absolute;
width: auto;
max-width: 100%;
max-height: 100%;
display: none;
opacity: 0;
}
.overlay img {
max-width: 100%;
max-height: 100%;
}
.overlay0 {
z-index: 11;
}
.overlay1 {
top: 60%;
left: 5%;
width: 300px;
}
.overlay2 {
top: 10%;
right: 7%;
width: 300px;
}
.overlay0 img {
/* height: 360px; */
}
.overlay1 img {
width: 100%;
/* height: 102px; */
}
.overlay2 img {
width: 100%;
/* height: 300px; */
}
.bg0 {
top: 2.6%;
left: 30.666%;
position: absolute;
z-index: 12;
}
.bg0 img {
/* height: 360px; */
height: 300px;
}
/**
Modules (link)
*/
.link .section_body {
margin-bottom: 1em;
}
.link h3 {
background: center center transparent no-repeat;
background-size: contain;
width: 100%;
height: 2.8em;
}
.link li {
float: left;
/* width: 32.666%; */
width: 19.2%;
box-sizing: border-box;
}
.link li:nth-child(1) {
/* margin: 0 0.5% 1em 0; */
margin: 0 0.5% 1em 0;
}
.link li:nth-child(2),
.link li:nth-child(3),
.link li:nth-child(4) {
margin: 0 0.5% 1em;
}
.link li:nth-child(5) {
margin: 0 0 1em 0.5%;
}
.link .link_button {
text-align: right;
}
.link .link_button a {
background: url(../images/index/next.jpg) center center transparent no-repeat;
background-size: cover;
width: 280px;
height: 40px;
max-width: 100%;
line-height: 40px;
text-align: left;
cursor: pointer;
}
.link .link_button a span {
width: calc(100% - 60px);
padding-left: 1.5%;
text-align: center;
color: #fff;
}
.link .develop > .background {
background: url(../images/index/01.jpg) center center transparent no-repeat;
background-size: cover;
}
.link .leasing > .background {
background: url(../images/index/02.jpg) center center transparent no-repeat;
background-size: cover;
}
.link .sales > .background {
background: url(../images/index/03.jpg) center center transparent no-repeat;
background-size: cover;
}
.link .estate > .background {
background: url(../images/index/04.jpg) center center transparent no-repeat;
background-size: cover;
}
.link .managing > .background {
background: url(../images/index/05.jpg) center center transparent no-repeat;
background-size: cover;
}
.link .construct > .background {
background: url(../images/index/06.jpg) center center transparent no-repeat;
background-size: cover;
}
/*
.link .link6 > .background {
background: url(../images/index/06.jpg) center center transparent no-repeat;
background-size: cover;
}
*/
.link li > .background {
position: relative;
/* padding-top: 81.081%; */
height: 160px;
}
.link li .absolute_center_center {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 10% auto;
width: 100%;
height: 80%;
/* min-height: 124px; */
text-align: center;
color: #fff;
}
.link li span {
color: #fff;
width: 100%;
}
.link li span.height3 {
line-height: 30px;
height: 90px;
}
.link li span.height2 {
line-height: 45px;
height: 90px;
}
.link li span.height1 {
line-height: 90px;
height: 90px;
}
.link li .t1 {
font-size: 1.2em;
font-weight: bold;
letter-spacing: -1px;
}
.link li .button {
border: 1px #fff solid;
padding: 5px 5%;
color: #fff;
background-color: rgba(53, 77, 105, 0.5);
}
.link li .button:hover {
cursor: pointer;
}
.link .purchase a {
width: 100%;
padding-top: 15.555%;
background-image: url(../images/index/900_kaitori2.jpg);
background-size: contain;
}
/**
Modules (News)
*/
.news {
width: 60%;
float: left;
margin-bottom: 1em;
}
.news .section_body {
margin-bottom: 1em;
}
.news h3 {
text-align: center;
line-height: 1.4em;
}
.news h3 span {
border-bottom: 2px #354D69 solid;
}
.news li {
margin-bottom: 0.3em;
}
.news li:last-child {
margin-bottom: 0;
}
.news a {
width: 100%;
line-height: 24px;
}
.news a .line {
width: 100%;
}
.news a .line > span {
float: left;
}
.news a .datetime {
width: 24%;
min-width: 150px;
height: 100%;
margin-right: 1%;
padding: 0 1em;
box-sizing: border-box;
text-align: center;
}
.news a .title {
width: 70%;
height: 100%;
box-sizing: border-box;
}
/*
.news a .detail {
width: 12%;
height: 100%;
margin-left: 1%;
text-align: center;
color: #401F0E;
}
*/
.news a:hover,
.news a:hover .line,
.news a:hover .datetime,
.news a:hover .title {
background-color: #354D69;
color: #fff;
}
.news .list_button {
text-align: right;
}
.news .list_button a {
background: url(../images/index/next.jpg) center center transparent no-repeat;
background-size: cover;
width: 280px;
height: 40px;
line-height: 40px;
padding-left: 1.5%;
text-align: left;
cursor: pointer;
}
.news .list_button a span {
width: calc(100% - 60px);
text-align: center;
color: #fff;
}
.pdf_icon_mini {
background: url(../../assets/images/icon/adobe_pdf_icon.png) center center transparent no-repeat;
background-size: cover;
width: 22px;
height: 22px;
border: 2px #f00 solid;
vertical-align: middle;
}
/**
Modules (Movies)
*/
.movies {
width: 38%;
float: right;
margin-bottom: 1em;
}
.movies ul,
.movies li {
height: 100%;
}
.movies video {
width: 100%;
}
.movies iframe {
width: 100%;
height: 100%;
}
.movies .flexslider-noDirectionNav {
height: 256.5px;
}
.movies .flexslider-noDirectionNav .flex-control-nav {
bottom: -8px;
}
/**
Modules (Banners)
*/
.banners {
float: right;
width: 32.666%;
margin-bottom: 1em;
}
.banners li {
margin-bottom: 0.5em;
}
.banners li:last-child {
margin-bottom: 0;
}
.banners a {
text-align: center;
width: 100%;
height: 6.7em;
line-height: 6.7em;
font-size: 1.2em;
font-weight: bold;
background: center center transparent no-repeat;
background-size: cover;
}
.banners .recruit a {
background-image: url(../images/index/b1.jpg);
}
.banners .inquire a {
background-image: url(../images/index/b2.jpg);
}
.banners .mail_magazine a {
background-image: url(../images/index/b3.jpg);
}
.banners a span {
color: #fff;
line-height: 1.5em;
vertical-align: middle;
}