@charset "UTF-8";

/*子テーマ用「base.css」*/
body{background: #fff; position: relative;}
/*dlb*/
span.dlb{display: block;}
/*font*/
.hina-mincho-regular { font-family: "Hina Mincho", serif; font-weight: 400; font-style: normal; background-color: transparent;}
span.custom-blue{color: #000481;}
/*radius*/
img.r12-img{border-radius: 12px;}
/*link*/
/*リンクの基本色*/
a{color: #0329ce;}
a:hover,a:active,a:focus{color: #000481;}
a.white-btn{background: #fff; border-radius: 6px; border: 1px solid #d5d5d5; padding: 10px 30px; color: #222; text-decoration: none; font-size: 1.6rem;}
a.white-btn:hover,a.white-btn:focus,a.white-btn:active{opacity: 0.7; color: #000481;}
/*table*/
table th{background: #f6fcff; border: 1px solid #c9dced;}
table td{border: 1px solid #c9dced; background: #fff;}
.table-block{border-top: 1px solid #c9dced;}
table.table-block p{margin: 0!important;}

/*header*/
.keni-header_wrap{background-image: none!important; padding: 0; position: relative;}
.keni-header{padding: 0 70px 0 0 ; }
.keni-header_inner{}
.site-title{padding: 10px; margin: 0;}
.pc-menu{display: none;}
.scroll_menu{display: none; height: 0;}
.page-header,.archive_title_wrap{margin: 0 -20px; padding: 100px 40px; background: url("images/bg_contact.jpg") no-repeat ; background-size: auto 100%;}
.recruit-header{margin: 0 -20px; padding: 40px 20px 400px; background: url("images/rec-sp_bg.png") no-repeat ; background-size: cover; position: relative;}
.page-header h1.entry_title,.archive_title_wrap h1.entry_title{margin: 0; padding: 0; background-image: none!important; text-align: center; background: url("images/bg_message.png") no-repeat ; background-size: auto 100%; font-size: 2.4rem; color: #fff;}
.recruit-header h1{background-image: none!important; margin: 0; padding: 0; }
.recruit-header-description p{margin-bottom: 10px;}
.recruit-header-description a{position: relative; display: block; margin: 20px 0 0; z-index: 2;}
.recruit-header-description a img{position: relative; z-index: 2;}
.recruit-header-description a:after {
    position: absolute;
    content: '';
    z-index: 0;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
}
.recruit-header-description{position: absolute; bottom: 20px; width: 100%; height: auto; padding: 0 20px; left: 0;}
/*.keni-main_inner*/
.keni-main_inner{padding: 0;}
/*section*/
.article-body p{margin: 0 0 20px;}
.keni-section_wrap{background: transparent;}
.custom-section{position: relative; margin: 0 -20px; padding: 60px 40px;}
.custom-section>p:last-child{margin-bottom: 0;}
.custom-section.bg_gray{background: #f6f3f3;}
.custom-section.bg_blue{background: #f6fcff;}
.custom-section.bg_deep{background: #000481;}
.custom-in{position: relative; z-index: 2;}
#message.custom-section{background: url("images/bg_message.png") no-repeat ; background-size: auto 100%; padding-bottom: 100px;}
#message.custom-section .balloon{position: relative; margin: 40px -20px 0; background: #fff; padding: 20px 20px 0;}
#message.custom-section .balloon p{margin: 0;}
#message.custom-section .balloon:before{position: absolute; content: ''; background: url("images/bg_message-in-top.png") no-repeat; top: -80px; left: 0; height: 80px; width: 100%; background-size: 100% 100%; z-index: -1;}
#message.custom-section .balloon:after{position: absolute; content: ''; background: url("images/bg_message-in-bottom.png") no-repeat left bottom; bottom: -80px; left: 0; height: 80px; width: 100%; background-size: 100% 100%; z-index: -1;}
.w100banner.custom-section{margin: 0; padding: 0; position: relative;}
#company img,#greeting img{ border-radius: 16px;}
#sub-menu.custom-section{padding: 40px 20px 0;}
#business .ul-business li p,#license .ul-business li p,#construction .ul-business li p{margin-bottom: 20px;}
#business .ul-business li .custom-eyecatch,#license .ul-business li .custom-eyecatch,#construction .ul-business li .custom-eyecatch{margin: 0 -10px;}
#business .ul-business li .custom-eyecatch img,#license .ul-business li .custom-eyecatch img,#construction .ul-business li .custom-eyecatch img{border-radius: 12px 0 0 0;}
.w100banner .custom-eyecatch{margin: 0 -20px; position: relative;}
ol.ol-qualification{margin: 0; padding: 0;}
ol.ol-qualification li{list-style: none; border-bottom: 1px solid #dadada; padding: 0 0 40px; margin: 0 0 40px;}
ol.ol-qualification li .custom-eyecatch{margin: 0 -20px 20px;}
#interview .custom-eyecatch{display: block; margin: 0 0 10px;}
#interview.custom-section{padding: 60px 20px;}
#interview.custom-section p{font-size: 1.25rem;}
#interview.custom-section li{background-color: transparent;}
.flex-conts>p:last-child{margin-bottom: 0;}
ol.ol-schedule{margin: 0 -20px 40px; padding: 0;}
ol.ol-schedule li{list-style: none; margin: 0 0 20px; padding: 0 0 20px 100px; border-bottom: 2px solid #e9eff2; position: relative;}
ol.ol-qualification li:last-child,ol.ol-schedule li:last-child{margin-bottom: 0;}
ol.ol-schedule li span.time{position: absolute; top: 0; left: 0; width: 80px; background: #000481;color: #fff; padding: 5px 10px; margin: 0; display: inline-block; border-radius: 6px; text-align: center;}
#benefits table th.picup{background: #4aafe1; color: #fff;}
#benefits table th,#benefits table td{font-size: 1.4rem; padding: 20px;}
#benefits table td ul{margin: 0; padding: 0;}
#benefits table td ul li{list-style: none; display: inline-block; padding: 0.5em; margin: 0 10px 10px 0; border: 1px solid #e9eff2; border-radius: 4px;}
#benefits table td span{display: block; margin: 0 0 10px;}
#recruit.custom-section{background: #000481; background-size: 50% auto; padding: 60px 20px 0;}
#contact.custom-section{background: url("images/bg_contact.jpg") no-repeat ; background-size: auto 100%; padding: 60px 40px;}
ul.contact-list,ul.ul-installation{margin: 0; padding: 0;}
ul.contact-list li{list-style: none; width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ; margin: 0 0 20px;}
ul.contact-list li a{background: #095da6; color: #fff; text-align: center; border-radius: 12px 0 0 0; padding: 20px; display: block; text-decoration: none;}
ul.contact-list li:nth-child(2) a{background: #001140;}
ul.contact-list li:nth-child(3) a{background: #f88400;}
ul.contact-list li a:hover,ul.contact-list li a:focus,ul.contact-list li a:active{background: #222;}
#chikai ul{margin: 0; padding: 0;}
#chikai ul li{list-style: none;}
.accordion-list dt{background: #000481!important;}
ul.ul-installation li{list-style: none;}
#step ol.step-chart{margin: 0 -20px;}
/*flex*/
.custom-flex{position: relative; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0; }
#sub-menu .custom-flex li{width : 32%; width : -webkit-calc(100% /3.125); width : calc(100% / 3.125) ; margin: 0; padding: 0; list-style: none; position: relative;}
#business .ul-business,#license .ul-business,#construction .ul-business,#installation .ul-installation{margin: 0 -20px}
#business .ul-business li,#license .ul-business li,#construction .ul-business li,#installation .ul-installation li{width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ; margin: 0 0 20px; padding: 0 10px 10px; list-style: none; background: #fff;}
#installation .ul-installation li{background-color: transparent;}
#business .ul-business li:nth-child(3),#business .ul-business li:nth-child(4),#installation .ul-installation li:nth-child(3),#installation .ul-installation li:nth-child(4){margin-bottom: 0; margin: auto; }
#construction .ul-business li:nth-child(3){margin: 0;}
#step .step-flex{padding: 0 10px;}
#step .step-thumbnail,#step .step-conts{width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ;}
#step .step-thumbnail{margin-bottom: 20px;}
#step .step-thumbnail img{max-width: 150px; margin: 0 auto; display: block; border-radius: 16px;}
#step ol.step-chart li{border-radius: 16px;}
.installation-flex .installation-thumbnail,.installation-flex .installation-conts{width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ;}
.installation-flex .installation-thumbnail{margin: 0 0 20px;}
.installation-thumbnail img{ border-radius: 16px;}
#good-menu ul.ul-installation.good-flex li{width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ;}
.good-flex .good-thumbnail{width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ; margin: 0 0 20px; text-align: center;}
.good-flex .good-thumbnail img{border-radius: 16px; max-width: inherit; width: 80%;}
.good-flex .good-conts{width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ;}
/*blog*/
ul.blog-list{margin: 0; padding: 0;}
ul.blog-list li{width : 100%; width : -webkit-calc(100% /1); width : calc(100% / 1) ; list-style: none; background: #fff; margin-bottom: 20px; }
ul.blog-list li:last-child{margin-bottom: 0;}
.blog-list-in{padding: 0 20px 20px;}
.blog-list-in .custom-eyecatch{margin: 0 -20px 20px; border-radius: 12px 0 0 0; overflow: hidden;}
.blog-list-in .custom-eyecatch img{width: 100%;}

ul.page-links {
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: inherit;
    margin: 20px -5px;
    padding: 0;
}
ul.page-links>li {
    position: relative;
    width: 50%;
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    margin: 0 0 10px;
    padding: 0 5px;
    list-style: none;
    font-size: 1.2rem;
}
ul.page-links>li a {
    position: relative;
    display: block;
    z-index: 1;
    background: #fff;
    border: 1px solid #043994;
    text-decoration: none;
    color: #4164a8;
    font-weight: 900;
    text-align: center;
  border-radius: 6px;
}
/*footer*/
.keni-footer_wrap{
	position: relative;
	margin: -50px 0 0;
	padding: 40px 0 0;
}
.keni-copyright_wrap{
	background: #222222;
	padding: 0 20px 10px;
	border: 0;
	color: #fff;
	text-align: center;
}
.keni-copyright_wrap a{
	color: #222222;
	text-decoration: none;
}
.keni-footer_outer{
	padding: 0;
}
.keni-footer_outer .footer-menu{
	background: #111111;;
	margin: 10px 0 0;
	padding: 10px 20px 0;
}
.keni-footer_outer .footer-menu .menu{
	-webkit-justify-content:center;
	-ms-flex-pack: center;
	justify-content: center;
}
.keni-footer_outer .footer-menu li{
	position: relative;
	width: auto;
	font-size: 0.9em;
}
.keni-footer_outer .footer-menu li:after{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	width: 1px;
	height: 10px;
	margin: auto 0;
}
.keni-footer_outer .footer-menu li:first-child:before{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 1px;
	height: 10px;
	margin: auto 0;
}
.keni-footer_outer .footer-menu li a{
  padding: 0.5em 15px;
	border-bottom: 0;
	color: #fff;
}
.keni-footer .keni-section_wrap{
	background: none;
	margin-bottom: 10px;
	padding: 0 10px 10px;
}
.keni-footer .textwidget>p:last-child{
	margin-bottom: 0;
}
.keni-footer-panel_wrap{
	background: #1d4c9e;
}
.keni-footer-panel li a{
	color: #fff;
}
.keni-footer-panel li:last-child{
	background: #1d4c9e;
}
.f-logo{max-width: 50%;}


/*見出し*/
.keni-section h2{margin: 0 0 40px; padding: 0; background-color: transparent; font-size: 1.8rem; color: #000481; text-align: center;}
#contact h2{text-align: center!important;}
.keni-section h3{color: #222570; margin: 0 0 40px; padding: 0; border-color: #222570;}
#business .ul-business h3,#license .ul-business h3,#construction .ul-business h3{margin: 10px 0; border: 0; font-size: 1.4rem;}
.w100banner h3{position: absolute; border: 0; line-height: 30px; width: 100%; bottom: 10px; color: #fff; text-align: center; margin: 0; font-size: 2rem;}
.w100banner h3 span{background-color: rgba(0,0,0,0.6)}
ul.blog-list h3{border: 0; margin: 0 0 20px;}
ol.ol-qualification li h3{border: 0;}
.keni-section #recruit h3{color: #fff;}
.keni-section #sub-menu h3{border: 0; position: absolute; bottom: 10px; color: #fff; margin: 0; padding: 0; text-align: center; font-size: 1.6rem; width: 100%;}
.keni-section #sub-menu h3 span {background-color: rgba(0, 0, 0, 0.6); padding: 0 0.5em;}
ol.step-chart h3{border: 0;}
h3.seminar{border-top: 0;}
/*ハンバーガーメニューボタン*/
.hamburger { display:block; position:fixed; z-index:5; right:15px; top: 15px; width: 42px; height: 42px; cursor: pointer; text-align: center; background: rgba(255,255,255,0.6);}
.hamburger span {display: block; position: absolute; width: 30px; height: 2px; left: 6px; background :#000481; -webkit-transition: 0.3s ease-in-out; -moz-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out;}
.hamburger span:nth-child(1){top:10px;}
.hamburger span:nth-child(2){top:20px;}
.hamburger span:nth-child(3){top:30px;}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {top:20px; left: 6px; background :#000481; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg);}
.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3) { top: 20px; background :#000481; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform: rotate(45deg);}

/* メニュー背景　*/
nav.globalMenuSp {position: fixed; z-index : 4; top : 0; left : 0; background: rgba( 0,4,129,0.6 ); padding: 60px 0; width: 100%; transform: translateY(-100%); transition: all 0.6s; color: #fff; text-align: center;}
nav.globalMenuSp ul{ margin: 0 auto; padding: 40px 20px; width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
nav.globalMenuSp ul li{ position: relative; list-style-type: none; transition: .4s all; width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ; margin: 0 0 10px; padding: 0 8px; list-style: none; }
nav.globalMenuSp ul li:last-child{ padding-bottom: 0; }
nav.globalMenuSp ul li:hover{ background-color: transparent}
nav.globalMenuSp ul li a { display: block; color: #676a6b; text-decoration :none; background: #fff; border-radius: 12px; padding: 48px 10px 16px;}
nav.globalMenuSp ul li.navi-business a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_business.png") no-repeat; top: 16px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
nav.globalMenuSp ul li.navi-recruit a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_recruit.png") no-repeat; top: 16px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
nav.globalMenuSp ul li.navi-company a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_company.png") no-repeat; top: 16px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
nav.globalMenuSp ul li.navi-info a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_news.png") no-repeat; top: 16px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
nav.globalMenuSp ul li.navi-contact a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_mail.png") no-repeat; top: 16px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active { opacity: 100; display: block; transform: translateY(0%);}
/*swiper*/
.swiper {
  width: 100%;
  height: 100%;
  margin: 0 0 40px;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*step*/
.step-chart li:nth-child(1){
	z-index: 40;
	background-color: #ffffff!important;
}

.step-chart_style01 li:nth-child(1)::after,
.step-chart_style02 li:nth-child(1)::after{
	border-top-color: #ffffff!important;
}

.step-chart li:nth-child(2){
	z-index: 30;
	background-color: #f0f0f0!important;
}

.step-chart_style01 li:nth-child(2)::after,
.step-chart_style02 li:nth-child(2)::after{
	border-top-color: #f0f0f0!important;
}

.step-chart li:nth-child(3){
	z-index: 20;
	background-color: #ffffff!important;
}

.step-chart_style01 li:nth-child(3)::after,
.step-chart_style02 li:nth-child(3)::after{
	border-top-color: #ffffff!important;
}

.step-chart li:nth-child(4){
	z-index: 10;
	background-color: #f0f0f0!important;
	color: #505050!important;
}

.step-chart_style01 li:nth-child(4)::after,
.step-chart_style02 li:nth-child(4)::after{
	border-top-color: #f0f0f0!important;
}

.step-chart li:last-child::after{
	border-width: 0;
}

#video-overlay {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.95);
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

#video-overlay.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.video-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#popup-video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  background: #000;
}

#close-overlay {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 24px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}
@media (min-width : 768px){
  .col1 .keni-section_wrap,.col1 .archive_title_wrap{max-width: 100%;}
  .keni-main .keni-section_wrap{padding-top: 0;}
  .article-body p{margin-bottom: 40px;}
  .custom-section{margin: 0 -40px; padding: 80px;}
  .custom-section .custom-in,.keni-section_wrap_style02 .entry-list{max-width: 1200px; margin: 0 auto;}
  .col1 .keni-header_outer, .col1 .keni-footer-panel_outer,.col1 .keni-footer{max-width: 1200px; margin: 0 auto;}
  .col1 .keni-footer_outer{max-width: 100%;}
  .page-header,.archive_title_wrap{margin: 0 -40px; padding: 100px 40px; background: url("images/bg_contact.jpg") no-repeat ; background-size: 100% auto;}
  .recruit-header{margin: 0 -40px; padding: 40px 40px 20px; background: url("images/rec-bg.png") no-repeat right center; background-size: cover;}
  .recruit-header h1{width: 50%; margin: 0 0 20px!important; padding: 0!important;}
  .recruit-header-description{position: relative; width: 50%; margin: 0 auto 0 0; padding: 20px 0 0;}
  #message.custom-section{background-size: cover;}
  #message.custom-section .balloon{padding: 0 40px 0;}
  #company.custom-section .custom-in,#greeting.custom-section .custom-in{padding-right: 40%;}
  #company.custom-section .custom-in picture{position: absolute; top: 60px; right: -5%; width: 40%;}
  #sub-menu.custom-section{padding: 40px 20px;}
  #greeting.custom-section{background: url("images/bg_greeting.png") no-repeat right bottom; background-size: auto 100%;}
  #greeting.custom-section .custom-in p{background-color: rgba(255,255,255,0.6); padding: 10px; border-radius: 0 0 12px 0; margin-bottom: 10px;}
  #greeting.custom-section .custom-in p:last-child{margin-bottom: 0;}
  #greeting.custom-section .custom-in picture{display: none;}
  .w100banner.custom-section{margin: 0 -40px;}
  ol.ol-qualification{margin: 0 -40px;}
  ol.ol-qualification li .custom-eyecatch,ol.ol-qualification li .flex-conts{width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ; margin: 0;}
  #interview.custom-section{padding: 60px 40px;}
  #schedule.custom-section .custom-in{padding-right: 40%;}
  #schedule.custom-section .custom-in picture{position: absolute; top: 60px; right: -5%; width: 40%;}
  p.memo{margin:0 -50% 0 0;}
  #benefits table th.picup{background: url("images/blue-teatepng.png") no-repeat center center; background-size: auto 80%; background-color: #f6fcff;}
  span.circle-blue{display: none;}
  .table-block th{text-align: center;}
  .table-block th,.table-block td{vertical-align: middle;}
  #recruit.custom-section{padding: 60px 65% 60px 60px;}
  #recruit.custom-section .custom-in{position: static;}
  .recruit-person{position: absolute; right: -20%; bottom: 0; width: 80%; margin-bottom: 0!important;}
  ul.blog-list li{width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ;}
  #contact.custom-section p{text-align: center;}
  ul.contact-list li{width : 32%; width : -webkit-calc(100% /3.125); width : calc(100% / 3.125) ;}
  .step-chart_style01 > li{padding: 20px;}
  #step .step-thumbnail{width : 24%; width : -webkit-calc(100% /4.16); width : calc(100% / 4.16) ;}
  #step .step-conts{width : 70%; width : -webkit-calc(100% /1.42); width : calc(100% / 1.42) ;}
  #installation .ul-installation li,#good-menu ul.ul-installation li{width : 24%!important; width : -webkit-calc(100% /4.16)!important; width : calc(100% / 4.16)!important ;}
  .installation-flex .installation-thumbnail,.installation-flex .installation-conts{width : 48%!important; width : -webkit-calc(100% /2.08)!important; width : calc(100% / 2.08) !important;}
  .installation-flex.fl-re,.good-flex.fl-re{flex-direction: row-reverse;}
  .installation-thumbnail{text-align: center;}
  .good-flex .good-thumbnail,.good-flex .good-conts{width : 48%; width : -webkit-calc(100% /2.08); width : calc(100% / 2.08) ;}
  #step .step-thumbnail img{max-width: 100%;}
  /*見出し*/
  .keni-section h2{margin-bottom: 60px; font-size: 2.4rem;}
  #company.custom-section h2,#greeting.custom-section h2,#schedule.custom-section h2{text-align: left;}
  #business .ul-business h3,#license .ul-business h3,#construction .ul-business h3{font-size: 1.8rem;}
  .w100banner h3{font-size: 2.6rem; bottom: 30px; line-height: 60px;}
  ol.ol-qualification li h3{font-size: 2.2rem;}
}
@media (min-width : 920px){
  .pc-al-c{text-align: center;}
  .hamburger{display: none;}
  .pc-menu{display: block;}
  .h_wrap{position: relative;}
  .keni-header_wrap{position: static;}
  .keni-header{padding: 0;}
  .keni-header .site-title, .keni-header_col1 .site-title{float: none; max-width: inherit; padding: 10px; width: 240px; bottom:21px; position: absolute; font-size: 1rem; left: 0;}
  .page-header h1.entry_title,.archive_title_wrap h1.entry_title{font-size: 3.6rem; line-height: 2;}
  .pc-menu ul,.scroll_menu ul{margin: 0; padding: 0 0 0 240px; display: table; width: 100%; table-layout: fixed;}
  .pc-menu ul li,.scroll_menu ul li{height: 100px; display: table-cell; text-align: center; list-style: none; border-left: 2px dotted #eaeaea;}
  
  .pc-menu ul li a,.scroll_menu ul li a{position: relative; display: block; color: #676a6b; text-decoration :none; background: #fff; border-radius: 12px; padding: 55px 10px 16px; line-height: 24px; height: 100px}
  .pc-menu ul li.navi-business a:before,.scroll_menu ul li.navi-business a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_business.png") no-repeat; top: 24px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
  .pc-menu ul li.navi-recruit a:before,.scroll_menu ul li.navi-recruit a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_recruit.png") no-repeat; top: 24px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
  .pc-menu ul li.navi-company a:before,.scroll_menu ul li.navi-company a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_company.png") no-repeat; top: 24px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
  .pc-menu ul li.navi-info a:before,.scroll_menu ul li.navi-info a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_news.png") no-repeat; top: 24px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
  .pc-menu ul li.navi-contact a:before,.scroll_menu ul li.navi-contact a:before{position: absolute; content: ''; width: 24px; height: 24px; background: url("images/icon_mail.png") no-repeat; top: 24px; left: 0; right: 0; margin: 0 auto; background-size: 100% auto;}
  .scroll_menu{position: fixed; display: block; transition: .6s; height: 0; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 10; background: #fff;}
  .scroll_menu.s_fixed{height: 100px; }
  .scroll-logo{position: absolute; padding: 10px; width: 240px; bottom:21px; margin: 0; }
  .keni-header_wrap{ bottom: 0;}
  #business .ul-business li {
    width: 24%;
    width: -webkit-calc(100% / 4.16);
    width: calc(100% / 4.16);
    margin: 0;
    padding: 0 10px 10px;
  }
  #license .ul-business li,#construction .ul-business li {
    width: 32%;
    width: -webkit-calc(100% / 3.125);
    width: calc(100% / 3.125);
    margin: 0;
    padding: 0 10px 10px;
  }
  #business .ul-business li:nth-child(3), #business .ul-business li:nth-child(4){margin: 0;}
  #sub-menu.custom-section{padding: 60px;}
  #benefits.custom-section{padding-bottom: 100px;}
  ul.blog-list li{margin-bottom: 40px;}
  .w100banner.custom-section .custom-in{max-width: 100%;}
  #recruit.custom-section{padding: 80px;}
  #recruit.custom-section .custom-in{max-width: 1200px;}
  ul.page-links{margin: 40px 50% 0 0;}
  .recruit-person { position: absolute; right: 20px; bottom: 0; width: 640px; margin-bottom: 0 !important;}
  ul.blog-list{-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
  ul.blog-list li{width : 30%; width : -webkit-calc(100% /3.33); width : calc(100% / 3.33) ; margin: 0 10px 20px;}
  ul.blog-list li:nth-child(4),ul.blog-list li:nth-child(5){margin-bottom: 0;}
  #contact.custom-section{padding: 80px 60px;}
  .company-table th,.company-table td{padding: 40px 20px;}
  #step ol.step-chart li{padding: 40px;}
  .recruit-header-in{max-width: 1200px; position: relative; margin: 0 auto;}
  /*見出し*/
  .keni-section h2{font-size: 3.0rem;}
  .keni-section h2.hina-mincho-regular span.dlb{padding: 10px 0 0;}
  #recruit.custom-section .custom-in h2{margin-right: 50%;}
  .w100banner h3{font-size: 4.8rem; bottom: 40px;}
}
@media (min-width : 1400px){
  .recruit-header{padding: 100px 40px 80px;}
  #message.custom-section{padding: 120px 80px;}
  #contact.custom-section{background-size: 100% auto;}
}