@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@700&display=swap');

html {
  font-size: 62.5%;
}
body{
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	overflow-x: hidden;
	font-size: 2rem;
	line-height: 1.75;
}
/*for IE11 */
_:-ms-fullscreen, :root body {
  font-family: "メイリオ", "Meiryo", sans-serif;
}
.inner{
	width:1100px;
	margin:0 auto;
}

a:focus, *:focus { outline:none; }

/*******************************
* header Navi
*******************************/
.head-nav{
	height:70px;
	width:100%;
	background-color: #fcfbfb;
	display: none;
	position: fixed;
	top:0;
	left:0;
	box-shadow: 0px 3px 10px -5px #9e9e9e;
	z-index: 999;
}
.head-nav.show{
	animation: fadeIn 0.3s linear;
  display: block;
}
.head-nav .logo{
	width:207px;
	height:auto;
}
.head-nav .inner{
	width:1170px;
	display: flex;
	align-items: center;
}
.head-nav .anchor-link{
	display: flex;
	margin: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*******************************
* First View
*******************************/
.first-view{
	height:700px;
	width:100%;
	background-position: 50% top;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	padding-top:70px;
}
html.webp .first-view{
	background-image: url("/maison/ad/workhebel/img/fv_bg.webp");
}
html.no-webp .first-view{
	background-image: url("/maison/ad/workhebel/img/fv_bg.jpg");
}
.first-view .points{
	width:700px;
	margin: 0 auto;
	position: absolute;
	bottom:60px;
	left:50%;
	transform: translateX(-350px);
	display: flex;
	justify-content: space-between;
}

/*******************************
* CV
*******************************/
.cv-area{ width:100%;}
.cv-area.type01{
	background-color: #ffffff;
	padding:50px 0;
}
.cv-area.type02{
	background-color: #f4f0e9;
	padding:50px 0;
}
.cv-area .inner{
	width:870px;
	margin:0 auto;
}
.cv-area .cv-btn-siryo{
	width:870px;
	height:180px;
}
.cv-area .text{
	font-weight: bold;
	text-align: center;
	margin:22px 0 10px;
}
.cv-area .cv-soudan{
	display: flex;
}
.cv-area .cv-btn-soudan{
	width:430px;
	height:110px;
	margin-right: 22px;
}
.cv-area .cv-tel{
	margin-top:12px;
	background: url("/maison/ad/workhebel/img/cv_tel.png") left 3px no-repeat;
	padding-left:60px;
	text-align: right;
	line-height: 1;
	padding-top:5px;
}
.cv-area .cv-tel .tel{
	font-family: 'Overpass','Arial','Helvetica','sans-serif';
	font-size: 5rem;
	font-weight: bold;
}
.cv-area .cv-tel .note{
	font-size: 1.4rem;
	font-weight: bold;
}
/*for IE11 */
_:-ms-fullscreen, :root .cv-area .cv-tel {
  padding-top:10px;
}

/*******************************
* Nayami01
*******************************/
.nayami01{
	width:100%;
	background-color: #f0f0f0;
	padding-top: 65px;
	text-align: center;
}
.nayami01 .title{
	margin-bottom:20px;
}

/*******************************
* Merit
*******************************/
.merit-block{
	width:100%;
	padding-top:90px;
}
.merit-block .lead{
	text-align: center;
	margin-bottom:25px;
}
.merit-block .block-2col{
	display: flex;
}
.merit-block .block-2col .item{
	width:50%;
}
.merit-block .check-list{
	margin-top:34px;
	border-top: #000044 solid 1px;
}
.merit-block .check-list .item{
	width:100%;
	background: url("/maison/ad/workhebel/img/merit_check.png") 4px 20px no-repeat;
	padding:17px 0 16px 50px;
	border-bottom: #000044 solid 1px;
	font-weight: bold;
	font-size: 1.85rem;
}
.merit-block .check-list .item strong{ color: #cc0000; font-weight: bold;}

.merit-block .heading03{
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 48px;
	display: flex;
	justify-content: center;
	margin:50px 0 28px;
}
.merit-block .heading03::before{
	content: "";
	width:19px;
	height: 48px;
	background: url(/maison/ad/workhebel/img/advantage_hd_bg_l.png) 0 0 no-repeat;
	background-size: contain;
	margin-right: 24px;
}
.merit-block .heading03::after{
	content: "";
	width:19px;
	height: 48px;
	background: url(/maison/ad/workhebel/img/advantage_hd_bg_r.png) 0 0 no-repeat;
	background-size: contain;
	margin-left: 24px;
}
.table-wrap{
	padding:4px;
	background-color: #000000; 
}
.merit01-table{
	width:100%;
	table-layout: fixed;
}
.merit01-table th,
.merit01-table td{
	border-collapse: collapse;
	border:#000 solid 1px;
	padding:0 10px;
	vertical-align: middle;
	font-weight: bold;
}
.merit01-table tbody th{
	font-weight: bold;
	vertical-align: middle;
	padding-left: 15px;
	background-color: #82c189;
	color:#ffffff;
}
.merit01-table tbody th.va_top{
	vertical-align: top;
	padding-top:10px;
}
.merit01-table thead th{
	font-weight: bold;
	border-bottom:#000 solid 2px;
	text-align: center;
	line-height: 1.2;
	padding-top:15px;
	padding-bottom:15px;
	background-color: #ffffff;
}
.merit01-table .note{
	font-size:1.5rem;
}
.merit01-table sup{
	font-size:1.2rem;
}
.merit01-table tbody td{
	text-align: center;
	background-color: #f4f0e9;
	height:50px;
}
.merit01-table thead th.th01{
	color:#ffffff;
	background-color: #ed879b;
	width:36%;
}
.merit01-table thead th.th02{
	color:#ffffff;
	background-color: #6fbccc;
	width:36%;
}
.merit01-table tbody th.th03{
	width:15%;
}
.merit01-table tbody th.th04{
	width:13%;
}
.merit01-table tbody td.bd01,
.merit01-table tbody td.bd02{
	position: relative;
}
.merit01-table tbody td.bd01::after,
.merit01-table tbody td.bd02::after{
	content: "";
	width:100%;
	height:49px;
	position: absolute;
	top:0;
	left:0;
}

.merit01-table tbody td.bd01::after{border:#ed879b solid 5px;}
.merit01-table tbody td.bd02::after{border:#6fbccc solid 5px;}

/* 枠線対策 IE */
@media all and (-ms-high-contrast: none) {
	.merit01-table tbody td.bd01,
	.merit01-table tbody td.bd02{
		position:static;
		width:392px;
		padding:0;
	}
	.merit01-table tbody td.bd01::after,
	.merit01-table tbody td.bd02::after{
		display: none
	}
	.merit01-table tbody td.bd01 span,
	.merit01-table tbody td.bd02 span{
		display: block;
		position: relative;
		width:392px;
		height:49px;
		line-height: 49px;
	}
	.merit01-table tbody td.bd01 span::after,
	.merit01-table tbody td.bd02 span::after{
		content: "";
		width:392px;
		height:49px;
		position: absolute;
		top:0;
		left:0;
	}
	.merit01-table tbody td.bd01 span::after{border:#ed879b solid 5px;}
	.merit01-table tbody td.bd02 span::after{border:#6fbccc solid 5px;}
}
/* 枠線対策 IE ここまで */
/* 枠線対策 FF */
@-moz-document url-prefix(){
	.merit01-table tbody td.bd01,
	.merit01-table tbody td.bd02{
		position:static;
		width:392px;
		padding:0;
	}
	.merit01-table tbody td.bd01::after,
	.merit01-table tbody td.bd02::after{
		display: none
	}
	.merit01-table tbody td.bd01 span,
	.merit01-table tbody td.bd02 span{
		display: block;
		position: relative;
		width:392px;
		height:49px;
		line-height: 49px;
	}
	.merit01-table tbody td.bd01 span::after,
	.merit01-table tbody td.bd02 span::after{
		content: "";
		width:392px;
		height:49px;
		position: absolute;
		top:0;
		left:0;
	}
	.merit01-table tbody td.bd01 span::after{border:#ed879b solid 5px;}
	.merit01-table tbody td.bd02 span::after{border:#6fbccc solid 5px;}
}
/* 枠線対策 FF ここまで */

.merit01-table tbody td.kekka01{
	font-size: 3rem;
	background-color: #f6d3da;
	padding:6px 0;
}
.merit01-table tbody td.kekka02{
	font-size: 3rem;
	background-color: #d4e7eb;
	padding:6px 0;
}
.table-note{
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: 20px;
}
.table-note.mt0{
	margin-top: 0;
}
.indent{
	padding-left:1em;
	text-indent:-1em;
}

.merit02{
	padding:100px 0;
}
.merit02 .block-2col .item .figure{
	padding-left:40px;
}
.merit-block .merit02 .check-list{
	margin-top:40px;
}
.merit-block .merit02 .check-list .item{
	background: url("/maison/ad/workhebel/img/merit_check.png") 6px 25px no-repeat;
	padding:22px 0 20px 52px;
	border-bottom: #000044 solid 1px;
	font-weight: bold;
	font-size: 1.85rem;
}

/*******************************
* Nayami02
*******************************/
.nayami02{
	width:100%;
	background-color: #f0f0f0;
	padding-top: 62px;
	text-align: center;
}
.nayami02 .title{
	margin-bottom:9px;
}

/*******************************
* Advantage
*******************************/
.advantage-block{
	width:100%;
	padding-top:80px;
}
.advantage-block .lead{
	text-align: center;
	margin-bottom:45px;
}
.advantage-block .heading02+.text{
	text-align: center;
	font-size: 1.9rem;
	margin-top:25px;
	font-weight: bold;
	line-height: 1.75;
}
.advantage-block .heading02+.text sup{
	font-size: 1.2rem;
	letter-spacing: 0;
}

.advantage-block .text.tb-adjust{
	width:1120px;
	margin-left:-10px;
	margin-right: -10px;
}

.advantage-block .caution{
	margin-top:25px;
	padding:25px;
	background-color: #f4f0e9;
	font-weight: bold;
}
.advantage-block .caution li{
	font-size: 1.9rem;
	padding-left:1em;
	text-indent:-1em;
}
.advantage-block .caution li::before{
	content: "●";
	color:#c7b9a1;
}

.advantage-block .heading03{
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 48px;
	display: flex;
	justify-content: center;
	margin:50px 0 30px;
}
.advantage-block .heading03::before{
	content: "";
	width:19px;
	height: 48px;
	background: url(/maison/ad/workhebel/img/advantage_hd_bg_l.png) 0 0 no-repeat;
	background-size: contain;
	margin-right: 24px;
}
.advantage-block .heading03::after{
	content: "";
	width:19px;
	height: 48px;
	background: url(/maison/ad/workhebel/img/advantage_hd_bg_r.png) 0 0 no-repeat;
	background-size: contain;
	margin-left: 24px;
}

.advantage-block .figure01,
.advantage-block .figure02{
	text-align: center;
}

.advantage-block .figure01-note{
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: 20px;
	margin-left:50px;
}
.advantage-block .heading02.hd2-2{margin-top:100px;}
.advantage-block .heading02.hd2-3{margin-top:120px;}
.advantage-block .heading02.hd2-4{margin-top:125px;}

/*******************************
* Slick Slider
*******************************/
.slick-wrap {
	width:100%;
	position: relative;
	height:700px;
	overflow: hidden;
}
.slider{
 	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-1430px); 
	width:2860px;
	height:640px;
	margin:0 auto;
}
.slider::after{
	content: "";
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-551px); 
	width:1102px;
	height:640px;
	border:#000000 10px solid;
	pointer-events: none;
	}
.slick-dots {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
	height: 26px; /* for iPad */
  font-size: 0;
  text-align: center;
  list-style: none;
}
.slick-dots li {
  display: inline-block;
  margin: 0 13px;
	height:26px; /* for iPad */
}
.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width:24px;
  height:24px;
	padding:0;
  background: #aaa;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
}
.slick-dots .slick-active button, .slick-dots li button:hover {
  background: #222;
}
.slick-arrow {
  outline: 0;
  border: 0;
  appearance: none;
  cursor: pointer;
  display: block;
	text-indent: -999999px;
  width: 33px;
	height:74px;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  z-index: 9;
}
.slick-arrow.slick-prev {
  left: 830px;
	background: url("/maison/ad/workhebel/img/slider_arrow_prev.png") 0 0 no-repeat;
	transition: all .3s;
}
.slick-arrow.slick-prev:hover{
	background: url("/maison/ad/workhebel/img/slider_arrow_prev_on.png") 0 0 no-repeat;
}
.slick-arrow.slick-next {
  right: 830px;
	background: url("/maison/ad/workhebel/img/slider_arrow_next.png") 0 0 no-repeat;
	transition: all .3s;
}
.slick-arrow.slick-next:hover {
	background: url("/maison/ad/workhebel/img/slider_arrow_next_on.png") 0 0 no-repeat;
}
.slick-slide img {
  width:1100px;
  height: 640px;
}
.slick-slide {
	margin-left:-55px;
	padding:0;
  opacity: 0.34;
  transition: 1s;
  transform: scale(0.8);
  transform-origin: 53% 50%; /* Xの値が大きいと右寄りになる*/
	outline:none;
}
.slick-slide.slick-current, .slick-slide.is-active-next {
  opacity: 1;
  transform: scale(1);
  transform-origin: 50% 50%;
}
.slick-slide .caption{
	display: table;
	position: absolute;
	top:35px;
	left:240px;
	width:780px;/* max 840px*/
	height:145px;
}
.slick-slide .caption .inner{
	display: table-cell;
	vertical-align: middle;
}
.slick-slide .caption .title{
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.slick-slide .caption .desc{
		font-size: 1.8rem;
}

/*******************************
* ORICON
*******************************/
.oricon-block{
	display: flex;
	margin-top:26px;
	margin-bottom:80px;
}
.oricon-block .oricon-logo{
	padding:0 50px 0 65px;
}
.oricon-block .oricon-text{
	padding:50px 85px 0 0;
}
.oricon-block .oricon-text .note{
	text-align: center;
	font-size: 1.7rem;
	margin-top:30px;
}

/*******************************
* CASE
*******************************/
.case-block{
	width:100%;
	padding:105px 0 50px;
}
.case-block .heading02{
	text-align: center;
	margin-bottom: 45px;
}
.case-block .case-item{
	border: #000000 solid 10px;
	padding:40px;
	background-color: #f4f0e9;
	margin-bottom: 50px;
}
.case-item .case-trigger{
	cursor: pointer;
	position: relative;
}
.case-item .case-trigger::before{
	content: "";
	position: absolute;
	top:63px;
	right:47px;
	width:5px;
	height: 78px;
	background: #000000;
	transition: all .3s;
}
.case-item .case-trigger.open::before{
	transform: rotate(90deg);
}
.case-item .case-trigger::after{
	content: "";
	position: absolute;
	top:100px;
	right:10px;
	width:78px;
	height: 5px;
	background: #000000;
	transition: all .3s;
}
.case-item .case-trigger.open::after{
	opacity: 0;
	transform: rotate(90deg);
}
.case-item .case-title{
	display: flex;
}
.case-item .case-title .photo{
	margin-right: 30px;
}
.case-item .case-title .heading03{
	font-size: 3.8rem;
	font-weight: bold;
	padding-left:94px;
	line-height: 1.3;
	min-height: 94px;
	margin-bottom:30px;
}
.case-item.case01 .case-title .heading03{
	background: url("/maison/ad/workhebel/img/case01_icon.png") 0 8px no-repeat;
}
.case-item.case02 .case-title .heading03{
	background: url("/maison/ad/workhebel/img/case02_icon.png") 0 8px no-repeat;
}
.case-item .case-title .data{
	width:610px;
}
.case-item .case-title .data dt,
.case-item .case-title .data dd {
	display: inline-block;
	height:26px;
	line-height: 26px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.case-item .case-title .data dt{
	background-color: #83b187;
	color:#ffffff;
	width:80px;
	text-align: center;
	margin-right: 10px;
}
.case-item .case-title .data dt.youto{
	margin-left:38px;
}

.case-item .case-contents{
	border-top: #000000 solid 1px;
	margin-top:48px;
	padding-top:33px;
}
.case-item .case-contents .case-image{
	display: flex;
	justify-content: space-between;
}
.case-item .case-contents .case-image .caption{
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom:5px;
}
.case-item .case-contents .case-image .sub-caption{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom:10px;
}
.case-item .case-contents .case-image .sub-caption span{
	display: inline-block;
	border:#000000 solid 1px;
	font-size: 1.7rem;
	padding:0 5px;
	margin-left: 7px;
}
.case-item.case02 .case-contents .case-image .item:nth-child(2){
	margin-top:230px;
}
.case-item .case-contents .desc{
	font-size: 2.4rem;
	font-weight: bold;
	margin:40px 0;
}
.case-item .case-contents .voice{
	background-color: #ffffff;
	padding:30px 40px;
}
.case-item .case-contents .voice .title{
	background: url("/maison/ad/workhebel/img/case_icon_voice.png") 0 0 no-repeat;
	padding-left:72px;
	line-height: 58px;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom:15px;
}

/*******************************
* Siryo
*******************************/
.siryo-block{
	width:100%;
	padding:110px 0 105px;
}
.siryo-block .inner{
	width:1000px;
}
.siryo-block .heading02{
	text-align: center;
	margin-bottom: 22px;
}
.siryo-block .catalog-list{
	display: flex;
	justify-content: space-between;
}
.siryo-block .catalog-list .item{
	width:300px;
	text-align: center;
}
.siryo-block .catalog-list .item:nth-child(1){
	border-top:#83b187 solid 6px;
	border-bottom:#83b187 solid 6px;
}
.siryo-block .catalog-list .item:nth-child(2){
	border-top:#ed879b solid 6px;
	border-bottom:#ed879b solid 6px;
}
.siryo-block .catalog-list .item:nth-child(3){
	border-top:#6fbccc solid 6px;
	border-bottom:#6fbccc solid 6px;
}
.siryo-block .catalog-list .item .heading03{
	font-size: 3rem;
	font-weight: bold;
	margin:24px 0 26px;
	line-height: 1.3;
}
.siryo-block .catalog-list .item .desc{
	font-size: 1.8rem;
	margin:25px 5px;
	text-align: left;
}



/*******************************
* FOOTER
*******************************/
#pageTop{
	position: fixed;
	bottom:40px;
	right:0;
}
#pageTop a{
	display: block;
	background-color: #000000;
	transition: all .3s;
}
#pageTop a:hover{
	background-color: #757575;
}

.site-footer{
	background-color: #ffffff;
	padding:85px 0 72px;
	text-align: center;
}
.site-footer .logo{
	margin-bottom:22px;
}
.site-footer .copyright{
	font-size: 1.3rem;
}

/*******************************
* TABLET
*******************************/
br.tb{ display: none; }
body.tablet br.pc{ display: none; }
body.tablet br.tb{ display: inline-block; }