@charset "utf-8";

/* ---------------------------------------------------------
   #global-header
----------------------------------------------------------*/

#global-header {
  position:fixed;
  top:0;
  width:100%;
  height:50px;
  background:#fff;
  z-index:2;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

 /*for IE8*/
html>/**/body #global-header {
  border-bottom /*\**/:1px solid #ccc \9;
}


@media screen and (min-width: 1200px) {
    #global-header {
      height:100px;
    }
}

#site-title {
  position:absolute;
  top:17px;
  left:20px;
  width:100px;
  line-height:1;
}

@media screen and (min-width: 1200px) {    
    #site-title {
      top:30px;
      left:40px;
      width:200px;
    }
}

.btn-partner {
  display:none;
}

.btn-partner a:hover img {
	opacity: .7;
}

@media screen and (min-width: 768px) {
    .btn-partner {
      display:block;
      position:fixed;
      right:0;
      top:180px;
	  width: 60px;
    }

    .btn-partner a {
      display:block;
	  margin-bottom: 10px;
    }
}


/* ---------------------------------------------------------
   #global-nav
----------------------------------------------------------*/

.global-nav-cta {
  position:absolute;
  top:0px;
  right:50px;
  z-index:2;
}

.global-nav-cta li {
  float:left;
}

.global-nav-cta a {
  display:block;
  height:50px;
  width:50px;
  text-align:center;
  font-size:10px;
  color:#000;
  border-left:1px solid #e5e5e5;
}

.global-nav-cta a:before {
  font-family: 'FontAwesome';
  color:#999;
  line-height:1;
  height:30px;
  padding:10px 0 0;
  display:block;
}

 /*for IE8*/
html>/**/body .global-nav-cta a:before {
  margin-left /*\**/:15px \9;
}

.global-nav-cta-tel a:before{
  content: "\f095";
  font-size:22px;
}

.global-nav-cta-contact a:before{
  content: "\f0e0";
  font-size:18px;
}

.global-nav-trigger {
  position:absolute;
  top:0px;
  right:0px;
  z-index:2;
}

.global-nav-trigger a span {
  display:none;
}

.global-nav-trigger a {
  display:block;
  font-size:24px;
  background:#e71e1a;
  color:#FFF;
  line-height:50px;
  height:50px;
  width:50px;
  text-align:center;
  cursor:pointer;
}

.global-nav-trigger a:after{
  font-family: 'themify';
  content: "\e68e";
}
html.sb-active .global-nav-trigger a:after{
  font-family:'themify';
  content: "\e646";
}

@media screen and (min-width: 1200px) {
    .global-nav-cta,
    .global-nav-trigger {
      display:none;
    }
}

.global-nav-menu {
  display:none;
}

@media screen and (min-width: 1200px) {
    .global-nav-menu {
      display:block;
      font-size:14px;
      text-align:right;
      padding-left:240px;
      margin-right:40px;
    }
    
    .global-nav-menu a {
      display:block;
      color:#000;
    }
    .global-nav-menu > li {
      display:inline-block;
      position:relative;
    }

    .global-nav-menu > li > a {
      padding:0 20px;
      height:100px;
      line-height:100px;
    }
    
    .global-nav-menu > li:hover {
      background:#e71e1a;
    }
    
    .global-nav-menu > li:hover a {
      color:#fff;
    }
    
    .global-nav-menu > li.current-menu-item {
    }
}

/* サブメニュー */

.global-nav-menu .sub-menu {
  background:#e71e1a;
  position:absolute;
  top:100px;
  left:-5000px;
  text-align:left;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  width:250px;
}

.global-nav-menu .sub-menu a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  left:15px;
  margin-top: -15px;
}

.global-nav-menu .sub-menu a {
  position:relative;
  padding:10px 15px 10px 30px;
  border-top:1px solid #c90400;
}

.global-nav-menu .sub-menu a:hover {
  background:#c90400;
  color:#fff;
}

.global-nav-menu li:hover > .sub-menu {
  left:0;
}

.global-nav-menu li.global-nav-menu-right:hover > .sub-menu {
  left:auto;
  right:0;
}

/* 第3階層 */

.global-nav-menu .sub-menu li {
  position:relative;
}

.global-nav-menu .sub-menu .sub-menu {
  top:0;
}

.global-nav-menu .sub-menu li:hover .sub-menu {
  left:250px;
}

.global-nav-menu li.global-nav-menu-right .sub-menu li:hover .sub-menu {
  left:-250px;
}


/* スマホ用ナビ */

#global-nav-sp > ul {
  border-bottom:1px solid #d30d09;
}

#global-nav-sp ul li a {
  padding:10px 20px 10px 30px;
  border-top:1px solid #d30d09;
}

#global-nav-sp ul ul a {
  padding:5px 20px 5px 50px;
  background:#c90400;
}

#global-nav-sp ul ul ul a {
  padding:5px 20px 5px 70px;
}

#global-nav-sp a {
  color:#fff;
  display:block;
  position:relative;
}

#global-nav-sp a:hover {
  text-decoration:none;
}

#global-nav-sp ul li a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top:50%;
  left:15px;
  margin-top: -12px;
}

#global-nav-sp ul ul li a:after {
  left:35px;
}

#global-nav-sp ul ul ul li a:after {
  left:55px;
}

/* ---------------------------------------------------------
   .cta
----------------------------------------------------------*/

.cta-footer {
  padding:30px 0 0;
  margin-bottom:20px;
}

.cta-footer h2 {
  text-align:center;
  margin-bottom:10px;
  font-weight:bold;
  font-size:14px;
}

.cta-footer div {
  text-align:center;
}

.cta-footer-contact {
  margin-bottom:20px;
}

.cta-footer-catalog h2 {
  margin-bottom:10px;
}

.cta-footer-catalog img {
  width:100px;
}

@media screen and (min-width: 768px) {
    .cta-footer {
      padding:60px 0 0;
    }
    .cta-footer h2 {
      font-size:20px;
      margin-bottom:30px;
    }
    .cta-footer-catalog h2 {
      margin-bottom:10px;
    }
}

/* ---------------------------------------------------------
   #page-top
----------------------------------------------------------*/

#page-top {
  text-align:center;
}

#page-top a {
  background:#00489e;
  color:#fff;
  display:block;
}

#page-top a:before {
  font-family: 'themify';
  content: "\e627";
  font-size:20px;
}

#page-top a span {
  display:none;
}

#page-top a:hover {
  opacity:0.5;
  filter:alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

@media screen and (min-width: 768px) {
    #page-top a:before {
      font-size:36px;
    }
}

/* ---------------------------------------------------------
   #global-footer
----------------------------------------------------------*/


#global-footer {
  clear:both;
  padding:30px 0 0;
  background:#f5f5f5;
}

.nav-btn {
  margin-bottom:30px;
}

.nav-btn a {
  display:block;
  text-align:center;
  padding:10px 5px;
  color:#000;
  background:#fff;
  font-size:8px;
  font-weight:bold;
  margin-bottom:20px;
}

.nav-btn img {
  display:block;
  width:50px;
  margin:0 auto;
  margin-bottom:5px;
}

.global-footer-nav {
  display:none;
}

.global-footer-nav {
  font-size:12px;
  margin-bottom:30px;
}

.global-footer-nav li {
  margin-bottom:5px;
}

.global-footer-nav li a {
  color:#999;
  position:relative;
  padding-left:15px;
}

.global-footer-nav li ul {
  margin-left:15px;
}

@media screen and (min-width: 768px) {
    #global-footer {
      padding:60px 0 0;
    }
    .nav-btn a {
      font-size:18px;
      padding:20px 5px;
    }
    .nav-btn img {
      display:inline;
      margin:0 15px 0 0;
      vertical-align:middle;
     }
    .global-footer-nav {
      display:block;
    }
}

#copyright {
  font-size:10px;
  text-align:center;
  background:#fff;
  padding:30px 0;
}


/* ---------------------------------------------------------
   #content
----------------------------------------------------------*/

#content {
  clear:both;
  margin-top:50px;
}

@media screen and (min-width: 1200px) {
    #content {
      margin-top:100px;
    }
}


/* ---------------------------------------------------------
   #main
----------------------------------------------------------*/

#main {
  margin-bottom:50px;
}

.home #main {
  margin-bottom:0;
}

@media screen and (min-width: 768px) {
    #main {
      margin-bottom:100px;
    }
    .home #main {
      margin-bottom:0;
    }
}

.section {
  clear:both;
  margin-bottom:30px;
}

.section .section {
  margin-bottom:10px;
}

.section p,
.section figure {
  margin-bottom:30px;
}

.section-padding {
  padding:30px 0 20px;
  margin:0;
}

.bg-gray {
  background:#f5f5f5;
}

@media screen and (min-width: 768px) {
    .section {
      margin-bottom:60px;
    }
    .section-padding {
      padding:70px 0;
      margin:0;
    }
}

.scrollfit {
  margin-top:-50px;
  padding-top:50px;
}

@media screen and (min-width: 1200px) {
    .scrollfit {
      margin-top:-140px;
      padding-top:140px;
     }
}

/* category-title */

.category-title {
  margin-bottom:30px;
  color:#fff;
}

.category-title .container {
  display:table;
  width:100%;
  position:relative;
}

.page-company .category-title {
  background:url(../img/bg_title_company.jpg) center center no-repeat;
  background-size:cover;
  color:#000;
}

.page-business .category-title {
  background:url(../img/bg_title_business.jpg) center center no-repeat;
  background-size:cover;
}

.page-product .category-title ,
.page-product02 .category-title {
  background:url(../img/bg_title_product.jpg) center center no-repeat;
  background-size:cover;
}

.page-recruit .category-title {
  background:url(../img/bg_title_recruit.jpg) center center no-repeat;
  background-size:cover;
}

.category-title h1 {
  display:table-cell;
  vertical-align:middle;
  font-size:16px;
  line-height:1.2;
  padding:60px 0;
}

.category-title h1 span {
  font-family: 'Raleway', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:30px;
}

.page-instructions .instructions ul li {
	width: 48%;
	margin-right: 2%;
	float: left;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #CCCCCC;
}

.page-instructions .instructions ul a {
	position: relative;
	color: #333;
	padding-left: 15px;
}

.page-instructions .instructions ul a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #e71f1a;
    position: absolute;
    top: 30%;
    left: 0;
    margin-top: -12px;
}

@media screen and (max-width: 480px) {
	.page-instructions .instructions ul li {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	.page-instructions .instructions ul a:before {
		top: 55%;
	}		
}


@media screen and (min-width: 768px) {
    .category-title {
      margin-bottom:60px;
    }
    .category-title .container {
      height:700px;
    }
    .category-title h1 {
      font-size:20px;
    }
    .category-title h1 span {
      font-size:60px;
    }
}
	

/* category-title-secondary */

.category-title-secondary {
  background:#e71f1a;
  color:#fff;
  margin-bottom:30px;
}

.category-title-secondary + .content-nav,
.category-title-secondary + .title-visual {
  margin-top:-30px;
}

.category-title-secondary .container {
  display:table;
  width:100%;
  height:60px;
}

.category-title-secondary .category-title-parent,
.category-title-secondary .category-title-child {
  display:table-cell;
  vertical-align:middle;
}

.category-title-secondary .category-title-parent {
  font-size:12px;
  line-height:1.4;
  margin-bottom:10px;
}

.category-title-secondary .category-title-parent span {
  font-family: 'Raleway', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:16px;
}

.category-title-secondary .category-title-child h1 {
  font-size:15px;
  line-height:1.4;
  font-weight:bold;
  text-align:right;
  margin-left:10px;
}

@media screen and (min-width: 768px) {
    .category-title-secondary {
      margin-bottom:60px;
    }
    .category-title-secondary + .content-nav,
    .category-title-secondary + .title-visual {
      margin-top:-60px;
    }
    .category-title-secondary .container {
      height:150px;
    }
    .category-title-secondary .category-title-parent span {
      font-size:30px;
    }

    .category-title-secondary .category-title-child h1 {
      font-size:30px;
    }
}

@media screen and (min-width: 992px) {
    .category-title-secondary .category-title-parent span {
      font-size:36px;
    }
    .category-title-secondary .category-title-child h1 {
      font-size:40px;
    }
}

/* content-nav */

.content-nav {
  overflow:hidden;
  background:#b60100;
}

.category-title + .content-nav {
  margin-top:-30px;
}

.content-nav .content-nav-inner {
 /*text-align:center;*/
  z-index:1;
  position:relative;
}

.content-nav a {
  display:block;
  padding: 10px;
  padding-top: 55px;
  padding-bottom: 10px;
  color:#fff;
}

.content-nav div[class^="col-"] {
  position: relative;
  overflow: hidden;
}
.content-nav div[class^="col-"]:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.content-nav div[class^="col-"]:hover:after {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.content-nav-com-message:after {
  background:url(../img/bg_nav_com_message.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-com-outline:after {
  background:url(../img/bg_nav_com_outline.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-com-office:after {
  background:url(../img/bg_nav_com_office.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-bus-office:after {
  background:url(../img/bg_nav_bus_office.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-bus-technology:after {
  background:url(../img/bg_nav_bus_technology.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-bus-service:after {
  background:url(../img/bg_nav_bus_service.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-bus-care:after {
  background:url(../img/bg_nav_bus_care.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-voice:after {
  background:url(../img/bg_nav_rec_voice.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-friend:after {
  background:url(../img/bg_nav_rec_friend.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-flow:after {
  background:url(../img/bg_nav_rec_flow.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-welfare:after {
  background:url(../img/bg_nav_rec_welfare.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-training:after {
  background:url(../img/bg_nav_rec_training.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-entry:after {
  background:url(../img/bg_nav_rec_entry.jpg) center center no-repeat;
  background-size:cover;
}
.content-nav-rec-voi-matsuura:after {
  background:url(../img/bg_nav_rec_voi_matsuura.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-komukai:after {
  background:url(../img/bg_nav_rec_voi_komukai.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-matsushita:after {
  background:url(../img/bg_nav_rec_voi_matsushita.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-aso:after {
  background:url(../img/bg_nav_rec_voi_aso.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-miyauchi:after {
  background:url(../img/bg_nav_rec_voi_miyauchi.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-voi-shimogama:after {
  background:url(../img/bg_nav_rec_voi_shimogama.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-ueyama:after {
  background:url(../img/bg_nav_rec_voi_ueyama.jpg) center top no-repeat;
  background-size:cover;
}

.content-nav-rec-voi-ueda:after {
  background:url(../img/bg_nav_rec_voi_ueda.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-voi-tanaka:after {
  background:url(../img/bg_nav_rec_voi_tanaka.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-voi-itou:after {
  background:url(../img/bg_nav_rec_voi_itou.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-voi-takashima:after {
  background:url(../img/bg_nav_rec_voi_takashima.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-flo-hashimoto:after {
  background:url(../img/bg_nav_rec_flo_hashimoto.jpg) right top no-repeat;
  background-size:cover;
}
.content-nav-rec-flo-nishibayashi:after {
  background:url(../img/bg_nav_rec_flo_nishibayashi.jpg) right top no-repeat;
  background-size:cover;
}
.content-nav-rec-flo-kunitake:after {
  background:url(../img/bg_nav_rec_flo_kunitake.jpg) center top no-repeat;
  background-size:cover;
}
.content-nav-rec-flo-ito:after {
  background:url(../img/bg_nav_rec_flo_ito.jpg) right top no-repeat;
  background-size:cover;
}
.content-nav-rec-flo-matsuura:after {
  background:url(../img/bg_nav_rec_flo_matsuura.jpg) right top no-repeat;
  background-size:cover;
}

.content-nav h2 {
  font-size:18px;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:5px;
}

.content-nav h2 br {
  display:none;
}

@media screen and (min-width: 768px) {
    .category-title + .content-nav {
      margin-top:-60px;
    }
	
	.content-nav a {
		display:block;
		padding:30px 20px 10px 20px;
		color:#fff;
}
    .content-nav .content-nav-inner {
      display:table;
      width:100%;
      height:250px;
     }
    .content-nav a {
      display:table-cell;
      vertical-align:bottom;
	  text-align: left;
     }
    .content-nav h2 {
      font-size:26px;
      margin-bottom:10px;
     }
     .content-nav h2 br {
       display:block;
     }
}

@media screen and (min-width: 992px) {
    .content-nav h2 {
      font-size:30px;
    }
}

/* title-visual */

.title-visual {
  margin-bottom:30px;
}

.title-visual-has-sub {
  margin-bottom:100px;
}

.title-visual .container {
  position:relative;
}

.title-visual-message {
  background:url(../img/bg_com_title_message.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-bus-office {
  background:url(../img/bg_bus_title_office.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}
.title-visual-bus-technology {
  background:url(../img/bg_bus_title_technology.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}
.title-visual-voi-matsuura {
  background:url(../img/bg_rec_voi_title_matsuura.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-miyauchi {
  background:url(../img/bg_rec_voi_title_miyauchi.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-shimogama {
  background:url(../img/bg_rec_voi_title_shimogama.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-ueda {
  background:url(../img/bg_rec_voi_title_ueda.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-itou {
  background:url(../img/bg_rec_voi_title_itou.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-takashima {
  background:url(../img/bg_rec_voi_title_takashima.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-voi-tanaka {
  background:url(../img/bg_rec_voi_title_tanaka.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}

.title-visual-voi-komukai {
  background:url(../img/bg_rec_voi_title_komukai.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
  text-shadow: 2px 2px 10px #333;
}
.title-visual-voi-matsushita {
  background:url(../img/bg_rec_voi_title_matsushita.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
  text-shadow: 2px 2px 10px #333;
}
.title-visual-voi-aso {
  background:url(../img/bg_rec_voi_title_aso.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
  text-shadow: 2px 2px 10px #333;
}
.title-visual-voi-ueyama {
  background:url(../img/bg_rec_voi_title_ueyama.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}


.title-visual-flow-hashimoto {
  background:url(../img/bg_rec_flow_title_hashimoto.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}
.title-visual-flow-nishibayashi {
  background:url(../img/bg_rec_flow_title_nishibayashi.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}
.title-visual-flow-kunitake {
  background:url(../img/bg_rec_flow_title_kunitake.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}
.title-visual-flow-ito {
  background:url(../img/bg_rec_flow_title_ito.jpg) center center no-repeat;
  background-size:cover;
}
.title-visual-flow-matsuura {
  background:url(../img/bg_rec_flow_title_matsuura.jpg) right center no-repeat;
  background-size:cover;
  color:#fff;
}

.title-visual-welfare {
  background:url(../img/bg_rec_title_welfare.jpg) center center no-repeat;
  background-size:cover;
}

.title-visual-woman {
  background:url(../img/bg_rec_title_woman.jpg) center center no-repeat;
  background-size:cover;
}

.title-visual-friend-ueno {
  background:url(../img/bg_rec_fri_title_ueno.jpg) center center no-repeat;
  background-size:cover;
}

.title-visual-friend-inoue {
  background:url(../img/bg_rec_fri_title_inoue.jpg) center center no-repeat;
  background-size:cover;
  color:#fff;
}




.title-visual h2 {
  line-height:1.4;
  padding:60px 0;
}

.title-visual h2 span {
  font-family: 'Raleway', sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:1.2;
}

.title-visual h2.title-visual-catch {
  font-size:16px;
  font-weight:bold;
}

.title-visual-friend-ueno h2.title-visual-catch,
.title-visual-friend-inoue h2.title-visual-catch {
  font-size:12px;
}

.title-visual-sub {
  background:#00489e;
  color:#fff;
  padding:10px 20px;
  width:50%;
  margin-bottom:-60px;
}

.title-visual-voi-ueyama {
  background:url(../img/bg_rec_voi_title_ueyama.jpg) right no-repeat;
  background-size:cover;
  color:#fff;
}

.title-visual-sub h3 {
  margin:5px 0 20px;
  font-size:18px;
  line-height:1.0;
}

.title-visual-sub h3 span {
  font-size:12px;
}

.title-visual-sub p {
  font-size:10px;
}


.title-visual-sub02 {
  background:#e71f1a;
  color:#fff;
  padding:10px 20px;
  width:50%;
  margin-bottom:-60px;
}

.title-visual-sub02 h3 {
  margin:5px 0 20px;
  font-size:18px;
  line-height:1.0;
}

.title-visual-sub02 h3 span {
  font-size:12px;
}

.title-visual-sub02 p {
  font-size:10px;
}


@media screen and (min-width: 768px) {
    .title-visual {
      margin-bottom:100px;
    }
    .title-visual .container {
      display:table;
      width:100%;
      height:600px;
    }
    .title-visual h2 {
      display:table-cell;
      vertical-align:middle;
      font-size:28px;
    }
    .title-visual-has-sub h2 {
      vertical-align:top;
      padding-top:150px;
    }
    .title-visual h2 span {
      font-size:60px; 
    }
	.title-visual h2.title-visual-catch {
      font-size:36px;
	  color:"#333";
    }
    
    .title-visual-friend-ueno h2.title-visual-catch,
    .title-visual-friend-inoue h2.title-visual-catch {
      font-size:36px;
    }
    .title-visual-sub {
      position:absolute;
      bottom:0px;
      left:40px;
      width:30%;
      padding:25px 40px;
      margin-bottom:-30px;
    }
    .title-visual-sub h3 {
      font-size:28px;
    }
    .title-visual-sub p {
      font-size:14px;
    }
	
	.title-visual-sub02 {
      position:absolute;
      bottom:0px;
      left:40px;
      width:30%;
      padding:25px 40px;
      margin-bottom:-30px;
    }
    .title-visual-sub02 h3 {
      font-size:28px;
    }
    .title-visual-sub02 p {
      font-size:14px;
    }
	
	
}

@media screen and (min-width: 992px) {
    .title-visual-sub {
      left:80px;
    }
	
    .title-visual-sub02 {
      left:80px;
    }
}


/* ---------------------------------------------------------
   index
----------------------------------------------------------*/

.section-main .bxslider li {
  position:relative;
}

.section-main-01 {
  background:url(../img/bg_index_main_01.jpg) center center no-repeat;
  background-size: cover;
}

.section-main-02 {
  background:url(../img/bg_index_main_02.jpg) center center no-repeat;
  background-size: cover;
}

.section-main-03 {
  background:url(../img/bg_index_main_03.jpg) center center no-repeat;
  background-size: cover;
}

.section-main-04 {
  background:url(../img/bg_index_main_04.jpg) center center no-repeat;
  background-size: cover;
}

.section-main-title .container {
  display:table;
  width:100%;
  height:400px;
  text-align:center;
}

 html>/**/body .section-main-title .container {
  height /*\**/: 800px \9;
}

.section-main-title .m-text {
  display:table-cell;
  vertical-align:middle;
}

.section-main-title .m-text img {
  width:90%;
  margin:0 auto;
}

 html>/**/body .section-main-title .m-text img {
  width /*\**/: auto \9;
}

.section-main-lead {
  position:absolute;
  bottom:0px;
  width:100%;
}

.section-main-lead a {
  display:block;
  background:#e71f1a;
  color:#fff;
}

.section-main-lead a:hover {
}

.section-main-lead-content {
  font-size:11px;
  padding:20px 0;
  position:relative;
}

.section-main-lead-content h2 {
  margin-right:36px;  
}

.section-main-lead-content h2:after {
  font-family: 'themify';
  content: "\e628";
  font-size:30px;
  line-height:1;
  vertical-align:middle;
  position:absolute;
  top:50%;
  right:20px;
  margin-top:-15px;
}


#bx-pager {
  background:#f5f5f5;
  text-align:center;
  padding:20px 0;
}

#bx-pager li {
  margin:0 5px;
  display:inline;
}

#bx-pager li img {
  width:76px;
}

@media screen and (min-width: 768px) {
    .section-main-title .container {
      height:800px;
    }
    
    .section-main-title .m-text img {
      width:auto;
    }
    .section-main-lead-content {
      font-size:14px;
      text-align:center;
      padding:30px 0;
    }
    .section-main-lead-content h2 {
      margin:0;
    }
    .section-main-lead-content h2:after {
      margin-left:10px;
      position:static;
    }
    .section-main-lead-content h2 br {
      display:none;
    }
    
    #bx-pager li img {
      width:auto;
    }
}

@media screen and (min-width: 992px) {
    .section-main-lead-content {
      font-size:18px;
    }
}

.section-index h2 {
  padding:40px 0 0;
}

.section-index h2 span {
  text-transform:uppercase;
}

.section-index-wrapp {
  background:#fff;
  overflow:hidden;
}

@media screen and (min-width: 768px) {
    .section-index h2 {
      padding:80px 0 0;
    }

}
@media screen and (min-width: 1025px) {
    .section-bg-fix {
      height:600px;
      background: url(../img/index_bg.jpg) no-repeat center center;
      background-size: cover;
      background-attachment:fixed;
    }
}

.detail-horizontal-item {
  width:50%;
  float:left;
  position:relative;
}

.detail-category {
  position:absolute;
  top:0;
  left:0;
  background:#999;
  color:#fff;
  padding:4px 20px;
  font-size:10px;
  line-height:1;
}

.detail-text {
  text-align:center;
  padding:10px 20px;
}

a .detail-text {
  color:#000;
}

.detail-horizontal-item {
  background:#f5f5f5;
}
  
.detail-text h3 {
  font-weight:bold;
  margin-bottom:5px;
}

@media screen and (min-width: 1200px) {
    .detail-horizontal-item {
      display:table;
    }
    .detail-category {
      padding:6px 40px;
      font-size:14px;
    }
    .detail-horizontal-item .detail-thumb,
    .detail-horizontal-item .detail-text {
      display:table-cell;
      vertical-align:middle;
      width:50%;
    }
     .detail-horizontal-item .detail-thumb img {
       width:100%;
     }
    .detail-text {
      padding:30px 40px;
    }
}

.dl-news {
  border-top:1px solid #000;
  margin-bottom:20px;
}

.dl-news a {
  color:#000;
  display:block;
}

.dl-news dt {
  font-size:12px;
  padding-top:10px;
}

.dl-news dd {
  border-bottom:1px solid #000;
  padding-bottom:10px;
  padding-left:15px;
  position:relative;
}

.dl-news dd a:before {
  font-family: 'FontAwesome';
  content:"\f105";
  color:#e71e1a;
  position:absolute;
  top:0px;
  left:0px;
}

@media screen and (min-width: 768px) {
    .section-news .section-index-wrapp {
      padding-bottom:100px;
    }
    .dl-news {
      margin-bottom:60px;
    }
    .dl-news dt {
      clear:both;
      float:left;
      width:100px;
      padding:20px 0 20px 20px;
     }

    .dl-news dd {
      padding:20px 20px 20px 130px;
     }
     
    .dl-news dd a:before {
      top:18px;
      left:110px;
      font-size:18px;
     }
}

.index-product-inner {
  text-align:center;
  z-index:1;
  position:relative;
}

.index-product-inner a {
  display:block;
  padding:50px 20px;
  color:#fff;
}

.index-product-detail {
  position: relative;
  overflow: hidden;
}

.index-product-detail h3 {
  color:#fff;
  line-height:1.6;
}

.index-product-detail h3 span {
  font-family: 'Raleway', sans-serif;
  font-weight:700;
  font-size:20px;
}

.index-product-detail:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.index-product-detail:hover:after {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.index-product-office:after {
  background:url(../img/bg_index_products_office.jpg) center center no-repeat;
  background-size:cover;
}

.index-product-care:after {
  background:url(../img/bg_index_products_care.jpg) center center no-repeat;
  background-size:cover;
}

@media screen and (min-width: 768px) {
    .index-product-inner {
      display:table;
      width:100%;
      height:340px;
     }
    .index-product-inner a {
      display:table-cell;
      vertical-align:middle;
     }    
     .index-product-detail h3 span {
       font-size:40px;
     }
}

.section-company {
  text-align:center;
  background:url(../img/bg_index_company.jpg) center bottom no-repeat;
  background-size:cover;
}

.section-company .container {
  position:relative;
  padding-bottom:30px;
}

.section-company h3 {
  font-size:16px;
  margin-bottom:30px;
}

.section-company p {
  margin-bottom:30px;
  font-size:10px;
  line-height:1.8;
}

.section-company-btns {
  margin-top:30px;
  font-size:10px;
}

.section-company-btns a {
  padding-left:5px;
  padding-right:35px;
}

@media screen and (min-width: 768px) {
    .section-company .container {
      padding-bottom:100px;
    }
    .section-company h3 {
      font-size:24px;
    }
    .section-company h3 br {
      display:none;
    }
    .section-company p {
      margin-bottom:50px;
      font-size:16px;
      line-height:2.2;
    }
    .section-company-btns {
      font-size:16px;
      margin-top:80px;
    }
}

/* ---------------------------------------------------------
   news
----------------------------------------------------------*/

.tab {
  border-bottom:4px solid #e71f1a;
  overflow:hidden;
  margin-bottom:20px;
}

.tab li {
  text-align:center;
  width:50%;
  float:left;
  background:#f5f5f5;
  cursor:pointer;
  border-radius:5px 5px 0 0;
}

.tab li a {
  display:block;
  padding:10px;
}

.tab li.select {
  background:#e71f1a;
  color:#fff;
}

.tab li.select a:hover {
  color:#fff;
}

.table-news {
  border:none;
  margin-bottom:30px;
}

.table-news th{
  width:1%;
  white-space:nowrap;
  background:none;
  border:none;
}

.table-news-category a {
  display:block;
  background:#999;
  color:#fff;
  padding:2px 10px;
  text-align:center;
}

.table-news td {
  border:none;
}

.tab-content-second {
  display:none;
}




/* ---------------------------------------------------------
   company
----------------------------------------------------------*/

.table-history {
  border:none;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin-bottom:40px;
}

.table-history caption {
  border:none;
  border-top:1px solid #000;
}

.table-history th,
.table-history td {
  border:none;
}

.table-history th {
  padding-left:0px;
  width:1%;
  white-space:nowrap;
  font-weight:normal;
  text-align:right;
  font-size:10px;
}

.table-history tr th:first-child {
  padding-left:20px;
}

@media screen and (min-width: 768px) {
    .table-history th {
      font-size:16px;
    }
}

.section-philosophy h2,
.section-policy h2 {
  text-align:center;
  padding:10px 0;
  color:#fff;
}

.section-philosophy h2 {
  background:#e71f1a;
}

.section-policy h2 {
  background:#00489e;
}

.section-philosophy h2 span,
.section-policy h2 span {
  color:#fff;
}

.section-philosophy ol {
  list-style:none;
  counter-reset:philosophy;
}

.section-philosophy ol li {
  margin-bottom:30px;
  padding-left:40px;
  position:relative;
}

.section-philosophy ol li:before {
  counter-increment: philosophy;
  content: counter(philosophy);
  position:absolute;
  top:0;
  left:0;
  color:#e71f1a;
  font-family: 'Montserrat', sans-serif;
  font-size:40px;
  line-height:1;
}

.section-philosophy ol strong {
  color:#e71f1a;  
}

.section-policy dl {
  margin-bottom:30px;
}

.section-policy dl dt {
  background:#00489e;
  color:#fff;
  text-align:center;
  margin-bottom:15px;
  font-weight:bold;
  padding:10px;
}

.section-policy dl dt  br {
  display:none;
}

.section-policy dl dd {
  margin-bottom:30px;
}

.section-policy dl dd strong {
  color:#00489e;
}

@media screen and (min-width: 768px) {
    .section-philosophy h2,
    .section-policy h2 {
      padding:50px 0;
    }
    .section-philosophy ol {
      font-size:26px;
      line-height:1.6;
    }
    .section-philosophy ol li {
      margin-bottom:80px;
       padding-left:100px;
    }
    .section-philosophy ol li:before {
      font-size:100px;
      top:-10px;
    }
    .section-policy dl {
      font-size:18px;
      display:table;
    }
    .section-policy dl dt {
      padding:20px;
      width:160px;
      display:table-cell;
      vertical-align:middle;
    }
    .section-policy dl dt br {
      display:block;
    }
    
    .section-policy dl dd {
      display:table-cell;
      padding-left:40px;
    }
}

.office-list {
  font-size:14px;
}

.office-list h3 {
  font-weight:bold;
  margin:10px 0 5px;
}

.office-list p {
  margin-bottom:5px;
}

.dl-contact {
  margin-bottom:40px;
  overflow:hidden;
}

.dl-contact dt {
  font-size:12px;
  float:left;
  padding:0 8px;
  margin-right:10px;
  background:#ccc;
  color:#fff;
  text-align:center;
}

.dl-contact dd {
  float:left;
  margin-right:20px;
}

@media screen and (min-width: 768px) {
    .dl-contact dd a {
      color:#000;
      cursor:default;
    }
}


/* ---------------------------------------------------------
   business
----------------------------------------------------------*/

.maker-list dt {
  clear:both;
  float:left;
  width:19%;
  margin-bottom:40px;
}

.maker-list dt img {
  border:1px solid #ccc;
}

.maker-list dd {
  float:left;
  width:80%;
  padding-left:20px;
}

@media screen and (min-width: 768px) {
    .maker-list dd {
      padding-left:40px;
    }
}

.business-onestop {
  background:url(../img/bg_bus_service_onestop.jpg) center center no-repeat;
  background-size:cover;
  padding:30px 0;
  margin-top:-30px;
}

@media screen and (min-width: 768px) {
    .business-onestop {
      padding:90px 0;
      margin-top:-60px;
    }
}

.product-process-detail {
  background:#f5f5f5;
  padding:20px 20px 1px;
  margin-bottom:30px;
  position:relative;
  font-size:12px;
}

.product-process-detail p {
  margin-bottom:10px;
}

.product-process-detail:after {
  font-family: FontAwesome;
  content: "\f0da";
  color:#e5e5e5;
  font-size:30px;
  line-height:1;
  position:absolute;
  top:48%;
  left:-16px;
}

.content-normal:after {
  content:normal !important;
}


@media screen and (min-width: 768px) {
    .product-process-detail:after {
      left:-16px;
    }
}

@media screen and (min-width: 992px) {
    .product-process-detail {
      font-size:14px;
    }
    .product-process-detail:after {
      left:-25px;
    }
}

.product-process-detail h3 {
  text-align:center;
  color:#e71f1a;
}

.product-policy-detail {
  background:#f5f5f5;
  padding:0px 20px 20px;
  border-radius:5px;
  margin-bottom:30px;
  font-size:12px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.product-policy-detail h3 {
  text-align:center;
  color:#fff;
  background:#e71f1a;
  padding:10px 5px;
  margin-left:-20px;
  margin-right:-20px;
  border-radius:5px 5px 0 0;
}

.product-policy-detail p {
  margin-bottom:0;
}

@media screen and (min-width: 992px) {
    .product-policy-detail {
      font-size:14px;
    }
}

.product-list {
  background:#f5f5f5;
  overflow:hidden;
  padding:30px 20px;
}

.product-detail {
  background:#fff;
  padding:20px 20px 1px;
  border-radius:5px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}



.product-detail-text {
  margin:20px 0;
}

@media screen and (min-width: 768px) {
    .product-list {
      padding:60px 40px;
    }
    .product-detail {
      padding:30px 30px 5px;
    }
}


/* ---------------------------------------------------------
   recruit
----------------------------------------------------------*/

.recruit-flow-detail {
  margin-bottom:20px;
}

.recruit-flow-time {
  font-size:16px;
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  line-height:1;
  position:relative;
}

.recruit-flow-time span {
  background:#fff;
  z-index:100;
  position:absolute;
  padding-bottom:20px;
}

.recruit-flow-time:after {
  content: '';
  display: block;
  border-left:1px solid #000;
  position:absolute;
  top:0;
  left:30px;
  height:100%;
}

.recruit-flow-time-end:after {
  content:normal;
}

.recruit-flow-detail h2 {
  color:#e71f1a;
  margin-top:-8px;
}

@media screen and (min-width: 768px) {
    .recruit-flow-time {
      font-size:30px;
    }
    .recruit-flow-time:after {
      left:40px;
    }
}

@media screen and (min-width: 992px) {
    .recruit-flow-time {
      font-size:50px;
    }
    .recruit-flow-time:after {
      left:80px;
    }
}

.recruit-training-flow-detail:before {
  font-family: FontAwesome;
  content: "\f0d7";
  line-height: 1;
  display:block;
  text-align:center;
  color:#e5e5e5;
  font-size:60px;
}

.recruit-training-flow-detail:first-child:before {
  content:normal;
}

.recruit-training-flow-title {
  background:#e71f1a;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  border-radius:50%;
  margin:0 auto;
}

.recruit-training-flow-detail-content {
  padding:15px 20px 5px;
  background:#fff;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
    .recruit-training-flow-detail:before {
      font-size:94px;
      
    }
    .recruit-training-flow-detail-content {
      padding:30px 40px 10px;
    }
    .recruit-training-flow-title {
      font-size:26px;
      width:100px;
      height:100px;
      line-height:100px;
    }
}

@media screen and (min-width: 768px) {
    .table-recruit-guideline th {
      width:150px !important;
    }
}

.section-bnr {
  margin:30px 0;
}

@media screen and (min-width: 768px) {
    .section-bnr {
      margin:60px 0;
     }
}

.recruit-woman-detail {
  background:#fff;
  padding:20px 20px 1px;
  border-radius:5px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}

.recruit-woman-detail dt {
  color:#e71f1a;
  font-weight:bold;
  margin-bottom:5px;
}

.recruit-woman-detail dd {
  margin-bottom:30px;
}

@media screen and (min-width: 768px) {
     .recruit-woman-detail {
      padding:30px 30px 5px;
      margin-bottom:40px;
    }
}

/* ---------------------------------------------------------
   column
----------------------------------------------------------*/


.column-detail {
  margin-bottom:30px;
  border-bottom:1px solid #000;
}

@media screen and (min-width: 768px) {
    .column-detail {
      margin-bottom:60px;
      padding-bottom:40px;
    }
}


/* ---------------------------------------------------------
   partner
----------------------------------------------------------*/


.partner-flow-detail {
  margin-bottom:60px;
}

.partner-flow-detail img {
  width:160px;
}

.partner-flow-detail:before {
  font-family: FontAwesome;
  content: "\f0d7";
  font-weight: normal;
  font-style: normal;
  color:#e5e5e5;
  font-size:80px;
  line-height:1;
  position:absolute;
  top:-70px;
  left:44%;
}

@media screen and (min-width: 768px) {  
  .partner-flow-detail:before {
    content: "\f0da";
    top:46px;
    left:-10px;
  }
}

@media screen and (min-width: 992px) {
    .partner-flow-detail img {
      width:auto;
    }
    .partner-flow-detail:before {
      content: "\f0da";
      top:100px;
      left:-10px;
    }
}

.partner-flow-detail:first-child:before {
  content:normal;
}

.partner-point-detail {
  background:#f5f5f5;
  padding:0px 20px 20px;
  border-radius:5px;
  margin-bottom:20px;
  font-size:12px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.partner-point-detail h3 {
  text-align:center;
  color:#fff;
  font-weight:bold;
  background:#e71f1a;
  padding:10px 5px;
  margin-left:-20px;
  margin-right:-20px;
  border-radius:5px 5px 0 0;
}


.partner-point-detail p {
  margin-bottom:0;
}

@media screen and (min-width: 992px) {
    .partner-point-detail {
      font-size:14px;
      margin-bottom:30px;
    }
    .partner-point-detail h3 {
      font-size:24px;
      line-height:1.4;
    }
}

.partner-chance-detail {
  background:#fff;
  padding:15px 10px;
  border-radius:5px;
  margin-bottom:10px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.partner-chance-detail h3 {
  text-align:center;
  color:#e71f1a;
  font-weight:bold;
}

.partner-chance-detail p {
  margin-bottom:0;
  font-weight:bold;
}

@media screen and (min-width: 992px) {
    .partner-chance-detail {
      padding:30px 20px;
      font-size:18px;
      margin-bottom:30px;
    }
    .partner-chance-detail h3 {
      font-size:22px;
      line-height:1.4;
    }
}


/* ---------------------------------------------------------
   sitemap
----------------------------------------------------------*/

.sitemap ul a {
  color:#000;
  position:relative;
}

.sitemap ul a:before {
  font-family: 'FontAwesome';
  content: "\f105";
  color:#e71f1a;
  position: absolute;
  top:50%;
  left:-15px;
  margin-top:-12px;
}

.sitemap > ul > li {
  border-top:1px solid #ccc;
  padding:15px;
}

.sitemap > ul > li > a {
  font-weight:bold;
}

.sitemap ul ul {
  overflow:hidden;
}

.sitemap ul ul li {
  padding:5px 15px 0 15px;
}


@media screen and (min-width: 992px) {
    .sitemap ul a:before {
      margin-top:-17px;
    }
	
}