@charset "UTF-8";
.txtEx {
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.PC {display: none;}
.SP {display: inherit;}

.lparea *,
.lparea *::before,
.lparea *::after {
	font-size: 1.333vw;
}

/* ======== SP Menu ======== */
.lparea .lp_spmenu__trigger {
	position: fixed;
		top: 56px;
		left: 0;
		z-index: 1000;
	display: flex;
		align-items: center;
		justify-content: center;
	width: 100%;
	height: 8em;
	background: rgb(0 0 0);
	cursor: pointer;
}
	.lparea .lp_spmenu__trigger span {
		color: #fff;
		font-family: var(--font-en);
		font-size: 4em;
		font-weight: 700;
		letter-spacing: 0.22em;
		scale: 0.7 1;
	}

.lparea .lp_spmenu__overlay {
	position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
	display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 0.95);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
	.lparea .lp_spmenu__overlay.is-open {
		opacity: 1;
		visibility: visible;
	}

.lparea .lp_spmenu__title {
	color: #fff;
	font-family: var(--font-en);
	font-size: 5em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: 2em;
	margin-bottom: 1em;
		scale: 0.7 1;
}

.lparea .lp_spmenu__list {
	width: 80%;
}
	.lp_spmenu__list li {
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.lp_spmenu__link {
		display: flex;
			align-items: center;
			justify-content: center;
		height: 12em;
		text-decoration: none;
	}
		.lp_spmenu__link img {
			height: 3em;
			width: auto;
		}

.lparea .lp_spmenu__close {
	display: flex;
		align-items: center;
		justify-content: center;
	width: 8em;
	height: 8em;
	margin-top: 30em;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
}
	.lp_spmenu__close span {
		margin-top: 0.4em;
		color: #000;
        font-size: 4em;
        line-height: 1;
        scale: 1.6 1;
	}





/* ======== FV ======== */
.lp_fv {
	margin-top: calc(56px + 8em);
}
.lp_fv__bg {
	width: 100%;
	max-width: none;
}
	.lp_fv__bg img {
		width: 100%;
	}
.lp_fv__btn {
	position: absolute;
		bottom: 11.2em;
		left: 50%;
		transform: translateX(-50%);
	width: 38em;
}
	.lp_fv__btn img {
		width: 100%;
	}

/* ======== Section Title (common) ======== */
.lp_sec-tit {
	padding: 10em 0 4em;
}
	.lp_sec-tit__img {
		height: 10.8em;
		margin-bottom: -2.5em;
	}
	.lp_sec-tit__sub {
		font-size: 2em;
	}

/* ======== CONCEPT ======== */
.lp_cct {
	padding-bottom: 17em;
	background-image: url("../images/sp_hoip_cctbg.jpg");
	background-size: 100% 100%;
}
.lp_cct__body {
	width: 100%;
	padding: 0 0em 10em;
}
	.lp_cct__body p {
		font-size: 2.6em;
		text-align: center;
	}

/* -- Appeal Area SP -- */
.lp_cct__appeal {
	width: 90%;
}
	.lp_cct__appeal-head {
		height: 7em;
		background-position: right 1em top 0;
	}
		.lp_cct__appeal-head p {
			font-size: 3.6em;
		}
	.lp_cct__appeal-list {
		flex-direction: column;
	}
	.lp_cct__appeal-list .lp_cct__appeal-item {
		width: 100%;
		height: auto;
		padding: 4em 8em;
		background-size: 14em auto;
	}
		.lp_cct__appeal-list .lp_cct__appeal-item:not(:first-child):before {
			top: 0;
			bottom: auto;
			left: 5em;
			right: 5em;
			border-right: none;
			border-top: 1px solid var(--c-blue);
		}
		.lp_cct__appeal-item p {
			font-size: 2.8em;
		}

/* ======== MERIT ======== */
.lp_mrt {
	padding: 0 0 15em;
	background-image: url("../images/sphoip_mrtbg.jpg");
	background-size: 100% 100%;
}
	.lp_mrt .lp_sec-tit {
		padding-bottom: 7em;
	}
	.lp_mrt .lp_sec-tit__img {
		margin-bottom: -3.2em;
	}
.lp_mrt .lp_mrt__list {
	flex-direction: column;
		align-items: center;
		gap: 10em 0;
	width: 60em;
}
	.lp_mrt__list .lp_mrt__item {
		width: 100%;
	}
					.lp_mrt__list .lp_mrt__item:before {
							bottom: -8em;
						width: 63.6em;
						height: 18.9em;
					}
		.lp_mrt__list .lp_mrt__itemwrap {
			padding-bottom: 8em;
		}
		.lp_mrt__labelwrap {
			height: 5.6em;
			margin-bottom: 5em;
			background-image: url("../images/sp_hoip_mrthbg.png");
		}
			.lp_mrt__label {
				height: 2.6em;
			}
		.lp_mrt__name {
			height: auto;
			padding: 1em 0;
		}
			.lp_mrt__name span {
				font-size: 5em;
			}
		.lp_mrt__icon {
			width: 36em;
			margin: 4em 0;
		}
		.lp_mrt__txt {
			width: 80%;
		}
			.lp_mrt__txt span {
				font-size: 2.6em;
			}
			.lp_mrt__txt span mark {
				font-size: 92%;
			}

/* ======== THEME ======== */
.lp_thm {
	padding: 0 0 10em;
	background-size: 100% 100%;
	background-image: url("../images/sphoip_thmbg.jpg");
}
	.lp_thm .lp_sec-tit {
		padding-top: 12em;
		padding-bottom: 8em;
	}

/* -- Theme Block SP -- */
.lp_thm__block {
	width: 65em
}
	.lp_thm__block--02 {
		margin-top: 26em;
	}
.lp_thm__head {
	flex-direction: column;
	padding-bottom: 5em;
}
	.lp_thm__num {
		height: 14.6em;
		margin: 0 2em 3em 0;
	}
	.lp_thm__name {
		font-size: 6em;
	}
		.lp_thm__name mark {
			font-size: 80%;
		}

/* -- SP: Block 02 mirror reset -- */
.lp_thm__block--02 .lp_thm__head {
	flex-direction: column;
	align-items: center;
	padding-bottom: 4.5em;
}
	.lp_thm__block--02 .lp_thm__num {
		margin: 0 auto 5em auto;
	}

/* -- Company Info SP -- */
.lp_thm__company {
	width: 100%;
	margin: 0;
	filter: none;
}
	.lp_thm__company:after {
	}
	.lp_thm__hero {
		position: static;
		width: 100%;
		translate: 0 0;
		margin-bottom: 0;
		margin-left: -5em;
		width: 100vw;
	}
	.lp_thm__company .lp_twrap {
		position: relative;
		margin-top: -9em;
		padding: 6em 5em;
	}
		.lp_thm__logo {
			height: 8em;
			margin-bottom: 4em;
		}
		.lp_thm__desc {
			width: 52em;
			margin: 0 auto;
		}
			.lp_thm__desc span {
				font-size: 2.6em;
			}

/* -- SP: Block 02 company reset -- */
.lp_thm__block--02 .lp_thm__company {
	margin: 0;
}
	.lp_thm__block--02 .lp_thm__company:after {
	}
	.lp_thm__block--02 .lp_thm__hero {
		position: static;
		translate: 0 0;
	}
	.lp_thm__block--02 .lp_thm__desc {
		width: 100%;
	}
	.lp_thm__block--02 .lp_thm__company .lp_twrap {
		padding: 6em 6em;
	}

/* -- Down Arrow SP -- */
.lp_thm__arr {
	padding: 5em 0 3em 0;
}
.lp_thm__arr img {
	width: 4em;
}

/* -- Kyosou Image SP -- */
.lp_thm__kyo-head {
	width: 40em;
	height: 7em;
	margin: 0 auto -3.5em auto;
}
	.lp_thm__kyo-head span {
		font-size: 4em;
	}
.lp_thm__kyo-list {
	flex-direction: column;
		align-items: center;
		gap: 5em 0;
	margin-bottom: 9em;
	padding: 7em 5em 7em;
	background-size: 50em;
}
.lp_thm__kyo-item {
	width: 100%;
}
	.lp_thm__kyo-item .lp_thm__kyo-label {
		font-size: 3.4em;
		line-height: 1.29;
	}
	.lp_thm__kyo-item .lp_thm__kyo-txt {
		display: block;
		width: 94%;
		margin: 0 auto;
		font-size: 2.6em;
		letter-spacing: 0.1em;
	}
	.lp_thm__kyo-photo {
		margin-bottom: 3.5em;
	}

/* -- ASSETS SP -- */
.lp_thm__assets {
	width: 100%;
	margin-bottom: 6em;
}
	.lp_thm__ast-tit {
		width: 38em;
	}
	.lp_thm__ast-sub {
		font-size: 3.6em;
	}
.lp_thm__assets .lp_thm__ast-list {
	padding: 6em 5em;
}
	.lp_thm__ast-list .kakko {
		width: 11em;
	}
.lp_thm__ast-list .lp_thm__ast-item {
	width: 100%;
	padding: 2em 1em;
}
			.lp_thm__ast-list .lp_thm__ast-item--bdn {
				border-bottom: 2px dotted #999;
			}
			.lp_thm__ast-list .lp_thm__ast-item--bdn:last-child {
				border-bottom: 0;
			}
	.lp_thm__ast-ico {
		width: 4em;
		margin-right: 2em;
	}
	.lp_thm__ast-item p {
		font-size: 2.8em;
	}

/* -- Keywords SP -- */
.lp_thm__keywords {
	display: block;
	width: 100%;
	margin-bottom: 5em;
}
.lp_thm__kw-head {
	font-size: 4em;
}
.lp_thm__keywords .lp_thm__kw-list {
	margin-top: 3.4em;
}
	.lp_thm__kw-list .lp_thm__kw-tag {
		font-size: 2.8em;
	}

/* ======== SCHEDULE ======== */
.lp_sdl {
	padding: 0 0 12em;
	background-size: 100% 100%;
	background-image: url("../images/sp_hoip_sdlbg.jpg");
}
	.lp_sdl .lp_sec-tit {
		padding-top: 12em;
		padding-bottom: 6em;
	}
.lp_sdl__timeline {
	width: 90%;
	padding: 5em 4em;
	padding-top: 1em;
}
	.lp_sdl__timeline::before {
			left: 21em;
			top: 4.8em;
			bottom: 6em;
		width: 3.3em;
		height: 84.2em;
		background: url("../images/sp_hoip_sdlline.png");
		background-size: 100% 100%;
	}
.lp_sdl__item {
		align-items: flex-start;
	margin: 3em 0;
	padding: 1em 0;
}
	.lp_sdl__item-sp {
		margin-top: 1.5em;
		margin-bottom: 4.7em;
	}
.lp_sdl__timeline .lp_sdl__date {
		flex-shrink: 0;
	width: 22.5em;
	margin-bottom: 0.5em;
	padding-left: 2.8em;
}
	.lp_sdl__date span {
		font-size: 2.6em;
		text-align: left;
		line-height: 1.3;
	}
	.lp_sdl__event.t01 span {
		font-size: 3.6em;
	}
	.lp_sdl__event.SPt01 span {
		font-size: 3em;
		fw
	}
	.lp_sdl__event.t02 span {
		font-size: 3em;
	}
	.lp_sdl__item .lp_sdl__sub {
		margin-top: 1em;
	}
	.lp_sdl__sub span {
		font-size: 2em;
	}

/* -- Highlighted Item SP -- */
.lp_sdl__item--hl {
	padding: 1.3em 0em;
}
	.lp_sdl__item--hl .lp_sdl__content {
			align-items: flex-start;
	}
	.lp_sdl__item--hl .lp_sdl__date {
		margin-bottom: 0.5em;
	}

/* ======== ENTRY ======== */
.lp_etr {
	padding: 0 0 16em;
	background-size: 100% 100%;
	background-image: url("../images/sp_hoip_etrbg.jpg");
}
	.lp_etr .lp_sec-tit {
		padding-top: 12em;
		padding-bottom: 5em;
	}
.lp_etr__body {
	width: 90%;
}
	.lp_etr__body:before {
		width: 67.5em;
		height: 18em;
		top: 85%;
	}
.lp_etr__bodywrap {
	padding: 6em 0;
}
	.lp_etr__bodywrap:before {
		border-width: 12em 12em 0 0;
	}
.lp_etr__deadline {
	flex-direction: column;
		align-items: center;
	margin-bottom: 4em;
}
	.lp_etr__deadline-label {
		width: 18em;
		padding: 1.2em 0;
		margin-right: 0;
		margin-bottom: 2em;
	}
		.lp_etr__deadline-label span {
			font-size: 2.6em;
		}
		.lp_etr__deadline-date span {
			font-size: 4.4em;
		}
.lp_etr__btn {
	width: 50em;
	margin-bottom: 5em;
}
.lp_etr__note {
	font-size: 2em;
}

/* ======== Float Button ======== */
.lp_floatbtn {
	width: 16em;
}