/* Layout */
.l-lpcontainer {
	position: relative;
	display: flex;
	flex-direction: column;
	max-width: 560px;
	height: 100vh;
	margin: auto;
}
.creative-bo-bgcolor {
	background: #ee7153;
}
.creative-package-bgcolor {
	background: #5ce1e6;
}
.l-swiper {
	height: 100%;
	width: 100%;
}

.l-swiper__wrapper {
	display: flex;
	height: 100%;
}

.l-swiper-pagination-wrapper {
	position: relative;
}

/* Object */

.o-lpcontainer {
	padding-top: 45px;
	height: 100%;
}
.o-slide {
	display: flex;
	justify-content: center;
	font-size: 20px;
}

.o-slide img {
	max-width: 100%;
	max-height: 100%;
}

.o-video {
	width: 100%;
}

/* Component */
.c-swiper-pagination {
	position: absolute;
	bottom: -36px!important;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.c-swiper-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.c-swiper-button--prev {
	left: 10px;
}

.c-swiper-button--next {
	right: 10px;
}
/* ボタン */
.c-button {
	display: inline-block;
	position: absolute;
	width: 90%;
	bottom: 90px;
	left: 50%;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-radius: 50px;
	text-align: center;
	cursor: pointer;
	transform: translatex(-50%);
	z-index: 9999;
}

.c-button--creative-bo {
	background-color: #b04628;
	color: #fff;
}
.c-button--creative-package {
	background-color: #0097b2;
	color: #fff;
}

/* 汎用的LPスタイル */
.c-service {
	width: 100%;
	padding: 100px 0px;
}

.l-inner--thin {
	max-width: 940px;
	margin: 0 auto;
}


.l-inner--wide {

}

.c-service__hgroup {
	margin-bottom: min(60 / 1180 * 100vw, 60px);
}

.c-heading__sub {
	font-size: min(20 / 1180 * 100vw, 20px);
	font-weight: 600;
	color: #FB7554;
	line-height: 1.2;
	text-align: center;
	margin-bottom: min(19 / 1180 * 100vw, 19px);
}

.c-heading__main {
	position: relative;
	font-size: min(35 / 1180 * 100vw, 35px);
	padding-bottom: min(16 / 1180 * 100vw, 16px);
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}

.c-heading__main::before {
	position: absolute;
	content: "";
	width: min(50 / 1000 * 100vw, 50px);
	height: min(3 / 1000 * 100vw, 3px);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #FB7554;
}

.c-service__title {
	text-align: center;
	margin-bottom: min(40 / 1180* 100vw, 40px);
}

.c-service__title-inner {
	position: relative;
	display: inline-block;
	padding: 0 min(29 / 1180* 100vw, 29px);
	font-size: min(30 / 1180* 100vw, 30px);
	line-height: calc(40 / 30);
	letter-spacing: 0.08em;
	font-weight: 700;
}

.c-service__title-inner::before,
.c-service__title-inner::after {
	position: absolute;
    content: "";
    width: min(6 / 1180* 100vw, 6px);
    height: 100%;
    background: #FB7554;
    top: 50%;
    transform: translateY(-50%);
}
.c-service__description {

}