@charset "UTF-8";

.hd_mainvisual {
line-height:0;
}

.hd_mainvisual img {
width:100%;
height:auto;
}

h3 {
margin-bottom:20px;
}

.title-s {
color:#777;
font-family:"Times New Roman";
letter-spacing:0.2em;
}

.copy {
font-size:2rem;
color:#555;
margin-bottom:30px;
display:inline-block;
line-height:2em;
font-weight:bold;
}

.title {
text-align:center;
}

.kanbai {
margin-top:10px;
text-align:center;
}

.kanbai img {
width:420px;
max-width:90%;
}

.hd_img > img {
display:none;
}

@media (max-width: 768px) {
.hd_img {
background:none;
padding:0;
line-height:0;
}
.hd_img > img {
display:block;
}

.hd_txt .emtxt {
width:120px;
height:120px;
}

.hd_txt {
padding:0;
display:block;
}

.emtxt {
right:10px !important;
top:-50px !important;
}

.hd_txt .hd_inner {
border:none;
padding:25px;
}

.kanbai {
position:absolute;
top:10px;
right:10px;
margin-top:0;
}

.kanbai img {
width:300px;
height:auto;
}

}

@media screen and (max-width: 500px) {
.hd_txt .emtxt {
width:100px;
height:100px;
}

.kanbai img {
width:200px;
height:auto;
}

}

@media screen and (max-width: 400px) {
.hd_txt .emtxt {
width:90px;
height:90px;
}
}

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

}

/* INFO
---------------------------------------- */
.info {
text-align:center;
padding:15px 15px 10px;
background:#e6e6fa;
}

.info-inner {
display:flex;
-webkit-justify-content: center; /* Safari */
justify-content:         center;
margin:0 auto;
width:100%;
}

.info-inner p {
font-size:1.6rem;
}

.info-inner a {
    text-decoration:underline;
}

.info-inner .bx-wrapper {
display:inline-block;
padding-left:10px;
white-space: nowrap;
}

.info-inner .bx-wrapper li a {
text-decoration:underline;
}

.info-inner .bx-wrapper li {
margin-top:1px;
}

@media (max-width: 767px) {
.info-inner {
display:block;
text-align:left;
}

.info-inner .bx-wrapper {
padding-left:0;
display:block;
width:100%;
}

.info-inner .bx-wrapper li {
margin-top:0;
}

.info-inner p {
display:block;
}

.bxslider {
display:block;
}

}


/* GROUND DESIGN
---------------------------------------- */
#sec-concept {
padding:70px 0 30px 0;
position:relative;
}

#sec-concept h2 {
background-position:bottom center;
}

#sec-concept .imgbox {
line-height:0;
max-width:1400px;
margin:0 auto;
padding-bottom:30px;
}

#sec-concept .imgbox img {
width:100%;
height:auto;
}

#sec-concept .txtbox {
text-align:center;
}

.sec-zone {
width:32%;
float:left;
margin-left:2%;
padding:20px;
border:1px solid #ccc;
}

.sec-zone:first-of-type {
margin-left:0;
}

.sec-zone h3 {
text-align:center;
font-size:2.2rem;
padding:50px 0 20px;
margin-bottom:20px;
position:relative;
}

.sec-zone .thumb,.sec-zone .thumb img {
line-height:0;
text-align:center;
}

.sec-zone p {
margin-bottom:10px;
}

.sec-zone h3:before {
content:"●";
position:absolute;
top:0;
left:50%;
margin-left:-0.5em;
font-size:3.7rem;
}

.zone-uruoi h3 {
background:url(../img/co_ln_02.gif) no-repeat bottom center;
}

.zone-uruoi h3:before {
color:#59bc9b;
}

.zone-seikatu h3 {
background:url(../img/co_ln_01.gif) no-repeat bottom center;
}

.zone-seikatu h3:before {
color:#309dc4;
}

.zone-syougyou h3 {
background:url(../img/co_ln_03.gif) no-repeat bottom center;
}

.zone-syougyou h3:before {
color:#db96ac;
}


@media (max-width: 767px) {
#sec-concept .txtbox {
padding:30px;
}
#sec-concept {
padding:50px 0 0;
}
#sec-concept .txtbox {
position:relative;
top:auto;
display:block;
margin-top:-30px;
}
}

@media (max-width: 600px) {
.sec-zone {
width:100%;
float:none;
margin:0 0 10px 0;
padding:15px;
}
}

@media (max-width: 550px) {
#sec-concept .txtbox p {
text-align:left;
}
}

@media (max-width: 500px) {
#sec-concept .txtbox {
padding:30px 15px;
}
}

.sec-gaiku {
padding:50px 0 20px;
}

.sec-gaiku h3 {
font-size:3rem;
margin-bottom:30px;
}

/* LOCATION
---------------------------------------- */
#sec-location {
padding:0 0 200px 0;
background:url(../img/co_bg_01.gif) repeat left top;
}

#sec-location .imgbox {
text-align:center;
margin:25px 0;
}

#sec-location .imgbox img {
width:100%;
height:auto;
}

#sec-location .detail {
width:24%;
float:left;
margin-left:1.3%;
padding:20px 10px 10px;
border:1px solid #ddcb9f;
}

#sec-location .detail:first-child {
margin-left:0;
}

#sec-location .detail .title {
text-align:center;
padding:50px 0 25px;
margin-bottom:25px;
}

#sec-location .detail h3 {
font-size: 1.8rem;
font-family: "Times New Roman";
margin-bottom:10px;
}

#detail01 .title {
background:url(../img/co_ic_01.jpg) no-repeat center 10px ,url(../img/co_ln_01.gif) no-repeat bottom center;
}

#detail02 .title {
background:url(../img/co_ic_02.jpg) no-repeat center 10px ,url(../img/co_ln_02.gif) no-repeat bottom center;
}

#detail03 .title {
background:url(../img/co_ic_03.jpg) no-repeat center 10px ,url(../img/co_ln_03.gif) no-repeat bottom center;
}

#detail04 .title {
background:url(../img/co_ic_04.jpg) no-repeat center 10px ,url(../img/co_ln_04.gif) no-repeat bottom center;
}

.detail .img {
margin-top:10px;
line-height:0;
}

.detail .img img {
width:100%;
height:auto;
}

.subsec {
background: url(../img/co_bg_01.gif) repeat left top;
padding-bottom:150px;
}

#sec-location .detailbox {
margin-bottom:50px;
}

#sec-location .inner {
position:relative;
}

#sec-location .txtbox {
background:rgba(255,255,255,0.9);
display:inline-block;
padding:50px 80px 350px;
position:absolute;
top:-200px;
}


.swiper-container {
padding-bottom:45px;
top:120px;
}

.swiper-container img {
width:100%;
height:auto;
}

.swiper-pagination-bullet-active {
background:#6262a8;
}

.swiper-pagination-bullet {
width:10px;
height:10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 3px;
}

.swiper-button-prev {
background:url(../img/co_ar_01_prev.png) no-repeat left center;
}

.swiper-button-next {
background:url(../img/co_ar_01_next.png) no-repeat left center;
}

.swiper-button-next, .swiper-button-prev {
margin-top:-35px;
}

@media (max-width: 1400px) {
#sec-location .txtbox {
padding:50px 80px 300px;
}
}

@media (max-width: 1100px) {
#sec-location {
padding-bottom:70px;
}
#sec-location .txtbox {
position:relative;
top:auto;
width:100%;
padding:50px 40px 30px;
}
.swiper-container {
top:0;
}

}

@media (max-width: 768px) {
#sec-location {
padding-bottom:50px;
}
#sec-location .txtbox {
text-align:center;
padding:30px 0 0;
margin-bottom:15px;
background:none;
}
#sec-location .detail {
width:49%;
float:left;
margin-left:2%;
margin-bottom:10px;
}

#sec-location .detail:nth-child(2n+1) {
margin-left:0;
}
#sec-location .detail .title {
padding:40px 0 15px;
margin-bottom:15px;
}
.subsec {
padding-bottom:50px;
}

#sec-location .imgbox {
margin-bottom:0;
}

}

@media (max-width: 767px) {
#sec-location .detail {
padding:10px 7px 7px;
}
}

@media (max-width: 400px) {
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 2px;
}
}

@media (max-width: 350px) {
#sec-location .detail {
width:100%;
float:none;
margin-left:0;
}

.detail .img {
text-align:center;
}
.detail .img img {
width:auto;
max-width:100%;
height:auto;
}
}


/* ACCESS
---------------------------------------- */
#sec-access {
padding:70px 0;
}

#sec-access .imgbox {
margin-bottom:20px;
}

#sec-access .imgbox img {
width:100%;
}

#sec-access .txt {
width:32%;
float:left;
margin-left:2%;
line-height:0;
margin-bottom:20px;

}

#sec-access .txt img {
width:100%;
height:auto;
}

#sec-access .txt:nth-child(3n+1){
margin-left:0;
}

@media (max-width: 767px) {
#sec-access {
padding:50px 0;
}
#sec-access .txt {
width:49%;
margin-left:2%;
margin-bottom:10px;
}

#sec-access .txt:nth-child(3n+1){
margin-left:2%;
}


#sec-access .txt:nth-child(odd){
margin-left:0;
}
}

@media (max-width: 400px) {
#sec-access .txt:nth-child(3n+1) {
margin-left:0;
}

#sec-access .txt {
width:49.5%;
}

#sec-access .txt:nth-child(even){
margin-left:1%;
}
}

@media (max-width: 350px) {
#sec-access .txt {
width:100%;
margin-left:0 !important;
}
}

/* MODELHOUSE
---------------------------------------- */
#sec-modelhouse {
    padding:60px 0;
    background:url(../img/co_bg_01.gif) repeat left top;
}

.btn-modelhouse {
    margin:20px auto 0;
    display: block;
    text-align:center;
    width:42%;
}

.btn-modelhouse a {
    display:block;
    padding:0 30px 0 20px;
    text-align: center;
    transition: 0.5s;
    height: 56px;
    line-height: 56px;
    background:#4998b9;
    color: #fff;
}

.btn-modelhouse a:hover {
    background: #fff;
    color: #4998b9;
}

.btn-modelhouse a:after {
    font-size:1.7rem;
}

@media (max-width: 500px) {
    .btn-modelhouse {
        width:80%;
    }
}

/* CONSTRACTION
---------------------------------------- */
#sec-constraction {
padding:50px 0;
}

#sec-constraction .copy {
margin-bottom:40px;
}

#sec-constraction .detail {
width:32%;
float:left;
margin-left:1.5%;
padding:20px;
background:#fff;
border:1px solid #ddd;
}

#sec-constraction .txt {
width:96%;
margin:0 auto;
padding-bottom:60px;
position:relative;
}

#sec-constraction .detail:first-child {
margin-left:0;
}

#sec-constraction .detail h3 {
text-align:center;
margin-bottom:20px;
}

#sec-constraction .btn {
position:absolute;
bottom:0;
left:0;
width:100%;
}

#sec-constraction .btn a {
padding:10px 30px 10px 10px;
background:#fff;
border:1px solid #333;
display:block;
font-size:1.3rem;
display:block;
position:relative;
transition:0.5s;
}

#sec-constraction .btn a:after {
font-family: FontAwesome;
content : "\f105";
position:absolute;
right:15px;
font-size:2rem;
color:#5893cc;
}

#sec-constraction .btn a:hover {
background:#5893cc;
color:#fff;
border:1px solid #5893cc;
}

#sec-constraction .btn a:hover:after {
color:#fff;
}

@media (max-width: 960px) {
#sec-constraction .detail {
display:table;
width:100%;
margin:0 0 10px 0;
}

#sec-constraction .detail h3 {
display:table-cell;
vertical-align:middle;
width:25%;
padding-right:5%;
}

#sec-constraction .detail .txt {
display:table-cell;
vertical-align:middle;
width:75%;
padding:0;
}

#sec-constraction .btn {
position:relative;
margin-top:10px;
}

}

@media (max-width: 500px) {
#sec-constraction .detail {
padding:20px 10px;
}
#sec-constraction .detail h3 {
padding-right:3%;
}
#sec-constraction .copy {
margin-bottom:20px;
}
#sec-constraction .btn a {
letter-spacing:-0.11em;
}

}

@media (max-width: 350px) {
#sec-constraction .detail h3,
#sec-constraction .detail .txt {
display:block;
padding:0 !important;
width:100%;
margin-bottom:15px;
}

#sec-constraction .detail h3 {
text-align:center;
}

#sec-constraction .detail h3 img {
width:100px;
height:auto;
}
}



/* HOUSE PLAN
---------------------------------------- */
#sec-houseplan {
padding:60px 0;
}

#sec-houseplan .title {
margin-bottom:20px;
}

#sec-houseplan .slider.slider-for {
position:relative;
overflow:hidden;
}

.plantitle {
}

#sec-houseplan section {
background:#fff;
position:relative;
}

#sec-houseplan section .num {
position:absolute;
top:0;
left:0;
}

#sec-houseplan h3 {
font-size:2rem;
}

#sec-houseplan .thumb {
margin-top:15px;
}

.slick-initialized .slick-slide {
padding:20px 25px;
text-align:center;
margin:0 10px;
}

.slick-slide img {
display:inline-block;
width:100%;
max-width:100%;
background:#fff;
}

#sec-houseplan .center .slick-slide {
margin:0 40px;
transition:0.5s;
}

#sec-houseplan .center .slick-slide img {
transition:0.5s;
border:5px solid #fff;
}

#sec-houseplan .center .slick-center img {
transform: scale(1.6);
border:5px solid #cc3366;
}

.sliderbox {
position:relative;
}

.slick-prev {
background:url(../img/co_ar_01_prev.png) no-repeat left center;
left:100px;
}

.slick-next {
background:url(../img/co_ar_01_next.png) no-repeat left center;
right:100px;
}

.slick-prev, .slick-next {
position:absolute;
top:50%;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
width:27px;
height:50px;
z-index:1000;
color: transparent;
}

.slider-nav  {
margin:15px auto;
}

.slider-nav div {
font-size:1.5rem;
font-family:"Times New Roman";
}

.slider-nav div.slick-current {
font-size:3.2rem;
color:#cc3366;
}

@media (max-width: 1500px) {
.slick-prev {
left:15px;
}

.slick-next {
right:15px;
}
}

@media (max-width: 1000px) {
.slick-slide img {
display:inline-block;
max-width:100%;
}

#sec-houseplan h3 {
text-align:left;
}

.slick-initialized .slick-slide {
padding:20px 0;
text-align:left;
}

#sec-houseplan .logo {
width:200px;
height:auto;
margin:0 auto;
}

#sec-houseplan section .num {
width:150px;
height:150px;
}

}

@media (max-width: 500px) {
.slick-initialized .slick-slide {
padding:0;
}

#sec-houseplan section .num {
width:110px;
height:110px;
}
}

@media (max-width: 400px) {
#sec-houseplan .logo {
width:150px;
}
.slick-initialized .slick-slide {
/*padding:20px 15px;*/
margin: 0 5px;
}
.slick-prev,.slick-next {
width:13px;
height:27px;
background-size:contain;
}

.slider-nav div.slick-current {
font-size:2.2rem;
}

#sec-houseplan section .num {
width:100px;
height:100px;
}

#sec-houseplan h3 {
font-size:1.8rem;
}

}

@media (max-width: 350px) {
#sec-houseplan section .num {
width:80px;
height:80px;
}
}


.slick-dots {
position: relative;
text-align: center;
width: 100%;
}

.slick-dots li {
display: inline-block;
margin: 0 5px;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #000;
border-radius: 6px;
opacity: .2;
}

.slick-dots li.slick-active button {
background: #6262a8;
opacity: 1;
}

/* EQUIPMENT
---------------------------------------- */
#sec-equipment {
padding:60px 0;
background:url(../img/co_bg_01.gif) repeat left top;
}

#sec-equipment .titlearea {
margin-bottom:50px;
}

#sec-equipment li {
width:33%;
margin:0 0 10px 0.5%;
padding:15px;
float:left;
background:#fff;
border:1px solid #ddd;
}

#sec-equipment h3 {
text-align:center;
margin-bottom:10px;
font-size:1.6rem;
}

#sec-equipment .thumb {
text-align:center;
margin-bottom:10px;
line-height:0;
}

#sec-equipment li:nth-child(3n+1){
margin-left:0;
}

#sec-equipment .cat {
display:inline-block;
font-size:1.1rem;
padding:1px 10px;
border-radius:15px;
margin-bottom:10px;
color:#fff;
}

#sec-equipment small {
font-size:1rem;
}

.cat-k {
background:#e9967a;
}

.cat-b {
background:#b0e0e6;
}

.cat-p {
background:#f08080;
}

.cat-t {
background:#48d1cc;
}

.cat-o {
background:#9acd32;
}


@media (max-width: 600px) {

#sec-equipment li:nth-child(3n+1) {
margin-left:0;
}

#sec-equipment li {
width:49.5%;
margin-left:0;
padding:10px;
}

#sec-equipment li:nth-child(even){
margin-left:1%;
}

#sec-equipment h3 {
font-size:1.5rem;
}

}

@media (max-width: 330px) {
#sec-equipment li {
width:100%;
margin-left:0 !important;
}
}


/* MAP
---------------------------------------- */
#sec-map p {
text-align:right;
padding:10px;
border-top:1px solid #efefef;
}

.mapbox {
position: relative;
padding-bottom: 450px;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.mapbox iframe,
.mapbox object,
.mapbox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


sup {
vertical-align: super;
font-size: smaller;
}




#sec-example {
padding:70px 0;
border-top:1px solid #eee;
background:url(../img/co_bg_01.gif) repeat left top;
}

.example-slide-box {
max-width:97%;
margin:0 auto;
padding:0 5px;
}

@media (min-width: 1001px) {
.example-slide-box {
max-width:90%;
}
}

@media (max-width: 500px) {
.example-slide-box {
max-width:100%;
}
}

.example-slide-box .slick-prev {
left:0;
}

.example-slide-box .slick-next {
right:0;
}

.example-slide,.example-slide2 {
padding:0 30px;
}

.slidenum,.slidenum2 {
text-align: center;
font-size: 2rem;
margin-bottom: 7px;
font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-style:normal;
}

.example-slide-box .thumb {
margin-bottom:10px;
}

.example-slide-box .thumb + p {
line-height:1.6em;
text-align:left;
}

.slidenum em,.slidenum2 em {
color:#4998b9;
font-size:2.5rem;
font-style:normal;
}