#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	background-size: px px;
	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 {
	margin:0 0 35px;
}

.kv_area .block1 {
	padding-top:0;
}

.kvslide_block {
	position: relative;
}

.kvslidebox {
	background-color:#FFF;
}

.kvslidebox a {
	display: block;
	background-position: center center;
	background-size: cover;
}

.kvslidebox.slide1 a {
	background-image:url('../images/top/sp_kv_slide1.webp');
}

.kvslidebox.slide2 a {
	background-image:url('../images/top/sp_kv_slide2.webp');
}

.kvslidebox.slide3 a {
	background-image:url('../images/top/sp_kv_slide3.webp');
}

.kvslidebox.slide4 a {
	background-image:url('../images/top/sp_kv_slide4.webp');
}

.kvslidebox p {
	opacity: 0;
	transform: translateX(100px);
	transition-delay: 1.0s;
	transition-duration: .6s;
}

.kvslidebox.slick-current p {
	opacity: 1;
	transform: translateX(0);
}

.kvslidebox .spbox {
	display: block;
}

.kvslidebox .pcbox {
	display: none;
}

.slick-dots {
	position: absolute;
	left:0;
	top:calc(100% + 35px);
	width:100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

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

.slick-dots li:last-child {
	margin-right:0;
}

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

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


.top_area1 {
	position: relative;
}

.top_area1:before {
	position: absolute;
	top:0;
	left:0;
	content: '';
	background-color: #ededed;
	width:100%;
	height:100%;
	z-index:-10;
}

.top_area1 .block1 {
	padding-top:30px;
	padding-bottom:40px;
}

.top_area1 .business_block {
}

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

.top_area1 .businessbox.business3 {
	margin-bottom:0;
}

.top_area1 .businessbox a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding:20px 15px 0;
	height:200px;
	color:#FFF;
	position: relative;
}

.top_area1 .businessbox.business1 a {
	background-image: url('../images/top/top_area1bimage1.webp');
}

.top_area1 .businessbox.business2 a {
	background-image: url('../images/top/top_area1bimage2.webp');
}

.top_area1 .businessbox.business3 a {
	background-image: url('../images/top/top_area1bimage3.webp');
}

.top_area1 .businessbox .label {
	line-height:1.5;
	font-size:2.4rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	font-family: "Noto Serif JP", serif;
}

.top_area1 .businessbox .btnline {
	position: absolute;
	right:15px;
	bottom:10px;
	background: url('../images/common/icon_arrow3.webp') no-repeat right 8px center;
	background-size: 23px 23px;
	padding:0 0 0 15px;
	width:160px;
	height:36px;
	line-height:34px;
	color:#FFF;
	font-size:1.4rem;
	letter-spacing: 0.04em;
	border:1px solid #FFF;
	border-radius: 36px;
}

.top_area2 .block1 {
	padding:45px 0 40px;
}

.top_area2 .area_mex {
	margin:0 20px 35px;
}

.area2block1 {
	padding:20px 20px 10px;
	background-color: #e4e4e4;
	position: relative;
}

.area2block1::after {
	position: absolute;
	top:100%;
	left:calc(50% - 28px);
	content: '';
	border-top:24px solid #e4e4e4;
	border-left:28px solid transparent;
	border-right:28px solid transparent;
	border-bottom:24px solid transparent;
}

.area2block1 ul {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.area2block1 li {
	margin:0 10px 10px 0;
	width:calc(50% - 5px);
	line-height:1.5;
}

.area2block1 li:nth-child(2n) {
	margin-right:0;
}

.area2block1 li a {
	display: block;
	background-image: url('../images/common/icon_arrow3.webp'), url('../images/top/sp_top_area2cbox.webp');
	background-size: 29px 29px, cover;
	background-position: right 10px bottom 10px, left top;
	background-repeat: no-repeat, no-repeat;
	padding:20px 0 40px;
	height:100%;
	min-height:160px;
	text-align: center;
	color:#FFF;
	font-size:1.9rem;
	font-family: "Noto Serif JP", serif;
}

.area2block1 li p {
	line-height:1.6;
}

.area2block1 li span {
	letter-spacing: -0.2em;
}

.area2block2 {
	padding:70px 20px 60px;
}

.area2block2 h3 {
	margin:0 0 25px;
	text-align: center;
	color:#00529c;
	font-size:2.8rem;
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.04em;
}

.area2block2 .point_block {
}

.area2block2 .pointbox {
	margin:0 0 50px;
}

.area2block2 .pointbox.point3 {
	margin-bottom:0;
}

.area2block2 .pointbox .titlebox {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin:0 0 25px;
}

.area2block2 .pointbox .titlebox .no {
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: auto 46px;
	margin:0 15px 0 0;
	padding: 46px 0 0;
	height: 0!important;
	transform: translateY(6px);
}

.area2block2 .pointbox.point1 .titlebox .no {
	background-image: url('../images/top/top_area2bno1.webp');
	width: 29px;
}

.area2block2 .pointbox.point2 .titlebox .no {
	background-image: url('../images/top/top_area2bno2.webp');
	width: 32px;
}

.area2block2 .pointbox.point3 .titlebox .no {
	background-image: url('../images/top/top_area2bno3.webp');
	width: 32px;
}

.area2block2 .pointbox .titlebox .title {
	line-height:1.75;
	font-size:2.4rem;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.04em;
}

.area2block2 .pointbox .imagebox {
	margin:0 auto;
	max-width:360px;
}

.area2block3 {
	padding:25px 20px 30px;
	background-color: #00529c;
}

.area2block3 h3 {
	margin:0 0 45px;
	line-height:1.75;
	text-align: center;
	color:#FFF;
	font-size:2.4rem;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.04em;
}

.area2block3 .word_block {
	margin:0 0 25px;
}

.area2block3 .word_block ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.area2block3 .word_block li {
	margin:0 10px 25px 0;
	width:105px;
	line-height:30px;
	text-align: center;
	font-size:1.3rem;
	background-color: #FFF;
	border-radius: 30px;
}

.area2block3 .word_block li.w {
	width:135px;
}

.area2block3 .word_block li:nth-child(3n),
.area2block3 .word_block li:last-child {
	margin-right:0;
}

.area2block3 .btnbox a {
	background-image: url('../images/common/icon_arrow3.webp');
	color:#FFF;
	border:1px solid #FFF;
}

.top_area3 {
	position: relative;
}

.top_area3:before {
	position: absolute;
	top:0;
	left:0;
	content: '';
	background-color: #ededed;
	width:100%;
	height:100%;
	z-index:-10;
}

.top_area3 .block1 {
	padding-top:30px;
	padding-bottom:40px;
}

.top_area3 .news_block .area_mtitlebox {
	margin:0 0 25px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}

.top_area3 .news_block .area_mtitlebox h2 {
	margin:0 0 5px;
	line-height:1.2;
	font-size:2.4rem;
	font-weight: 400;
	letter-spacing: 0.08em;
}

.top_area3 .news_block .area_mtitlebox p {
	line-height:1.6;
	color:#837d7b;
	font-size:1.1rem;
	letter-spacing: 0.04em;
}

.top_area3 .news_index {
	margin:0 0 40px;
}

.top_area3 .news_index li {
	margin:0 0 25px;
}

.top_area3 .news_index li:last-child {
	margin-bottom:0;
}

.top_area3 .news_index li a {
	display: block;
	position: relative;
}

.top_area3 .news_index li .dateline {
	display: flex;
	align-items: center;
	margin:0 0 5px;
}

.top_area3 .news_index li .dateline .date {
	margin:0 20px 0 0;
	font-weight: 400;
	letter-spacing: 0.04em;
}

.top_area3 .news_index li .dateline .label {
	width:120px;
	line-height:24px;
	text-align: center;
	color:#FFF;
	font-weight: 400;
	letter-spacing: 0.04em;
	background-color: #00529c;
	border-radius: 4px;
}

.top_area3 .news_index li .title {
	line-height:1.6;
	font-size:1.6rem;
	border-radius: 4px;
}

.top_area3 .news_index li .new {
	position: absolute;
	top:0;
	right:0;
	color:#ff0000;
	font-weight: 400;
}

.news_block .btnbox a {
	background-color: #FFF;
}

.top_area4 .block1 {
	padding:25px 0 65px;
}

.area4block {
	background: url('../images/top/sp_top_area4bgimage.webp') no-repeat;
	background-size: cover;
	padding:20px;
}

.area4inblock {
	padding:40px 0 10px;
	background-color: rgba(255, 255, 255, 0.8);
}

.area4block .area_mtitlebox {
	margin:0 0 20px;
	padding:0 0 10px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	position: relative;
}

.area4block .area_mtitlebox:after {
	position: absolute;
	left:calc(50% - 60px);
	bottom:0;
	content: '';
	background-color: #dab662;
	width:120px;
	height:2px;
}

.area4block .area_mtitlebox h2 {
	margin:0 0 5px;
	line-height:1.55;
	font-size:2.6rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.area4block .area_mtitlebox p {
	line-height:1.4;
	color:#837d7b;
	font-size:1.1rem;
	letter-spacing: 0.08em;
}

.area4block .ex {
	margin:0 20px 30px;
	text-align: center;
	font-size:1.3rem;
	letter-spacing: 0.04em;
}

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

	/*
	=================================== */
	.kv_area {
		margin:0 0 40px;
	}

	.kvslidebox.slide1 a {
		background-image:url('../images/top/kv_slide1.webp');
	}

	.kvslidebox.slide2 a {
		background-image:url('../images/top/kv_slide2.webp');
	}

	.kvslidebox.slide3 a {
		background-image:url('../images/top/kv_slide3.webp');
	}

	.kvslidebox.slide4 a {
		background-image:url('../images/top/kv_slide4.webp');
	}

	.kvslidebox .spbox {
		display: none;
	}

	.kvslidebox .pcbox {
		display: block;
	}

	.slick-dots {
		top:calc(100% + 25px);
	}

	.slick-dots li {
		margin:0 5px 0 0;
		width:72px;
	}

	.slick-dots li button {
		padding: 2px 0 0;
	}

	.top_area1 .block1 {
		padding-top:25px;
	}

	.top_area1 .business_block {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.top_area1 .businessbox {
		margin:0;
		width:342px;
	}

	.top_area1 .businessbox.business1 {
		margin:0 60px 0 0;
	}

	.top_area1 .area_mex {
		margin:0 0 30px;
	}

	.top_area2 .block1 {
		padding:35px 40px 40px;
	}

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

	.area2block1 {
		padding:24px;
	}

	.area2block1 ul {
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	.area2block1 li {
		margin:0;
		width:200px;
	}

	.area2block1 li a {
		display: flex;
		justify-content: center;
		align-items: center;
		background-position: right 15px bottom 15px, left top;
		padding: 0 0 25px;
		height:180px;
		font-size:2.0rem;
	}

	.area2block1 li span {
		letter-spacing: 0;
	}

	.area2block2 {
		padding:70px 40px 40px;
	}

	.area2block2 h3 {
		margin:0 0 35px;
	}

	.area2block2 .point_block {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.area2block2 .pointbox {
		margin:0;
		width:300px;
	}

	.area2block2 .pointbox .titlebox {
		margin:0 0 15px;
	}

	.area2block2 .pointbox .titlebox .no {
		background-size: auto 40px;
		padding: 40px 0 0;
	}

	.area2block2 .pointbox.point1 .titlebox .no {
		width: 23px;
	}

	.area2block2 .pointbox.point2 .titlebox .no {
		width: 26px;
	}

	.area2block2 .pointbox.point3 .titlebox .no {
		width: 27px;
	}

	.area2block2 .pointbox .titlebox .title {
		font-size:2.0rem;
	}

	.area2block2 .pointbox .imagebox {
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: 180px 102px;
		padding: 102px 0 0;
		width:180px;
		height: 0!important;
	}

	.area2block2 .pointbox.point1 .imagebox {
		background-image: url('../images/top/top_area2bimage1.webp');
	}

	.area2block2 .pointbox.point2 .imagebox {
		background-image: url('../images/top/top_area2bimage2.webp');
	}

	.area2block2 .pointbox.point3 .imagebox {
		background-image: url('../images/top/top_area2bimage3.webp');
	}

	.area2block3 {
		padding:40px 40px 20px;
	}

	.area2block3 h3 {
		margin:0 0 30px;
		line-height:1.4;
		font-size:3.8rem;
	}

	.area2block3 .word_block {
		margin:0 auto 25px;
		width:550px;
	}

	.area2block3 .word_block li {
		margin:0 10px 12px 0;
		width:130px;
		line-height:36px;
		font-size:1.6rem;
		border-radius: 36px;
	}

	.area2block3 .word_block li.w {
		width:160px;
	}

	.area2block3 .word_block li:nth-child(3n),
	.area2block3 .word_block li:last-child {
		margin-right:10px;
	}

	.area2block3 .word_block li:nth-child(4n),
	.area2block3 .word_block li:last-child {
		margin-right:0;
	}

	.top_area3 .block1 {
		padding-top:40px;
	}

	.top_area3 .news_block {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}

	.top_area3 .news_block .area_mtitlebox {
		margin:0;
		padding:0 0 0 50px;
		width:210px;
		text-align: left;
	}

	.top_area3 .news_block .area_mtitlebox p {
		font-size:1.4rem;
	}

	.top_area3 .news_index {
		margin:0;
		width:810px;
	}

	.top_area3 .news_index li a {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		padding:0 50px 0 0;
	}

	.top_area3 .news_index li .dateline {
		display: flex;
		justify-content: space-between;
		margin:0;
		width:265px;
		font-size:1.4rem;
	}

	.top_area3 .news_index li .dateline .date {
		margin:0;
	}

	.top_area3 .news_index li .title {
		width:calc(100% - 280px);
	}

	.top_area3 .news_index li .new {
		top:-3px;
	}

	.news_block .btnbox {
		position: absolute;
		left:50px;
		bottom:0;
	}

	.news_block .btnbox a {
		height:50px;
		line-height:50px;
	}

	.top_area4 .block1 {
		padding:20px 40px 25px;
	}

	.area4block {
		background-image: url('../images/top/top_area4bgimage.webp');
		padding:30px 0 25px;
	}

	.area4inblock {
		margin:0 auto;
		padding:15px 0;
		width:700px;
	}

	.area4block .area_mtitlebox {
		margin:0 0 40px;
	}

	.area4block .area_mtitlebox:after {
		left:calc(50% - 75px);
		width:150px;
	}

	.area4block .area_mtitlebox h2 {
		margin:0 0 15px;
		line-height:1.4;
		font-size:3.8rem;
	}

	.area4block .area_mtitlebox p {
		font-size:1.4rem;
	}

	.area4block .ex {
		margin:0 0 30px;
		font-size:1.6rem;
		letter-spacing: 0.08em;
	}
}