#header {
	transition: all 0.5s ease;
}

#header.h-bg-color {
  background: #fff;
}

#header .h-inner {
	background: transparent;
}

#top-mv.mainvisual {
	margin-top: 0;
}

#top-mv .mv-inner {
	position: relative;
	padding: 0;
	height: auto!important;
}

#top-mv .mv-inner .img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#top-mv .mv-inner .img-box img {
	width: 100%;
	height: auto;
}

#top-mv .mv-inner.flex-start {
	justify-content: center;
	align-items: center;
}
#top-mv .sp-bg,
#top-mv .sp-svg {
	display: none;
}
@media screen and (max-width: 768px) {
	#top-mv .mv-inner {
		height: 300px;
	}
	#top-mv .pc-bg,
	#top-mv .pc-svg {
		display: none;
	}
	#top-mv .sp-bg,
	#top-mv .sp-svg {
		display: block;
	}
}

.post-date {
	color: #646464;
	font-size: 1.4rem;
	letter-spacing: 0.25em;
}

.home .news-item .post-ttl {
	position: relative;
	margin: 0 0 0 35px;
	padding-left: 10px;
}
.home .news-item .post-ttl::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #646464;
	top: 11px;
	left: -3px;
}

@media screen and (max-width: 768px) {
	.home .news-item .post-ttl {
		margin: 15px 0 0 5px;
	}
}


/* ============================
	top-service
============================ */

#top-service {
	position: relative;
	background-color: #003477;
}

#top-service::before {
	content: "";
	position: absolute;
	background-image: url(../images/service/top_service_bg.png);
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1918px;
	height: 115px;
}

#top-service .sec-inner {
	padding: 50px 0 50px;
}

#top-service .content-width {
	max-width: 1240px;
}

#top-service .sec-ttl {
	color: #fff;
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 400;
}

#top-service .sec-ttl span {
	font-size: 1.2rem;
	letter-spacing: 0.25em;
	font-family: "Arial", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: block;
	margin-top: 10px;
}

#top-service .content-box {
	margin-top: 15px;
}

.top-service-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
}

.top-service-item {
	width: 360px;
}

.top-service-item .img-box img {
	width: 360px;
	height: 195px;
	border-radius: 15px;
}

#top-service .text-box {
	color: #fff;
}

#top-service .service-ttl {
	position: relative;
	color: #fff;
	font-size: 2.3rem;
	line-height: 1;
	margin: 16px 0 0;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#top-service .service-ttl::after {
	content: "";
	position: absolute;
	width: 70px;
	height: 10px;
	right: 5px;
	top: calc(50% - 10px);
	border-bottom: 1px solid #ffc800;
	border-right: 2px solid #ffc800;
	transform: skew(45deg);
}

.service-description {
	font-size: 1.4rem;
	margin-top: 13px;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
}



@media screen and (max-width: 768px) {
	#top-service .content-box {
		margin: 15px auto 0;
		max-width: 360px;
	}
	.top-service-item {
		width: 100%;
	}
}

/* ============================
	top-news
============================ */

#top-news .sec-inner {
	padding-bottom: 0;
}

#top-news .content-width {
	max-width: 1170px;
}

#top-news .sec-ttl-box {
	background: none;
}

#top-news .sec-ttl {
	text-align: left;
	font-size: 2.8rem;
	color: #001E6E;
	letter-spacing: 0.3em;
	line-height: 1.76;
}

#top-news .content-box {
	margin-top: 0;
}

#top-news .top-news-button {
	margin-top: 25px;
	color: #646464;
}

#top-news .top-news-button a {
	position: relative;
	padding-right: 10px;
}

#top-news .top-news-button a::after {
	content: "";
	position: absolute;
	width: 79px;
	height: 10px;
	right: calc(0% - 79px);
	top: calc(50% - 10px);
	border-bottom: 2px solid #ff7400;
	border-right: 2px solid #ff7400;
	transform: skew(45deg);
}

@media screen and (max-width: 768px) {
	#top-news .sec-inner {
		padding-top: 50px;
	}
}

/* ============================
	top-blog
============================ */

#top-blog {
	margin-top: 70px;
}

#top-blog .content-width {
	max-width: 1480px;
	position: relative;
}

#top-blog .sec-inner {
	padding-top: 0;
}

#top-blog .blog-ttl {
	text-align: left;
	font-size: 3rem;
	color: #001E6E;
	line-height: 1.76;
	letter-spacing: 0.3em;
}

#top-blog .denkoh-room .blog-ttl {
	font-size: 2.5rem;
	letter-spacing: 0.134em;
}

.blog-content-box {
	max-width: 1130px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 10%;
	flex-wrap: wrap;
	align-items: flex-end;
}

.blog-balloon {
	padding: 8px 8px 50.4px 8px;
}

.denkoh-blog .blog-balloon {
	background-image: url(../images/blog/blog_bg_b.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.denkoh-room .blog-balloon {
	background-image: url(../images/blog/blog_bg_o.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.denkoh-blog .text-inner{
	position: relative;
	padding: 24.4px 102.4px 24.4px 102.4px;
	box-shadow: 0 0 7px -4px;
}

.denkoh-blog .text-inner::before {
	content: "";
	position: absolute;
	background-image: url(../images/blog/blog_content01_img_01.png);
	background-repeat: no-repeat;
	width: 113px;
	height: 116px;
	bottom: 0;
	left: 15px;
	background-size: contain;
}

.denkoh-blog .text-inner::after {
	content: "";
	position: absolute;
	background-image: url(../images/blog/blog_content01_img_02.png);
	background-repeat: no-repeat;
	width: 116px;
	height: 120px;
	bottom: 0;
	right: 15px;
	background-size: contain;
}

.denkoh-room .text-inner{
	position: relative;
	padding: 14.8px 133.6px 14.8px 8.8px;
	box-shadow: 0 0 7px -4px;
}

.denkoh-room .text-inner::after {
	content: "";
	position: absolute;
	background-image: url(../images/blog/blog_content02_img.png);
	background-repeat: no-repeat;
	width: 161.6px;
	height: 114.4px;
	bottom: 4.5px;
	right: 5px;
	background-size: contain;
}

.blog-content .text-inner {
	border-radius: 10px;
	background-color: #fff;
}

.blog-content .blog-text {
	text-align: center;
}

.denkoh-blog .blog-text {
	font-size: 4.48rem;
	line-height: 0.89;
	color: #3780dc;
}

.denkoh-blog .blog-text span {
	font-size: 3.8rem;
}

.denkoh-room .blog-text {
	font-size: 3.6rem;
	line-height: 1.37;
	color: #ff7400;
}

.denkoh-room .blog-text span {
	font-size: 2.56rem;
}


@media screen and (max-width: 768px) {
	.blog-content-box {
		display: block;
	}
	.blog-content.denkoh-room {
		margin-top: 30px;
	}
}

.link-content-box {
	margin-top: 130px;
}

.link-content {
	position: relative;
}

.link-content + .link-content {
	margin-top: 85px;
}

.link-content:nth-child(odd) .img-box {
	text-align: right;
}

.link-content .img-box {
	text-align: left;
}

.link-content-box .link-content .img-box img {
	border-radius: 20px;
}

.link-item-img {
	width: 961px;
	height: 461px;
}

.link-content .text-box {
	position: absolute;
	text-align: center;
	top: 32px;
	right: 0;
}

.link-content:nth-child(odd) .text-box {
	left: 0;
	right: unset;
}

.link-content .text-box a {
	display: inline-block;
	position: relative;
	width: 678px;
	height: 220px;
	background-color: #ffc800;
	clip-path: polygon(23% 0, 88% 0, 82% 20%, 100% 20%, 73% 100%, 16% 100%, 20% 80%, 0 80%);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.link-content .text-box a::after {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg);
	top: 50%;
	right: 125px;
}

.links-btn-inner {
	margin-top: 55px;
}

.link-ttl {
	font-size: 2.8rem;
	line-height: 1;
	letter-spacing: 0.3em;
}

.link-ttl-sub {
	font-size: 1.2rem;
	color: #fff;
	margin-top: 10px;
	letter-spacing: 0.2em;
}

.link-text {
	font-family: "source-han-sans-japanese", sans-serif;
	text-align: center;
	font-size: 1.3rem;
	line-height: 2.3;
	margin-top: 12px;
}

@media screen and (max-width: 1024px) {
	.link-content .text-box {
		position: relative;
	}
	.link-content .text-box a {
		width: 100%;
	}
	.link-content .text-box a::after {
		top: 42%;
		right: 70px;
	}
}

@media screen and (max-width: 768px) {
	.link-works .links-btn-inner {
		margin-top: 33px;
	}
	.links-btn-inner {
		margin-top: 40px;
	}
	.link-content + .link-content {
		margin-top: 125px;
	}
}