@charset "UTF-8";

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

:root {
	--color-blue: #118BE1;
	--color-red: #F34040;
	--color-yellow: #FFDA1B;
	--bg-blue:#FDF9F0;
	--font-en: "Red Hat Display","Noto Sans JP", sans-serif;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 62.5%;
  color: #222;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
}
.tx-yellow-underline{
	background: linear-gradient(#FFDA1B, #FFDA1B) 0 100% / 100% 10px 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);
}
.tx-bl-grade{
	background:linear-gradient(to right,#118BE1,#0044FF);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
@media only screen and ( max-width:768px) {
.tx-black-underline{
	background: linear-gradient(#222, #222) 0 100% / 100% 3px no-repeat;
}
.tx-red-underline{
	background: linear-gradient(#F34040, #F34040) 0 100% / 100% 3px no-repeat;
}
}


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

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

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

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

}



.section-heading{
	text-align: center;
	margin-bottom:4rem;
}
.section-heading .en{
	font-size: 1.4rem;
	font-weight: 900;
	font-family: var(--font-en);
}
.section-heading .jp{
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 1.2;
}
@media screen and ( max-width:768px) {
	.section-heading{
		margin-bottom:3.2rem;
	}
	.section-heading .en{
		font-size: 1.2rem;
	}
	.section-heading .jp{
		font-size: 3.2rem;
	}
}


/* header
---------------------------------*/
#header{
	background-color: #fff;;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 10rem;
	padding: 0 0 0 2.4rem;
	width: 100%;
	z-index: 9;
}
#header .header-left_company{
	color:#666;
	font-size: 1.1rem;
	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: 25rem;
}
#header .header-left-logo .area{
	border:1px solid var(--color-blue);
	border-radius: .4rem;
	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: 1.6rem;
	justify-content: center;
}
#header .header-right__tel{
	position: relative;
	padding-left:7.2rem;
}
#header .header-right__tel::after{
	background: url(../../../img/lp/flets-east-new/header-tel-icon.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 6.4rem;
	left: 0;
	position: absolute;
	top: calc(50% - 3.2rem);
	width: 6.4rem;
}
#header .header-right__tel .ttl{
	color:var(--color-red);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
}
#header .header-right__tel .num{
	color:var(--color-red);
	font-family: var(--font-en);
	font-size:3.6rem;
	font-weight: 900;
	line-height: 1;
	/* letter-spacing:-.2rem; */
	margin:.4rem 0 .3rem;
}
#header .header-right__tel .time{
	font-size:1.2rem;
	font-family: var(--font-en);
	line-height: 1;
}
#header .header-right__contact{
	background: linear-gradient(180deg, #FF5E5E 0%, #E01818 100%);
	border-radius: 0 0 0 1.6rem;;
	color: #fff;
	display: flex;
	padding: 2.8rem 1.6rem;
	align-items: center;
	gap: .8rem;
	height: 10rem;
	transition: 0.4s ease all;
	overflow: hidden;
}
#header .header-right__contact:hover{
	filter: brightness(1.2);
}
#header .header-right__contact .txt{
	position: relative;
	padding-top:3.2rem;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#header .header-right__contact .txt::before {
	background: url(../../../img/lp/flets-east-new/hedaer-btn-time.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 2.6rem;
	left: calc(50% - 4.8rem);
	position: absolute;
	top: 0;
	width: 9.6rem;
}
@media screen and (min-width: 769px) {
	#header{
		position: fixed;
		top: 0px;
		left: 0px;
	}
}
@media screen and (max-width: 768px) {
	#header{
		height: 7.2rem;
		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 .logo{
		height: auto;
		width: 18rem;
	}
	#header .header-left-logo .area{
		font-size: 1.2rem;
	}
	#header .header-right{
		display: none;
	}
}


/* Mv
---------------------------------*/
#mv .mv-inner{
	max-width: 132rem;
	margin: 0 auto;
	padding: 2rem 2rem 4rem;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
}
#mv .medal-no1 {
	max-width: 33rem;
	height: auto;
	margin-top:2.4rem;
}

#mv .mv-copy .mv-copy_sub{
	background: var(--color-yellow);
	border-radius: .8rem;
	display: inline-block;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.44;
	margin: 0 0 1rem;
	padding: .8rem 2rem;
}
#mv .mv-copy .mv-copy_sub span{
	color:var(--color-blue);
}
#mv .mv-copy .mv-copy_catch{
	font-size: 6.8rem;
	font-weight: 900;
	line-height: 1.3;
}

#mv .mv-copy .mv-copy_txt{
	font-size:2rem;
	font-weight: 700;
	line-height: 1.6;
	margin-top:1.6rem;
}

@media only screen and (max-width: 768px) {
	#mv .mv-inner{
		padding: 1.6rem 2rem 2rem;
		justify-content: center;
		text-align: center;
}
	#mv .mv-copy .mv-copy_sub{
		font-size: 1.6rem;
		padding: .4rem 1rem;
		text-align: center;
	}
	#mv .mv-copy .mv-copy_catch{
		font-size: 3.2rem;
		text-align: center;
	}
	#mv .mv-copy .mv-copy_txt{
		font-size:1.5rem;
		margin-top:1.2rem;
	}
	#mv .medal-no1 {
		max-width: 28rem;
		margin:1.6rem auto 0;
	}
}

.scroll-infinity{
	display: flex;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.scroll-infinity__list {
	display: flex;
	gap:2.4rem;
	padding-right: 2.4rem;
	flex-shrink: 0;
}
.scroll-infinity__list .item {
	width: 45rem;
}
.scroll-infinity__list img {
	width: 100%;
	border-radius: 2.4rem;
	overflow: hidden;
}
@keyframes loop{
	from {
		transform: translateX(100%);
	}
		to {
		transform: translateX(-100%);
	}
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.scroll-infinity__list:first-child {
  animation: loop 80s -40s linear infinite;
}
.scroll-infinity__list:last-child {
  animation: loop2 80s linear infinite;
}
@media only screen and (max-width: 768px) {
	.scroll-infinity__list {
		gap:1.6rem;
		padding-right: 1.6rem;
}
	.scroll-infinity__list .item {
		width: 28rem;
	}
	.scroll-infinity__list img {
		border-radius: 1.6rem;
	}
}


/* Offer Block
---------------------------------*/
.offer-blcok{
	background-color: var(--color-yellow);
	position: relative;
	padding:4rem 0;
	text-align: center;
	background-image: url(../../../img/lp/flets-east-new/bg-offer-mv_l.webp), url(../../../img/lp/flets-east-new/bg-offer-mv_r.webp);
	background-repeat: no-repeat;
	background-position: 0 100%, 100% 0;
	background-size: 220px 302px, 250px 265px;
}
.offer-blcok.mv-offer{
	top:-7rem;
	/* z-index: -1; */
	padding:11rem 0 4rem;
	background-size: 322px 442px, 373px 396px;
	margin-bottom:-7rem;
}

.offer-blcok .sub-catch{
	background-color: #222;
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.22;
	padding: 1rem 2.4rem;
	display: inline-block;
	border-radius: 40px;
	position: relative;
}
.offer-blcok .sub-catch::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -9px;
	border: 9px solid transparent;
	border-top: 9px solid #222;
}
.offer-blcok .main-catch{
	font-size: 4rem;
	font-weight: 900;
	margin-top:1rem;
	line-height: 1.4;
}
.offer-blcok .middle-catch{
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 1.6rem;
}
.offer-blcok .offer-block-box{
	background-color: #fff;
	border-radius: 2.4rem;
	padding:4rem 5.6rem 4rem;
	/* margin-top:2.4rem; */
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .04);
}
.offer-blcok.mv-offer .offer-block-box{
	padding:2.4rem 5.6rem 4rem;
	margin-top:1.6rem;
}
.offer-blcok .offer-block-box .offer-block-box__ttl{
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.6;
	margin-bottom:1.6rem;
}
.offer-blcok .offer-block-box .offer-block-box__ttl strong{
	font-size: 2.8rem;
}
.offer-btn-list .item {
	position: relative;
}
@media only screen and (max-width: 768px) {
	.offer-blcok{
		padding:2.4rem 0;
		background-size: 200px 275px, 200px 212px;
	}
	.offer-blcok.mv-offer{
		padding:10rem 0 2.4rem;
		background-size: 240px 329px, 240px 255px;
	}
	.offer-blcok .sub-catch{
		font-size: 1.3rem;
		padding: 1rem 1.2rem;
	}
	.offer-blcok .main-catch{
		font-size: 2.6rem;
		margin-top:1rem;
		margin-bottom: .5rem;
	}
	.offer-blcok .middle-catch{
		font-size: 2rem;
}
	.offer-blcok .offer-block-box{
		border-radius: 1.6rem;
		padding:1.6rem 1.6rem 1.6rem !important;
	}
	.offer-blcok.mv-offer .offer-block-box{
		margin-top:1.6rem;
}
	.offer-blcok .offer-block-box .offer-block-box__ttl{
		font-size: 2rem;
		margin-bottom:1.6rem;
	}
	.offer-blcok .offer-block-box .offer-block-box__ttl strong{
		font-size: 2.4rem;
	}
}



.offer-btn-list.grid-col-2{
	column-gap: 2.4rem;
  row-gap: 1.6rem;
}
.offer-btn-list .item a{
	transition: 0.3s ease all;
	position: relative;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap:.6rem;
	border-radius: 1.6rem;
	padding: 1.6rem 1rem 2rem 1.6rem;
	overflow: hidden;
}
.offer-btn-list .item a:hover{
	transform: translateY(3px);
	box-shadow: none;
	filter: brightness(1.1);
}
.offer-btn-list .item.contact a{
	color:#fff;
	border:.2rem solid #E44848;
	background: linear-gradient(180deg, #FF5E5E 0%, #E01818 100%);
}
.offer-btn-list .item.download a{
	color:#fff;
	border:.2rem solid #185AE3;
	background: linear-gradient(180deg, #118BE1 0%, #194FE3 100%);
}

.offer-btn-list .item .sub-txt {
	display: block;
	padding: .4rem 1.4rem .3rem;
	font-family: var(--font-en);
	font-size: 1.4rem;
	font-weight: 700;
	border-radius: 6rem;
	line-height: 1.2;
	margin: auto;
	white-space: nowrap;
	background-color: #fff;
}
.offer-btn-list .item.contact .sub-txt {
	color: var(--color-red);
}
.offer-btn-list .item.download .sub-txt {
	color: #1957E4;
}
.offer-btn-list .item .txt{
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.offer-btn-list .item .txt .free {
	font-size: 2rem;
}
.offer-btn-list .item a::after {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	content: '';
	display: block;
	height: 3.4rem;
	left: 1.2rem;
	position: absolute;
	top: calc(50% - 1.7rem);
	width: 3.4rem;
}
.offer-btn-list .item.contact a::after {
	background-image: url(../../../img/lp/flets-east-new/btn-contact-icon.svg) ;
}
.offer-btn-list .item.download a::after {
	background-image: url(../../../img/lp/flets-east-new/btn-download-icon.svg) ;
}

.shine-btn::before {
	animation: 2s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 25%, rgba(255,255,255,.6) 50%, rgba(255, 255, 255, 0) 75%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-15deg);
	width: 100%;
}
@keyframes shine {
	20% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}

.offer-btn-list .tel_pc{
	text-align: left;
	position: relative;
	padding-left:10.8rem;
	display: flex;
	align-items: center;
}
.offer-btn-list .tel_pc::after{
	background: url(../../../img/lp/flets-east-new/offer-tel-icon.svg) 0 0 no-repeat;
	background-size: 100%;
	content: '';
	display: block;
	height: 10rem;
	left: 0;
	position: absolute;
	top: calc(50% - 5rem);
	width: 10rem;
}
.offer-btn-list .tel_pc .txt{
	display: flex;
	flex-direction: column;
	gap:.8rem;
}
.offer-btn-list .tel_pc .num{
	color:var(--color-red);
	font-family: var(--font-en);
	font-size:5.4rem;
	font-weight: 900;
	line-height: 1;
}
.offer-btn-list .tel_pc .time{
	color:var(--color-red);
	font-size:1.5rem;
	font-family: var(--font-en);
	font-weight: 700;
	line-height: 1;
}
.offer-btn-list .item.tel_sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.offer-btn-list .tel_pc{
		display: none;
	}
	.offer-btn-list .item a{
		padding: 1.3rem 1rem 1.8rem;
	}
	.offer-btn-list .item .sub-txt {
		padding: .3rem 1rem .2rem;
		font-size: 1.1rem;
	}
	.offer-btn-list .item .sub-txt .num{
		font-size: 1.4rem;
	}
	.offer-btn-list .item.tel_sp .sub-txt {
		background-color: #fff;
		color:#0379CC;
	}
	.offer-btn-list .item .txt{
		font-size: 2rem;
	}
	.offer-btn-list .item .txt .free{
		font-size: 1.3rem;
	}
	/* .offer-btn-list .item.tel_sp{
		display: block;
	}
	.offer-btn-list .item.tel_sp a{
		background: linear-gradient(180deg, #118BE1 0%, #194FE3 100%);
		border:2px solid #0379CC;
		color:#fff;
	}
	.offer-btn-list .item.tel_sp a:hover{
		filter: brightness(1.2);
	}
	.offer-btn-list .tel_sp .txt{
		display: flex;
		flex-direction: column;
		gap:.8rem;
	}
	.offer-btn-list .tel_sp .tel-sp_time{
		font-family: var(--font-en);
		font-size: 1.2rem;
		line-height: 1.2;
		letter-spacing:.02em;
		margin-top:1.4rem;
	} */
	.offer-btn-list .item a::after {
		height: 2.2rem;
		left: 1.2rem;
		top: calc(50% - 1.1rem);
		width: 2.2rem;
	}
}


/* Problem
---------------------------------*/
.problem{
	padding:8rem 0 0;
	text-align: center;
	position: relative;
}
.problem::before {
	content: "";
	display: block;
	background: #E8F6FC;
	width: 100%;
	height: 20rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.problem .heading{
	font-size: 5.6rem;
	font-weight: 900;
	text-align: center;
	line-height: 1.3;
	margin-bottom:3.2rem;
	position: relative;
}
.problem .problem-box{
	background: linear-gradient(180deg, #0096FF, #118BE1);
	border-radius: 5.6rem;
	max-width: 88rem;
	margin: 0 auto;
	padding:4rem;
	position: relative;
	z-index: 2;
}
.problem .problem-box-list {
	max-width: 59rem;
	margin: 0 auto;
	text-align: left;
}
.problem .problem-box-list li{
	position: relative;
	padding: 1.6rem 3rem 1.6rem 6.4rem;
	border-radius: 60px;
	background: #fff;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
}
.problem .problem-box-list li:not(:first-child){
	margin-top:1.6rem;
}
.problem .problem-box-list li i {
	content: url(../../../img/lp/flets-east-new/probleb-icon.svg);
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	top: 1.2em;
	left: 3.2rem;
}
.problem .problem-box-list li strong{
	color:var(--color-blue);
	font-size: 2.2rem;
}
.problem-arrow{
	position: relative;
	z-index: 2;
}
.problem-arrow::before {
	content: "";
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 120px 0 120px;
	border-color: #118BE1 transparent transparent transparent;
}
@media screen and (min-width: 769px) {
	.problem-box::before {
		display: block;
		z-index: 2;
		position: absolute;
		bottom: 0;
		left: 5px;
		width: 124px;
		height: 243px;
		background: url(../../../img/lp/flets-east-new/problem-pic-left.webp) center bottom / contain no-repeat;
		content: '';
	}
	.problem-box::after {
		display: block;
		z-index: 2;
		position: absolute;
		bottom: 0;
		right: 5px;
		width: 124px;
		height: 243px;
		background: url(../../../img/lp/flets-east-new/problem-pic-right.webp) center bottom / contain no-repeat;
		content: '';
	}
}
@media screen and (max-width: 768px) {
	.problem{
		padding:4rem 0;
	}
	.problem .heading{
		font-size: 3rem;
		margin-bottom:2.4rem;
	}
	.problem .problem-box{
		border-radius: 2.4rem;
		padding:2.4rem;
	}
	.problem .problem-box-list li{
		padding: 1.2rem 2.4rem 1.2rem 4.4rem;
	}
	.problem .problem-box-list li i {
		width: 1.8rem;
		height: 1.8rem;
		top: calc(50% - .9rem);
		left: 2rem;
	}
	.problem .problem-box-list li strong{
		font-size: 1.8rem;
	}
	.problem .heading::before {
		display: block;
		z-index: 2;
		position: absolute;
		bottom: -2.4rem;
		left: .5rem;
		width: 50px;
		height: 94px;
		background: url(../../../img/lp/flets-east-new/problem-pic-left.webp) center bottom / contain no-repeat;
		content: '';
	}
	.problem .heading::after {
		display: block;
		z-index: 2;
		position: absolute;
		bottom: -2.4rem;
		right: .5rem;
		width: 50px;
		height: 94px;
		background: url(../../../img/lp/flets-east-new/problem-pic-right.webp) center bottom / contain no-repeat;
		content: '';
	}
	.problem-arrow::before {
		bottom: -40px;
		border-width: 40px 60px 0 60px;
	}
}


/* point
---------------------------------*/
.point{
	background-color: #E8F6FC;
	padding:20rem 0 8rem;
	position: relative;
	overflow: hidden;
	background-image: url(../../../img/lp/flets-east-new/point-bg-l.png), url(../../../img/lp/flets-east-new/point-bg-r.png);
	background-repeat: no-repeat;
	background-position: 0 100%, 100% 30%;
	background-size: 245px 485px, 282px 487px;
}
.point-loop-txt{
	display: flex;
  flex-wrap: nowrap;
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  z-index: 0;
}
.point-loop-txt .item {
  color: #0394FB;
  font-family: var(--font-en);
  font-size: 14rem;
  font-weight: 900;
  white-space: pre;
  line-height: 1;
  letter-spacing: 0;
  -webkit-animation: textLoop 20s linear infinite;
  animation: textLoop 20s linear infinite;
  padding-right: 4rem;
  opacity: .06;
}
@-webkit-keyframes textLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes textLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media screen and (max-width: 768px) {
	.point{
		padding:10rem 0 4.8rem;
		background-position: 0 100%, 100% 30%;
		background-size: 226px 389px, 196px 389px;
	}
	.point-loop-txt{
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 0;
	}
	.point-loop-txt .item {
		font-size: 9rem;
	}
}

.point .point-heading{
	text-align: center;
	margin-bottom:4rem;
}
.point .point-heading .heading-sub {
	background-color: #0D3976;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.22;
	padding: 1rem 2.4rem;
	display: inline-block;
	border-radius: 4rem;
}
.point .point-heading .heading-main{
	font-size: 4rem;
	font-weight: 900;
	line-height: 1.4;
	margin-top:1rem;
}
.point .point-heading .heading-main strong{
	font-size: 6.4rem;
	background: linear-gradient(transparent 80%, #FFDA1B 80%);
	display: inline;
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 1s;
	transition-delay: .5s;
}
.point .point-heading .heading-main.bounceInUp strong{
	background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
	.point .point-heading{
		margin-bottom:3.2rem;
	}
	.point .point-heading .heading-sub {
		font-size: 1.8rem;
		padding: .8rem 1.6rem;
	}
	.point .point-heading .heading-main{
		font-size: 2rem;
	}
	.point .point-heading .heading-main strong{
		font-size: 3.6rem;
	}
}

.point-list .item{
	position: relative;
	background-color: #fff;
	border-radius: 2.4rem;
	padding:1rem;
	text-align: left;
}
.point-list .item:not(:first-child){
	margin-top:3.2rem;
}
.point-list .item .num {
	width: 9.6rem;
	height: 9.6rem;
	background: var(--color-blue);
	border: 1rem solid #E8F6FC;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 3.2rem;
	font-family: var(--font-en);
	font-weight: 900;
	border-radius: 100%;
	position: absolute;
	left: -3rem;
	top: -3rem;
}
.point-list .item .item-row{
	gap:4%;
	align-items: center;
}
.point-list .item .item-row .pic-row{
	width: 45%;
}
.point-list .item .item-row .txt-row{
	width: 51%;
}
.point-list .item .item-row .pic-row img{
	border-radius: 1.4rem;
}
.point-list .item:nth-child(odd) .item-row .txt-row{
	padding-right:5.4rem;
}
.point-list .item:nth-child(even) .item-row .txt-row{
	padding-left:5.4rem;
}
.point-list .item .ttl{
	font-size: 3.2rem;
	font-weight:700;
	line-height: 1.4;
	margin-bottom:2.4rem;
}
.point-list .item .ttl strong{
	color:var(--color-blue)
}
.point-list .item .txt{
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.point-list .item:not(:first-child){
		margin-top:2.4rem;
	}
	.point-list .item .num {
		width: 6.4rem;
		height: 6.4rem;
		border: .4rem solid #E8F6FC;
		font-size: 2rem;
		left: -2rem;
		top: -2rem;
	}
	.point-list .item .item-row .pic-row{
		width: 100%;
	}
	.point-list .item .item-row .txt-row{
		width: 95%;
		margin:2.4rem auto 1.4rem;
		padding: 0 !important;
	}
	.point-list .item .ttl{
		font-size: 2rem;
		margin-bottom:1.6rem;
		text-align: center;
	}
}


/* Flow
---------------------------------*/
.flow{
	padding:7.2rem 0 8rem;
}
.flow .leado-copy{
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
}
.flow-list.grid-col-3{
  column-gap: 3.2rem;
  row-gap: 5rem;
	margin-top:4rem;
	position: relative;
}
@media screen and (min-width: 769px) {
	.flow-list.grid-col-3::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 10px;
		top: 50%;
		left: 0;
		background-image: radial-gradient(circle, #118BE1 calc(100% / 2 - 1px), transparent calc(100% / 2));
		background-size: 10px 100%;
		z-index: -1;
	}
}
.flow-list .item{
	background-color:#EBFBFF ;
	border-radius: 2.4rem;
	padding:5rem 2.4rem 3.2rem;
	position: relative;
}
.flow-list .item .item_num{
	width: 7.2rem;
	height: 7.2rem;
	background-color: var(--color-blue);
	color: #fff;
	font-family: var(--font-en);
	font-weight: 700;
	line-height: 1;
	border-radius: 60rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	flex-direction: column;
	line-height: 1;
	position: absolute;
	top:-2rem;
	left:50%;
	transform: translateX(-50%);
}
.flow-list .item:nth-child(3){
	background-color:#FFF8D1 ;
}
.flow-list .item:nth-child(3) .item_num{
	background-color: var(--color-yellow);
	color:#222;
}
.flow-list .item .item_num .txt{
	font-size: 1.2rem;
}
.flow-list .item .item_num .num{
	font-size: 3rem;
}
.flow-list .item .ttl{
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.2;
	margin:.8rem 0 1.6rem;
	text-align: center;
}
.flow-list .item .img{
	border-radius: 12rem;
	margin-bottom:1.6rem;
	overflow: hidden;
}
.flow-list .item .txt{
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.flow{
		padding:4rem 0 4.8rem;
	}
	.flow .leado-copy{
		font-size: 1.8rem;
	}
	.flow-list{
		width: 90%;
		margin:0 auto;
	}
	.flow-list.grid-col-3::after {
		position: absolute;
		content: "";
		width: 6px;
		height: 100%;
		top: 0;
		left: 50%;
		background-image: radial-gradient(circle, #118BE1 calc(100% / 2 - 1px), transparent calc(100% / 2));
		background-size: 100% 10px ;
		z-index: -1;
	}
	.flow-list .item{
		border-radius: 1.6rem;
			padding:5rem 2.4rem 2.4rem;
	}
	.flow-list .item .img{
		width: 70%;
		margin: 0 auto 1.6rem;
	}
	.flow-list .item .item_num .txt{
		font-size: 1.2rem;
	}
	.flow-list .item .item_num .num{
		font-size: 2.4rem;
	}
	.flow-list .item .ttl{
		font-size: 2.2rem;
		margin:.8rem 0 1.6rem;
	}
}

.flow-onestep{
	border:.3rem solid #CFE8F9;
	border-radius:2.4rem ;
	padding:4.8rem 6.4rem;
	margin-top:3.2rem;
	display: flex;
	justify-content: space-between;
	column-gap: 4rem;
	align-items:center ;
}
.flow-onestep .pic-row{
	width:30% ;
	flex-shrink: 0;
}
.flow-onestep .txt-row{
	flex-grow: 1;
}
.flow-onestep .txt-row .sub-catch{
	background-color: var(--color-blue);
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.22;
	padding: 1rem 1.6rem;
	display: inline-block;
	border-radius: 4rem;
}
.flow-onestep .txt-row .main-catch{
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	margin:1rem 0;
}
.flow-onestep .txt-row .txt{
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.flow-onestep{
		border:.2rem solid #CFE8F9;
		border-radius:1.6rem ;
		padding:2.4rem ;
		margin:3.2rem auto 0;
		display: block;
		/* width: 90%; */
	}
	.flow-onestep .pic-row{
		width:60% ;
		margin:0 auto 2rem;
		text-align: center;
	}
	.flow-onestep .txt-row{
		text-align: center;
	}
	.flow-onestep .txt-row .sub-catch{
		font-size: 1.4rem;
	}
	.flow-onestep .txt-row .main-catch{
		font-size: 2.2rem;
	}
	.flow-onestep .txt-row .txt{
		text-align: left;
	}
}

/* Plan
---------------------------------*/
.plan{
	background-color: #EBFBFF;
	padding:7.2rem 0 8rem;
}
.plan .plan-img{
	max-width: 73rem;
	margin:0 auto 2rem;
}
.plan .plan-list{
	max-width: 73rem;
	margin:0 auto 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: stretch;
	justify-content: center;
	position: relative;
}
.plan .plan-list::before {
	background: url(../../../img/lp/flets-east-new/plan-plus.svg) ;
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: block;
	height: 4.8rem;
	position: absolute;
	top:calc(50% - 2.4rem);
	left: calc(50% - 2.4rem);
	width: 4.8rem;
	z-index: 2;
}
.plan .plan-list .item{
	border:.3rem solid var(--color-blue);
	background-color: #fff;
	border-radius: 2.4rem;
	padding:2.4rem 1.6rem;
	text-align: center;
	width: calc((100% - 6rem) / 2);
	display:flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.plan .plan-list .item.fee{
	flex-direction: column;
	gap: .8rem;
}
.plan .plan-list .item.fee .ttl{
	background-color: var(--color-blue);
	color: #fff;
	font-weight: 900;
	line-height: 1.22;
	padding: .6rem 1.6rem;
	display: inline-block;
	border-radius:6rem;
}
.plan .plan-list .item.fee .num{
	color:var(--color-blue);
	font-family: var(--font-en);
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -.02em;
}
.plan .plan-list .item.fee .num span{
	font-size: 2.4rem;
}
.plan .plan-list .item.provider .ttl{
	color:var(--color-blue);
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 1.2;
}


@media screen and (max-width: 768px) {
	.plan{
		padding:4rem 0 4.8rem;
	}
	.plan .plan-img{
		width: 65%;
		margin:0 auto 2rem;
	}
	.plan .plan-list{
		margin:0 auto 2.4rem;
		gap: 1rem;
		width: 60%;
	}
	.plan .plan-list::before {
		height: 3.6rem;
		top:calc(50% - 1.8rem);
		left: calc(50% - 1.8rem);
		width: 3.6rem;
	}
	.plan .plan-list .item{
		border:.3rem solid var(--color-blue);
		background-color: #fff;
		border-radius: 2.4rem;
		padding:3.2rem 1.6rem;
		text-align: center;
		width: 100%;
		display:flex;
		align-items: center;
		justify-content: center;
		position: relative;
		height: 10.5rem;
	}
	.plan .plan-list .item{
		padding:1.6rem 1rem;
	}
	.plan .plan-list .item.fee .ttl{
		font-size: 1.2rem;
	}
	.plan .plan-list .item.fee .num{
		font-size: 3.2rem;
	}
	.plan.plan-list .item.fee .num span{
		font-size: 1.4rem;
	}
	.plan .plan-list .item.provider .ttl{
		font-size: 2rem;
	}
}


/* FAQ
---------------------------------*/
.faq{
	padding:7.2rem 0 8rem;
}
.faq_contents {
	text-align: left;
	background-color: #E8F6FC;
	transition: .3s;
	padding: 1.4rem 2.4rem;
	border-radius: 2.4rem;
}
.faq_contents:not(:first-of-type) {
	margin-top: 2.4rem;
}
.faq-head {
	position: relative;
	cursor: pointer;
	padding:1rem 4rem 1rem 0;
}
.faq-head .ttl {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	padding-left: 2.8rem;
}
.faq-head .ttl:before {
	content: "Q";
	position: absolute;
	left: 0;
	top: .5rem;
	font-size: 2.4rem;
	font-family: var(--font-en);
	font-weight: 900;
	color: var(--color-blue);
	line-height: 1;
}
.toggle_icon {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 30px;
	background-color:  var(--color-blue);
	padding: 10px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_icon:before,
.toggle_icon:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 15px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_icon:before {
	width: 2px;
	height: 15px;
}
.faq-head.selected .toggle_icon:before {
	content: normal;
}
.faq_contents dd.accordion-body {
	display: none;
	padding-bottom:1.4rem;
}
.faq-body {
	background-color: #fff;
	border-radius: 2.4rem;
	margin-top: .6rem;
	line-height: 1.66;
	padding: 2.4rem;
}
@media screen and (max-width: 768px) {
	.faq{
		padding:4rem 0 4.8rem;
	}
	.faq_contents {
		padding:.8rem 1rem;
		border-radius: 1.6rem;
	}
	.faq_contents:not(:first-of-type) {
		margin-top: 1.6rem;
	}
	.faq-head .ttl {
		font-size: 1.6rem;
		padding-left: 2.2rem;
	}
	.faq-head .ttl:before {
		font-size: 2rem;
		top:.2rem
	}
	.toggle_icon {
		width: 22px;
		height: 22px;
		padding: 2px;
	}
	.toggle_icon:before,
	.toggle_icon:after {
		width: 9px;
		height: 2px;
	}
	.toggle_icon:before {
		width: 2px;
		height: 9px;
	}
	.faq-body {
		border-radius: 1.6rem;
		padding: 1.6rem;
	}
	.faq_contents dd.accordion-body {
		display: none;
		padding-bottom:.6rem;
	}
}


.page-bottom-caption{
	background-color: #082F4B;
	color:#fff;
	padding-top:4rem;
}
.page-bottom-caption .caption-list{
	margin-top:0;
}
@media screen and (max-width: 768px) {
	.page-bottom-caption{
		padding-top:1.6rem;
	}
}



.footer{
	background-color: #082F4B;
	padding:4rem 0;
	color:#fff;
}
.footer-company{
	margin:0 0 4rem;
	padding:2.4rem 0;
	border-bottom:1px solid #335268;
	border-top:1px solid #335268;
	text-align: center;
}
.footer-company p{
	font-size: 1.4rem;
	line-height: 1.4;
}
.footer-utility{
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 1.4rem;
}
.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::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 1);
	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:14rem;
		padding:2.4rem 0
	}
	.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;
	}
}


.floating-close-bnr {
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	border:.2rem solid #222;
	border-radius: 1.6rem;
	display: none;
	position: fixed;
	bottom: 2rem;
	right: 1rem;
	width:28rem;
	z-index: 9999;
	padding:1.6rem;
	text-align: center;
}
.floating-close-bnr .ttl{
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1.6rem;
}
.floating-close-bnr .bnr_close{
  font-family: "Noto Sans JP", sans-serif;
  font-size:1.4rem;
  font-weight: 700;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 999;
  width: 3rem;
  height:3rem;
  line-height:3rem;
  border: none;
  color:#fff;
  background-color: #222;
  border-radius: 2.4rem;
  cursor: pointer;
}
.floating-close-bnr .bnr_close:hover{
  background-color: #666;
}
.floating-close-bnr .btn a {
	color:#fff;
	transition: 0.3s ease all;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: .6rem;
	border-radius: 1.6rem;
	padding: 1rem 1rem ;
	overflow: hidden;
	border: .2rem solid #E44848;
	background: linear-gradient(180deg, #FF5E5E 0%, #E01818 100%);
}
.floating-close-bnr .btn .sub-txt {
	padding: .2rem 1rem .2rem;
	font-family: var(--font-en);
	font-size: 1.1rem;
	font-weight: 900;
	border-radius: 6rem;
	line-height: 1.4;
	max-width: 200px;
	margin: auto;
	background-color: #fff;
	color: var(--color-red);
	white-space: nowrap;
}
.floating-close-bnr .btn .sub-txt .num {
	font-size: 1.3rem;
	font-weight: 900;
}
.floating-close-bnr .btn .txt {
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.2;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 769px) {
	.floating-close-bnr .btn a::after {
		position: absolute;
		content: "";
		top: 50%;
		right: 1rem;
		width: 1.8rem;
		height: 1.8rem;
		background-image: url(../../../img/lp/flets-east-new/btn-arrow.svg);
		background-size: cover;
		transform: translateY(-50%);
		z-index: 1;
	}
}
@media screen and (max-width: 768px) {
	.floating-close-bnr{
		bottom: 0px;
		right: 0px;
		width: 100%;
		border-radius: 0px;
    border: none;
	}
	.floating-close-bnr .bnr_close{
		font-size: 12px;
		top: -10px;
		right: 10px;
	}
	.floating-close-bnr .btn a::after {
		background-image: url(../../../img/lp/flets-east-new/btn-contact-icon.svg) ;
		background-repeat: no-repeat;
		background-position: 0 0;;
		background-size: 100%;
		content: '';
		display: block;
		height: 2.6rem;
		left: 1.2rem;
		position: absolute;
		top: calc(50% - 1.3rem);
		width: 2.6rem;
	}
	.floating-close-bnr .btn .txt {
		font-size: 2rem;
	}
}