@charset "utf-8";

/* common */
.blue-color { color:#7cb1ce; }
.menu_overlay { top: 118px; }
.body, html { min-width: 1300px; }
a img { opacity:1; -webkit-transition:opacity .3s; transition:opacity .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


/*　---------------------------
	gnav
--------------------------*/
.top .g_nav { border-top: none; background: none; width: 260px; position: absolute; top:0; z-index:500; }
.top .g_nav_body { padding: 0; }
.top .g_nav_body .g_nav_item { border: none; float: none; width: 100%; display: table; }
.top .g_nav_body .g_nav_item.item02 .g_nav_item-body,
.top .g_nav_body .g_nav_item.item03 .g_nav_item-body,
.top .g_nav_body .g_nav_item.item04 .g_nav_item-body,
.top .g_nav_body .g_nav_item.item05 .g_nav_item-body{ top:0; }
.top .g_nav_body .g_nav_item .g_nav_link { border-bottom: 1px solid #fff; border-left: 6px solid #de5411; display: table-cell; height: 99px; vertical-align: middle; color: #fff; font-size: 20px; padding: 0 20px 0 16px; text-align: left; background-color: #58595b !important; position: relative;}
.top .g_nav_body .g_nav_item .g_nav_link .nav-att { display: block; font-size: 13px; line-height: 1.5;}
.top .g_nav_body .g_nav_item .g_nav_link:hover { background-color: #de5411 !important;}
.top .g_nav_body .g_nav_item .g_nav_link > img { position: absolute; right: 24px; top: 14px; }

/* 背景色アニメーション */
.lxfx{
    position: fixed;
    width:77px;
    height:auto;
    top:45%;
    right:15px;
    z-index: 11;
}
.lxfx li{
    color:#fff;
    display: block;
    height:38px;
    width:300px;
	padding-top: 9px;
}
.lxfx li a{
    color:#fff;
    display: block;
    width:300px;
}
.leftlx{
    float:left;
    width:77px;
    height:47px;
	cursor:pointer;
}
.lxfx li span{
    font-size: 18px;
    color: #fff;
    float: rihgt;
    
    line-height: 20px;
    padding-left: 8px;
    border-left: 1px solid #fff;
}
.ewm{
    width:120px;
    height:120px;
    background: #c0c0c0;
    
    position: absolute;
    left:-145px;
    top:-40px;
    display: none;
}
.lxfx li i{
    display: block;
    width:30px;
    height:27px;
    margin:0px auto;
    text-align: center;
    background: url(../images/fx.png) no-repeat;
    background-position: 4px 0px;
}
.lxfx li i.icon-tel{
    background-position: 0px -25px;
}
.lxfx li i.icon-ly{
    background-position: 4px -53px;
}
.lxfx li i.icon-wx{
     background-position: -34px 4px;
 }
.lxfx li i.icon-wb{
    background-position: -30px -22px;
}
.lxfx li p{
    text-align: center;
    line-height: 12px;
}
.lxfx li{
    width:77px;
    height:57px;
    background: #1b7923;
    margin-bottom: 1px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
}


.top .g_nav_body .g_nav_item .g_nav_link {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 50%, rgba(27,121,35,1) 50%);
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(222,84,17,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	-webkit-transition:.3s;
	transition: .3s;
}
.top .g_nav_body .g_nav_item .g_nav_link:hover {
	background-position: -100% 0;
}

.top .g_nav_item-body { display: none; padding: 31px 0 29px 0; }
.top .g_nav_item-body .list_group_a { display: block;}
.top .g_nav_item-head { padding: 0; }
.top .g_nav_item-head h3 { padding: 0 0 10px 70px; border-bottom: 2px solid #ed1c24; position: relative; }
.top .g_nav_item-head h3:before { content:""; position: absolute; top:4px; left:40px; background-image: url(../images/nav-icon.png); width: 20px; height: 20px; }
.top .g_nav_item-head h3 .nav-link-att { font-size: 14px; margin-left: 10px; }
.top .g_nav_item .g_nav_item-body { margin-top: 0; left: 260px; z-index: 100; }


/*　---------------------------
	mainvisual
--------------------------*/
.mainvisual_wrap { background-color: #58595b; width: 100%; position: relative;}
.mainvisual_block { max-width: 100%; min-height: 494px; margin-left: 260px; border-left: 1px solid #fff; }
.mainvisual_block img { min-height: 494px;}


/*　---------------------------
	news
--------------------------*/
.bg{ background:#fff; padding-top:20px;}
.news_wrap { width: 63.059%; margin:0 auto; position:relative; }
.news_wrap .alpha_block { width: 48%; margin-right: 4%;}
.news_wrap .top-bnr_block { width: 48%; margin:60px 0 60px; float: left; }
.news_wrap .top-bnr_block ul li { margin-bottom: 20px; }
.news_wrap .top-bnr_block ul li:last-child{ margin-bottom: 0; }
.news_wrap .top-bnr_block ul li a { -webkit-transition:0.3s; transition:0.3s; }
.news_wrap .top-bnr_block ul li a:hover { opacity:0.7; -webkit-transition:0.3s; transition:0.3s; }
.tel{ position:absolute; width:220px; height:60px; right:0px; top:0px;}
.tel span{ display:block; width:220px; height:30px; line-height:30px; font-size:16px; color:#3577e4;}

/*　---------------------------
	indivisual block
--------------------------*/
.individual-custemer_block { width: 100%; padding-bottom: 120px; background-color: #de5411; background-image: url(../img/renewal-top/individual-bg.jpg); background-repeat: repeat-x; background-position: bottom; }
.individual-custemer_block > h2 { text-align: center; padding-top: 66px; color:#fff; margin-bottom: 10px; }
.individual-custemer_block > p { text-align: center; color:#fff; margin-bottom: 56px; }
.individual-custemer_block .inidividual-bnr_wrap { width: 63.059%; margin: 0 auto; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block { width: 49%; height: 290px; overflow: hidden; float: left; margin: 0 10px 10px 0;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block:nth-child(even) { margin-right: 0; }

.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr { width: 100%; height: 290px; display: table; text-align: center; position: relative;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr:before { -webkit-transition: -webkit-transform 0.5s linear;　transition: transform 0.5s linear;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr:hover:before { -webkit-transform: scale(1.2); transform: scale(1.2);}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr:before { position: absolute; content:""; width: 100%; height: 100%; top:0; left:0; z-index:20;-webkit-transition:0.3s;transition: 0.3s; background-size: cover; display: block; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr:hover:before { background-color: rgba(0,0,0,0); -webkit-transition:0.3s; transition: 0.3s;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr .individual-bnr_txt { display: table-cell; vertical-align: middle; position: relative; z-index:25; font-weight: bold; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr .individual-bnr_txt:before { background-color: rgba(0,0,0,0.6); position: absolute; top:0; left: -10%; width: 120%; height: 290px; content:""; display: block; -webkit-transition:0.3s; transition: 0.3s;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr .individual-bnr_txt:hover:before { background-color: rgba(0,0,0,0); -webkit-transition:0.3s; transition: 0.3s;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr .individual-bnr_txt p { font-size: 21px; border-bottom: 3px solid #fff; color: #fff; text-align: center; height: 50px; display: inline-block; position: relative; z-index:600;}

.individual-custemer_block .inidividual-bnr_wrap .bnr01:before { background: url(../images/individual-bnr01.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .bnr02:before { background: url(../images/individual-bnr02.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .bnr03:before { background: url(../images/individual-bnr03.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .bnr04:before { background: url(../images/individual-bnr04.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr.bnr05:before { background: url(../images/individual-bnr05.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr.bnr06:before { background: url(../images/individual-bnr06.jpg) no-repeat center center; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block.min-bnr { height: 210px; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block .inidividual-bnr.bnr05,
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block .inidividual-bnr.bnr06 { height: 210px; }

/*　---------------------------
	bottom banner
--------------------------*/
.bottom-bnr_block { padding: 0px 0; background: #f5f5f5;}
.bottom-bnr_block ul { width: 63.059%; margin: 0 auto ; }
.bottom-bnr_block ul li { float: right; margin-right: 8.81%; width: 100%;}
.bottom-bnr_block ul li img { -webkit-transition:0.3s; transition:0.3s; }
.bottom-bnr_block ul li img:hover { opacity:0.7; -webkit-transition:0.3s; transition:0.3s; }
.bottom-bnr_block ul li:last-child { margin-right: 0;}




@media only screen and (max-width: 39.9375em) {

.body, html { min-width: 320px; }

/*　---------------------------
	gnav
--------------------------*/
.top .g_nav {width: 100%; position: static;}
.top .g_nav_body .g_nav_item { float: left; width: 50%; display: block; }
.top .g_nav_body .g_nav_item:nth-child(even) .g_nav_link { border-right: none; }
.top .g_nav_body .g_nav_item .g_nav_link { width: 10%; border-right: 1px solid #fff; border-left:none; height: 70px; font-size: 16px; padding: 0 50px 0 10px}
.top .g_nav_body .g_nav_item .g_nav_link .nav-att { font-size: 9px;}
.top .g_nav_body .g_nav_item .g_nav_link > img { right: 12px; top: 14px; width: 40px; }
.top .g_nav_body .g_nav_item .g_nav_link { background-image: none; }
.top .g_nav_body .g_nav_item .g_nav_link:hover { background-color: inherit !important;}
.top .g_nav_body .g_nav_item:last-child { width: 100%; }
.top .g_nav_body .g_nav_item:last-child .g_nav_link { text-align: center; padding-right: 0; border-right: none;}


/*　---------------------------
	mainvisual
--------------------------*/
.mainvisual_block { min-height: inherit; margin-left: 0; border: none;}
.mainvisual_block img { width: 100%; min-height: inherit; min-width: inherit; }
.menu_overlay { display: none!important; }

/*　---------------------------
	news
--------------------------*/
.news_wrap { width: 89.333%; }
.news_wrap .alpha_block { width: 100%; margin-right: 0;}
.news_wrap .top-bnr_block { width: 100%; margin:50px 0 50px; float: none; }
.news_wrap .top-bnr_block ul li:first-child{ margin-bottom: 20px; }


/*　---------------------------
	indivisual block
--------------------------*/
.individual-custemer_block { padding-bottom: 75px; background-image: url(../images/sp-individual-bg.jpg); background-size: contain;}
.individual-custemer_block > h2 { font-size: 24px; padding-top: 35px; }
.individual-custemer_block > p { text-align: center; color:#fff; margin-bottom: 25px; font-size: 9px; }

.individual-custemer_block .inidividual-bnr_wrap { width: 89.333%; margin: 0 auto; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block { width: 100%; height: 190px; overflow: hidden; float: none; margin: 0 0 5px 0;}
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr-block:nth-child(even) { margin-right: 0; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr { width: 100%; height: 190px; }
.individual-custemer_block .inidividual-bnr_wrap .inidividual-bnr .individual-bnr_txt p { font-size: 16px; height: 40px;}

/*　---------------------------
	bottom banner
--------------------------*/
.bottom-bnr_block { padding: 25px 0; }
.bottom-bnr_block ul { width: 89.333%; margin: 0 auto ; }
.bottom-bnr_block ul li { float: left; margin: 0 3% 10px 0; width: 48.5%;}
.bottom-bnr_block ul li:nth-child(even) { margin-right: 0;}

body.is-js .menu_overlay { display: block!important; top:0; z-index: 50;}
}