@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
	--color-blue: #004ea2;
	--color-red: #c1272d;
	--color-yellow: #FFDA1B;
	--bg-blue:#FDF9F0;
	--font-en: "Bebas Neue", sans-serif;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 62.5%;
	background-color: #f0f0f0;
  color: #1a1a1a;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
}
.tx-yellow-underline{
	background: linear-gradient(#fcee21, #fcee21) 0 100% / 100% 4px no-repeat;
}
.tx-black-underline{
	background: linear-gradient(#222, #222) 0 100% / 100% 4px no-repeat;
}
.tx-red-underline{
	background: linear-gradient(#F34040, #F34040) 0 100% / 100% 4px no-repeat;
}
.tx-red{
	color:var(--color-red);
}

a {
	color: #004ea2;
  text-decoration: underline;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
}
a:focus,
a:active,
a:hover {
	color: #004ea2;
  text-decoration: none;
}


/*-----------------------------------------------------------
  =/lp/flets-hikari/
-----------------------------------------------------------*/

body{
	width: 100%;
	font-size: 1.8rem;
	font-feature-settings: 'palt' 1;
	letter-spacing:.04em;
	line-height: 1.8;
}
@media only screen and ( max-width:960px) {
	body{
		font-size: 1.4rem;
	}
}

/* Frame Format
---------------------------------*/
#wrapper {
	width: 100%;
	position: relative;
	padding-top:12rem;
}
.inner {
	max-width: 112rem;
	margin: 0 auto;
	padding: 0 2rem;
}
.inner-w {
	max-width: 132rem;
	margin: 0 auto;
	padding: 0 2rem;
}
@media screen and ( max-width:768px) {
	#wrapper {
		padding-top: 0;
	}
}


/* header
---------------------------------*/
#header{
	background-color: #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 12rem;
	padding: 0 8rem;
	width: 100%;
	z-index: 9;
}
#header .header-left_company{
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0;
}
#header .header-left-logo{
	align-items: center;
	display: flex;
	gap: 1.6rem;
	margin-top:1rem;
}
#header .header-left-logo .logo{
	height: auto;
	width: 30rem;
}
#header .header-left-logo .area{
	border:2px solid var(--color-blue);
	color: var(--color-blue);
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.22;
	padding: .4rem 1rem;
}
#header .header-right{
	align-items: center;
	display: flex;
	gap: 4rem;
	justify-content: center;
}
#header .header-right__tel{
	position: relative;
	padding-left:5.6rem;
}
#header .header-right__tel::after{
	background: url(../../../img/lp/flets-east-new02/header-tel-icon.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 5rem;
	left: 0;
	position: absolute;
	top: calc(50% - 2.5rem);
	width: 5rem;
}
#header .header-right__tel .ttl{
display: none;
}
#header .header-right__tel .num{
	color:var(--color-red);
	font-family: var(--font-en);
	font-size:4.2rem;
	font-weight: bold;
	line-height: 1;
	margin:.4rem 0 -.2rem;
}
#header .header-right__tel .time{
	font-size:1.2rem;
	line-height: 1;
}
#header .header-right__contact{
	background: var(--color-red);
	border:2px solid var(--color-red);
	color: #fff;
	padding: .6rem 1.8rem;
	transition: 0.4s ease all;
	overflow: hidden;
	text-decoration: none;
}
#header .header-right__contact:hover{
	background-color: #fff;
	color: var(--color-red);
}
#header .header-right__contact .txt{
	position: relative;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 4rem;
}
#header .header-right__contact .txt::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 3.4rem;
	height: 2.5rem;
	-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateY(-50%);
	background-color: #fff;
}
#header .header-right__contact:hover .txt::after {
	background-color: var(--color-red);
}

@media screen and (min-width: 769px) {
	#header{
		position: fixed;
		top: 0px;
		left: 0px;
	}
}
@media screen and (max-width: 768px) {
	#header{
		height: 8rem;
		padding: 0 1rem;
		justify-content: center;
	}
	#header .header-left_company{
		font-size: 1rem;
		text-align: center;
	}
		#header .header-left_company span{
			display: block;
		}
	#header .header-left-logo{
		justify-content: center;
		text-align: center;
		margin-top: .6rem;
	}
	#header .header-left-logo .logo{
		height: auto;
		width: 16rem;
	}
	.lp-flets-west-transfer #header .header-left-logo .logo{
		width: 12rem;
}
	#header .header-left-logo .area{
		font-size: 1.2rem;
	}
	#header .header-right{
		display: none;
	}
}


/* Mv
---------------------------------*/

@media screen and (min-width: 769px) {
	#mv{
		height: 854px;
		background-image: url(../../../img/lp/flets-east-new02/mv-bg_pc.webp);
		background-repeat: no-repeat;
		background-position:  50% 0;
		overflow: hidden;
	}
}

#mv .mv-inner{
	max-width: 128rem;
	margin:0 auto;
	position: relative;
}
#mv .mv-catch{
	max-width: 730px;
	margin:0 auto;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}
#mv .mv-catch img{
	-webkit-animation: vibrate-1 0.5s linear infinite both;
	 animation: vibrate-1 0.5s linear infinite both;
}
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
#mv .mv-pic_pc{
	position: relative;
	height: 854px;
	display: block;
}
#mv .mv-pic_pc .item01{
	position: absolute;
	left: 0;
	top:0;
	width:667px;
	height: auto;
}
#mv .mv-pic_pc .item02{
	position: absolute;
	right: 0;
	top:0;
	width:627px;
	height: auto;
}
#mv .mv-pic_pc .item03{
	position: absolute;
	left: 0;
	top:440px;
	width:627px;
	height: auto;
}
#mv .mv-pic_pc .item04{
	position: absolute;
	right: 0;
	top:440px;
	width:667px;
	height: auto;
}
.mv-pic_sp{
	display: none;
}
#mv .slide-pair{
	position: relative;
}
#mv .column{
	opacity: 0;
  animation: columnStep 2s ease-in-out forwards;
}
#mv .slide-pair{
	position: relative;
}

#mv .slide-pair img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
}

/* --- 画像の切り替え設定 --- */

/* 最初に出ている画像A */
.img-a {
  opacity: 1;
  animation: fadeOutA 2s ease-in-out forwards;
}

/* 後から出てくる画像B */
.img-b {
  opacity: 0;
  animation: fadeInB 2s ease-in-out forwards;
}

/* --- カラムごとの開始タイミング（リレー） --- */
/* 1つめが4秒で終わる想定で4秒ずつずらす */
.item01 { animation-delay: 0s; }
.item01 img { animation-delay: 0s; }

.item02 { animation-delay: 1s; }
.item02 img { animation-delay: 1s; }

.item03 { animation-delay: 2s; }
.item03 img { animation-delay: 2s; }

.item04 { animation-delay: 3s; }
.item04 img { animation-delay: 3s; }

/* --- キーフレーム（動きの中身） --- */

/* カラム自体がふわっと出てくる */
@keyframes columnStep {
  0%   { opacity: 0; transform: translateY(10px); }
  20%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 1; }
}

/* 画像Aが消えるタイミング */
@keyframes fadeOutA {
  0%, 50%   { opacity: 1; }
  70%, 100% { opacity: 0; }
}

/* 画像Bが現れるタイミング */
@keyframes fadeInB {
  0%, 50%   { opacity: 0; }
  70%, 100% { opacity: 1; }
}


@media screen and (max-width: 768px) {
	#mv .mv-pic_pc{
		display: none;
	}
	.mv-pic_sp{
		display: block;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 1.6rem;
	}
	#mv .mv-catch{
		width: 75%;
		margin:0 auto;
	}
	#mv .mv-pic_sp .item-img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		animation: fadeInOut-sp 9s infinite;
		transition: opacity .3s ease-in-out;
	}
	#mv .mv-pic_sp .item-img:nth-child(1) {
		position: relative;
		animation-delay: 0s;
	}
	#mv .mv-pic_sp .item-img:nth-child(2) {
		animation-delay: 2.5s;
	}
	#mv .mv-pic_sp .item-img:nth-child(3) {
		animation-delay: 5s;
	}
	#mv .mv-pic_sp .item-img:nth-child(4) {
		animation-delay: 7.5s;
	}

	@keyframes fadeInOut-sp {
	0% { opacity: 0; }
  10% { opacity: 1; }  /* フェードイン完了 */
  25% { opacity: 1; }  /* 表示維持 */
  35% { opacity: 0; }  /* フェードアウト完了 */
  100% { opacity: 0; }
	}
}


/* Offer
---------------------------------*/
.offer-block{
	max-width:1080px;
	margin:0 auto;
	padding:3rem 6.4rem;
	background-color: #fff;
	border:3px solid #111;
	text-align: center;
	position: relative;
	z-index: 1;
}
.offer-block .offer-catch{
	margin: 0 auto .8rem;
}
.offer-block .offer-txt{
	font-size: 2rem;
	font-weight: 700;
}
.offer-list{
	display: flex;
	align-items: center;
	gap:3rem;
	margin-top:1.6rem;
}
.offer-list .item.contact{
	width: 296px;
}
.offer-list .item.request{
	width: 215px;
}
.offer-list .item.tel{
	width: 310px;
}
.offer-list .item a{
	padding: 1.2rem 1.8rem;
	transition: 0.4s ease all;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	pointer-events:auto;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
.offer-list .item.contact a{
	background: var(--color-red);
	border: 2px solid var(--color-red);
	color: #fff;
}
.offer-list .item a .txt{
	position: relative;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 4rem;
}
.offer-list .item .txt .free {
  font-size: 1.6rem;
}
.offer-list .item.contact a .txt::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 3.4rem;
	height: 2.5rem;
	-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateY(-50%);
	background-color: #fff;
}
.offer-list .item.request a{
	background: #fff;
	border: 2px solid var(--color-blue);
	color: var(--color-blue);
}
.offer-list .item.request a .txt::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 2.5rem;
	height: 3rem;
	-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-request.svg);
	mask-image: url(../../../img/lp/flets-east-new02/icon-request.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateY(-50%);
	background-color: var(--color-blue);
}
.offer-list .item.tel{
	margin-left:4.8rem;
}
.offer-list .item.tel a{
	display: block;
}

@media (hover: hover){
	.offer-list .item.contact a:hover{
		background-color: #fff;
		color: var(--color-red);
		opacity:1;
	}
	.offer-list .item.contact a:hover .txt::after {
		background-color: var(--color-red);
	}
	.offer-list .item.request a:hover{
		background-color: var(--color-blue);
		opacity:1;
		color: #fff;
	}
	.offer-list .item.request a:hover .txt::after {
		background-color: #fff;
	}
	.offer-list .item.tel a:hover{
		opacity: .6;
	}
}
@media (hover: none) {
	.offer-list .item a{
		transition: none !important;
	}
	.offer-list .item.contact a:active{
		opacity:1;
		transform: scale(.95);
	}
	.offer-list .item.request a:active{
		opacity:1;
		transform: scale(.95);
	}
	.offer-list .item.tel a:active{
		opacity:1;
		transform: scale(.95);
	}
}


.offer-list .item.tel .tap{
	display: none;
}
.offer-block.mv-offer{
	top:-8rem;
	margin-bottom:-8rem;
}
.offer-block.reason-offer{
	top:-8rem;
	margin-bottom:-8rem;
}
@media screen and (max-width: 768px) {
	.offer-block{
		width: 86%;
		margin:0 auto;
		padding:2rem 2rem;
	}
	.offer-block .offer-catch{
		width: 96%;
		margin: 0 auto .8rem;
	}
	.offer-block .offer-txt{
		display: none;
	}
	.offer-list{
		margin-top:1.6rem;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1.6rem;
	}
	.offer-list .item {
		width: auto;
		width: 95% !important;
	}
	.offer-list .item a{
		padding: 1.8rem 1.6rem;
	}
	.offer-list .item a .txt{
		font-size: 1.8rem;
		padding-left: 4rem;
	}
	.offer-list .item .txt .free {
		font-size: 1.4rem;
	}
	.offer-list .item.tel{
		margin-left:0;
		position: relative;
	}
	.offer-list .item.tel a{
		padding:0;
	}
	.offer-block.mv-offer{
	top:-1.6rem;
	margin-bottom:-1.6rem;
}
.offer-block.reason-offer{
	top:-2.4rem;
	margin-bottom:-2.4rem;
}

}


/* Intro
---------------------------------*/
#intro{
	padding:8rem 0 6rem;
}
#intro .pic-row{
	width: 50%;
}
#intro .txt-row{
	width: 46%;
	padding-top:2rem;
}
#intro .txt-row .intro-catch{
	margin-bottom:2.4rem;
}
#intro .txt-row .txt{
	font-size:2.2rem;
}
#intro .txt-row .txt strong{
	font-size: 2.4rem;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	#intro .pic-row{
		width: 100%;
		margin:0 auto;
	}
	#intro .txt-row{
		width: 100%;
		padding-top:3.2rem;
		text-align: center;
	}
	#intro .txt-row .txt{
		font-size:1.4rem;
	}
	#intro .txt-row .txt strong{
		font-size: 1.6rem;
		font-weight: 700;
	}
}


/* Reason
---------------------------------*/
#reason{
	padding:8rem 0 0;
}
#reason .reason-box{
	background-image: url(../../../img/lp/flets-east-new02/dot-bg.gif);
	border:2px solid #111;
	margin:0 8rem;
	padding:0 0 16rem;
}
#reason .reason-catch{
	max-width: 62.6rem;
	margin:0 auto -9rem;
	position: relative;
	top:-9rem;
}
#reason .reason-list .txt strong{
	font-size:2rem;
	font-weight: 700;
}
#reason .reason-list .item:not(:first-of-type) {
  margin-top: 2.4rem;
	border-top:2px solid #111;
	padding-top:2.4rem;
}
@media screen and (min-width: 769px) {
	#reason .reason-list .item:nth-child(odd) .pic-row{
		margin-right:-8%;
	}
	#reason .reason-list .item:nth-child(even) .pic-row{
		margin-left:-8%;
	}
}
#reason .reason-list .pic-row{
	width: 42.5%;
}
#reason .reason-list .txt-row{
	width: 59%;
	padding-top:3rem;
}
#reason .reason-list .reason-subcatch{
	margin-bottom:2.4rem;
}
/* #reason .reason-list .tx-caption{
	font-size: 1rem;
} */
#reason .reason-list .txt{
	line-height: 1.6;
}
.reason-btn{
	text-align: right;
	margin-top:4rem;
	display: flex;
	justify-content: end;
}
.detail-link{
	background: #fff;
	border: 2px solid #111;
	color: #111;
	display: block;
	max-width: 27rem;
	width: 100%;
	height: 100%;
	padding: .8rem 2rem 1rem;
	/* position: relative; */
	transition: 0.3s;
	z-index: 1;
	cursor: pointer;
	pointer-events:auto;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
.detail-link .txt {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .02rem;
	line-height: 1.2;
	position: relative;
	padding-left: 2.4rem;
}
.detail-link .txt::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1.6rem;
	height: 1.6rem;
	-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-blank.svg);
	mask-image: url(../../../img/lp/flets-east-new02/icon-blank.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateY(-50%);
	background-color: #111;
}
@media (hover: hover){
	.detail-link:hover{
		background-color: #111;
		color:#fff;
		opacity:1;
	}
	.detail-link:hover .txt::after {
		background-color: #fff;
	}
}
@media (hover: none) {
	.detail-link{
		transition: none !important;
	}
	.detail-link:active{
			opacity:1;
			transform: scale(.95);
	}
	.detail-link:active .txt::after {
		background-color: #fff;
	}
}

@media screen and (max-width: 768px) {
	#reason .reason-box{
		margin:0 2rem;
		padding:0 0 8rem;
	}
	#reason .reason-catch{
	width: 100%;
	max-width: initial;
	margin:0 auto -9rem;
	position: relative;
	top:-9rem;
}
	#reason .reason-list .pic-row{
		width: 80%;
		margin: 0 auto;
	}
	#reason .reason-list .txt-row{
		width: 100%;
		padding-top:3rem;
	}
	#reason .reason-list .reason-subcatch{
		margin-bottom:1.2rem;
	}
	#reason .reason-list .txt strong{
		font-size:1.6rem;
	}
	.reason-btn{
		text-align: center;
		margin-top:2.4rem;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.detail-link .txt {
		font-size: 1.4rem;
	}
}


/* Flow
---------------------------------*/
#flow{
	padding:9.6rem 0 0;
	text-align: center;
	overflow: hidden;
}


@media screen and (max-width: 768px) {
	#flow .flow-img_pc{
			display: none;
	}
	.flow-scroll{
		display: block;
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	#flow .flow-img{
		display: flex;
		width: 220%;
	}
}


/* Plan
---------------------------------*/
#plan{
	padding:8rem 0 0;
	text-align: center;
	overflow: hidden;
}
#plan .inner{
		position: relative;
}
@media screen and (min-width: 1080px) {
	#plan .inner::before{
		background: url(../../../img/lp/flets-east-new02/plan-bg-l.png) 0 0 no-repeat;
		background-size: 100%;
		content: '';
		display: block;
		height: 141px;
		left: -210px;
		position: absolute;
		top: 125px;
		width: 200px;
	}
		#plan .inner::after{
		background: url(../../../img/lp/flets-east-new02/plan-bg-r.png) 0 0 no-repeat;
		background-size: 100%;
		content: '';
		display: block;
		height: 141px;
		right: -210px;
		position: absolute;
		top: 125px;
		width: 200px;
	}
}
#plan .plan-catch{
	position: relative;
	z-index: 1;
}
#plan .plan-box{
	background-image: url(../../../img/lp/flets-east-new02/dot-bg.gif);
	border:2px solid #111;
	padding:8rem 4rem 4rem;
	position: relative;
	top:-8rem;
	margin-bottom:-6rem;
}
#plan .plan-other{
	display: flex;
	justify-content: center;
	gap:2.4rem;
	align-items: center;
	margin-top:2.4rem;
}
#plan .caption-list li{
	/* font-size: 1rem; */
	text-align: left;
}
#plan .caption-list a {
	color: #004ea2;
  text-decoration: underline;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
}
#plan .caption-list a:focus,
#plan .caption-list a:active,
#plan .caption-list a:hover {
	color: #004ea2;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
	#plan .plan-box{
	padding:5rem 2.4rem 3.2rem;
	top:-5rem;
	margin: 0 calc(50% - 50vw) -5rem;
  width: 100vw;
	border-left:none;
	border-right:none;
}
	#plan .plan-other{
		flex-wrap: wrap;
		gap:1.6rem;
	}
}


/* Faq
---------------------------------*/
#faq{
	text-align: center;
	padding:9.6rem 0;
}
#faq .faq-catch{
	margin-bottom:4rem;
}
.faq_contents {
	text-align: left;
	transition: .3s;
	border-radius: 2.4rem;
}
.faq_contents:not(:first-of-type) {
	margin-top: 3.2rem;
}
.faq-head {
	background-color: #fff;
	border:2px solid #111;
	position: relative;
	cursor: pointer;
	padding:1.6rem 4rem 1.6rem 2.4rem;
}
.faq-head .ttl {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	padding-left: 4rem;
}
.faq-head .ttl:before {
	background: url(../../../img/lp/flets-east-new02/faq-question.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 3.6rem;
	left: 0;
	position: absolute;
	top: calc(50% - 1.4rem);
	width: 2.7rem;
}
.toggle_icon {
	position: absolute;
	top: calc(50% - 8px);
	right: 2.4rem;
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	width: 16px;
	height: 16px;
	border-top: 3px solid #111;
	border-right: 3px solid #111;
	transform: rotate(135deg);
}
.faq-head.selected .toggle_icon{
	transform: rotate(315deg);
	transition: .3s;
}
.faq_contents dd.accordion-body {
	display: none;
	padding-bottom:1.4rem;
}
.faq-body{
	background-color: #fff;
	border:2px solid #111;
	margin-top: 1rem;
	margin-left:10rem;
	line-height: 1.66;
	padding: 2.4rem 2.4rem 2.4rem 8rem;
	position: relative;
}
.faq-body:before {
	background: url(../../../img/lp/flets-east-new02/faq-arrow.webp) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 5.2rem;
	left: -5.2rem;
	position: absolute;
	top: calc(50% - 2.6rem);
	width: 6rem;
}
.faq-body:after {
	background: url(../../../img/lp/flets-east-new02/faq-answer.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 3rem;
	left: 3rem;
	position: absolute;
	top: calc(50% - 1.5rem);
	width: 2.9rem;
}
/* .faq-body .caption-list li{
	font-size: 1rem;
} */

@media screen and (max-width: 768px) {
	.faq-head .ttl {
		font-size: 1.6rem;
		padding-left: 3rem;
	}
	.faq-head .ttl:before {
			height: 2.7rem;
			top: calc(50% - 1.3rem);
			width: 2rem;
		}
	.toggle_icon {
		position: absolute;
		top: calc(50% - 6px);
		right: 2rem;
		width: 12px;
		height: 12px;
		border-top: 3px solid #111;
		border-right: 3px solid #111;
		transform: rotate(135deg);
	}
	.faq-body{
		background-color: #fff;
		border:2px solid #111;
		margin-top: 1rem;
		margin-left:5rem;
		line-height: 1.66;
		padding: 1.6rem 2rem 2rem 6rem;
		position: relative;
	}
		.faq-body:before {
		height:3rem;
		left: -2.4rem;
		position: absolute;
		top: 10%;
		width: 4rem;
	}
	.faq-body:after {
	height: 3rem;
	left: 2rem;
	top: calc(50% - 1.5rem);
}
}



.page-bottom-caption{
	background-color: #000;
	color:#fff;
	padding-top:9.6rem;
	position: relative;
	top:-4.8rem;
	margin-bottom:-4.8rem;
}
.page-bottom-caption .caption-list{
	margin-top:0;
}
/* .page-bottom-caption .caption-list li {
  font-size: 1rem;
} */
@media screen and (max-width: 768px) {
	.page-bottom-caption{
		padding-top:8rem;
	}
}



.footer{
	background-color: #000;
	padding:4rem 0;
	color:#fff;
}
.footer-company{
	margin:0 0 4rem;
	padding:2.4rem 0;
	text-align: center;
	position: relative;
}
.footer-company:before{
	position: absolute;
	top: 0;
	content: "";
	display: block;
	height: 1px;
	width: 124px;
	left: calc(50% - 62px);
	background: #fff;
}
.footer-company:after{
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	width: 124px;
	left: calc(50% - 62px);
	background: #fff;
}
.footer-company p{
	font-size: 1.4rem;
	line-height: 1.4;
}
.footer-utility{
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 1.6rem;
}
.footer-utility li {
	position: relative;
	margin-right: 2.4rem;
}
.footer-utility li:last-child {
	margin-right: 0;
}
.footer-utility li a {
	display: block;
	text-decoration: none;
	color: #fff;
	transition: .2s ease-in-out;
	position: relative;
	overflow: hidden;
	line-height: 1.4;
}
.footer-utility li a:hover{
	color:var(--color-blue);
}
.footer-utility li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 1px;
	background: var(--color-blue);
	transition: .4s ease-in-out;
	transform: scale(0, 1);
	transform-origin: left top;
}
.footer-utility li a:hover::before {
	transform: scale(1, 1);
}
.copyright {
	font-size: 1.3rem;
	text-align: center;
	margin-top:4rem;
}


@media screen and (max-width: 768px) {
	.footer{
		margin-bottom:0;
		padding:2.4rem 0 14rem;
	}
	.footer-company{
		margin:0 0 2.4rem;
		padding:1.6rem 0;
	}
	.footer-company p{
		font-size: 1.3rem;
	}
	.footer-utility{
		font-size: 1.3rem;
	}
	.copyright {
		margin-top:2.4rem;
	}
}



@media screen and (min-width: 769px) {
	.floating-close-bnr {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.floating-close-bnr{
		background-color: #fff;
		display: none;
		position: fixed;
		bottom: 10px;
		right: 7%;
		width: 86%;
		border-radius: 0px;
		border: 3px solid #111;
		z-index: 10;
		padding:1.6rem;
		text-align: center;
	}
	.floating-close-bnr .ttl{
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 1.2rem;
	}
	.floating-close-bnr .bnr_close{
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		font-weight: 700;
		position: absolute;
		top: -14px;
		right: -14px;
		z-index: 999;
		width: 4.8rem;
		height:4.8rem;
		line-height:3rem;
		color:#111;
		border:2px solid #111;
		background-color: #f0f0f0;
		border-radius: 50%;
		cursor: pointer;
	}
	.floating-close-bnr .btn{
		position: relative;
	}
	.floating-close-bnr .btn a {
		color:#fff;
		transition: none !important;
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		gap: .6rem;
		padding: 1.5rem 1rem ;
		overflow: hidden;
		border: .2rem solid var(--color-red);
		background: var(--color-red);
		opacity:1;
		pointer-events:auto;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		text-decoration: none;
	}

	.floating-close-bnr .btn .sub-txt {
		display: none;
	}
	.floating-close-bnr .btn .txt {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.2;
		position: relative;
		padding-left: 4rem;
	}
	.floating-close-bnr .btn .txt::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		width: 3.4rem;
		height: 2.5rem;
		-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
		mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		transform: translateY(-50%);
		background-color: #fff;
	}
	.floating-close-bnr .tap{
		display: block;
		width: 4rem;
		height: auto;
		position: absolute;
		bottom:-2rem;
		right: -1rem;
		animation: anime-tap 0.5s ease 0s infinite alternate;
		transform-origin:center;
	}
	@keyframes anime-tap {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}

}

@media (hover: hover){
	.floating-close-bnr .bnr_close:hover{
		background-color: #111;
		color:#fff;
	}
	.floating-close-bnr .btn a:hover{
		background-color: #fff;
		color: var(--color-red);
	}
	.floating-close-bnr .btn a:hover .txt::after {
		background-color: var(--color-red);
	}
}
@media (hover: none) {
	.floating-close-bnr .bnr_close:active{
		background-color: #111;
		color:#fff;
	}
	.floating-close-bnr .btn a:active{
		transform: scale(.95);
	}
}


.fix-right {
	display: inline-flex;
	align-items: center;
	top: 50%;
	right: 0px;
	width: 8rem;
	position: fixed;
	z-index: 5;
	padding: 3.6rem 0;
	background-color: #fff;
	color: var(--color-red);
	border-top: .4rem solid var(--color-red);
	border-bottom: .4rem solid var(--color-red);
	border-left: .4rem solid var(--color-red);
	writing-mode: vertical-rl;
	transform: translateY(-50%);
	text-decoration: none;
}
.fix-right .txt{
	font-size: 2.4rem;
	font-weight: 700;
	padding-top:3.2rem;
	position: relative;
}
.fix-right .txt::after {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	width: 3.4rem;
	height: 2.5rem;
	-webkit-mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	mask-image: url(../../../img/lp/flets-east-new02/icon-contact.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateX(-50%);
	background-color: var(--color-red);
}
	.fix-right:hover{
		background-color: var(--color-red);
		color: #fff;
	}
	.fix-right:hover .txt::after {
		background-color: #fff;
	}
@media screen and (max-width: 768px) {
	.fix-right{
		display: none;
	}
}



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 32px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 0.65;
}
/* .mfp-close:active {
  top: 1px;
} */

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*# sourceMappingURL=magnific-popup.css.map */


/*インライン用*/
#speed-plan,#maintenance-plan,#price-plan {
	position: relative;
	margin:10px auto;
	max-width: 800px;
	border:.3rem solid #111;
	background: #f0f0f0;
	padding: 40px;
	text-align: center
}
.popup-ttl{
	max-width: 34rem;
	margin:0 auto 2.4rem;
}
.popup-copy{
	margin-bottom:4rem;
}
.popup-img{
	margin-bottom:2.4rem;
}
.popup-caption li{
	text-align: left;
	/* font-size: 1rem; */
}
@media all and (max-width: 900px) {
	#speed-plan,#maintenance-plan,#price-plan {
		padding: 20px;
	}
	.popup-ttl{
		max-width: 26rem;
		margin:0 auto 1.6rem;
	}
	.popup-copy{
	margin-bottom:1rem;
}
.popup-img{
	margin-bottom:1rem;
}
}

.mfp-close{
	font-family: "Noto Sans JP", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 999;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 3rem;
    border: 2px solid #fff!important;
    color: #fff!important;
    background-color: #222 !important;
    border-radius: 50%;
    cursor: pointer;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
	border: 2px solid #222!important;
	color: #222!important;
	background-color: #fff !important;
}