@charset "UTF-8";h3,h3:before{display:block}
#propaty_search_list ul,ul.main_block ul li{display:-ms-flexbox;-webkit-flex-wrap:wrap;-moz-box-lines:multiple}img{vertical-align:bottom}body{width:100%;overflow:hidden}
.block_title{color:#fff;position:relative;margin:0 0 25px}
.block_title h2{font-size:24px;line-height:34px;font-weight:100}
.block_title p{font-size:14px;line-height:24px;font-weight:100}
.block_title img{
position: absolute;
top: auto;
bottom: 0;
margin: auto
left: 50%;
transform:translateX(-50%);
-webkit- transform:translateX(-50%);
}
.districts{background:#002063;padding:25px 0}
.propaty_search{background:#ff6d63;padding:25px 0}
.store_title{background:#fef2e0;padding:25px 0;color:#faa630}
.company_title{background:#0fc780;padding:25px 0;margin:0}
.local_title{background:#fff0f7;padding:25px 0;margin:0;color:#ff99ca}
.sub_title{width:1160px;margin:0 auto 30px;position:relative}h3{font-size:22px;line-height:32px;color:#ff6d63;text-align:left;margin:0 0 0 30px}h3:before{content:'';position:absolute;left:-10px;top:12px;width:20px;height:4px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#eb6d80}
.sub_title h3 span{font-size:14px;margin:0 0 0 20px}
@media screen and (max-width: 1060px) {h3,h3:before{display:block}
.block_title{color:#fff;position:relative;margin:0 0 25px}
.block_title h2{font-size:24px;line-height:34px;font-weight:100}
.block_title p{font-size:14px;line-height:24px;font-weight:100}
.block_title img{position:absolute;top:auto;
left: 50%;
transform:translateX(-50%);
-webkit- transform:translateX(-50%);
bottom:0;margin:auto}
.districts{background:#002063;padding:25px 0}
.propaty_search{background:#ff6d63;padding:25px 0}
.store_title{background:#fef2e0;padding:25px 0;color:#faa630}
.company_title{background:#0fc780;padding:25px 0;margin:0}
.local_title{background:#fff0f7;padding:25px 0;margin:0;color:#ff99ca}
.sub_title{width:88%;margin:0 auto 30px;position:relative}h3{font-size:22px;line-height:32px;color:#ff6d63;text-align:left;margin:0 0 0 30px}h3:before{content:'';position:absolute;left:-10px;top:12px;width:20px;height:4px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#eb6d80}
.sub_title h3 span{font-size:14px;margin:0 0 0 20px}
}
@media screen and (max-width:767px){h3,h3:before{display:block}
.block_title{color:#fff;position:relative;margin:0 0 5%}
.block_title h2{font-size:18px;line-height:28px;font-weight:100}
.block_title p{font-size:10px;line-height:20px;font-weight:100}
.block_title img{position:absolute;top:auto;
left: 50%;
transform:translateX(-50%);
-webkit- transform:translateX(-50%);
bottom:0;margin:auto}
.districts{background:#002063;padding:20px 0}
.propaty_search{background:#ff6d63;padding:20px 0}
.store_title{background:#fef2e0;padding:20px 0;color:#faa630}
.company_title{background:#0fc780;padding:20px 0;margin:0}
.local_title{background:#fff0f7;padding:20px 0;margin:0;color:#ff99ca}
.sub_title{width:90%;margin:0 auto 5%;position:relative}h3{font-size:14px;line-height:20px;color:#ff6d63;text-align:left;margin:0 0 0 20px}h3:before{content:'';position:absolute;left:2%;top:8px;width:10px;height:2px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#eb6d80}
.sub_title h3 span{font-size:10px;margin:0 0 0 10px}
}
.districts_btn .btn,ul.company_list li .btn,ul.store_list li dl dd .btn{font-weight:700;text-decoration:none}
.districts_btn{margin:0 0 50px}
.districts_btn .btn{color:#002063;font-size:18px;line-height:60px;height:60px;background-color:#fff;padding:21px 50px;border:1px solid #002063}
.districts_btn .btn:hover{background-color:#002063;color:#fff;text-decoration:none}
.property_banner{width:960px;margin:0 auto 100px}
.property_banner img{width:100%;height: auto;}
.property_banner a:hover img{opacity:.5}
@media screen and (max-width: 1060px) {
.property_banner{width:92%;margin:0 auto 50px}
.property_banner img{width:100%;height: auto;}
.property_banner a:hover img{opacity:.5}
}
@media screen and (max-width:767px){.districts_btn{margin:0 0 5%}
.districts_btn .btn{color:#002063;font-size:12px;line-height:44px;font-weight:700;height:44px;background-color:#fff;padding:16px 40px;text-decoration:none;border:1px solid #002063}
.districts_btn .btn:hover{background-color:#002063;color:#fff;text-decoration:none}
.property_banner{width:92%;margin:0 auto 10%}
.property_banner img{width:100%;height: auto;}
.property_banner a:hover img{opacity:.5}
}
#propaty_search_list{width:960px;margin:0 auto 50px}
#propaty_search_list ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#propaty_search_list ul li{background:#ffe9e8;width:216px;height:153px;margin:0 32px 32px 0;position:relative}
#propaty_search_list ul li a,#propaty_search_list ul li:nth-child(5) a,#propaty_search_list ul li:nth-child(6) a{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2;padding:0}
#propaty_search_list ul li a img{padding:70px 0 0}
#propaty_search_list ul li:nth-child(4){margin:0 0 32px}
#propaty_search_list ul li:nth-child(5){background:#f9f9f9;width:464px;height:153px;margin:0 32px 32px 0;position:relative}
#propaty_search_list ul li:nth-child(5) a img,#propaty_search_list ul li:nth-child(6) a img{position:absolute;left:20px;top:20px;padding:0;margin:0}
#propaty_search_list ul li:nth-child(6){background:#f9f9f9;width:464px;height:153px;margin:0 0 32px;position:relative}
#propaty_search_list ul li dl{padding:25px 0 0}
#propaty_search_list ul li dl dt{font-size:18px;line-height:28px;color:#ff6d63;margin:0 0 15px}
#propaty_search_list ul li:nth-child(5) dl dt{font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:100px;top:42px}
#propaty_search_list ul li:nth-child(5) dl dd{position:absolute;left:25px;top:25px}
#propaty_search_list ul li:nth-child(5) .number{position:absolute;right:-420px;bottom:-110px}
#propaty_search_list ul li:nth-child(5) .number p{font-size:40px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(5) .number p span{font-size:100px}
#propaty_search_list ul li:nth-child(6) dl dt{font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:100px;top:42px}
#propaty_search_list ul li:nth-child(6) dl dd{position:absolute;left:25px;top:25px}
#propaty_search_list ul li:nth-child(6) .number{position:absolute;right:-420px;bottom:-110px}
#propaty_search_list ul li:nth-child(6) .number p{font-size:40px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(6) .number p span{font-size:100px}
@media screen and (max-width: 1060px) {#propaty_search_list{width:96%;margin:0 auto 50px}
#propaty_search_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#propaty_search_list ul li{background:#ffe9e8;width:23.5%;height:153px;margin:0 2% 2% 0;position:relative}
#propaty_search_list ul li a{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2;padding:0}
#propaty_search_list ul li a img{padding:70px 0 0}
#propaty_search_list ul li:nth-child(4){margin:0 0 2%}
#propaty_search_list ul li:nth-child(5){background:#f9f9f9;width:49%;height:153px;margin:0 2% 2% 0}
#propaty_search_list ul li:nth-child(6){background:#f9f9f9;width:49%;height:153px;margin:0 0 2%}
#propaty_search_list ul li dl{padding:25px 0 0}
#propaty_search_list ul li dl dt{font-size:18px;line-height:28px;color:#ff6d63;margin:0 0 15px}
#propaty_search_list ul li:nth-child(5) dl dt{font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:90px;top:37px}
#propaty_search_list ul li:nth-child(5) dl dd{position:absolute;left:20px;top:20px}
#propaty_search_list ul li:nth-child(5) .number{position:absolute;right:-320px;bottom:-110px}
#propaty_search_list ul li:nth-child(5) .number p{font-size:32px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(5) .number p span{font-size:100px}
#propaty_search_list ul li:nth-child(6) dl dt{font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:90px;top:37px}
#propaty_search_list ul li:nth-child(6) dl dd{position:absolute;left:20px;top:20px}
#propaty_search_list ul li:nth-child(6) .number{position:absolute;right:-320px;bottom:-110px}
#propaty_search_list ul li:nth-child(6) .number p{font-size:32px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(6) .number p span{font-size:100px}
}
@media screen and (max-width:767px){#propaty_search_list{width:96%;margin:0 auto 8%}
#propaty_search_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#propaty_search_list ul li{background:#ffe9e8;width:49%;height:100px;margin:0 2% 2% 0;position:relative}
#propaty_search_list ul li a,#propaty_search_list ul li:nth-child(5) a{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2;padding:0}
#propaty_search_list ul li a img{padding:40px 0 0}
#propaty_search_list ul li:nth-child(2),#propaty_search_list ul li:nth-child(4){margin:0 0 2%}
#propaty_search_list ul li:nth-child(5),#propaty_search_list ul li:nth-child(6){background:#f9f9f9;width:100%;height:100px;margin:0 0 2%}
#propaty_search_list ul li dl{padding:10px 0 0}
#propaty_search_list ul li dl dt{font-size:14px;line-height:24px;color:#ff6d63;margin:0 0 5px}
#propaty_search_list ul li dl dd img{width: auto; height:48px}
#propaty_search_list ul li:nth-child(5) dl{width:100%}
#propaty_search_list ul li:nth-child(5) dl dt{width:100%;text-align:left;font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:60px;top:20px}
#propaty_search_list ul li:nth-child(5) dl dd{width:100%;background:#999!important}
#propaty_search_list ul li:nth-child(5) a img{width: auto; height:48px;padding:0;position:absolute;left:10px;top:10px}
#propaty_search_list ul li:nth-child(5) .number{width:90%;text-align:right;position:inherit;right:inherit;bottom:inherit}
#propaty_search_list ul li:nth-child(5) .number p{font-size:14px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(5) .number p span{font-size:60px}
#propaty_search_list ul li:nth-child(6) dl{width:100%}
#propaty_search_list ul li:nth-child(6) dl dt{width:100%;text-align:left;font-size:18px;line-height:28px;color:#ff6d63;position:absolute;left:60px;top:20px}
#propaty_search_list ul li:nth-child(6) dl dd{width:100%;ackground:#999!important}
#propaty_search_list ul li:nth-child(6) a{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2;padding:0}
#propaty_search_list ul li:nth-child(6) a img{width: auto; height:48px;padding:0;position:absolute;left:10px;top:10px}
#propaty_search_list ul li:nth-child(6) .number{width:90%;text-align:right;position:inherit;right:inherit;bottom:inherit}
#propaty_search_list ul li:nth-child(6) .number p{font-size:14px;color:#ff6d63;text-align:right}
#propaty_search_list ul li:nth-child(6) .number p span{font-size:60px}
}
@media screen and (max-width: 1060px) {.special_property{margin:0 auto 50px}
.special_property ul li img{width:100%;height: auto;}
}
@media screen and (max-width:767px){.special_property{margin:0 auto 10%}
.special_property ul li img{width:100%;height: auto;}
}
.main2{margin:0 auto 50px!important;padding:0!important}
ul.main_block ul li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.tokushu{max-width:960px;width:auto;margin:0 auto 50px;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.tokushu li{width:48%;margin:0 4% 0 0;display:inline-block}
ul.tokushu li:last-child{margin:0}
ul.tokushu li img{width:100%;height: auto;}
ul.tokushu li p{font-size:14px;line-height:18px;margin:0 0 5px}
@media screen and (max-width: 1060px) {
ul.tokushu{max-width:96%;margin:0 auto 50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.tokushu li{width:48%;margin:0 4% 0 0}
ul.tokushu li:last-child{margin:0}
ul.tokushu li img{width:100%;height: auto;}
ul.tokushu li p{font-size:12px;line-height:16px;margin:0 0 5px}
}
@media screen and (max-width:767px){
ul.tokushu{max-width:90%;margin:5% auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.tokushu li{width:100%;margin:0 0 5%}
ul.tokushu li:last-child{margin:0}
ul.tokushu li img{width:100%;height: auto;}
}
.banner_wide{width:960px;margin:0 auto 30px}
.banner_wide img{width:100%;height: auto;}
.banner_wide a:hover img{opacity:.5}
.banner_list{width:960px;margin:0 auto 70px}
.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list ul li{width:300px;margin:0 30px 30px 0}
.banner_list ul li:nth-child(3n){margin:0 0 30px}
.banner_list ul li img{width:100%;height: auto;}
.banner_list ul li a:hover img{opacity:.5}
@media screen and (max-width: 1060px) {.banner_list ul li a:hover img,.banner_wide a:hover img{opacity:.5}
.banner_wide{width:96%;margin:0 auto 2%}
.banner_wide img{width:100%;height: auto;}
.banner_list{width:96%;margin:0 auto 20px}
.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list ul li{width:32%;margin:0 2% 2% 0}
.banner_list ul li:nth-child(3n){margin:0 0 2%}
.banner_list ul li img{width:100%;height: auto;}
}
@media screen and (max-width:767px){.banner_list ul li a:hover img,.banner_wide a:hover img{opacity:.5}
.banner_wide{width:90%;margin:0 auto 2%}
.banner_wide img{width:100%;height: auto;}
.banner_list{width:90%;margin:0 auto 8%}
.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list ul li{width:100%;margin:0 0 2%}
.banner_list ul li img{width:100%;height: auto;}
}
.store{background:#fef2e0;padding:0 0 100px}
ul.store_list{width:960px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.store_list li{width:48%;margin:0 4% 0 0;background:#fff}
ul.store_list li:nth-child(2n){margin:0}
ul.store_list li .store_pic,ul.store_list li .store_pic img{width:100%;height: auto;}
ul.store_list li dl{padding:15px 20px 20px;text-align:left}
ul.store_list li dl dt{font-size:18px;line-height:20px}
ul.store_list li dl dt span{font-size:12px;color:#f7891c}
ul.store_list li dl dd{font-size:12px;line-height:20px;padding:10px 0 0}
ul.store_list li dl dd .btn{color:#f7891c;font-size:18px;line-height:60px;text-align:center;width:100%;height:60px;background-color:#fff;padding:0;border:1px solid #f7891c;margin:0 auto;display:block}
ul.store_list li dl dd .btn:hover{background-color:#f7891c;color:#fff;text-decoration:none}
@media screen and (max-width: 1060px) {.store{background:#fef2e0;padding:0 0 50px}
ul.store_list{width:96%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.store_list li{width:48%;margin:0 4% 0 0;background:#fff}
ul.store_list li:nth-child(2n){margin:0}
ul.store_list li .store_pic,ul.store_list li .store_pic img{width:100%;height: auto;}
ul.store_list li dl{padding:15px 20px 20px;text-align:left}
ul.store_list li dl dt{font-size:18px;line-height:20px}
ul.store_list li dl dt span{font-size:12px;color:#f7891c}
ul.store_list li dl dd{font-size:12px;line-height:20px;padding:10px 0 0}
ul.store_list li dl dd span{display:block}
ul.store_list li dl dd .btn{color:#f7891c;font-size:14px;line-height:50px;font-weight:700;text-align:center;width:100%;height:50px;background-color:#fff;padding:0;text-decoration:none;border:1px solid #f7891c;margin:0 auto;display:block}
ul.store_list li dl dd .btn:hover{background-color:#f7891c;color:#fff;text-decoration:none}
}
@media screen and (max-width:767px){.store{background:#fef2e0;padding:0 0 10%}
ul.store_list{width:90%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.store_list li{width:100%;margin:0 0 5%;background:#fff}
ul.store_list li:nth-child(2n){margin:0 0 5%}
ul.store_list li .store_pic,ul.store_list li .store_pic img{width:100%;height: auto;}
ul.store_list li dl{padding:15px 20px 20px;text-align:left}
ul.store_list li dl dt{font-size:18px;line-height:20px}
ul.store_list li dl dt span{font-size:12px;color:#f7891c}
ul.store_list li dl dd{font-size:12px;line-height:20px;padding:10px 0 0}
ul.store_list li dl dd span{display:inline}
ul.store_list li dl dd .btn{color:#f7891c;font-size:14px;line-height:50px;font-weight:700;text-align:center;width:100%;height:50px;background-color:#fff;padding:0;text-decoration:none;border:1px solid #f7891c;margin:0 auto;display:block}
ul.store_list li dl dd .btn:hover{background-color:#f7891c;color:#fff;text-decoration:none}
}
.company{background-image:url(../images/company.jpg);background-size:cover;background-position:center bottom;width:100%;height:400px}
ul.company_list{width:960px;margin:0 auto;padding:310px 0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.company_list li{width:176px;margin:0 20px 0 0}
ul.company_list li:last-child{margin:0}
ul.company_list li .btn{color:#0fc780;font-size:16px;line-height:60px;text-align:center;width:100%;height:60px;background-color:#fff;padding:0;border:1px solid #0fc780;margin:0 auto;display:block}
ul.company_list li .btn:hover{background-color:#0fc780;color:#fff;text-decoration:none}
@media screen and (max-width: 1060px) {.company{background-image:url(../images/company.jpg);background-size:cover;background-position:center bottom;width:100%;height:320px}
ul.company_list{width:90%;margin:0 auto;padding:230px 0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.company_list li{width:18%;margin:0 2.5% 0 0;}
ul.company_list li:last-child{margin:0}
ul.company_list li .btn{color:#0fc780;font-size:16px;line-height:60px;font-weight:700;text-align:center;width:100%;height:60px;background-color:#fff;padding:0;text-decoration:none;border:1px solid #0fc780;margin:0 auto;display:block}
ul.company_list li .btn:hover{background-color:#0fc780;color:#fff;text-decoration:none}
}
@media screen and (max-width:767px){.company{background-image:url(../images/company_sph.jpg);background-size:cover;background-position:center bottom;width:100%;height:140px}
ul.company_list{width:90%;margin:0 auto;padding:40px 0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.company_list li{width:32%;margin:0 2% 2% 0;}
ul.company_list li:nth-child(3n) {margin:0}
ul.company_list li:last-child{margin:0}
ul.company_list li .btn{color:#0fc780;font-size:2.4vw;line-height:32px;font-weight:700;text-align:center;width:100%;height:32px;background-color:#fff;padding:0;text-decoration:none;border:1px solid #0fc780;margin:0 auto;display:block}
ul.company_list li .btn:hover{background-color:#0fc780;color:#fff;text-decoration:none}
}
.local{width:100%;padding:50px 0 100px;background:#fff0f7}
.local ul{width:960px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.local ul li{width:410px;margin:0}
.local ul li:first-child{width:530px;margin:0 20px 0 0}
#instagram img{width: auto; height:40px;margin:0 0 16px}
.local ul li #insta{width:100%;margin:0 auto}
.local ul li #insta ul#instafeed{width:100%;margin:0}
.local ul li #insta ul#instafeed li{float:left;width:25%;height:auto;overflow:hidden;margin:0;text-align:center}
.local ul li #insta ul#instafeed li a{display:block;height:0;width:100%;padding-bottom:100%;overflow:hidden;text-align:center;position:relative}
.local ul li #insta ul#instafeed li img{width:auto;min-width:100%;height:101%;vertical-align:bottom;object-fit:cover;position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;margin:auto}
.simply-scroll{width:100%!important;height:234px;margin-bottom:1em}
.simply-scroll .simply-scroll-clip{width:100%;height:234px}
.simply-scroll .simply-scroll-list li{float:left;width:234px;height:234px}
.simply-scroll .simply-scroll-list li img{width:100%;height: auto;}
@media screen and (max-width: 1060px) {.local{width:100%;padding:30px 0 50px;background:#fff0f7}
.local ul{width:90%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.local ul li{width:100%;margin:0}
.local ul li:first-child{width:100%;margin:0 0 5%}
#instagram img{width: auto; height:40px;margin:0 0 10px}
.local ul li #insta{width:100%;margin:0 auto}
.local ul li #insta ul#instafeed{width:100%;margin:0}
.local ul li #insta ul#instafeed li{float:left;width:25%;margin:0}
.local ul li #insta ul#instafeed li:first-child{width:25%!important}
.local ul li #insta ul#instafeed li img{width:100%;height: auto;vertical-align:bottom}
}
@media screen and (max-width:767px){.local{width:100%;padding:5% 0 10%;background:#fff0f7}
.local ul{width:90%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.local ul li{width:100%;margin:0}
.local ul li:first-child{width:100%!important;margin:0 0 5%}
#instagram img{width: auto; height:30px;margin:0 0 10px}
.local ul li #insta{width:100%;margin:0 auto}
.local ul li #insta ul#instafeed{width:100%;margin:0}
.local ul li #insta ul#instafeed li{float:left;width:25%;margin:0}
.local ul li #insta ul#instafeed li img{width:100%;height: auto;vertical-align:bottom}
}
.facebook-wrapper{max-width:500px;margin:0 auto}
.facebook-wrapper>.fb-page{width:100%}
.facebook-wrapper iframe,.facebook-wrapper>.fb-page>span{width:100%!important;height:720px!important}
.facebook-wrapper span{height:720px!important}
@media screen and (max-width: 1060px) {.facebook-wrapper{max-width:500px;margin:0 auto}
.facebook-wrapper>.fb-page{width:100%}
.facebook-wrapper iframe,.facebook-wrapper>.fb-page>span{width:100%!important}
}
@media screen and (max-width:767px){.facebook-wrapper{max-width:500px;margin:0 auto;height:auto!important}
.facebook-wrapper>.fb-page{width:100%}
.facebook-wrapper iframe,.facebook-wrapper>.fb-page>span{width:100%!important;height:320px!important;overflow:hidden}
}
.banner_list2{width:960px;margin:0 auto 70px}
.banner_list2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list2 ul li{width:216px;margin:0 32px 30px 0}
.banner_list2 ul li:nth-child(4n){margin:0 0 30px}
.banner_list2 ul li img{width:100%;height: auto;}
.banner_list2 ul li a:hover img{opacity:.5}
@media screen and (max-width: 1060px) {
.banner_list2 ul li a:hover img,.banner_wide a:hover img{opacity:.5}
.banner_list2{width:96%;margin:0 auto 20px}
.banner_list2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list2 ul li{width:23.5%;margin:0 2% 2% 0}
.banner_list2 ul li:nth-child(4n){margin:0 0 2%}
.banner_list2 ul li img{width:100%;height: auto;}}
@media screen and (max-width:767px){
.banner_list2 ul li a:hover img,.banner_wide a:hover img{opacity:.5}
.banner_list2{width:90%;margin:0 auto 8%}
.banner_list2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_list2 ul li{width:100%;margin:0 0 2%}
.banner_list2 ul li img{width:100%;height: auto;}}
.banner_list{width:960px;margin:0 auto;}.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner_list ul li{width:300px;margin:0 30px 30px 0}.banner_list ul li:nth-child(3n){margin:0 0 30px}.banner_list ul li img{width:100%;height: auto;}.banner_list ul li a:hover img{opacity:.5}
@media screen and (max-width: 1060px) {.banner_list ul li a:hover img,.banner_wide a:hover img{opacity:.5}.banner_wide{width:96%;margin:0 auto 2%}.banner_wide img{width:100%;height: auto;}.banner_list{width:96%;margin:0 auto;}.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner_list ul li{width:32%;margin:0 2% 2% 0}.banner_list ul li:nth-child(3n){margin:0 0 2%}.banner_list ul li img{width:100%;height: auto;}}
@media screen and (max-width:767px){.banner_list ul li a:hover img,.banner_wide a:hover img{opacity:.5}.banner_wide{width:90%;margin:0 auto 2%}.banner_wide img{width:100%;height: auto;}.banner_list{width:90%;margin:0 auto;}.banner_list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner_list ul li{width:100%;margin:0 0 2%}.banner_list ul li img{width:100%;height: auto;}}
.banner_wide2{width:960px;margin:0 auto 30px;}
.banner_wide2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_wide2 ul li{width:465px;margin:0 30px 0 0}
.banner_wide2 ul li:nth-child(2n){margin:0;}
.banner_wide2 ul li img{width:100%;height: auto;}
.banner_wide2 ul li a:hover img{opacity:.5}
.banner_wide2 ul li ul {width: 100%;}
.banner_wide2 ul li ul li {margin: 0 0 30px;}
.banner_wide2 ul li ul li:last-child {margin: 0;}
@media screen and (max-width: 1060px) {
.banner_wide2{width:96%;margin:0 auto 2%;}
.banner_wide2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_wide2 ul li{width:49%;margin:0 2% 0 0}
.banner_wide2 ul li:nth-child(2n){margin:0;}
.banner_wide2 ul li img{width:100%;height: auto;}
.banner_wide2 ul li a:hover img{opacity:.5}
.banner_wide2 ul li ul {width: 100%;}
.banner_wide2 ul li ul li {width: 100%; margin: 0 0 6%;}
.banner_wide2 ul li ul li:last-child {margin: 0;}
}
@media screen and (max-width:767px){
.banner_wide2{width:90%;margin:0 auto 2%;}
.banner_wide2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.banner_wide2 ul li{width:49%;margin:0 2% 0 0}
.banner_wide2 ul li:nth-child(2n){margin:0;}
.banner_wide2 ul li img{width:100%;height: auto;}
.banner_wide2 ul li a:hover img{opacity:.5}
.banner_wide2 ul li ul {width: 100%;}
.banner_wide2 ul li ul li {width: 100%; margin: 0 0 6%;}
.banner_wide2 ul li ul li:last-child {margin: 0;}
}
.box{}
/* fadeUp */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
 from {
 opacity: 0;
 transform: translateY(100px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}
 
.fadeUpTrigger{
 opacity: 0;
}
.elem {
 opacity: 0.1;
 transition: 1s;
}
.isAnimate {
 opacity: 1;
}
#slider{
 opacity: 0;
 transition: opacity .3s linear;
}
#slider.slick-initialized{
 opacity: 1;
}
.slide_block {
 width: 100%;
}
ul#slider> li:not(:first-child) {
 display: none;
}
.sdgs_banner_back {padding: 40px 0;}
.sdgs_banner_back .sdgs_banner {width: 960px;margin: auto;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
overflow: hidden;}
.sdgs_banner_back .sdgs_banner img {width: 100%;height: auto;}
.sdgs_banner_back .sdgs_banner a {transition-duration: 1s;}
.sdgs_banner_back .sdgs_banner a:hover {opacity: 0.5;}
@media screen and (max-width: 1060px) {
.sdgs_banner_back {padding: 5% 0;}
.sdgs_banner_back .sdgs_banner {width: 90%;margin: auto;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
overflow: hidden;}
.sdgs_banner_back .sdgs_banner img {width: 100%;height: auto;}
.sdgs_banner_back .sdgs_banner a {transition-duration: 1s;}
.sdgs_banner_back .sdgs_banner a:hover {opacity: 0.5;}
}
@media screen and (max-width:767px){
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.mikuni-home.co.jp/css/top.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.mikuni-home.co.jp/css/top.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>