@charset "UTF-8";


.l_header_image{}
.l_header_image li{width:100%;}

/********** メインビジュアル **********/
/** 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)*/
 
/* 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*********************************/ 
.slider_img{ position:relative;}
.l_header_image .slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.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: 640px; margin:0 auto; display: block; width:100%;}
.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:5px;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:-8px;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;overflow: hidden; }
.header_movie::before{ padding-top: 56.25%;content:"";display: block; }
.header_movie::after{ background:url(../../images/over_logo.png) 50% 50% no-repeat;width:100%;height:100%;display:none;content:"";position:absolute;top:0;left:0;
-webkit-background-size: 70% auto;background-size: 70% auto;}
.header_movie > div{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.header_movie > div video{ width:100%;height:100%; }

.l_home .l_wrapper{padding: 40px 15px;}

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

/********** BUSINESS **********/
.l_home_business{background: url(../../images/home/bg_home_business.jpg) no-repeat center top;background-size: cover;
}
.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: 172px;height: 28px;background-size: contain;
}
.l_home_business ul{padding-top: 10px;}
.l_home_business ul li{margin-top: 20px;}


/********** COMPANY **********/
.l_home_company{background: url(../../images/home/bg_home_company.jpg) no-repeat center bottom;background-size: cover;
}
.l_home_company h2.title span{background: url(../images/home/title_home_company.png) no-repeat center bottom;max-width: 200px;height: 28px;background-size: contain;
}

.l_home_company .area_text{padding: 28px 0 10px;}
.l_home_company .area_text .box_first{font-family: serif;color: #082b73;font-weight: bold;font-size: 15px;text-align: center;margin-bottom: 13px;
}
.l_home_company .area_text .box_second{font-size: 13px;}
.l_home_company .area_text .box_second br{display: none;}

.l_home_company ul li{margin-top: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_home_company ul li a{background: #fff;display: block;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);
}
.l_home_company ul li a .area_inner{display: table;width: 100%;}

.l_home_company ul li a .image{display: table-cell;background-size: cover;background-position: center bottom;background-repeat: no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;
max-width: 170px;height: 125px;font-size: 0;width: 50%;
}

.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 .name{display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;color: #082b73;font-weight: bold;padding: 10px;font-size: 15px;max-width: calc(100% - 170px);width:100%;
}

/*追加**/
.l_home_extra{padding: 20px 15px 40px;}
.l_home_extra .l_wrapper{font-family: serif;padding: 15px;background: #f0f3fa;}
.l_home_extra h2.title{font-size: 16px;text-align: left;position: relative;}
.l_home_extra h2.title::after{display: block;position:absolute;content:"";width:0;height:0;right:0;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: block;overflow:visible;text-indent:initial;white-space:initial;margin-bottom: 0;padding-right: 20px;}
.l_home_extra .box{font-size: 13px;}
.l_home_extra p.text{line-height: 2;max-width: 620px;margin: 15px auto 10px;}
.l_home_extra h2.title time{display: inline-block;font-size: 14px;margin-right: 20px;margin-bottom: 5px;}
.l_home_extra p.text br.pc{display: none;}
.l_home_extra p.text span{display: block;text-align: right;}
.addressing_area{max-width: 620px;margin: 0 auto;text-align: right;}
.addressing_area .time{text-align: left;display: block;}
.addressing_area .c_name{font-size: 16px;}
.addressing_area .c_name span{font-size: 13px;display: inline-block;margin-right: 10px;}
.addressing_area .address{font-size: 12px;margin: 5px 0;}

/*求人**/
.l_home_recruit{padding: 20px 0;}
.l_home_recruit h2{line-height: 1.2;}
.l_home_recruit p.text{font-size: 14px;}
.l_home_recruit a{color: #003688;font-weight: bold;text-decoration: underline;}

.l_home_recruit ul {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 480px;margin-top: 15px;}
.l_home_recruit li.line,.l_home_recruit li.web {width: 48%;}
.l_home_recruit li.tel {width: 100%;margin-top: 15px;}
.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: 16px;}
.l_home_recruit li span.role {font-size: 13px;}