@charset "UTF-8";
/* CSS Document */

/*===================================================
    トップページ用CSS
===================================================*/

/* --------------------------------------------------
    キービジュアル
-------------------------------------------------- */
#kv {
	width: 1000px;
	margin: 20px auto;
}
@media (max-width: 576px) {
  #kv{
    width: 100%;
		margin: 0 auto;
  }
}
	/*キービジュアル左*/
	#kv .kvLeft {
		float: left;
		width: 550px;
		height: 613px;
		background: url("../image/conpe/button01.png") center no-repeat;
	}
@media (max-width: 576px) {
  #kv .kvLeft {
    float: none;
		width: 100%;
    -webkit-background-size: cover;
    background-size: 100%;
    background-position: 17% 16%;
  }
}
		#kv .kvLeft > * {
			position: relative;
			top: 450px;
			left: 130px;
			display: inline-block;
		}
@media (max-width: 576px) {
  #kv .kvLeft > * {
    display: block;
    top:320px;
    left: 40px;
  }
}

		#kv .kvLeft h3 {
			margin-bottom: 30px;
		}
@media (max-width: 576px) {
  #kv .kvLeft h3 {
    text-align: center;
    padding: 0 10px;
  }
}
@media (max-width: 576px) {
  #kv .kvLeft img {
    width: 80%;
    height: auto;
  }
}

		/* 事業所コンセプトはこちら */
		#kv .kvLeft h3 + p a {
			display: inline-block;
			background: url("../image/index/btn_kv_act.png") no-repeat;
		}
@media (max-width: 576px) {
  #kv .kvLeft h3 + p {
    padding: 0 10px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  #kv .kvLeft h3 + p a{
    padding: 0 10px;
    background-image: url("../image/conpe/button01.png");
  }
}
			#kv .kvLeft h3 + p a:hover img {
				visibility: hidden;
			}

	/*キービジュアル右*/
	#kv .kvRight {
		float: right;
		width: 445px;
		padding: 10px 0 0 15px;
	}
@media (max-width: 576px) {
  #kv .kvRight {
  	width: 100%;
    float: none;
		padding: 10px 15px 20px 10px;
		margin-top:-150px;
  }
}
		#kv .kvRight ul {
			text-align: center;
		}

			#kv .kvRight ul li {
				position: relative;
				float: left;
				width: 200px;
				height: 195px;
				margin: 10px 0 0 10px;
				border: 1px solid #DEDEDE;
			}
@media (max-width: 576px) {
  #kv .kvRight ul li {
  	width: 50%;
		margin: 10px auto;
  }
}
			#kv .kvRight ul li:hover {
				opacity: 0.6;
			}
			#kv .kvRight ul li:before {
				z-index: -1;
				position: absolute;
				left: -15px;
				top:0;
				width: 15px;
				height: 192px;
				content: "";
				background: url("../image/index/kv_shadow01.png") center no-repeat;
			}
			#kv .kvRight ul li:after {
				z-index: -1;
				position: absolute;
				right: 0;
				bottom: -13px;
				width: 201px;
				height: 13px;
				content: "";
				background: url("../image/index/kv_shadow02.png") center no-repeat;
			}
@media (max-width: 576px) {
  #kv .kvRight ul li:after {
  	width: 100%;
		bottom: -8px;
  }
}

				#kv .kvRight ul li a {
					position: relative;
					display: block;
					width: 100%;
					height: 100%;
					padding: 10px;
				}
				#kv .kvRight ul li p {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 70px;
					padding: 3px 15px;
					font-size: 12px;
					text-decoration: none;
					background: url("../image/index/bg_kv_menu.png");
				}
@media (max-width: 576px) {
  #kv .kvRight ul li p{
		padding: 3px 5px;
  }
  #kv .kvRight ul li p img{
		width: 90%;
		height: auto;
  }
}
					#kv .kvRight ul li p span {
						display: block;
						text-align: center;
						margin-bottom: 3px;
					}
					#kv .kvRight ul li:hover span img {
						/*opacity: 0.7;*/
					}

			/* 人・組織育成 */
			#kv .kvRight ul .kvNav01 {
				background: url("../image/index/img_kv_menu01.png") center no-repeat;
			}
				/*#kv .kvRight ul .kvNav01:hover {
					background: url("../image/index/img_kv_menu01_act.png") center no-repeat;
				}*/

			/* 経営労務 */
			#kv .kvRight ul .kvNav02 {
				background: url("../image/index/img_kv_menu02.png") center no-repeat;
			}
				/*#kv .kvRight ul .kvNav02:hover {
					background: url("../image/index/img_kv_menu02_act.png") center no-repeat;
				}*/

			/* 助成金 */
			#kv .kvRight ul .kvNav03 {
				background: url("../image/index/img_kv_menu03.png") center no-repeat;
			}
@media (max-width: 576px) {
  #kv .kvRight ul .kvNav03 img{
		width: 32%;
		height: auto;
  }
}
				/*#kv .kvRight ul .kvNav03:hover {
					background: url("../image/index/img_kv_menu03_act.png") center no-repeat;
				}*/

			/* 後継者事業継承 */
			#kv .kvRight ul .kvNav04 {
				background: url("../image/index/img_kv_menu04.png") center no-repeat;
			}
				/*#kv .kvRight ul .kvNav04:hover {
					background: url("../image/index/img_kv_menu04_act.png") center no-repeat;
				}*/

			/* 事務所体制 */
			#kv .kvRight ul .kvNav05 {
				width: 412px;
				height: 113px;
				margin: 20px 0 0 10px;
				background: url("../image/conpe/button2.png") center no-repeat;
			}
@media (max-width: 576px) {
  #kv .kvRight ul .kvNav05 {
  	width: 100%;
    height: auto;
  }
}

			/*#kv .kvRight ul .kvNav05:hover {
					background: url("../image/index/img_kv_menu05_act.png") center no-repeat;
				}*/
				#kv .kvRight ul .kvNav05:before {
					top: -6px;
					width: 15px;
					height: 119px;
					background: url("../image/index/kv_shadow03.png") center no-repeat;
				}
				#kv .kvRight ul .kvNav05:after {
					bottom: -27px;
					width: 406px;
					height: 27px;
					background: url("../image/index/kv_shadow04.png") center no-repeat;
				}
				#kv .kvRight ul .kvNav05 a {
					position: relative;
					left: 0;
					top:0;
					display: inline-block;
					width: 100%;
					height: 100%;
					line-height: 40px;
					padding: 30px 15px;
					text-align: left;
					background: none;
				}
					#kv .kvRight ul .kvNav05:hover a {
						opacity: 0.7;
					}

/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    共通設定
-------------------------------------------------- */
.cntBox {
	width: 1000px;
	margin: 0 auto;
}
@media (max-width: 576px) {
  .cntBox {
  	width: 100%;
  	padding: 0 10px;
  }
}
	.cntBox > section {
		margin-bottom: 40px;
	}
	.cntBox h5 {
		margin-bottom: 20px;
		padding-bottom: 5px;
		background: url("../image/common/title_border.png") bottom no-repeat;
	}
@media (max-width: 576px) {
  .cntBox h5 {
		background: url("../image/common/title_border.png") no-repeat;
		-webkit-background-size: 100%;
		background-size: 100% 3px;
		background-position: bottom left;
  }
}
/*    お客様の声　
-------------------------------------------------- */
.customerCnt {
	margin-bottom: 70px;
	padding: 45px 0 20px 0;
	background: #F6F5F3;
}
@media (max-width: 576px) {
	.customerCnt {
		margin-bottom: 40px;
	}
}
@media (max-width: 576px) {
  .customerCnt ul img {
  	width: 100%;
  	height: auto;
  }
}
	.customerCnt h4 {
		margin-bottom: 40px;
		text-align: center;
	}
	.customerCnt h4 + ul {
		overflow: hidden;
	}
	.customerCnt ul li {
		float: left;
		width: 235px;
		margin-left: 20px;
		font-size: 12px;
	}
@media (max-width: 576px) {
  .customerCnt ul li {
  	padding: 0 20px;
  	float:none;
  	width: 100%;
		margin-left: 0;
		margin-bottom: 30px;
  }
}
	.customerCnt ul li:first-child {
		margin-left: 0;
	}
		.customerCnt ul li a {
			text-decoration: none;
		}
		.customerCnt dl dt {
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			font-size: 16px;
			color: #660000;
			text-align: center;
		}
		.customerCnt dl dt + dd {
			margin: 10px 0;
		}
		.customerCnt ul li a:hover dt + dd {
			opacity: 0.7;
		}

/*    こんな事で悩んでいませんか？　
-------------------------------------------------- */
@media (max-width: 576px) {
  .troubleCnt h5 img {
  	width: 100%;
  	height: auto;
  }
}
.troubleCnt > div {
	min-height: 130px;
}
@media (max-width: 576px) {
  .troubleCnt > div {
  	min-height: auto;
  }
}
.troubleCnt a {
	position: relative;
	float: left;
	display: block;
	width: 250px;
	min-height: 100px;
	padding: 10px;
	border-left: 1px dotted #9F9F9F;
}
@media (max-width: 576px) {
  .troubleCnt a {
		float:none;
  	width: 100%;
  	min-height: auto;
  	padding: 20px 10px;
  	text-decoration: none;
		border-left: none;
  }
}
.troubleCnt a:hover {
	opacity: 0.7;
}
.troubleCnt a:first-child {
	padding: 10px 10px 10px 0;
	border: none;
}
@media (max-width: 576px) {
  .troubleCnt a:first-child {
		padding: 20px 10px;
  }
}
.troubleCnt a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom:-15px;
	width: 95%;
	height: 25px;
	margin: 0 auto;
	border-bottom: 1px dotted #9F9F9F;
	background: url("../image/index/icon_arrow_trouble.png") right top no-repeat;
}
@media (max-width: 576px) {
  .troubleCnt a:after {
		bottom:5px;
  }
}
.troubleCnt dl {
	overflow: hidden;
	font-size: 12px;
}
@media (max-width: 576px) {
  .troubleCnt dl {
		padding: 20px 0 10px 0;
  }
}
	.troubleCnt dl dt {
		float: right;
		width: 148px;
		margin-bottom: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 16px;
		line-height: 1.2;
		color: #660000;
	}
@media (max-width: 576px) {
  .troubleCnt dl dt {
		float:none;
		text-align: center;
		width: 100%;
		line-height: 0;
  }
}
	.troubleCnt dl dt + dd {
		float: right;
		width: 148px;
	}
@media (max-width: 576px) {
  .troubleCnt dl dt + dd {
		float:none;
		text-align: center;
		width: 100%;
		height: auto;
  }
}
	.troubleCnt dl dt + dd + dd {
		position: absolute;
		left:10px;
		top:0;
		width: 73px;
	}
@media (max-width: 576px) {
  .troubleCnt dl dt + dd + dd {
		width: 100%;
		height: auto;
		left:0;
		padding-left: 10px;
  }
}
	.troubleCnt a:first-child dl dt + dd + dd {
		left: 0;
	}
/*    インフォメーション
-------------------------------------------------- */
@media (max-width: 576px) {
  .informationCnt {
  	margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .informationCnt h5 img {
  	width: 100%;
  	height: auto;
  }
}
.informationCnt > div {
	overflow: hidden;
}
	.informationCnt .fbBox {
		float: left;
		width: 650px;
	}
@media (max-width: 576px) {
  .informationCnt .fbBox{
  	float: none;
		width: 100%;
  }
}
.informationCnt .fbBox img{
	width: 100%;
	height: auto;
}

	.informationCnt ul {
		float: right;
		width: 310px;
	}
@media (max-width: 576px) {
  .informationCnt ul{
  	float: none;
		width: 100%;
		padding: 0 10px 0 10px;
  }
}

		.informationCnt ul li {
			margin-bottom: 20px;
		}
		.informationCnt ul li:hover {
			opacity: 0.7;
		}
@media (max-width: 576px) {
  .informationCnt ul li a img{
		width: 100%;
  }
}
/*    契約形態
-------------------------------------------------- */
@media (max-width: 576px) {
	.contractCnt h5 {
		width: 100%;
	}
}
@media (max-width: 576px) {
	.contractCnt h5 img{
		width: 100%;
	}
}
.contractCnt ul {
	overflow: hidden;
	width: 735px;
	margin: 0 auto;
	padding-top: 10px;
}
@media (max-width: 576px) {
  .contractCnt ul{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
  }
}
	.contractCnt ul li {
		float: left;
		margin-left: 30px;
	}
@media (max-width: 576px) {
  .contractCnt ul li{
  	float: none;
  	width: 50%;
		margin: 0 0px;
		text-align: center;
		margin-bottom: 10px;
  }
}

	.contractCnt ul li:first-child {
		margin: 0;
	}


/* add 20210802 iida */
.cntBox h6 {
    font-size: 16px;
    color: #c70012;
    clear: both;
    padding: 20px 0 20px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.case_cell {
	margin-bottom: 30px;
}
.top-faq__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 80px 5px 20px;
    cursor: pointer;
    position: relative;
    line-height: 1;
		font-weight: bold;
}
.top-faq__heading:before {
	content: "■";
	position: absolute;
	top: 13px;
	left: 0;
	color: #c70012;
}
.top-faq__heading .icon-arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  font-size: 1.5rem;
  line-height: 36px;
  text-align: center;
  width: 60px;
  font-size: 0;
  line-height: 1;
  transition: .2s;
}

@media (max-width: 767px) {
  .top-faq__heading .icon-arrow {
    width: 30px;
  }
}

.top-faq__heading .icon-arrow:before, .top-faq__heading .icon-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #222;
  height: 2px;
  width: 40%;
}

.top-faq__heading .icon-arrow:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 50%;
  margin-left: -34%;
}

.top-faq__heading .icon-arrow:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 50%;
  margin-right: -31%;
}

.top-faq__heading.is-opened .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.top-faq__item {
    display: none;
    padding: 20px 0 20px;
}
.top-faq__answer {
    position: relative;
    display: flex;
    padding-left: 35px;
		min-height: 30px;
}

.top-faq__answer .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #c70012;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
}

.trouble_cell {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0 0 10px;
	border: 1px solid #ccc;
}
.troubleCnt > div.trouble_cell {
    min-height: auto;
}
.trouble_ttl {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 60px;
}
@media (max-width: 767px) {
	.trouble_ttl {
		padding-right: 40px;
	}
}
.trouble_ttl img {
	margin: 0 20px 0 0px;
}
.trouble_ttl span.txt {
	font-size: 16px;
	color: #c70012;
}
.trouble_ttl .icon-arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  font-size: 1.5rem;
  line-height: 36px;
  text-align: center;
  width: 60px;
  font-size: 0;
  line-height: 1;
  transition: .2s;
}

@media (max-width: 767px) {
  .trouble_ttl .icon-arrow {
    width: 30px;
  }
}

.trouble_ttl .icon-arrow:before, .trouble_ttl .icon-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #222;
  height: 2px;
  width: 40%;
}

.trouble_ttl .icon-arrow:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 50%;
  margin-left: -34%;
}

.trouble_ttl .icon-arrow:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 50%;
  margin-right: -31%;
}

.trouble_ttl.is-opened .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.top-trouble__item {
	display: none;
	margin-top: 10px;
	padding: 10px 10px 10px;
	border-top: 1px dotted #ccc;
}
.trouble_cell ul.list_trouble {
	display: flex;
	flex-wrap: wrap;
}
.trouble_cell ul.list_trouble li {
	width: 100%;
	padding: 0;
	margin: 0 0% 10px 0;
}
.troubleCnt ul.list_trouble li a {
	float: none;
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0 0;
	min-height: auto;
	text-decoration: none;
}
.troubleCnt ul.list_trouble li a::after {
	display: none;
}
.troubleCnt ul.list_trouble li a .ttl {
	padding-left: 15px;
	position: relative;
	text-decoration: underline;
	width: 100%;
}
.troubleCnt ul.list_trouble li a .ttl:before {
	display: block;
	content: "";
	position: absolute;
	top: 4px;
	left: -5px;
	width: 7px;
	height: 7px;
	border: 2px solid;
	border-color: #565656 #565656 transparent transparent;
	transform: rotate(45deg);
}
.troubleCnt ul.list_trouble li a .detail {
	display: none;
	color: #fff;
	background: #c70012;
	font-weight: bold;
}


/* add 20210929 iida */
.btn-1 {
	position: relative;
	display: block;
	text-align: right;
	margin: 15px auto 0 0;
	padding: 0 20px 0 0;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.btn-1::after{
	position: absolute;
	display: block;
	content: "";
  right: 3px;
	top: 5px;
  width: 7px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #ce0010;
	box-sizing: border-box;
}