#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

#dammy {
	position: absolute;
	left:0;
	bottom:0;
	content: '';
	width:0;
	height:6px;
	background-color: #FFF;
}

#dammy:last-child {
	margin-bottom:0;
}

/*
=================================== */
.kv_area {
	padding:0 0 30px;
}

.kv_slide {
	position: relative;
}

.sbox a {
	display: block;
}

.slick-dots {
	position: absolute;
	left:0;
	bottom:-30px;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slick-dots li {
	margin:0 2px;
	width: 28px;
}

.slick-dots li button {
	display: block;
	overflow: hidden;
	background-color:#dbdcdc;
	padding: 2px 0 0;
	width: 100%;
	height: 0!important;
	border:none;
}

.slick-dots li.slick-active button {
	background-color:#30373e;
}

.top_area1 .block1 {
	padding:20px 0 30px;
}

.top_area1 .mex {
	margin:0 10px 25px;
	text-align: center;
}

@media screen and (min-width: 350px) {

	.top_area1 .mex {
		margin:0 20px 25px;
	}
}

.service_block {
	margin:0 0 25px;
}

.service_block:last-child {
	margin-bottom:0;
}

.service_block .ex_block {
	padding:20px 15px;
	background-color: #edf3fa;
}

.service_block .ex_block h3 {
	margin:0 0 10px;
	color:#495E73;
	font-size:1.4rem;
	font-family: 'Noto Serif JP', serif;
}

.service_block .ex_block .ex {
	margin:0 0 25px;
	line-height:1.6;
}

.service_block .ex_block .morebox {
	margin:0;
}

.top_area2 {
	background: url('../images/top/top_area2back.jpg') no-repeat center center;
	background-size: cover;
}

.top_area2 .block1 {
	color:#FFF;
}

.top_area2 .atitlebox {
	margin:0 0 15px;
}

.top_area2 .atitlebox p,
.top_area2 .atitlebox h2 {
	color:#FFF;
}

.top_area2 .message {
	margin:0 0 15px;
}

.top_area2 .message p {
	margin:0 0 20px;
	text-align: justify;
}

.top_area2 .message p:last-child {
	margin-bottom:0;
}

.top_area2 .morebox {
	border-bottom:1px solid #FFF;
}

.top_area2 .morebox a {
	background-image: url('../images/common/icon_arrow2.svg');
	color:#FFF;
}















@media screen and (min-width: 768px) {

	/*
	=================================== */
	.kv_area {
		padding:0 0 45px;
	}

	.sbox b {
		display: block;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
		padding: 638px 0 0;
		height: 0!important;
	}

	.slick-dots {
		bottom:-45px;
	}

	.slick-dots li {
		margin:0 3px;
		width: 56px;
	}

	.top_area1 .block1 {
		padding:45px 10px 95px;
	}

	.top_area1 .mex {
		margin:0 0 40px;
	}

	.service_block {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin:0 0 95px;
	}

	.service_block.service2 {
		flex-direction: row;
	}

	.service_block .imagebox_block {
		width:505px;
		position: relative;
	}

	.service_block .imagebox_area {
		position: absolute;
		top:40px;
		right:0;
		width:625px;
	}

	.service_block.service2 .imagebox_area {
		right:auto;
		left:0;
	}

	.service_block .imagebox {
		width:0;
		height:245px;
		overflow: hidden;
		position: relative;
		-webkit-transition: 0.5s;
		transition: 0.5s;
	}

	.service_block .anim_action .imagebox {
		width:100%;
	}

	.service_block .imagebox::after {
		position: absolute;
		right:0;
		top:0;
		content: '';
		width:100%;
		height:100%;
		background-color: #30373e;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
	}

	.service_block .anim_action .imagebox::after {
		width:0;
	}

	.service_block .imagebox p {
		position: absolute;
		top:0;
		left:0;
		width:625px;
	}

	.service_block .ex_block {
		padding:40px 230px 45px 25px;
		width:625px;
	}

	.service_block.service2 .ex_block {
		padding:40px 20px 45px 230px;
	}

	.service_block .ex_block h3 {
		margin:0 0 20px;
		font-size:2.6rem;
	}

	.service_block .ex_block .ex {
		opacity: 0;
		margin:0;
		height:100px;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-duration: 0.8s;
		transition-delay: 0.8s;
		transform: translateY(50px);
	}

	.service_block .ex_block .morebox {
		opacity: 0;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-duration: 0.8s;
		transition-delay: 0.8s;
		transform: translateY(50px);
	}

	.service_block .ex_block.anim_action .ex,
	.service_block .ex_block.anim_action .morebox {
		opacity: 1;
		transform: translateY(0);
	}

	.top_area2 .block1 {
		padding-top:45px;
		padding-bottom:45px;
		width:680px;
		color:#FFF;
	}

	.top_area2 .atitlebox {
		margin:0 0 30px;
	}

	.top_area2 .message {
		margin:0 0 65px;
	}

	.top_area2 .message p {
		margin:0 0 25px;
	}
}