@charset "shift_jis";

.layout_contents {padding: 20px 20px 30px;}

.l_home_top_banner{padding-bottom: 10px;}
.l_home_top_banner ul li{margin-bottom: 15px;text-align: center;}

.top_text{padding: 40px 0;}
.top_text h2{margin-bottom:20px;font-size: 22px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);line-height: 1.2;text-align: center;font-weight: bold;}
.top_text p.text{margin-bottom:20px;font-size: 14px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);text-align: left;}


.top_news{border-top:1px dashed #9ca9ac; padding-top:20px;margin:30px 20px 40px;}
.top_news .news_head{ position: relative;height: 35px;}
.top_news .news_title{font-size: 19px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);font-weight:bold;}
.top_news span.come_btn{display: inline-block;right: 0px;position: absolute;}
.top_news span.come_btn a{display: inline-block;width: 150px;  background-color: rgb(0, 151, 198);    border-radius: 0px;font-weight: bold;}
.top_news span.come_btn a:before {-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.top_news span.come_btn a:before{font-family: genericons;color: #fff;content: "\f432";font-size: 18px;position: absolute;top: 50%;right: 5px;line-height: 1;width: 18px;height: 18px;margin-top: -9px;}
.top_news .news_list li{border-bottom:1px dashed #9ca9ac; padding:20px 0;}
.top_news .news_list li > a{display:block;padding:0 5px;}
.top_news .news_list li > a > span{display:block;width:100px;height:100px;margin-left:10px;background-size:cover;background-position:center;}
.top_news .news_list p{font-size: 14px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);line-height: 1.786;text-align: left;}
.top_news .news_list p.title{text-decoration: underline;color:#006699;font-weight:bold;}




/*.top_results{padding:40px 0;}*/
.top_results{padding-top:0px;}
.top_results.img_wrapper{width:35px;}
.top_results h2{margin-bottom: 20px;font-weight:bold;text-align: center;background: url(../images/results_icon.png) no-repeat top center;font-size: 22px;background-size: 35px;line-height: 1;padding-top: 40px;}
.top_results span.come_btn{position: relative;}
.top_results span.come_btn a{background-color: #ff9c00;   border-radius: 0px; padding: 15px 0;font-weight: bold; }
.top_results span.come_btn a:before {-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.top_results span.come_btn a:before{font-family: genericons;color: #fff;content: "\f432";font-size: 18px;position: absolute;top: 50%;right: 5px;line-height: 1;width: 18px;height: 18px;margin-top: -9px;}
.top_results ul.two_culumn{/*padding-right:-10px;padding-left:-10px;*/flex-wrap: wrap;
  justify-content: space-between;display:flex;}
.top_results ul.two_culumn li{width:48%;float:left;text-align:center;display:block;vertical-align:top;margin-bottom:20px;}
.top_results ul.two_culumn li:nth-of-type(2n+1){padding-right:10px;}
.top_results ul.two_culumn li a .results_img{display: block;height: 150px;overflow: hidden;position: relative;background-color: #e8f2f4;}
.top_results ul.two_culumn li .img{padding-top: 150px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.top_results ul.two_culumn li a{display:block;padding-right:0px;text-decoration:none;}

.top_results ul.two_culumn li:nth-of-type(2n+2)::after{content:""; display: block; clear: both; height: 0; visibility:hidden;}
.top_results li .txt h3{font-weight:bold;}

.results_search #form5{position:relative; margin-bottom:20px;padding:10px;background-color:#e8f2f4;}
.results_search .sbox5{	outline:0;	height:30px;padding:0 10px; position:relative; left:0;top:0; width: 65%;border-radius:2px;background:#fff;}
.results_search .sbtn5{width:70px;height:30px;position:relative; /*left:280px; 
top:0;*/border-radius:5px;background:#0097c6;color:#fff;font-weight:bold;font-size:16px;border:none;}
.results_search dl dt{position:relative;font-weight:bold;margin-bottom: 10px;}
.results_search dl dt:before{content: "";background: url(../images/result_search.png) no-repeat;width: 20px;height: 20px;background-size: 90%;display: block;position: absolute;
    top: auto;bottom: auto;left: auto;right: auto;}
.results_search dl dt span{left: 25px;position: relative;}


.top_correspondin_area{padding:40px 20px;background-color: #e8f2f4;}
.top_correspondin_area h2{margin-bottom: 20px;font-weight:bold;text-align: center;background: url(../images/area_icon.png) no-repeat top center;font-size: 22px;background-size: 35px;line-height: 1;padding-top: 40px;}


.top_line_estimate .estimate_head_text{padding:20px 0;}

.top_line_estimate .estimate_head_text p{font-size: 15px;padding-bottom:10px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);line-height: 1.2;text-align: center;font-weight:bold;}
.top_line_estimate .estimate_head_text h2 {font-size: 24px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(255, 156, 0);line-height: 1.308;text-align: center;font-weight:bold;}

/*
.top_line_estimate .estimate_flow{background-color: rgb(255, 156, 0);padding:20px;border-radius: 10px;}
.top_line_estimate .estimate_flow ul{width:240px;margin-right:auto;margin-left:auto;}
.top_line_estimate .estimate_flow ul li{width: 100%;position:relative;padding-bottom:40px;}
.top_line_estimate .estimate_flow ul li:after{background: url(../images/sp_arrow.png) no-repeat left;content: "";left:50%;margin-left:-29px;background-size: 30px;display: block;background-position:50% center;position: absolute;width:58px;height: 50px;}
.top_line_estimate .estimate_flow ul li.tail{padding-bottom:0px;}
.top_line_estimate .estimate_flow ul li.tail:after{display:none;}
.top_line_estimate .estimate_flow ul li p{padding:10px 0;font-size: 14px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(255, 255, 255);line-height: 1.2;text-align: left;}
.top_line_estimate .estimate_flow ul .img{width: 60px;margin-right:20px;}
.top_line_estimate .estimate_flow ul .line_btn{width:100px;}
.top_line_estimate .estimate_flow .under_text{margin-top:20px;font-size: 22px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(255, 255, 255);line-height: 1.308;text-align: center;}
*/

.top_contact{padding: 0px 20px 30px;}
.top_contact .contact_text{padding:20px 0;font-size: 15px;font-family: "Hiragino Kaku Gothic Pro";color: rgb(51, 51, 51);line-height: 1.395;text-align: center;font-weight: bold;}
.top_contact .tel a{background-color:#0097c6;position:relative;}
.top_contact .tel a:before{
background: url(../images/tel_icon.png) no-repeat;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: contain;
    top: 17px;
    left: 50px;}
.top_contact .tel p.number{display: block;font-weight: bold;line-height: 20px;font-size:8px;}
.top_contact .tel p.tel_txt{display: block;font-weight: bold;line-height: 20px;}
.top_contact .form a{background-color:#ff9c00;padding: 20px 0;font-weight: bold;}

.top_contact .form a:after {
    font-family: genericons;
    content: "\f432";
    font-size: 18px;
    position: absolute;
    top: auto;
    right: 8%;
    line-height: 1;
    width: 18px;
    height: 18px;
    margin-top: -1px;
    color: #fff;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.top_contact .opening_hours{display: inline-block;font-weight: bold;line-height: 20px;font-family: "Hiragino Kaku Gothic Pro";text-align: center;margin-top:10px;}

.top_caution{padding: 0px 20px 30px;}
.top_caution .in_box {padding:20px;border: 2px #9ca9ac solid;}
.top_caution .in_box h2{margin-bottom: 20px;font-weight: bold;text-align: center;background: url(../images/caution_icon.png) no-repeat 19% bottom;font-size: 22px;background-size: 35px;line-height: 1;padding-top: 10px;}


.top_link{padding: 0px 20px 30px;}
.top_link ul.two_culumn li a {padding: 0 0px; }
.top_link ul.two_culumn li.independence_btn a {display: block;padding-left:10px;text-decoration: none;}
.top_link ul.two_culumn li.pertner_btn a {display: block;padding-right:10px;text-decoration: none;}

/** top menu **/
.top_menu{}
.top_menu h2{margin-bottom: 25px;font-weight:bold;text-align: center;background: url(../images/area_search.png) no-repeat top center;font-size: 20px;background-size: 30px;line-height: 1;padding-top: 40px;}
.top_menu ul{margin:0 -10px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.top_menu li{-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 10px 20px;}
.top_menu ul.menu_large li{width:100%;}
.top_menu ul.menu_small li{width:50%;}

.top_menu li > a{display:block;position:relative;}
.top_menu li > a:after{content:"";display:block;position:absolute;top:0px;right:0px;width:28px;height:28px;background:url(../images/sp_top_menu_arrow.jpg) no-repeat;
-webkit-background-size:cover;background-size:cover;}
.top_menu li span.wrap{border:5px solid #fff;display:block;position:relative;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);}
.top_menu li span.wrap:before{content:"";display: block;}
.top_menu ul.menu_large li span.wrap:before{padding-top:35%;}
.top_menu ul.menu_small li span.wrap:before{padding-top:75%;}

.top_menu li span.box{display:block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.top_menu li span.box > span{display:block;background:none 50% 50% no-repeat;top:0;left:0;position:absolute;width:100%;height:100%;}
.top_menu li span.box > span.before,.top_menu li span.box > span.after{-webkit-background-size:cover;background-size:cover;}
.top_menu li span.box > span.before,.top_menu li span.box > span.name{-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.top_menu li span.box > span.before{opacity:1;}
.top_menu li span.box > span.name{opacity:0.7;-webkit-background-size:100% auto;background-size:100% auto;}
.top_menu ul.menu_large li span.box > span.name{background-position:0% 80%;}

.top_menu li.changed span.box > span.before{opacity:0;}
.top_menu li.changed span.box > span.name{opacity:1;}