@charset "UTF-8";



/** 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)*/
.l_header_image{max-height: 794px;overflow: hidden;max-width: 1920px;margin: 0 auto;}
/* 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*********************************/ 
.l_header_image .slider_img{ position:relative;}
.l_header_image .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: 1920px; margin:0 auto; display: block; width:100%;}
.flexslider .slides span{padding-top: 40%;background-position: center;background-repeat: no-repeat;padding-bottom: 27px;}
.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;}
.carousel li {margin-right: 5px}

.flex-control-nav{height:20px;margin-right:-5px;text-align:center}
.flex-control-nav li{margin-right:2px;line-height:20px;display:inline-block;}
.flex-control-nav a{width:20px;height:20px;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;font-size:44px;margin-top:-7px;left:-32px;line-height:1;top:0;font-family:genericons;content:"\f428";}
.flex-control-nav a:before{color:#ccc;}
.flex-control-nav a.flex-active:before{color:#000;}

/*** video ***/
.header_movie{ background-color:#000;position:relative;max-height: 794px;overflow: hidden;max-width: 1920px;margin: 0 auto; }
.header_movie::before{ padding-top: 56.25%;content:"";display: block; }
.header_movie::after{ opacity:0.8;background:url(../images/over_logo.png) 50% 50% no-repeat;width:781px;height:291px;display:none;content:"";position:absolute;top:50%;left:50%;
-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.header_movie > div{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.header_movie > div video{ width:100%;height:100%; }

.l_home h2.title{text-align: center;line-height: 1;font-weight: bold;}
.l_home h2.title span{display: block;text-indent:100%;white-space:nowrap;overflow:hidden;margin: 0 auto 10px;}

.l_wrapper{max-width: 1080px;margin: 0 auto;}

/********** BUSINESS **********/
.l_home_business{background: url(../../images/home/bg_home_business.jpg) no-repeat center top;background-size: cover;padding:  0 30px;
}
.l_home_business .l_wrapper{padding: 80px 0;}
.l_home_business .title{color: #fff;}
.l_home_business h2.title span{background: url(../images/home/title_home_business.png) no-repeat center bottom;max-width: 200px;height: 32px;background-size: contain;
}
.l_home_business ul{padding-top: 10px;display: flex;flex-wrap: wrap;}
.l_home_business ul li{margin-top: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home_business ul li img{width: 100%;}
.l_home_business ul li a{background: #fff;display: block;}
.l_home_business ul li.business_02,.l_home_business ul li.business_03{width: 50%;}
.l_home_business ul li.business_02{padding-right: 10px;}.l_home_business ul li.business_03{padding-left: 10px;}

/********** COMPANY **********/
.l_home_company{background: url(../../images/home/bg_home_company.jpg) no-repeat center bottom;background-size: cover;padding:  0 30px;
}
.l_home_company .l_wrapper{padding: 80px 0;}
.l_home_company h2.title span{background: url(../images/home/title_home_company.png) no-repeat center bottom;max-width: 232px;height: 32px;background-size: contain;
}

.l_home_company .area_text{padding: 50px 0 38px;}
.l_home_company .area_text .box_first{font-family: serif;color: #082b73;font-weight: bold;font-size: 162.5%;text-align: center;margin-bottom: 28px;
}
.l_home_company .area_text .box_second{font-size: 112.5%;text-align: center;}

.l_home_company ul{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.l_home_company ul li{margin-top: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;
  width: 33.33333% ;width: -webkit-calc(100% / 3) ;width: -moz-calc(100% / 3);width: calc(100% / 3) ;padding: 0 15px;
}

.l_home_company ul li a{background: #fff;display: block;text-decoration: none;box-shadow: 0 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1); -o-box-shadow: 0 0px 10px rgba(0,0,0,0.1);max-width: 340px;
}
.l_home_company ul li a .area_inner{display: block;width: 100%;}

.l_home_company ul li a .image{display: block;background-size: cover;
background-position: center;background-repeat: no-repeat;
text-indent: 100%;white-space: nowrap;overflow: hidden;width: 100%;max-width: 340px;height: 250px;min-width: 125px;
}

.l_home_company ul li.menu_company .image{background-image: url(../../images/home/company_01.jpg);}
.l_home_company ul li.menu_idea .image{background-image: url(../../images/home/company_02.jpg);}
.l_home_company ul li.menu_environment .image{background-image: url(../../images/home/company_03.jpg);}

.l_home_company ul li a:hover .image{opacity: 0.8;}

.l_home_company ul li a .name{display: block;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;color: #082b73;font-weight: bold;padding: 10px;font-size: 112.5%;
}

.btn_link a:hover{background-color:rgba(255,255,255,0.2);}


/*追加**/
br.pc.m2{display: none;}
.l_home_extra{padding: 30px 40px 80px;}
.l_home_extra .l_wrapper{font-family: serif;background: #f0f3fa;}
.l_home_extra h2.title{font-size: 20px;position: relative;display: flex;align-items: baseline;padding: 30px 60px;}
.l_home_extra h2.title::after{display: block;position:absolute;content:"";width:0;height:0;right:40px;top:50%;
  border-color:#003688 transparent transparent transparent;border-width:10px 6px 0 6px;border-style:solid;transform: translateY(-50%);
}
.l_home_extra h2.title span{display: inline-block;overflow:visible;text-indent:initial;white-space:initial;margin: 0;}
.l_home_extra h2.title:hover{cursor: pointer;}
.l_home_extra h2.title time{display: inline-block;margin-left: 20px;font-size: 16px;}
.l_home_extra .box{padding: 0 60px 30px;}
.l_home_extra p.text{line-height: 2;margin: 0 auto 10px;}
.l_home_extra p.text span{display: block;text-align: right;}
.addressing_area{margin: 0 auto;text-align: right;}
.addressing_area .time{text-align: left;display: block;}
.addressing_area .c_name{font-size: 18px;}
.addressing_area .c_name span{font-size: 13px;display: inline-block;margin-right: 10px;}
.addressing_area .address{font-size: 13px;margin-bottom: 5px;}

/*求人**/
.l_home_recruit{padding: 50px 0 30px;font-size: 17px;}
.l_home_recruit .box{padding-right: 60px;padding-left: 60px;}
.l_home_recruit p.text{margin-bottom: 0;}
.l_home_recruit a{color: #003688;font-weight: bold;}

.l_home_recruit ul {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 580px;margin-top: 20px;}
.l_home_recruit li.line,.l_home_recruit li.web {width: 48%;}
.l_home_recruit li.tel {width: 100%;margin-top: 20px;}
.l_home_recruit li a {display: block;padding: 12px 10px;box-sizing: border-box;background: #333;color: #fff;border-radius: 5px;text-align: center;text-decoration: none;}
.l_home_recruit li.line a {background: #06c755;}
.l_home_recruit li.web a {background: #082b73;}
.l_home_recruit li.tel a {padding: 20px 10px;}
.l_home_recruit li span.phone {background: url(../images/phone.png) no-repeat 0% 50%;display: inline-block;padding-left: 30px;background-size: auto 90%;}
.l_home_recruit li span.large {font-size: 20px;}
.l_home_recruit li span.role {font-size: 15px;}
.l_home_recruit li a[href^="tel:"] { pointer-events: none; }
.l_home_recruit li a br{display:none;}

@media screen and (min-width:1120px) {
  .l_home_extra .box{padding: 0 100px 30px 60px;}
  br.pc.m2{display: block;}
}

@media screen and ( min-width:1410px) {
	.header_movie::before{ padding-top: 41.35%;}
	.header_movie > div{ width:1920px;height: 100%;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
}