@charset "utf-8";

.l_column_main{padding-bottom:40px;}

/********** メインビジュアル **********/
/** jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ ** Copyright 2012 WooThemes* Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html ** Contributing author: Tyler Smith (@mbmufffin)*/
 /* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles*********************************/ 
.slider_img{ position:relative;}
.slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ /** max-height: 350px; **/ max-width: 640px; margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height:1%;}
/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.flexslider .area_navi {max-width: 1270px;margin: 0 auto;position: absolute;
  width: 100%;max-height: 600px;display: flex;justify-content: center;align-items: center;
  height: 100%;left: 50%;transform: translateX(-50%);/*z-index: 99;*/
}

.flex-control-nav {
  width: 100%; position: absolute; bottom: 7px; text-align: center;z-index:10;
}
.flex-control-nav li {margin:0 4px;display:inline-block;}
.flex-control-paging li a {width:10px;height:10px;display:block;background:#fff;
  cursor: pointer;text-indent:-9999px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.flex-control-paging li a.flex-active {background:#ff9c00;cursor:default;}
.l_header_image{max-height:648px;position:relative;overflow: hidden;}
.l_header_image span{padding-top:32%;background-size:cover;background-repeat:no-repeat;background-position:center;}

.flex-direction-nav {height: 0;}
.flex-direction-nav a {  text-decoration: none;display: block;width: 44px;height: 76px;margin: -38px 0 0;
  position: absolute;top: 50%;z-index: 10;overflow: hidden;cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}


.flex-direction-nav a:before {content:'';display: inline-block;width: 44px;height: 76px;}
.flex-direction-nav a.flex-prev:before {margin-left: 0;background: url(../images/arw_top_prev.png) no-repeat;background-size: 44px 76px;}
.flex-direction-nav a.flex-next:before {margin-right: 0;background: url(../images/arw_top_next.png) no-repeat;background-size: 44px 76px;}
.flex-direction-nav .flex-prev { left: 10px;}
.flex-direction-nav .flex-next { right: 10px;text-align: right;}
.flex-direction-nav .flex-prev:hover{opacity: 0.8;}
.flex-direction-nav .flex-next:hover{opacity: 0.8;}

@media screen and (min-width:1320px){
  .flex-direction-nav .flex-prev { left: 10%;}
  .flex-direction-nav .flex-next { right: 10%;}
  /**
  .flex-direction-nav .flex-prev:hover{left: 5%;}
  .flex-direction-nav .flex-next:hover{right: 5%;}
  **/
}


/**/
.l_home_top_banner{max-width: 1080px;margin: 0 auto;}
.l_home_top_banner .home_bannerlist{padding: 90px 0 90px;}
.l_home_top_banner ul{display: flex;margin: 0 -20px;}
.l_home_top_banner ul li{-webkit-box-sizing: border-box;box-sizing: border-box;width: 50%;padding: 0 20px;}
.l_home_top_banner ul li a:hover{opacity: 0.8;}

/**/
.l_home_about{padding:80px 0 90px;}
.l_home_about h2{font-size:24px;line-height:1.5;text-align:center;margin-bottom:40px;
font-weight:bold;
}

.l_home_about .inner{/*! display:flex; */align-items: center;width: 880px;margin: 0 auto;}
.l_home_about p.text{font-size:16px;}
.l_home_about .area_image{width:100%;display:flex;/*! align-items: center; */margin-bottom: 40px;}
.l_home_about .area_image span.image{display:block;width:100%;background-repeat:no-repeat;
}
.l_home_about .area_image .main_area{width:640px;height:420px;margin-right: 10px;}
.l_home_about .area_image .main_area span.image{background-size:cover;background-position:center top;padding-top:67%;}
.l_home_about .area_image .main_area p{display:none;}
.l_home_about .area_image .main_area p:first-of-type{display:block;}

.l_home_about .area_image .sub_area{width: 150px;}
.l_home_about .area_image .sub_area ul.thumbnail{/*! display:flex; *//*! margin-right:-12px; */}
.l_home_about .area_image .sub_area ul.thumbnail li{display:inline-block;font-size:0;/*! height:110px; */width:230px;margin-bottom:10px;}
.l_home_about .area_image .sub_area ul.thumbnail li a{display:block;width:100%;}
.l_home_about .area_image .sub_area ul.thumbnail li.active{display:none;}
.l_home_about .area_image .sub_area .thumbnail span.image{background-size:cover;height:0;padding-top:59.22%;background-position:center;}

.l_home_menu_category h2{text-align:center;background:url("../images/title_search.png") no-repeat top center;font-size:28px;line-height:1;padding-top:60px;font-weight:bold;
background-size: 48px auto;
}
.l_home_menu_category{max-width:1920px;margin:0 auto;}
.l_home_menu_category .home_menu_list{margin: 40px auto 0;max-width: 1120px;}
.l_home_menu_category ul{display:flex;font-size:0;flex-wrap:wrap;margin-left: 10px;}
.l_home_menu_category ul li{width:calc(33.33% - 10px);max-width:640px;display:inline-block;height:324px;position:relative;overflow:hidden;background:#000;margin: 0 10px 10px 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home_menu_category ul li a{text-decoration:none;display:table;width:100%;
height:100%;
}
.l_home_menu_category ul li a span.bg_image{opacity:0.7;z-index:1;position:absolute;width:100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;display:block;background-repeat:no-repeat;background-position:center; 
    height:100%;max-height:394px;
}
.l_home_menu_category ul li a:hover span.bg_image{opacity:0.9;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.l_home_menu_category ul li .inner{display:table-cell;vertical-align:middle; max-width:430px;margin:0 auto;color:#fff;padding:40px;height: 100%;z-index:2;position:relative;
}

.l_home_menu_category ul li .inner .title{font-size:24px;display:block;text-align:center;margin:0 -30px 20px;font-weight: bold;}
.l_home_menu_category ul li .inner .text{font-size:15px;max-width:440px;display:block;margin:0 auto;min-height:54px;}

.l_home_menu_category ul li span.btn{background:#ff9c00;text-decoration:none;color:#fff;max-width:345px;display:block;text-align:center;
font-size:16px;line-height:46px;margin:20px auto 0;position:relative;
}
.l_home_menu_category ul li span.btn::after{ display:block;content: ""; position:absolute;top:50%;right:20px;margin-top:-7.5px;
width:9px;height:15px;background:url("../images/btn_next_s.png") no-repeat left bottom;background-size:contain;
}


/**/
.l_home_results{padding:0 0 60px;max-width:1080px;margin:0 auto;}

.l_home_results > h2{text-align:center;background:url("../images/title_results.png") no-repeat top center;font-size:28px;line-height:1;padding-top:66px;font-weight:bold;
background-size: 55px auto;
}

.home_contents_menu{margin:0 auto;}

.home_contents_menu ul li{margin:;}

.come_list_area{display:flex;font-size:0;flex-wrap:wrap;margin-right:-18px;}
.come_list_area .box{width:calc(33.33% - 10px);margin: 0 10px 20px 0;display:flex;transition: all .25s ease;cursor: pointer;}
.come_list_area .box:hover{filter: brightness(112%);}

.come_list_area .box a{display:block;text-decoration: none;}
.come_list_area .box .inner{position:relative;height:100%;}

.come_list_area .box .area_img {height:250px;overflow:hidden;position:relative;}
.come_list_area .box .area_img span{display: block;width: 343px;height: 250px;overflow: hidden;position: relative;}

.come_list_area .box .area_img .img_wrapper span{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;z-index:10;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.come_list_area .box .area_img img{    display: block;width: 100%;height: 100%;object-fit: cover;
    background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;}
.come_list_area .box .area_img .img_wrapper:hover span{opacity:0;}

.come_list_area .box .inner .come_btn {position:absolute;width:100%;bottom:0;}
.come_list_area .box h3{font-size:16px;line-height:22px;margin-top:10px;}
.come_list_area .box p.text{font-size:16px;line-height:1.2;margin-top:10px;}
.come_list_area .box .come_btn a{font-size:18px;line-height:44px;padding:0;width:100%;margin-top:10px;border:1px solid #0097c6;}
.come_list_area .box .come_btn a:hover{background:#fff;color:#0097c6;border:1px solid #0097c6;}
.come_list_area .box .come_btn a:hover::after{background:url("../images/btn_next_s_b.png") no-repeat left bottom;
}


.l_home_results .come_btn.more_b a{width:350px;line-height:64px;font-size:18px;padding:0;margin:20px auto 0;}

/**/
.l_home_link{padding:40px 0;}
.l_home_link ul{margin-left:-40px;}
.l_home_link ul li{}
.l_home_link ul li a{max-width:520px;text-align:center;width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;padding:0;line-height:1;height:104px;font-size:18px;margin-left:40px;
}
.l_home_link ul li.pertner a span.inner{display:inline-block;position:relative;top:50%;right:20px;margin-top:-29px;height:58px;background:url("../images/btn_pertner.png") no-repeat left center;padding-left:75px;
}
.l_home_link ul li.pertner a span.name{font-size:24px;display:block;letter-spacing:-1px;margin-top:14px;}
.l_home_link ul li a::after{ display:block;content: ""; position:absolute;top:50%;right:20px;margin-top:-10px;width:11px;height:20px;background:url("../images/btn_next_b.png") no-repeat left bottom;background-size:contain;
}
.l_home_link ul li.independence a span.inner{display:inline-block;position:relative;top:50%;right:20px;margin-top:-32px;
height:64px;background:url("../images/btn_independence.png") no-repeat left center;padding-left:75px;padding-top:4px;
}
.l_home_link ul li.independence a span.name{font-size:30px;display:block;margin-top:9px;}
.l_home_link ul li.independence a:hover{background-color:#33acd1;}

/**/
.l_home_caution{padding:40px 0;}
.l_home_caution .l_frame{border:1px solid #9ca9ac;padding:40px;}
.l_home_caution .in_box{display:table;width:100%;}
.l_home_caution .in_box h2{display:table-cell;vertical-align:middle;font-weight:bold;}
.l_home_caution .in_box h2 span{text-align:center;background:url("../images/title_caution.png") no-repeat center top;font-size:18px;line-height:1;padding-top:50px;width:110px;
display:inline-block;
}
.l_home_caution .in_box .text{display:table-cell;vertical-align:top;padding:0 0 0 40px;
}

/**/
.l_home_news{padding:0 0 60px;}
.l_home_news .area_list{border-top:1px dashed#9ca9ac;width:100%;overflow-x:hidden;padding-top:60px;}
.l_home_news .area_list h2{ background: url(../images/title_news.png) no-repeat center top;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom:40px;padding-top: 62px;text-align: center;
-webkit-background-size:67px auto;background-size:54px auto;}

.l_home_news .news_list {display: flex;flex-wrap: wrap;margin-right: -30px;}
.l_home_news .news_list .box {box-sizing: border-box;padding-right: 10px;position: relative;width: 33.3%;}
.l_home_news .news_list .box a {display: block;height: 100%;text-decoration: none;width: 100%;
-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;}
.l_home_news .news_list .box a:hover {opacity: 0.8;transform: translateY(-10px);}
.l_home_news .news_list .box .image {position: relative;width: 100%;}
.l_home_news .news_list .box .image::before {content: "";display: block;padding-top: 75%;}
.l_home_news .news_list .box .image > * {background: #fff none no-repeat 50% 50%;bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.l_home_news .news_list .box .image > p{-webkit-background-size:cover;background-size:cover;}
.l_home_news .news_list .box .image > p.noimg{-webkit-background-size:contain;background-size:containr;border:1px solid #cdcdcd;background-color:#fff;}
.l_home_news .news_list .box .text {font-size: 15px;padding-top: 10px;}
.l_home_news .news_list h3{display: block;font-weight: bold;}
.l_home_news .btn{text-align:center;margin-top: 40px;}
.l_home_news .btn a{ position:relative;color:#fff;text-decoration:none;background-color:#0097c6;font-size: 18px;line-height: 64px;display:block;margin: 20px auto 0;padding: 0;width: 350px;
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.l_home_news .btn a:after{background: url(../images/btn_next_s.png) no-repeat left bottom;-webkit-background-size:contain;background-size:contain;content: "";display: block;height: 15px;margin-top: -7.5px;position: absolute;right: 20px;top: 50%;width: 9px;}
.l_home_news .btn a:hover{background-color:#02a4d6;}
.l_parts_estimate{padding:80px 0 0;}

/** 検索窓 **/
.l_home_search{text-align: center;padding: 30px 0px 0px;}
.l_home_search .cont{background: #e8f1f4;position: relative;padding: 22px 168px;
border-radius: 15px;
margin-bottom: 40px;
}
.l_home_search h2 {font-size: 18px;font-weight: bold;position: relative;line-height: 54px;}
.l_home_search .box{}
.l_home_search .box input.formtxt{width: 440px;padding: 14px 20px;border: 4px solid #0097c6;border-radius: 28px;font-size: 89%;line-height: 22px;    font-size: 89%;}
.l_home_search .box input.formtxt:hover{border: 4px solid #000;}

.l_home_search p.text{text-align:right;font-size:14px;padding-right: 50px;}
.l_home_search .box .come_btn {position: absolute;margin-left: 10px;}

.l_home_search .box .come_btn input[type="submit"]{border-radius: 5px;
    width: 30px;
    top: calc(30% - -15px);
    right: 28px;
    height: 30px;
    position: absolute;
    background: url(../images/title_results_search.png) no-repeat;
    background-size: 100%;
}

@media screen and ( max-width:1080px) {
	.l_home_menu_category ul li .inner .title{margin:0 -40px 30px;}
	.l_home_menu_category ul li .inner .text{min-height:81px;}
}