@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;}
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_header_navi.top_fix .l_main_navi.pc_menu{right:13.2%;}
.l_header_navi.top_fix .l_main_navi.pc_menu li.mn_home{display:none;}

.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 20px;letter-spacing: -0.05em;}
.mn_company a{width: 100%;padding: 0 20px;letter-spacing: -0.05em;}
.l_main_navi li span.switch{width: 100%;padding: 20px 20px;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 20px;letter-spacing: -0.05em;}
.mn_contact{width: 180px;}
.mn_contact a{background: #082b73;width: 100%;padding: 0 30px;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;}

.mn_recruit a{;padding: 0 20px;}

.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; }

.footer_cont .wrapper {padding: 40px 20px 20px;position: relative;}
.footer_cont .banner {max-width: 1080px;margin: 0 auto;}
.footer_cont .banner ul {display: flex;justify-content: center;flex-wrap: wrap;}
.footer_cont .banner li {width: 30.33%;margin: 0 1.5%;text-align: center;padding-bottom: 30px;}
.footer_cont .banner li img{max-width:100%;}

.footer_info {max-width: 940px;margin: 0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;padding-top: 40px;border-top: 1px dotted #fff;}
.footer_info .address {color: #fff;font-size: 15px;height: 360px;}
.footer_info .address h2 {width: 162px;margin-bottom: 20px;}
.footer_info .address h2 img {max-width: 100%;}
.footer_info .address p {padding-bottom: 20px;}
.footer_info .address p.tel {padding-bottom: 0;}
.footer_info .address p.branch a{text-decoration:underline;}
.footer_info .boxes {width: 645px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.footer_info .boxes .box {width: 33.33%;color: #fff;font-size: 15px;}
.footer_info .boxes .box h3 {margin-bottom: 5px;font-size: 15px;font-weight: bold;}
.footer_info .boxes .box h3 >a {color: #fff !important;}
.footer_info .boxes .box ul {position: relative;}

.footer_cont .copy{text-align:center;font-size:12px;color:#fff;}


@media screen and ( max-width:980px) {
	.footer_info .boxes{width:auto;}
}










.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;}

/********** 全ページ共通の下部 **********/
.l_line_side {position: fixed;top: 130px;right: 0;width: 90px;}
.l_line_side a{display:block;text-align:right !important;}
.l_line_side img{width:100%;}

.l_reason_side{position: fixed;bottom: 0;right: 0;width: 186px;}
.l_reason_side a{display:none;}
.l_reason_side span{display:block;}
.l_reason_side span:hover{cursor:pointer;}
.l_reason_side img{max-width:100%;}

.gotop {margin:0 10px 15px 0;}
.l_gotop{width:50px;height:50px;position: fixed;left: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: 1080px) {
	.l_header_navi .logo{width:152px;top:8px;left:10px;}
    .l_main_navi.pc_menu{max-width: 680px;}
    .l_main_navi li{font-size: 93.75%;}
    .l_main_navi li.mn_home{display: none;}
    .l_line_side img{width:80%;}
    .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;}
}

@media screen and (min-width: 1409px) {
	.l_reason_side{width:240px;}
	.l_reason_side img{width:100%;}
}

/********** 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);}

/*** movie ***/
.movie_bg {background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 900;display:none;}
.movie_bg.on{display:block;}
.movie_bg:hover{cursor:pointer;}
.movie_cont {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;max-height: 80%;z-index: 910;display:none;}
.movie_cont.on{display:block;}
.movie_cont video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.movie_cont > div:before {padding-top: 56.25%;content: "";display: block;}
.movie_bg::after {content: "×";display: block;width: 40px;height: 40px;text-align: center;color: #fff;position: absolute;top: 10px;right: 10px;font-size: 36px;line-height: 40px;}