@charset "UTF-8";
@import "common.css";
@import "form.css";
@import "blog.css";
@import "calendar.css";
@import "sns.css";
@import "slick.css";
/* CSS Document */

/*==================== 基本設定 ====================*/
html{font-size: 100%;}
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: 1rem;line-height:1.5;letter-spacing: 0.5px;color:#000;}
/**
明朝の場合はこっち 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;}

.for_sp,.sp_menu{display: none;}
/********** container **********/
.l_container.on_fix{ padding-top: 84px;}
.l_gride{width:950px;margin:0 auto;}

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

.l_main_navi.pc_menu{position: absolute;right: 0;top: 0;}
.l_main_navi ul{display: flex;height: 84px;width: 100%;}
.l_main_navi li{-webkit-box-sizing: border-box;box-sizing: border-box;display: table;vertical-align: middle;font-size: 106.25%;position: relative;}
.l_main_navi li a,.l_main_navi li >span.switch{display: table-cell;text-decoration: none;text-align: left;color: #fff;vertical-align: middle;height: 84px;-moz-transition: all 0.1s linear;-webkit-transition:  all 0.1s linear;transition:  all 0.1s linear;
}
.l_main_navi li a:hover{color: #4f81e6;}


.mn_home a{width: 100%;padding: 0 25px;letter-spacing: -0.05em;}
.mn_company a{width: 100%;padding: 0 25px;letter-spacing: -0.05em;}
.l_main_navi li span.switch{width: 100%;padding: 20px 25px;letter-spacing: -0.05em;display: block;box-sizing: border-box;}
.l_main_navi li span.switch:hover,.l_main_navi li span.switch.selected{cursor: pointer;color: #4f81e6;display: block;}
.mn_environment a{width: 100%;padding: 0 40px 0 25px;letter-spacing: -0.05em;}
.mn_contact{width: 180px;}
.mn_contact a{background: #082b73;width: 100%;padding: 0 40px;letter-spacing: -0.05em;}
.l_main_navi li span.en{display: block;width: 100%;font-size: 75%;letter-spacing: 0;}
.l_main_navi li.mn_contact a:hover{background: #4f81e6; color:#fff;}

.l_header_navi{background: #000;height: 84px;position: relative;}
.l_container.on_fix .l_header_navi{position: fixed;width: 100%;z-index: 10;top: 0;}

.l_header_wrap{position: relative;/*max-width: 1080px;*/margin: 0 auto;}
.l_header_navi .logo{background: url(../../images/globalLogo.svg) no-repeat left bottom;width: 205px;height: 50px;background-size: contain;position: absolute;top: 17px;left: 30px;z-index: 10;
}
.l_header_navi .logo a{display: block;width: 100%;height: 100%;}

.l_main_navi ul.submenu{position: absolute;left: 0;top: 85px;z-index: 10;font-size: 87.5%;display: none;height: auto;}
.l_main_navi li.mn_business ul.submenu{width: 210px;}
.l_main_navi li.mn_about ul.submenu{width: 250px;}

.submenu li{width: 100%;margin-bottom: 1px;}
.submenu li a{display: block;width: 100%;background: rgba(0,0,0,0.6);text-align: left;text-decoration: none;position: relative;line-height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 24px;letter-spacing: 0;height: 50px;
}

.submenu li.mn_dismantlement{background: rgba(0,0,0,0.6);}
.submenu li.mn_dismantlement a{background: transparent;}
.submenu li.mn_dismantlement > a{line-height: 1;padding-top: 18px;height: 45px;}

.submenu li a::before{
position:absolute;content:"";width:0;height:0;left:10px;top:21px;
    border-color:transparent transparent transparent #4f81e6;
    border-width:4px 0px 4px 4px;border-style:solid;
}
.submenu .mn_dl a::after{
position: absolute;content: "";display: block;width: 15px;
height: 12px;right: 15px;top: 19px;background: url(../images/icon_menu_dl.png) no-repeat left bottom;
background-size: contain;
}
.submenu .mn_link a::after{
position: absolute;content: "";display: block;width: 14px;height: 14px;right: 15px;
top: 18px;background: url(../images/icon_menu_link.png) no-repeat left bottom;
background-size: contain;
}

.submenu li span.submenu_ul a{height: 30px;line-height: 1;padding-left: 40px;padding-top: 8px;padding-bottom: 10px;}
.submenu li span.submenu_ul a:last-of-type{height: 36px;}
.submenu li span.submenu_ul a::before{position: absolute;content: "";
left: 24px;top: 14px;background: #fff;display: block;width: 7px;height: 1px;border: none;
}

.submenu li a:hover{background: #000;}

/********** コンテンツ *********/
.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{}
.l_column_main{}

/********** フッター **********/
.l_footer{background: url(../../images/bg_footer.jpg) no-repeat center top;background-color: #000;
}

.l_footer a:link {	color:#fff;text-decoration:none;text-align: center;-moz-transition: all 0.1s linear;-webkit-transition:  all 0.1s linear;transition:  all 0.1s linear; }
.l_footer a:visited { color:#fff;text-decoration:none; }
.l_footer a:hover { color:#fff;text-decoration:none; }

.area_footer_navi{padding: 40px 0 19px;}
.area_footer_navi ul{display: flex;flex-wrap: wrap;max-width: 970px;margin: 0 auto;padding-bottom: 30px;font-size: 106.25%;letter-spacing: -0.05em;height: 57px;}
.area_footer_navi ul li{margin-bottom: 1px;margin-top: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 1;
}
.area_footer_navi ul li a{display: block;position: relative;padding: 0 25px;font-size: 106.25%;}
.area_footer_navi ul li a:hover{color: #4f81e6;}
.area_footer_navi ul li a span{font-size: 80%;display: block;text-align: center;letter-spacing: 0;margin-bottom: 10px;}

.l_footer .logo{background: url(../../images/globalLogo.svg) no-repeat center bottom;width: 205px;height: 50px;background-size: contain;/*margin: 40px auto 0;*/
}
.l_footer .logo a{display: block;width: 100%;height: 100%;}
.l_footer .company_text{color: #fff;/*text-align: center;*/font-weight: bold;font-size: 87.5%;line-height: 1;margin-top: 10px;}

.area_copyright{padding: 0 20px;font-size:75%;color: #fff;/*border-top: 1px solid #082b73;*/text-align: center;line-height: 50px;}
.copyright address{ font-size:90%;text-align:center;}



.banner_wrapper{display: flex;justify-content: space-evenly;padding: 15px 0 30px;
    flex-wrap: wrap;max-width: 970px;margin: 0 auto;border-top: 1px solid rgba(255,255,255,0.3); }
.banner_wrapper .banner{box-sizing: border-box;flex: 0 1 calc(50% / 3);padding:15px;}
.banner_wrapper .banner a{display: block;width: 100%;height: 100%;}
.banner_wrapper .banner a:hover{-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5);box-shadow: 0 0 10px rgba(255,255,255,0.5);
}
.banner_wrapper .banner a img{border: 1px solid #000;}
.banner_wrapper .banner a:hover img{border: 1px solid #4f81e6;}

.footer_logo_wrapper{display:flex;justify-content: center;}
.footer_logo_wrapper .text_wrapper{display:flex;color:#fff;}
.footer_logo_wrapper .text_wrapper p{margin-left:30px;}
.footer_logo_wrapper .text_wrapper a{margin-left:30px;pointer-events: none;}
.footer_logo_wrapper .text_wrapper .company_data a{font-size: 13px;text-decoration: underline;pointer-events: initial;margin-left: 0;}
/********** 全ページ共通の下部 **********/
.gotop {margin:0 10px 15px 0;}
.l_gotop{width:50px;height:50px;position: fixed;right:10px;bottom:10px;display: none;}
.l_gotop a{text-indent:100%;white-space:nowrap;overflow:hidden;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);background-color: #082b73;position: relative;-moz-transition: all 0.1s linear;-webkit-transition:  all 0.1s linear;transition:  all 0.1s linear;
}
.l_gotop a:hover{background-color: #4f81e6;}
.l_gotop a::after{
    position:absolute;content:"";width:0;height:0;
    right: 15px;bottom: 17px;border-color: transparent transparent #fff transparent;
    border-width: 0px 10px 17px 10px;border-style:solid;
}

/********** ナカタニグラム **********/
.l_n_gram{background: #083aa0;
background: -webkit-linear-gradient(-45deg, #083aa0 0%,#2d5dbf 51%,#1357e5 100%);
background: linear-gradient(135deg, #083aa0 0%,#2d5dbf 51%,#1357e5 100%);
}
.l_n_gram .l_wrapper{padding: 79px 0;position: relative;max-width: none;}
.l_n_gram .title_wrapper{position: relative;max-width: 1080px;margin: 0 auto;}
.l_n_gram .title{color: #fff;font-style: italic;line-height: 1;height: 42px;}
.l_n_gram h2.title span{background: url(../images/title_nakatanigram.png) no-repeat center bottom;display: inline-block;
width: 298px;height: 42px;background-size: contain;margin: 0 18px -10px 0;
}
.l_n_gram p.btn_link a{display: block;border: 1px solid #fff;color: #fff;text-align: center;position: absolute;line-height: 38px;width: 188px;text-decoration: none;right: 0;top: -2px;
}
.btn_link a::before{content: "";display: block;width: 6px;height: 9px;background: url(../images/icon_btn_arrow.png) no-repeat left top;background-size: contain;position: absolute;right: 10px;top: 50%;margin-top: -4.5px;
}
.l_n_gram .area_list{margin-top: 26px;}
.l_n_gram .slider{margin-left: -5px;overflow: hidden;}
.l_n_gram .box{padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_n_gram .box a{max-width: 300px;text-decoration: none;margin: 0 auto;display: block;}
.l_n_gram .box .area_inner{-webkit-box-sizing: border-box;box-sizing: border-box;display: block;font-size: 87.5%;max-width: 300px;
}
.l_n_gram .box .image{margin-bottom: 5px;display: block;}
.slick-slide img{width: 100%;}
.l_n_gram .box .tags{display: block;color: #fff;}

@media screen and (max-width: 840px) {  
    .l_main_navi li.mn_home{display: none;}
}
@media screen and (max-width: 1080px) {
    .l_main_navi.pc_menu{max-width: 610px;}
    .l_main_navi li{font-size: 93.75%;}
    .mn_contact{width: 124px;} 
    .mn_home a,.mn_company a,.mn_business span.switch,.mn_environment a,.mn_contact a{padding: 0 19px;}
    .l_main_navi ul.submenu li{font-size: 106.25%;}
    .l_main_navi li span.switch {padding: 23px 9px;}
    .l_n_gram .title{padding: 0 30px;}
    .l_n_gram p.btn_link a{right: 30px;}
    .area_footer_navi ul {justify-content: center;}
    .area_footer_navi ul li a {padding: 0 15px;font-size: 92.25%;box-sizing: border-box;justify-content: center;}
}

/********** second **********/
.second_title{background: url(../images/title_bg.jpg) no-repeat center bottom;height: 280px;background-size: cover;position: relative;padding: 0 30px;}
.second_title .area_title{max-width: 980px;margin: 0 auto;text-align: center;background:none 50% 50% no-repeat;height: 280px;width: 100%;}
.second_title .l_breadcrumb{max-width: 1080px;margin: -34px auto 0;color: #707070;font-size: 87.5%;line-height: 1;}
.second_title .l_breadcrumb a{color: #707070;}

.second_title .area_title.privacy{background-image: url(../images/privacy_title.png);}
.second_title .area_title.form1{background-image: url(../images/form_title.png);}
.second_title .area_title.estimate{background-image: url(../images/estimate_title.png);}
.second_title .area_title.company{background-image: url(../images/company_title.png);}
.second_title .area_title.idea{background-image: url(../images/idea_title.png);}

.second_title .area_title.d_flow{background-image: url(../images/d_flow_title.png);}
.second_title .area_title.job{background-image: url(../images/job_title.png);}
.second_title .area_title.dismantlement{background-image: url(../images/dismantlement_title.png);}
.second_title .area_title.dismantlement_e{background-image: url(../images/dismantlement_e_title.png);}
.second_title .area_title.asbestos{background-image: url(../images/top_asbestos_title.png);}
.second_title .area_title.machine{background-image: url(../images/machine_title.png);}
.second_title .area_title.environment{background-image: url(../images/environment_title.png);}
.second_title .area_title.general{background-image: url(../images/general_title.png);}
.second_title .area_title.sitemap{background-image: url(../images/sitemap_title.png);}
.second_title .area_title.staff{background-image: url(../images/staff_title.png);}
.second_title .area_title.plant{background-image: url(../images/plant_title.png);}
.second_title .area_title.recruitment{background-image: url(../images/recruitment_title.png);}