@charset "shift_jis";
@import "common.css";
@import "form.css?id=0";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#333;min-width:1080px;}
/**
明朝の場合はこっち font-family:'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
 **/
table{font-size:1em;}
/********** container **********/
.l_container{padding-top: 87px;}
.l_gride{width:950px;margin:0 auto;}

/********** ヘッダー **********/
.l_header{}
.l_header .cont{width:1080px;margin-right:auto;margin-left:auto;}
.l_header h1{}
.l_header h1 a,.l_header h1 span{display:block;}
.l_help_navi{}
.l_help_navi ul{}
.l_help_navi li{}



.header_area{position: fixed;width:100%;z-index: 99;background: #fff;min-width:1080px;top:0;box-shadow: 0 0 16px rgba(0,0,0,0.5);}


.l_header{position: relative;}
.l_header .cont{margin-right:auto;margin-left:auto;display: flex;height: 87px;position: relative;}
.l_header .logo{display: block;background-repeat: no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(../images/header_logo.png) no-repeat;width:170px;height:54px;
position: relative;margin-top:17px;
}
.l_header .logo a{display:block;width:100%;height:100%;}
@media screen and (max-width: 1080px) {
    .l_header .logo{margin-left: 20px;}
}


.l_help_navi{width:760px;height:87px;position:absolute;right:0;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_help_navi .area_tel{width:200px;height:61px;padding:26px 12px 0 0;text-align:right;}
.l_help_navi .area_tel .number{width:153px;height:21px;display:inline-block;background:url(../images/header_tel2.png);text-indent: 150%;white-space: nowrap;overflow: hidden;}
.l_help_navi .area_tel .time{font-size:11.5px;color:#a7a7a7;line-height:1.1;display:block;}
.l_help_navi .area_line_form{width:540px;height:92px;background:#fff;border:4px solid #fff;border-top:none;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;
border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
.second_fix .l_help_navi .area_line_form{height:83px;}
.l_help_navi .area_line_form a{display:block;text-decoration:none !important;}
.l_help_navi .area_line_form span{display:block;text-decoration:none;font-size:20px;line-height:26px;font-weight:bold;padding:20px 0 0;}
.second_fix .l_help_navi .area_line_form span{padding-top:17px;}
.l_help_navi .area_line_form a.line{width:250px;margin-right:2px;background:url(../images/area_line_form_bg_01.jpg);}
.l_help_navi .area_line_form a.line span{color:#333;padding-left:76px;}
.l_help_navi .area_line_form a.line:hover span{color:#1b961b;}
.l_help_navi .area_line_form a.form{width:288px;background:url(../images/area_line_form_bg_02.jpg);}
.l_help_navi .area_line_form a.form span{color:#fff;padding-left:81px;}
.l_help_navi .area_line_form a.form:hover span{color:#333;}

/**
.area_tel{position:absolute;right:486px;top:20px;}
.area_tel .number{background:url("../images/header_tel.png") no-repeat left top;width:201px;height:24px;text-indent:100%;white-space:nowrap;overflow:hidden;background-size:contain;display:block;margin: 0 auto;}
.area_tel .time{display:block;text-align:center;}
.header_area .area_form{position:absolute;right:320px;top:20px;}
.header_area .area_form a{background:#0097c6;font-size:14px;line-height:19px;padding:5px 10px 5px 48px;display:block;text-decoration:none;width:88px;height:37px;color:#fff;text-align:center;font-weight:bold;position:relative;}
.header_area .area_form a:hover{background-color:#33acd1;}
.header_area .area_form a::before{display:block;content: ""; position:absolute;top:50%;left:15px;margin-top:-9px;width:24px;height:18px;background:url("../images/icon_header_formbtn.png") no-repeat left bottom;background-size:contain;    }
.header_area .area_line{position:absolute;right:0;top:-18px;}
.header_area .area_line a{background:#fed400;border:5px solid #fff;border-radius:10px;display:block;text-decoration:none;width:290px;height:110px;}
.header_area .area_line a span{position:absolute;top:36px;left:20px;background:url("../images/icon_header_line.png") no-repeat left 5px;height:57px;padding-left:67px;font-size:22px;line-height:30px;font-weight:bold;}
.header_area .area_line a:hover{color:#1b961b;}
**/

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;}
.l_breadcrumb{}
.l_breadcrumb ul{text-align:left;}
.l_breadcrumb li{display:inline-block;}
.l_column{}
.l_column_sub{width:180px;}
.l_column_main{}
.cont{max-width:1080px;margin:0 auto;}

/********** フッター **********/
.l_footer{background:#e8f1f4;padding:80px 0 15px;}
.l_footer .cont{width:1080px;margin-right:auto;margin-left:auto;display:flex;margin-bottom:84px;}

.l_footer .footer_info{width:50%;}
.l_footer .footer_info .logo{background:url("../images/footer_logo.png") no-repeat left top;width:252px;height:81px;text-indent:100%;white-space:nowrap;overflow:hidden;background-size:contain;display:block;margin-bottom:20px;
}
.l_footer .footer_info .address{font-size:18px;line-height:1;}
.l_footer .footer_info .contact{margin-top:35px;display:flex;}
.l_footer .footer_info .tel{width:253px;display:inline-block;}
.l_footer .footer_info .btn_line{display:inline-block;margin-left:20px;}
.l_footer .footer_info .tel .number{background:url("../images/footer_tel.png") no-repeat left top;width:253px;height:30px;text-indent:100%;white-space:nowrap;overflow:hidden;background-size:contain;display:block;
}
.l_footer .footer_info .tel .time{display:block;text-align:center;}
.l_footer .footer_sitemap{max-width:540px;}
.l_footer .footer_sitemap ul{text-align:right;display:flex;flex-wrap:wrap;}
.l_footer .footer_sitemap ul li {text-align: left;  line-height: 1.5;
  -webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 8px;padding-left: 10px;
  width: 30%;
}
.l_footer .footer_sitemap ul li:nth-of-type(1),.l_footer .footer_sitemap ul li:nth-of-type(3n+1){width:40%;}
.l_footer .footer_sitemap ul li:nth-of-type(2),.l_footer .footer_sitemap ul li:nth-of-type(3n+2){width:30%;}
.l_footer .footer_sitemap ul li a {text-decoration: none;line-height: 1.5;margin-bottom: 20px;display: inline-block;}
.l_footer .footer_sitemap ul li a::before {content: ">";font-size: 16px;margin-left: -13px;}
.l_footer .footer_sitemap ul li a:hover{text-decoration:underline;}

.l_footer .footer_sitemap .link{text-align:right;padding:10px 0 0;}
.l_footer .footer_sitemap .link a{display: block;margin-top: 0px;}

.l_footer .copyright{text-align:center;font-size:14px;line-height:1;}

/********** メインナビ **********/
.l_main_navi{background:#ff9c00;height:58px;}
.l_main_navi ul{max-width:1080px;margin:0 auto;}
.l_main_navi ul li{float:left;width: 16.66666% ; width: -webkit-calc(100% / 6) ;
  width: -moz-calc(100% / 6);width: calc(100% / 6) ;
}
.l_main_navi a{color:#fff;line-height:58px;font-size:18px;text-align:center;text-decoration:none;display:block;position:relative;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;
}
.l_main_navi ul li a::after{content:"";display:block;width:1px;height:58px;
background:#fff;position:absolute;right:0;top:0;
}
.l_main_navi ul li a:hover,.l_main_navi ul li a.mn_on{background:#fed400;color:#333;}
.l_main_navi ul li:first-of-type a::before{content:"";display:block;width:1px;height:58px;
background:#fff;position:absolute;left:0;top:0;
}
.l_main_navi ul li:nth-of-type(2){letter-spacing: 0;}

.l_blue_bg{background:#e8f2f4;}
.l_2col{display: flex;flex-wrap: wrap;}
.l_2col .box{display: inline-block;width:50%;display:flex;}

.l_4col{display: flex;flex-wrap: wrap;font-size:0;}
.l_4col .box{display: inline-block;width:25%;font-size:16px;display:flex;}

.l_5col{display: flex;flex-wrap: wrap;font-size:0;}
.l_5col .box{display: inline-block;width:20%;font-size:16px;display:flex;}


.l_gotop{position:fixed;bottom:10px;right:10px;width:60px;height:60px;z-index:10;}
.l_gotop a{background:#0097c6;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;-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;height:100%;
}
.l_gotop a:hover{opacity:0.8;}
.l_gotop a::after{content:"";display:block;width:34px;height:19px;background:url("../images/btn_go_top.png") no-repeat center;position:absolute;left:13px;top:20px;
}


.bg_image{background-repeat:no-repeat;background-position:center;}
/**/
.l_come_area{padding:80px 0;}
.l_come_area h2{text-align:center;background:url("../images/title_area.png") no-repeat top center;font-size:30px;line-height:1;padding-top:75px;font-weight:bold;
}
.l_come_area .inner{background:url("../images/areamap.png") no-repeat right center;display:table;width:100%;height:350px;margin-top:35px;}
.l_come_area .inner h3{font-size:30px;line-height:42px;margin-bottom:24px;font-weight:bold;}
.l_come_area .inner .text{display:table-cell;vertical-align:middle;}
.l_come_area .inner ul{max-width: 500px;}
.l_come_area .inner ul li{display:inline-block;font-size:24px;line-height:1;margin-right:25px;margin-bottom:12px;}
.l_come_area .inner ul li::before{content:"";display:inline-block;width:22px;height:22px;background:#ff9c00;border-radius:11px;position:relative;top:1px;}
.l_come_area p.another{line-height:1;margin-top:20px;}



/**/
.l_parts_estimate > .box{padding:80px;}
.l_parts_estimate h2{font-size:30px;line-height:1;text-align:center;font-weight:bold;}
.l_parts_estimate h2 span{font-size:36px;line-height:1;color:#ff9c00;display: inline-block;}
.l_parts_estimate .area_flow{background:#ff9c00;border-radius:10px;margin-top:40px;padding-bottom:40px;}
.l_parts_estimate .area_flow ul{display:flex;padding:29px 30px 20px;margin: 0 -20px;}
.l_parts_estimate .area_flow ul li{display:inline-block;position:relative;width: 33.33333% ;width: -webkit-calc(100% / 3) ;width: -moz-calc(100% / 3);width: calc(100% / 3) ;
  font-size:18px;line-height:1.2;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 49px 20px 0;
}

.l_parts_estimate .area_flow ul li.step_1{background:url("../images/ttl_esti_step_1.png") no-repeat top center;}
.l_parts_estimate .area_flow ul li.step_2{background:url("../images/ttl_esti_step_2.png") no-repeat top center;}
.l_parts_estimate .area_flow ul li.step_3{background:url("../images/ttl_esti_step_3.png") no-repeat top center;}

.l_parts_estimate .area_flow ul li .inner{background: #fff;-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px 15px 20px;height: 100%;}
.l_parts_estimate .area_flow ul li.step_2::before,
.l_parts_estimate .area_flow ul li.step_3::before{display:block;content: ""; position:absolute;top:50%;left:-10px;margin-top:-19.5px;
width:22px;height:39px;background:url("../images/esti_step_arrow.png") no-repeat left bottom;background-size:contain;}
.l_parts_estimate .area_flow .btn_line{margin-top:10px;display:block;text-align: center;}

.l_parts_estimate .img{display: block;text-align: center;margin: 10px 0 13px;}

.area_contact{border-radius:10px;}
.l_parts_estimate .area_contact{margin-top:30px;}
.l_parts_contact .area_contact{margin:0 80px;}

.area_contact .inner{}
.area_contact .title{font-weight:bold;font-weight:bold;}

.l_parts_estimate .inner{padding:37px 40px 30px;}
.l_parts_contact .area_contact .inner{padding:40px 40px 35px;}

.l_parts_estimate .area_contact{border:4px solid #0097c6;background:#fff;}
.l_parts_contact .area_contact{background:#fff7e9;}

.l_parts_estimate .area_flow ul li .inner .title{font-size: 18px;text-align: left;display: flex;align-items: center;height: 70px;}
.l_parts_estimate .area_flow ul li.step_1 .inner .title{background:url("../images/esti_step_1.png") no-repeat left center;padding-left: 74px;}
.l_parts_estimate .area_flow ul li.step_2 .inner .title{background:url("../images/esti_step_2.png") no-repeat left center;padding-left: 60px;}
.l_parts_estimate .area_flow ul li.step_3 .inner .title{background:url("../images/esti_step_3.png") no-repeat left center;padding-left: 60px;}
.l_parts_estimate .area_flow ul li .inner .text{display: block;font-size: 16px;line-height: 1.5;}

.l_parts_estimate .announce{font-size:30px;margin:-4px 0 0;padding:14px 0;line-height:1.1;text-align:center;color:#fff;font-weight:bold;background:url(../images/estimate_word_bg.png) no-repeat 79% 0%;}
.l_parts_estimate .announce span{font-size:36px;display:inline-block;padding: 0 30px;position:relative;margin-top:10px;}
.l_parts_estimate .announce span:after,
.l_parts_estimate .announce span:before{display:block;position:absolute;width:30px;height:33px;content:"";top:3px;background:none 50% 50% no-repeat;}
.l_parts_estimate .announce span:after{left:0;background-image:url(../images/estimate_word_left.png);}
.l_parts_estimate .announce span:before{right:0;background-image:url(../images/estimate_word_right.png);}
.l_parts_estimate .line_btn{width:470px;height:95px;margin-right:auto;margin-left:auto;}
.l_parts_estimate .line_btn a{width:100%;height:100%;display:block;background:url(../images/estimate_line_btn_off.png);text-indent:150%;overflow:hidden;white-space:nowrap;}
.l_parts_estimate .line_btn a:hover{background-image:url(../images/estimate_line_btn_on.png);}

.area_contact .title{font-size:24px;line-height:1;text-align:center;}

.area_contact .title{margin-bottom:20px;}
.area_contact .form{margin-bottom:20px;}
.area_contact .form a{font-size:24px;line-height:69px;padding:0;width:407px;border:4px solid #fff;font-weight:bold;margin:0 auto;position:relative;}
.area_contact .form a:hover{}
.area_contact .form a:hover::after{width:11px;height:20px;background:none no-repeat left bottom;-webkit-background-size:cover;background-size:cover;}

.l_parts_estimate .area_contact .form a{border-color:#0097c6;}
.l_parts_estimate .area_contact .form a:hover{color:#0097c6;background-color:#fff;}
.l_parts_estimate .area_contact .form a:hover::after{background-image:url(../images/btn_next_b_b.png);}

.l_parts_contact .area_contact .form a{border-color:#ff9c00;}
.l_parts_contact .area_contact .form a:hover{color:#ff9c00;background-color:#fff;}
.l_parts_contact .area_contact .form a:hover::after{background-image:url(../images/btn_next_b_o.png);}

.area_contact .tel{width:362px;padding-left:45px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.area_contact .number{display:block;width:203px;height:29px;margin-right:15px;background:url(../images/estimate_tel.png);text-indent:150%;overflow:hidden;white-space:nowrap;}
.area_contact .time{font-size:12px;line-height:14.5px;text-align:left;}

.btn_line a{-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.btn_line a:hover{opacity:0.8;}