@charset "utf-8";
@import "reset.css";
@import "form.css";
@import "mmaga.css";
@import "blog.css";
@import "sns.css";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,"MS PGothic","Osaka",Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing: 0.5px;color:#000;min-width:1200px;}
table{font-size:1em;}

.layout_container{position:relative;}

.layout_header{height:167px;}
.layout_header.top_fix{height:669px;}
.layout_header.on .header_navi{position:fixed;top:0;left:0;z-index:999;}

.header_visual{height:502px;}
.header_visual ul{width:100%;height:502px;position:relative;}
.header_visual li{position:absolute;top:0;left:0;width:100%;height:100%;}
.header_visual li span.image,.header_visual li a{display:block;width:100%;height:100%;}
.header_visual li span.image{background:none 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}

.header_contents{height:118px;background:#ffc000;}
.header_contents .wrapper{padding:18px 0 15px;position:relative;width:1020px;margin-right:auto;margin-left:auto;}
.header_contents .logo{position:absolute;top:31px;left:27px;width:260px;height:68px;}
.header_contents .logo a{background-image:url(../images/head_logo.png);}
.header_contents .tel{position:absolute;top:20px;left:449px;width:282px;height:83px;}
.header_contents .tel span{background-image:url(../images/head_tel.jpg);display:block;}

/*
.header_contents .btn{position:absolute;top:18px;right:19px;width:251px;height:85px;}
.header_contents .btn. a{background:url(../images/head_btn.jpg) no-repeat top left;}*/

.header_contents .btn_wrapper{position:absolute;right:19px;}
.header_contents .btn{width:251px;height:48px;}
.header_contents .btn.contact a{background:url(../images/head_btn_contact.png) no-repeat top left;top:18px;}
.header_contents .btn.line a{background:url(../images/head_btn_line.png) no-repeat top left;top:20px;}
.header_contents .btn a:hover{background-position:left 3px;}

.header_navi{width:100%;height:49px;background:#eeeeee;}

.header_navi > ul{width:1020px;height:49px;margin-right:auto;margin-left:auto;position:relative;}
.header_navi li{height:49px;position: relative;}
.header_navi li a,.header_navi li span{background:none top left no-repeat;z-index: 10;position: relative;
-moz-transition: background 0.2s ease-in;-webkit-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in;-ms-transition: background 0.2s ease-in;transition: background 0.2s ease-in;}
.header_navi li.home a{width:146px;background-image:url(../images/navi_home.jpg);}
.header_navi li.about a{width:146px;background-image:url(../images/navi_about.jpg);}
.header_navi li.purpose a,.header_navi li.purpose span{width:145px;background-image:url(../images/navi_purpose.jpg);}
.header_navi li.lineup a{width:146px;background-image:url(../images/navi_lineup.jpg);}
.header_navi li.example a,.header_navi li.example span{width:146px;background-image:url(../images/navi_example.jpg);}
.header_navi li.faq a{width:146px;background-image:url(../images/navi_faq.jpg);}
.header_navi li.contact a{width:146px;background-image:url(../images/navi_contact.jpg);}
.header_navi li.sale a{width:145px;background-image:url(../images/navi_sale.jpg);}
.header_navi li a.on,.header_navi li a:hover,.header_navi li span.on,.header_navi li span:hover{background-position:left bottom;}
.header_navi li span:hover{cursor:pointer;}
.header_navi ul.in{position:absolute;width:875px;height:0;top:49px;left:-1px;overflow:hidden;border-left: 1px solid #CCC;
-moz-transition: height 0.15s ease-in;-webkit-transition: height 0.15s ease-in;-o-transition: height 0.15s ease-in;-ms-transition: height 0.15s ease-in;transition: height 0.15s ease-in;}
.header_navi .purpose ul.in{border-left: none;left: -293px;}
.header_navi li.start a{width:146px;background-image:url(../images/navi_purpose_start.jpg);}
.header_navi li.rental a{width:146px;background-image:url(../images/navi_purpose_rental.jpg);}
.header_navi li.buy a{width:145px;background-image:url(../images/navi_purpose_buy.jpg);}
.header_navi li.sell a{width:146px;background-image:url(../images/navi_purpose_sell.jpg);}
.header_navi li.repair a{width:145px;background-image:url(../images/navi_purpose_repair.jpg);}
.header_navi li.transport a{width:146px;background-image:url(../images/navi_purpose_transport.jpg);}
.header_navi li.installation a{width:146px;background-image:url(../images/navi_example_installation.jpg);}
.header_navi li.lehabilitation a{width:146px;background-image:url(../images/navi_example_lehabilitation.jpg);}
.header_navi li.event a{width:145px;background-image:url(../images/navi_event.jpg);}
.header_navi ul.opened{height:49px;}

.layout_gride{width:1020px;margin-right:auto;margin-left:auto;}
.layout_gride_middle{width:908px;margin-right:auto;margin-left:auto;}
.layout_gride_narrow{width:886px;margin-right:auto;margin-left:auto;}

.layout_footer{}
.l_breadcrumb{max-width:1020px;margin-right:auto;margin-left:auto;padding:10px 0;}
.l_breadcrumb ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:right;}

.footer_contents{/** background:#fece3c; **/background-color:#f1bd1c;min-height:278px;height:auto !important; height:278px;padding-top:30px;}
.footer_contents .wrapper{width:1020px;margin-right:auto;margin-left:auto;padding:22px 0 35px;}
.footer_contents .box1{width:260px;padding-left:20px;margin-right:130px;}
.footer_contents .box1 h2{width:260px;height:68px;margin-bottom:18px;background:url(../images/foot_logo.png);}
.footer_contents .box1 .address{width:297px;height:116px;/** background:url(../images/foot_address.jpg); **/background:url(../images/foot_address.png);}
.footer_contents .box2{width:220px;padding-top:36px;margin-right:20px;}
.footer_contents .box3{width:220px;padding-top:36px;margin-right:20px;}
.footer_contents .box4{width:150px;padding-top:36px;margin-right:-20px;}
.footer_copy{height:22px;/** background:#333333; **/background-color:#000;text-align:center;color:#fff;font-size:11px;line-height:20px;padding:1px 0;}

.footer_contents li a,
.footer_contents li span{font-size:14px;line-height:18px;padding:4px 0;display:block;}
.footer_contents li > ul li a{/** background:url(../images/icon_in_list.jpg) no-repeat left 50%; **/background:url(../images/icon_in_list.png) no-repeat left 50%;padding-left:8px;}
.footer_contents li > ul li.tail a{/** background-image:url(../images/icon_in_list_tail.jpg); **/background-image:url(../images/icon_in_list_tail.png);}

.layout_gotop{position:fixed;opacity:0;width:70px;height:65px;right:25px;bottom:25px;background:url(../images/go_top_off.png) no-repeat;
-moz-transition: opacity 0.3s ease-in;-webkit-transition: opacity 0.3s ease-in;-o-transition: opacity 0.3s ease-in;-ms-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;}
.layout_gotop a{display:block;width:70px;height:65px;background-image:url(../images/go_top_on.png);opacity:0;
-moz-transition: opacity 0.3s ease-in;-webkit-transition: opacity 0.3s ease-in;-o-transition: opacity 0.3s ease-in;-ms-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;}
.layout_gotop a:hover{opacity:1;}
.layout_gotop.on{opacity:1;}

.come_btn a{display: block;text-decoration: none;font-size:15px;line-height:1.1;font-weight:bold;
    background:url(../images/form_arrow_next.png) 90% center no-repeat #ffc000;
    text-align:center;width:300px;padding:20px;border:1px solid #ffc000;position:relative;
    -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;
    margin: 0 auto;color: #000;
}