@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font-family: Noto Sans JP, sans-serif;
}

html {
	scrollbar-gutter: stable;
}
html:has(dialog:modal-open) {
	overflow: hidden;
}


.inner{
	max-width:1170px;
	width:92%;
	margin:0 auto;
}

section{
	padding:80px 0;
}

h2{
	font-size:37px;
	text-align:center;
	margin-bottom:60px;
}

h3{
	font-size:20px;
	line-height:1.65;
	text-align:center;
}

p{
	font-size:14px;
	line-height:1.7;
}

.orange-txt{
	font-weight:bold;
	color:#F25C10;
}

.flex-gr{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:45px;
}


#dcms_layoutPageBlock img:not(.btn-fixed a img) {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.line-orange {
	line-height:1.6;
    padding-bottom: 4px;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 93%, #FFCF5E 0);
}



.line-purple {
	line-height:1.6;
    padding-bottom: 4px;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 93%, #460050 0);
}

a.btn-cta{
	display: block;
	padding:10px;
	border-radius: 50px;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	background: rgb(255,170,100);
	background: linear-gradient(90deg, rgba(255,170,100,1) 0%, rgba(240,81,0,1) 100%);
	transition:transform .2s ease-in-out,box-shadow .2s;
}

a.btn-cta:hover{
	text-decoration: none;
	transform:translateY(-4px);
	box-shadow:0 5px 9pt rgba(0,0,0,.1);
}

a.btn-white-cta{
	display: block;
	padding:20px;
	border-radius: 50px;
	text-align: center;
	font-size:18px;
	font-weight: bold;
	color:#333;
	text-decoration: none;
	background: #fff;
	border:3px solid #F25C10;
	transition:transform .2s ease-in-out,box-shadow .2s;
	max-width:280px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

a.btn-white-cta:hover{
	text-decoration: none;
	transform:translateY(-4px);
	box-shadow:0 5px 9pt rgba(0,0,0,.1);
}

.cta-btn-box{
	text-align:center;
	margin-top:30px;
}

.cta-btn-box a{
	margin:10px auto;
}

.cta-btn-box .sub-txt{
	position:relative;
	display:inline-block;
	font-weight:bold;
}

.cta-btn-box .sub-txt:before{
	content:"";
	display:inline-block;
	width:25px;
	height:3px;
	background:#4B9EFF;
	transform: rotate(60deg);
	position:absolute;
	top:12px;
	left:-30px;
	border-radius:10px;
}


.cta-btn-box .sub-txt:after{
	content:"";
	display:inline-block;
	width:25px;
	height:3px;
	background:#4B9EFF;
	transform: rotate(-60deg);
	position:absolute;
	top:12px;
	right:-30px;
	border-radius:10px;
}

.cta-btn-box a{
	display: block;
	padding:20px;
	border-radius: 50px;
	text-align: center;
	font-size:14px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	width:280px;
	background: rgb(255,170,100);
	background: linear-gradient(90deg, rgba(255,170,100,1) 0%, rgba(240,81,0,1) 100%);
	transition:transform .2s ease-in-out,box-shadow .2s;
}

.cta-btn-box a:hover{
	text-decoration: none;
	transform:translateY(-4px);
	box-shadow:0 5px 9pt rgba(0,0,0,.1);
}

.txt-orange{
	font-weight:bold;
	color:#FF6300;
}

.txt-center{
	text-align:center;
}

.txt-s{
	font-size:13px;
}

.pc{display:block;}
.tab{display:none;}
.sp{display:none;}

@media(min-width:768px) and (max-width:991px){
	.pc{display:none;}
	.sp{display:block;}
	h2{
		font-size:26px;
		margin-bottom:30px;
	}
}
@media(max-width:767px){
	.pc{display:none;}
	.tab{display:none;}
	.sp{display:block;}
	.cta-btn-box a{font-size:16px;}
	section{
		padding:50px 0;
	}
	h2{
		font-size:24px;
		margin-bottom:30px;
	}
	.cta-btn-box p.sub-txt{
		font-size:15px;
	}
}

/*
header
*********************/

header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	transition: 0.2s;
	z-index:100;
}

header.is-scroll{
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
}

header .inner{
	display: flex;
	justify-content: space-between;
	gap:20px;
	max-width: 1366px;
	padding:10px 0;
}
header .logo{
	width:145px;
}
header .logo img{
	width:100%;
	height:auto;
}

header ul{
	display: flex;
	align-items: center;
	gap:30px;
}
header ul li a{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease;
}
header ul li a:not(.btn-cta):hover{
	color:#f05100;
}

header ul li a.btn-cta{
	width: 160px;
}
@media(max-width:1180px){
	header .inner{
		align-items: center;
	}
	header ul li:not(:last-child){
		display:none;
	}
}
@media(max-width:991px){
	header ul li:not(:last-child){
		display:none;
	}

	header nav{
		width:40%;
	}
	header ul li,
	header ul li a.btn-cta{
		width: 100%;
	}
	header{
		background:#fff;
		box-shadow:0 3px 5px rgba(0,0,0,0.1);
	}
	header.is-scroll{
		background:rgba(255,255,255,1);
	}
	header .logo{
		width:100px;
	}
}
@media(min-width:768px) and (max-width:991px){
	header ul li a.btn-cta{
		width:220px;
		margin-left:auto;
	}
}

/*
mv
*********************/

#mv{
	background:url(https://less-ar.jp/dcms_media/image/lp10/bg-mv.webp) no-repeat center center;
	background-size:cover;
	height:60%;
	position: relative;
	overflow:hidden;
	padding:90px 0 0px 0;
}

#mv .inner{
	/*
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:15px;
	height:100%;
	z-index:10;
}

#mv h1{
	font-size:54px;
	font-weight: bold;
	line-height: 1.7;
	color: #fff;
	margin:15px 0 15px 0;

}
#mv h1 span{
	padding:3px 10px;
	background: #460050;
}
#mv h1 + p{
	font-size:16px;
	font-weight: bold;
	line-height: 2.2;
	color: #fff;
	margin-bottom:25px;
}
#mv h1 + p span{
	padding:3px 10px;
	background: #460050;
}

#mv .mv-num-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:20px;
	max-width: 550px;
	width:100%;
}

#mv .mv-num-box .item{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	width: 50%;
	background: url(https://less-ar.jp/dcms_media/image/lp2-4-mv-num-left.webp) no-repeat bottom left ,url(https://less-ar.jp/dcms_media/image/lp2-4-mv-num-right.webp) no-repeat bottom right;
}

#mv .mv-num-box .item p{
	line-height: 1.0;
}

.mv-num-ttl{
	font-size:21px;
	font-weight: bold;
	margin-bottom: 10px;
}
.mv-num{
	font-size:53px;
	font-weight: bold;
	color: #F25C10;
}
.mv-num-sub{
	font-size:12px;
}

#mv .btn-cta{
	max-width:280px;
	padding:25px 20px;
}


#mv .mv-img {
	position:relative;
	width:385px;
	height:100%;
}

#mv .mv-img img{
	width:530px;
	height:auto;
	position:absolute;
	right:-170px;
	bottom:-220px;
}

#mv ul.mv-label{
	display:flex;
	gap:10px;
	margin-top:30px;
	margin-bottom:60px;
}

#mv ul.mv-label li a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:7px;
	font-weight:bold;
	color:#fff;
	background:#F25C10;
	padding:8px 15px 8px 10px;
	border-radius:8px;
	text-decoration:none;
	transition: all 0.2s ease;
}

#mv ul.mv-label li a:hover{
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	transform:translateY(-4px);
}

#mv ul.mv-label li img{
	width:32px;
	height:auto;
}

#mv .mv-movie-box{
	position:relative;
	width:427px;
	height:600px;
}
#mv .mv-movie-box video{
	width:235px;
	height:auto;
	position:absolute;
	top:52px;
	left:72px;
	z-index:10;
	border-radius:30px;
}

#mv .mv-movie-box img{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:12;
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

.scroll-infinity{
	padding:0;
	margin:0px 0;
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  gap:20px;
}
.scroll-infinity__list {
  display: flex;
  align-items: center;
  gap:10px;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
  padding-right:0px;
}
.scroll-infinity__item {
  width:1390px;
}
.scroll-infinity__item>img {
  width: 100%;
  height:auto;
}

.flex2{
	display:flex;
	gap:10px;
	width:100%;
}

.flex2 .item-left{
	width:60%;
}
.flex2 .item-right{
	width:40%;
}


ul.check li{
	font-weight:500;
	padding:7px 7px 7px 36px;
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-check.svg) no-repeat top 4px left;
}

@media(min-width:992px) and (max-width:1250px){
	#mv h1{
		font-size:3.5vw;
	}
	#mv .mv-movie-box{
		width:400px;
	}
	#mv .mv-movie-box video{
		width: 220px;
		height:auto;
		position:absolute;
		top: 83px;
		left: 67px;
	}
	#mv ul.mv-label li{
		font-size:13px;
		padding: 8px 12px 8px 8px;
	}
	#mv ul.mv-label li img{
		width:25px;
		height:auto;
	}
}

@media(max-width:991px){
	.flex2{
		flex-direction: column;
	}
	.flex2 .item-left,
	.flex2 .item-right{
		width:100%;
	}
	
	#mv{
		padding-top:65px;
	}
	#mv .inner{
		gap:0;
	}
	.mv-num-ttl{
		font-size:13px;
		margin-bottom:5px;
	}
	.mv-num{
		font-size:28px;
	}
	.mv-num-sub{
		font-size:10px;
		font-weight:500;
	}
	#mv .mv-num-box{
		width:80%;
		margin:0 auto;
	}
	#mv .mv-num-box .item{
		background: url(https://less-ar.jp/dcms_media/image/lp2-4-mv-num-left.webp) no-repeat center left, url(https://less-ar.jp/dcms_media/image/lp2-4-mv-num-right.webp) no-repeat center right;
		height:95px;
	}
	#mv h1{
		font-size:7vw;
		line-height: 1.85;
		text-align:center;
		margin-top:0px;
		margin-bottom:5px;
	}
	#mv h1 span{
		padding:1px 10px 2px 10px;
	}
	#mv h1 + p{
		font-size:3.5vw;
		text-align:center;
		margin-bottom: 0px;
	}
	#mv .inner{
		flex-direction: column;
	}
	#mv ul.mv-label{
		flex-wrap: wrap;
		justify-content: center;
		gap:7px;
		margin-top: 11px;
		margin-bottom: 0px;
	}
	#mv ul.mv-label li a{
		font-size:12px;
		padding: 2px 15px 4px 10px;
	}
	#mv ul.mv-label li img{
		width:28px;
	}
	#mv .mv-movie-box{
		width:328px;
		height:411px;
		margin-top:15px;
	}
	#dcms_layoutPageBlock #mv .mv-movie-box img{
		width:328px;
	}
	#mv .mv-movie-box video{
		width:144px;
		top:0px;
		left:93px;
		border-radius: 20px;
	}
	
	#mv a.btn-white-cta{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:16px;
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width:100%;
		height:70px;
		z-index:50;
	}
}
@media(min-width:768px) and (max-width:991px){
	#mv h1{font-size:5vw;}
	#mv h1 + p{font-size:2.6vw;}
}


/*
about
********************************/

section#about{
	padding-top:30px;
}

#about h2{
	font-size:24px;
	text-align:left;
	margin-bottom:10px;
}

#about h2 span{
	vertical-align:-11px;
	margin-left:5px;
}

#about h3{
	font-size:48px;
	text-align:left;
	line-height:1.8;
	margin-bottom:20px;
}

#dcms_layoutPageBlock #about .about-logo{
	width:170px;
	height:auto;
	display:inline-block;
}

#about .flex2{
	justify-content: flex-start;
}

@media(min-width:992px) and (max-width:1250px){
	section#about h3{
		font-size:3.6vw;
	}

}
@media(max-width:991px){
	section#about{
		padding-bottom:30px;
	}
	
	#about h2,
	#about h3{
		text-align:center;
	}
	#about h3{
		font-size:6.5vw;
	}
	#about .flex2 .item-left,
	#about .flex2 .item-right{
		display:contents;
	}
	#about h3{order:1;}
	#about video{order:2;}
	#about .check{order:3;}
	ul.check li{
		font-size:14px;
		line-height:1.6;
		padding-top:2px;
		padding-left:30px;
		padding-bottom:2px;
		background-size:19px;
	}
}
@media(min-width:768px) and (max-width:991px){
	#about h3 {
		font-size: 4.5vw;
	}
}


/*
can-do
********************************/

.tab-nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  gap:16px;
  padding: 0;
  margin: 0 0 40px 0;
}

.tab-nav li {
  cursor: pointer;
  color:#F25C10;
  font-weight:bold;
  background: #fff;
  border: 1px solid #F25C10;
  border-radius:8px;
  transition: background 0.3s;
}

.tab-nav li.stamp{
	padding: 10px 12px 10px 34px;
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-stamp.svg) no-repeat center left 7px,#fff;
}
.tab-nav li.photo{
	padding: 10px 12px 10px 40px;
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-photo.svg) no-repeat center left 10px,#fff;
}
.tab-nav li.pin{
	padding: 10px 12px 10px 32px;
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-pin.svg) no-repeat center left 4px,#fff;
}
.tab-nav li.kuji{
	padding: 10px 12px 10px 38px;
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-kuji.svg) no-repeat center left 10px,#fff;
}

.tab-nav li.stamp.active{
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-stamp-white.svg) no-repeat center left 7px,#F25C10;
}
.tab-nav li.photo.active{
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-photo-white.svg) no-repeat center left 10px,#F25C10;
}
.tab-nav li.pin.active{
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-pin-white.svg) no-repeat center left 4px,#F25C10;
}
.tab-nav li.kuji.active{
	background:url(https://less-ar.jp/dcms_media/image/lp10/i-kuji-white.svg) no-repeat center left 10px,#F25C10;
}

.tab-nav li.active {
  background: #F25C10;
  color: #fff;
}

/* --- コンテンツ --- */
.tab-contents > div {
  display: none;
  opacity: 0;
}

/* --- フェードアニメーション --- */
@keyframes tabFadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.tab-contents > div{
  padding: 45px 40px;
  background:#FFF8F0;
}

.tab-contents > div.active {
  display: block;
  opacity: 1;
  border-top: none;
  animation: tabFadeIn 0.6s ease forwards;
}

#dcms_layoutPageBlock > section#can-do{
	padding:90px 0 0 0;
}

section#can-do .flex2 .item-left{
	width:55%;
}

section#can-do .flex2 .item-right{
	width:45%;
}

#can-do h2{
	margin-bottom:30px;
}

#can-do h3{
	margin-bottom:16px;
}

.tab-contents > div h3{
	font-size:44px;
	text-align:left;
}

.tab-contents > div .thumb-box{
	text-align:center;
}

.tab-contents > div#tab01{
	padding-right:15px;
}

.ex-txt{
	font-size:14px;
	font-weight:bold;
}


.white-box{
	padding:18px ;
	background:#fff;
	border-radius:20px;
	margin-top:15px;
}
.white-box h5{
	font-size:20px;
	margin-bottom:10px;
}

#dcms_layoutPageBlock .tab-contents > div:not(#tab01) .item-right .thumb-box img{
	width:60%;
}


.step{
	padding:30px 0 0 0;
}

#dcms_layoutPageBlock > section#can-do .step h3{
	font-size:32px;
	margin-bottom:20px;
	text-align:center;
}

#can-do .item-left h3{
	margin-bottom:30px;
}

#can-do .item-left p{
	line-height:1.7;
}

#dcms_layoutPageBlock > section#can-do h4.txt-orange{
	font-size:20px;
	margin-bottom:10px;
}

#dcms_layoutPageBlock .step .item .step-thumb {
	text-align:center;
}

#dcms_layoutPageBlock .step .item .step-thumb img{
	width:auto;
	height:170px;
}

.step .item .step-thumb.yaji{
	position:relative;
}

.step .item .step-thumb.yaji:before,
.step .item .step-thumb.yaji:after{
	content:"";
	width:24px;
	height:24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background:url(https://less-ar.jp/dcms_media/image/lp10/yaji.svg) no-repeat center center;
}

.step .item .step-thumb.yaji:before{
	left:-35px;
}

.step .item .step-thumb.yaji:after{
	right:-30px;
}

.step .item .step-thumb{
	margin:10px 0;
}

.label-step{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#F25C10;
}

.step h4{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
}

.step h4 .line-orange{
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 93%, #F35D10 0);
	padding-bottom:6px;
}

.step h4 .line-orange:has(.txt-s){
	padding-bottom:0;
}

.step h4 .txt-s{
	font-size:15px;
	display:inline-block;
	vertical-align: 7px;
}

.step p{
	line-height:1.7;
}

.step .stamp-txt{
	text-align:center;
	padding:20px 0;
}

.main > section{
	padding:0;
}

@media(min-width:992px) and (max-width:1250px){
	section#can-do h3{
		font-size:3.6vw;
	}

}
@media(max-width:991px){
	#dcms_layoutPageBlock > section#can-do{
		padding:60px 0;
	}
	section#can-do .inner{
		width:100%;
	}
	section#can-do .flex2 .item-left,
	section#can-do .flex2 .item-right{
		width:100%;
	}
	.tab-nav ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap:10px;
		width:90%;
		margin:30px auto;
	}
	.tab-nav li{
		font-size:14px;
		padding-top:12px !important;
		padding-bottom:12px !important;
	}
	section#can-do .flex-gr {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}
	
	section#can-do .flex-gr > * {
		flex: 0 0 75%;
		scroll-snap-align: start;
	}
	#can-do h2{
		font-size:26px;
		margin-bottom:20px;
	}
	.tab-contents > div{
		padding-left:15px;
		padding-right:15px;
	}
	.tab-contents > div h3{
		font-size:6.8vw;
		line-height:1.8;
		text-align:center;
	}
	#can-do .thumb-box p{display:none;}
	#can-do .tab-contents .item-left,
	#can-do .tab-contents .item-right{
		display:contents;
	}
	#can-do .tab-contents h3{order:1;}
	#can-do .thumb-box{order:2;}
	#can-do h4.txt-orange{order:3;}
	#can-do h4 + p{order:4;}
	#can-do .white-box{order:5;}
	
	#can-do h4.txt-orange{
		line-height:1.65;
	}
	
	.step h4{font-size:18px;}
	
	#dcms_layoutPageBlock > section#can-do .step h3{
		font-size:6.5vw;
	}
	#can-do .thumb-box{text-align:center;}
	#dcms_layoutPageBlock #can-do .thumb-box img{max-width:initial;width:90%}
	.white-box h5{margin-bottom:15px;}
}
@media(min-width:768px) and (max-width:991px){
	#can-do .tab-contents h3,
	#dcms_layoutPageBlock > section#can-do .step h3 {
		font-size: 4.5vw;
	}

	#can-do .tab-contents h3 br.sp{
		display:none;
	}
	section#can-do .flex-gr{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		overflow:hidden;
		scroll-snap-type:initial;
	}
	.tab-nav ul{
		max-width:400px;
	}
	#can-do .thumb-box img{
		max-width:400px !important;
	}
	#dcms_layoutPageBlock > section#can-do h4.txt-orange{
		text-align:center;
	}
	#can-do .item-left p{
		text-align:center;
		max-width:570px;
		margin-left:auto;
		margin-right:auto;
	}
	#can-do .white-box{
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media(max-width:767px) {
	#can-do h2{
		margin-bottom:10px;
	}
	#can-do h3{
		margin-bottom:0px;
	}
	.tab-nav ul{
		margin-top:12px;
	}
	#can-do .flex-gr-wrap-sp{
		margin-right:-15px;
	}
	#can-do .flex-gr-wrap-sp .flex-gr{
		gap:30px;
	}
	#can-do .flex-gr-wrap-sp .flex-gr .item:last-child{
		padding-right:15px;
	}
	#can-do #tab01 .step .item .step-thumb.yaji:before{
		left:-30px;
	}
	#can-do #tab01 .step .item .step-thumb.yaji:after{
		right:-20px;
	}
	#can-do #tab02 .step .item .step-thumb.yaji:before{
		left:-50px;
	}
	#can-do #tab02 .step .item .step-thumb.yaji:after{
		right:-50px;
	}
	#can-do #tab04 .step .item .step-thumb.yaji:before{
		left:0px;
	}
	#can-do #tab04 .step .item .step-thumb.yaji:after{
		right:0px;
	}
}

/*
reason
********************************/

#dcms_layoutPageBlock > section#reason{
	padding-top:60px;
}
#reason h2{
	font-size:32px;
}
#reason h3{
	font-size:18px;
	line-height:1.5;
	margin-top:15px;
}


@media(max-width:991px){
	#dcms_layoutPageBlock > section#reason{
		padding-top:0px;
		padding-bottom:40px;
	}
	#reason h2{
		font-size:26px;
		margin-bottom:30px;
	}
	
	#reason .flex-gr{
		grid-template-columns: 1fr;
	}
}
@media(min-width:768px) and (max-width:991px){
	#reason .flex-gr{
		grid-template-columns: 1fr 1fr 1fr;
	}
	#reason h3{font-size:16px;}

}

/*
other-functions
********************************/


#other-functions h2{
	font-size:38px;
}
#other-functions h3{
	font-size:22px;
	line-height:1.5;
	margin-top:10px;
	margin-bottom:15px;
}
#other-functions .line-orange{
	padding-bottom: 6px;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 93%, #F35D10 0);
}

@media(max-width:991px){
	#other-functions h2{
		font-size:26px;
		margin-bottom:30px;
	}
	
	#other-functions .flex-gr{
		grid-template-columns: 1fr 1fr;
		gap:22px;
	}
	#other-functions h3{
		font-size:16px;
	}
	
	#other-functions h3 + p{
		font-size:12px;
		line-height:1.4;
	}
}

/*
promotion-ex
********************************/


#dcms_layoutPageBlock > section#promotion-ex{
	padding:60px 0;
	background:#FFF8F0;
}

.logo-ttl{
	display:flex;
	align-items: center;
	gap:15px;
}

#dcms_layoutPageBlock .logo-ttl p{
	font-size:17px;
	font-weight:bold;
}

.pro-ex-03 .case-logo{
	margin-bottom:-12px;
}

#promotion-ex .flex-2 + .flex-2{
	margin-top:60px;
}

.flex-2{
	display:flex;
	justify-content: space-between;
}

.flex-2.flex-reverse{
	flex-direction: row-reverse;
}

#promotion-ex .flex-2 .item-left{
	width:43%
}
#promotion-ex .flex-2 .item-right{
	width:52%
}

#promotion-ex h3{
	font-size:40px;
	text-align:left;
	margin:5px 0 25px 0;
}


.ex-label{
	display:flex;
	flex-wrap: wrap;
	gap:7px 10px;
	margin:0px 0 20px 0;
}
.ex-label li{
	font-size:14px;
	font-weight:bold;
	line-height:1;
	color:#fff;
	text-align:center;
	border-radius:4px;
	background:#F25C10;
	padding:6px 8px 7px 8px;
}

#promotion-ex dl{
	display:flex;
	align-items: center;
	gap:10px;
	min-height:45px;
}

#promotion-ex dl dt,
#promotion-ex dl dd{
	font-size:14px;
	font-weight:500;
	line-height:1.6;
	min-height:42px;
}

#promotion-ex dl dt{
	display: flex;
	justify-content: center;
	align-items: center;
	width:55px;
	text-align:center;
	background:#fff;
}
#promotion-ex dl dd{
	display: flex;
	justify-content: flex-left;
	align-items: center;
	width:calc(100% - 55px - 10px);
}
#promotion-ex dl + dl{
	margin-top:10px;
}

@media(min-width:992px) and (max-width:1250px){
	#promotion-ex h3{
		font-size:3.2vw;
	}
}
@media(max-width:991px){
	#promotion-ex .flex-2{
		flex-direction: column;
	}
	#promotion-ex .flex-2 .item-left,
	#promotion-ex .flex-2 .item-right{
		width:100%;
		display:contents;
	}
	#promotion-ex .logo-ttl{order:1;}
	#promotion-ex h3{order:2;}
	#promotion-ex .case-thumb{order:3;}
	#promotion-ex .ex-label{order:4;}
	#promotion-ex dl{order:5;}
	
	#promotion-ex .logo-ttl{
		justify-content: center;
		margin-top:5px;
		margin-bottom:10px;
	}
	#dcms_layoutPageBlock .logo-ttl p{
		font-size:14px;
	}
	#dcms_layoutPageBlock #promotion-ex .logo-ttl-x{
		max-width:initial;
		width:30px !important;
		height:auto;
	}
	#promotion-ex h3{
		font-size:6vw;
		text-align:center;
	}
	#dcms_layoutPageBlock #promotion-ex .case-thumb{
		max-width:initial;
		width:95% !important;
		margin:0 auto;
	}
	#promotion-ex .ex-label{
		justify-content: center;
		width:90%;
		margin:15px auto;
	}
	#promotion-ex dl{
		align-items: flex-start;
	}
}
@media(min-width:768px) and (max-width:991px){
	#promotion-ex h3{
		font-size:4.5vw ;
	}
	#promotion-ex img.case-thumb {
		max-width:400px !important;
	}
	#promotion-ex .ex-label{
		width:400px;
	}
	#promotion-ex dl{
		width:480px;
		margin:0px auto;
	}
}


/*
voice
*********************/

#voice .inner{
	max-width:920px;
}

#voice h3{
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	text-align:left;
	margin:15px 0 10px 0;
}

#voice{
	background:#FAFAFA;
}
#voice .flex-2{
	display:flex;
	gap:80px;
}
#voice .flex-2 .item{
	width:50%;
}
#voice p{
	font-size:14px;
}

@media(min-width:992px) and (max-width:1250px){
	#voice .flex-2{
		gap:40px;
	}
}
@media(min-width:768px) and (max-width:991px){
	#voice .flex-2{
		flex-direction: column;
		gap:30px;
	}
	#voice .flex-2 .item{
		width:100%;
	}
}
@media(min-width:768px) and (max-width:991px){
	#voice .flex-2{
		flex-direction:initial;
		gap:30px;
	}
	#voice .flex-2 .item{
		width:50%;
	}
	#voice h3{font-size:18px;}
}
@media(max-width:767px){
	#voice .flex-2{
		flex-flow: column;
		gap:30px;
	}
	#voice .flex-2 .item{
		width:100%;
	}
}

/*
log-function
*********************/

#log-function h2{
	margin-bottom:50px;
}
#log-function h2 + h3{
	margin-bottom:20px;
}

#log-function .txt-center p + p{
	margin-top:10px;
}

#log-function .flex-2{
	margin-top:40px;
}

#log-function .flex-2 .item:first-child{
	width:48%;
}
#log-function .flex-2 .item:last-child{
	width:52%;
}
#log-function .flex-2 .item h3{
	font-size:46px;
	text-align:left;
	margin-bottom:35px;
}
#log-function .flex-2 .item h4{
	font-size:20px;
	margin-bottom:15px;
}
#log-function .flex-2 .item:first-child img{
	margin-left:-30px;
}


@media(min-width:992px) and (max-width:1250px){
	#log-function .flex-2 .item h3{
		font-size:40px;
	}
}
@media(min-width:768px) and (max-width:991px){
	#log-function .flex-2 .item h3{
		font-size:30px;
	}
}
@media(max-width:767px){
	#log-function h2{
		font-size:6vw;
		margin-bottom:30px;
	}
	
	#log-function h3 + .txt-center{
		text-align:left;
	}
	#log-function .flex-2 {
		flex-direction: column;
	}
	#log-function .flex-2 .item{
		width:100% !important;
		display:contents;
	}
	#log-function .flex-2 .item:first-child img{
		margin:0 auto;
	}
	#log-function .flex-2 h3{order:1;}
	#log-function .flex-2 .item:first-child img{order:2;}
	#log-function .flex-2 .item h4{order:3;}
	#log-function .flex-2 ul.check{order:4;}
	
	#log-function .flex-2 .item h3{
		font-size:26px;
		text-align:center;
	}
	#log-function .flex-2 .item h4{
		line-height:1.6;
		margin-top:15px;
		text-align:center;
	}
	#log-function .flex-2 ul.check{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#log-function .cta-btn-box .sub-txt:before,
	#log-function .cta-btn-box .sub-txt:after{
		width:60px;
		top:26px;
	}
	#log-function .cta-btn-box .sub-txt:before{
		left:-57px;
	}
	#log-function .cta-btn-box .sub-txt:after{
		right:-57px;
	}
}


/*
flow
*********************/

#flow{
	background:url(https://less-ar.jp/dcms_media/image/lp10/bg-flow.webp) no-repeat center center,#fbf2e9;
	background-size:125% auto;
}
#flow h2{
	margin-bottom:20px;
}
#flow h3{
	margin-bottom:0;
}
ol.flow-list {
	max-width:540px;
	margin:20px auto;
	position:relative;
	z-index:1;
}
ol.flow-list:before{
	content:"";
	position:absolute;
	top:0;
	left:30px;
	width:1px;
	height:100%;
	background:#000;
	z-index:-1;
}

ol.flow-list li{
	font-weight:bold;
	list-style:none;
	background:#fff;
	border-radius:100px;
}

ol.flow-list li .flow-row{
	display:flex;
	align-items: center;
}

ol.flow-list li .flow-row .item:first-child{
	width:60px;
}
ol.flow-list li .flow-row .item:last-child{
	width:calc(100% - 60px);
}

#dcms_layoutPageBlock  ol.flow-list li img{
	width:60px;
}

ol.flow-list li .flow-row .item:last-child{
	padding-left:15px;
}
ol.flow-list li + li{
	margin-top:25px;
}

ol.flow-list li h4{
	font-size:22px;
}
ol.flow-list li p{
	font-size:13px;
	margin-top:3px;
}

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

	ol.flow-list li h4{
		font-size:18px;
	}
	ol.flow-list li p{
		font-size:13px;
	}
	ol.flow-list li p br.sp{display:none;}
	
}
@media(max-width:767px){
	#flow{
		background:url(https://less-ar.jp/dcms_media/image/lp10/flow-bg-sp.webp) no-repeat center center;
		background-size:cover;
	}
	
	ol.flow-list{
		margin-top:30px;
		margin-bottom:30px;
	}
	ol.flow-list li .flow-row .item:first-child{
		width:70px;
	}
	ol.flow-list li .flow-row .item:last-child{
		width:calc(100% - 70px);
	}

	#dcms_layoutPageBlock  ol.flow-list li img{
		width:70px;
	}
	ol.flow-list li h4{
		font-size:15.4px;
	}
	ol.flow-list li p{
		font-size:2.8vw;
		line-height:1.4;
	}
	ol.flow-list li .flow-row .item:last-child{
		padding-right:15px;
	}
	ol.flow-list:before{
		left:35px;
	}
}


/*
plan
*********************/

#plan{
	background:#fff;
}

#plan .inner{
	max-width:1050px;
}

#plan p{
	line-height:1.6;
	font-size:18px;
	font-weight:500;
}

#plan p + p{
	margin-top:10px;
}

#plan .flex-2{
	display: flex;
	gap:50px;
	margin:60px 0;
}


#plan .flex-2 .item{
	width:50%;
	padding:40px 30px;
	background:#FFF8F0;
}

.plan-ttl{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

#plan .plan-sub-txt p{
	font-size:16px;
	font-weight:bold;
}

#plan .flex-2 .item .plan-head{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-bottom:1px solid #ccc;
	min-height:180px;
	padding-bottom:15px;
}
#plan .flex-2 .item .plan-body{
	padding:30px 0 0 0;
}
#plan .flex-2 .item .plan-body ul{
	max-width:380px;
	width:100%;
	margin:20px auto;
}

#plan p.price-line{
	font-weight:bold;
}
#plan p.price-line .num{
	font-size:56px;
}
#plan p.price-line .yen{
	font-size:16px;
	margin-left:5px;
}

.price-label{
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background: #F25C10;
	padding: 6px 8px 7px 8px;
	margin-right:10px;
	vertical-align:14px;
}

#plan p.price-line + p.price-line{
	margin-top:-15px;
}
#plan .notice ul.kome {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width:460px;
}
#plan .notice ul.kome li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.4em;
  font-size:14px;
  line-height:1.4;
}
#plan .notice ul.kome li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}


@media(min-width:768px) and (max-width:991px){
	
	#plan .flex-2{
		gap:20px;
	}
	#plan .flex-2 .item{
		padding:30px 20px;
	}
	.price-label{
		font-size:13px;
		width:90px;
		display:block;
		padding: 4px 8px 6px 8px;
		margin:20px auto -5px auto;
	}
	#plan p.price-line .num{
		font-size:33px;
	}
	#plan .plan-sub-txt p{
		font-size:12px;
	}
	ul.check li{
		padding-left:23px;
		font-size:12px;
		background-size:17px auto;
	}
	#plan .flex-2 .item .plan-body{
		padding-top:20px;
	}
	#plan .flex-2 .item .plan-body ul{
		margin-top:10px;
		margin-bottom:0px;
	}
	#plan .flex-2 .item:first-child .plan-body ul{
		width:295px;
	}
	#plan .flex-2 .item:last-child .plan-body ul{
		width:220px;
	}
}
@media(max-width:767px){
	#plan h2{
		margin-bottom:30px;
	}
	#plan .flex-2{
		flex-direction: column;
		gap:30px;
		margin-top:0;
		margin-bottom:15px;
	}
	#plan .flex-2 .item{
		width:100%;
	}
	#plan .cta-btn-box p.sub-txt{
		font-size:14px;
	}
	#plan .plan-sub-txt p{
		font-size:14px;
	}
	#plan .notice p{
		font-size:3.5vw;
	}
	#plan .flex-2 .item:first-child .plan-head{
		min-height:auto;
	}
	#plan .flex-2 .item:;last-child .plan-head{
		padding-bottom:20px;
	}
	#plan .flex-2 .item:first-child .plan-body ul.check li{
		width:100%;
	}
	
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(1){order:1;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(2){order:5;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(3){order:2;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(4){order:6;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(5){order:3;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(6){order:7;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(7){order:4;}
	#plan .flex-2 .item:first-child .plan-body ul.check li:nth-child(8){order:8;}
	
	#plan .flex-2 .item .plan-body ul{
		max-width: 260px;
		margin-bottom:0;
	}
	#plan p.price-line{
		text-align:center;
	}
	.price-label{
		width:90px;
		display:block;
		margin:20px auto -10px auto;
	}
	#plan p.price-line + p.price-line{
		margin-top:5px;
	}
	
	#plan .notice ul.kome li {
		font-size:12px;
	}
	#plan p.price-line .num{
		font-size:46px;
	}
}


/*
faq
*****************************/

#faq{
	background:#F2F2F2;
}

#dcms_layoutPageBlock > section#faq + section.cta{
	margin:0;
}

#faq .flex-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

#faq .flex-2 .item {
  flex: 0 1 calc(50% - 25px);
  box-sizing: border-box;
  background:#fff;
  padding:30px 35px;
}

#faq h3{
	font-size:22px;
	line-height:1.5;
	text-align:left;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	min-height:82px;
	display:block;
}
#faq p{
	font-size:13.6px;
}

#faq ul.disc {
  list-style: none;
  margin: 0;
  padding: 0;
}
#faq ul.disc li {
  position: relative;
  padding-left: 1.2em;
  font-size:13.5px;
  line-height:1.3;
}
#faq ul.disc li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#faq ul.disc li + li{
	margin-top:5px;
}

@media(min-width:768px) and (max-width:991px){
	#faq h3{
		font-size:18px;
		min-height:auto;
	}
}
@media(max-width:767px){
	#faq .flex-2{
		flex-direction: column;
	}
}


/*
cta
*****************************/
.cta{
	color:#fff;
	font-weight: bold;
	background: #FF9034;
	background: linear-gradient(90deg,rgba(255, 144, 52, 1) 0%, rgba(127, 0, 156, 1) 100%);
	display: flex;
	gap:30px;
	padding:32px;
	text-align: left;
}

.cta h3{
	font-size:32px;
	text-align:left;
	margin-top:-15px;
	margin-bottom:20px;
}

.cta h3 .font-s{
	font-size:20px;
}

.cta a.btn-white-cta{
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

#dcms_layoutPageBlock .cta .flex2 .item-right img{
	max-width:410px;
	width:100%;
	margin:0 auto;
	display:block;
}
@media(min-width:992px) and (max-width:1250px){
	.cta h3{
		font-size:2.5vw;
	}
}
@media(min-width:768px) and (max-width:991px){
	.cta .inner{
		width:500px;	
	}
	.cta{
		padding:30px 15px 40px 15px;
	}
	.cta .flex2 .item-left,
	.cta .flex2 .item-right{
		width:100%;
		display:contents;
	}
	.cta h3{order:1;}
	.cta img{order:2;}
	.cta a{order:3;}
	
	.cta h3{
		font-size:34px;
		text-align:center;
		line-height:1.76;
	}
	.cta a.btn-white-cta{
		max-width:400px;
		width:95%;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
	}
	.cta h3 .font-s{
		font-size:16px;
	}
}
@media(max-width:767px){
	.cta{
		padding:30px 15px 40px 15px;
	}
	.cta .flex2 .item-left,
	.cta .flex2 .item-right{
		width:100%;
		display:contents;
	}
	.cta h3{order:1;}
	.cta img{order:2;}
	.cta a{order:3;}
	
	.cta h3{
		font-size:7vw;
		text-align:center;
		line-height:1.76;
	}
	.cta a.btn-white-cta{
		max-width:400px;
		width:95%;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
	}
	.cta h3 .font-s{
		font-size:4vw;
	}
}


/*
footer
*******************/
footer{
	padding:30px 0;
}
footer p{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
}

@media(max-width:991px){
	footer{
		padding:15px 0;
	}
	footer p{
		font-size:12px;
	}
}