@charset "UTF-8";
.dummy{
	max-width: 1188px;
	margin: 80px auto;
}
.hide{
	display: none;
}
.btn-pri{
	width: 158px;
	line-height: 45px;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: 700;
	background-color: var(--priColor);
	display: block;
}
.btn-pri:hover{
	color: white;
	background-color: var(--priColorHover);
}
.btn-pri.size-big{
	width: 306px;
	line-height: 66px;
}
.btn-sec{
	width: 306px;
	border-radius: 24px;
	line-height: 48px;
	text-align: center;
	color: var(--red);
	font-size: 16px;
	font-weight: 700;
	border: 1px solid var(--red);
	background-color: transparent;
	display: block;
}
.btn-sec:hover{
	background-color: var(--red);
	color: white;
}
.btn-sec .icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 8px;
	background-image: url("../img/app-bottom/icon_ex.png");
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: top;
    margin-top: 12px;
}
.btn-sec.style-red .icon{
	background-position: left center;
}
.btn-sec.style-red:hover .icon{
	background-position: right center;
}
.btn-sec.style-white{
	color: white;
	border: 1px solid white;
}
.btn-sec.style-white:hover{
	color: white;
	border: 1px solid var(--red);
}
.btn-sec.style-white .icon{
	background-position: right center;
}
.btn-sec.style-white:hover .icon{
	background-position: right center;
}
.expand{
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	color: var(--priColor);
}
.expand .btn-txt{
	color: var(--priColor);
}
.expand .tri{
	margin-left: 7px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 8px 0 8px;
	border-color: var(--priColor) transparent transparent transparent;
	vertical-align: top;
    margin-top: 3px;
}
.grecaptcha-badge{
	z-index: -999999;
}
p{
	font-size: 14px;
	line-height: 26px;
}
.f-white{
	color: white;
}
.f-priColor{
	color: var(--priColor);
}
.f-red{
	color: var(--red);
}
.f-gray06{
	color: var(--gray06);
}
.f-heavy{
	font-weight: 700;
}
.blank-link{
	color: var(--priColor);
	text-decoration: underline;
}
.blank-link:hover{
	color: var(--priColorHover);
}
.site-main{
	background-color: white;
}
section{
	position: relative;
	z-index: 10;
	width: 100%;
	padding-top: calc(var(--baseSpace) * 3.75);
	padding-bottom: calc(var(--baseSpace) * 3.75);
	box-sizing:border-box;
	overflow: hidden;
}
.bottom-pages section{}
.bottom-pages section.narrow-pt{
	padding-top: calc(var(--baseSpace) * 1);
}
section .inner,
.page-conts .team-conts-inner{
	width: 100%;
	max-width: 1210px;
	margin:0 auto;
	padding-left: calc(var(--baseSpace) * 2);
	padding-right: calc(var(--baseSpace) * 2);
	box-sizing: border-box;
}
.sec-bg{
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.sec-bg.bg-red{
	background-image: url("../img/app-bottom/bg_red.png");
}
.sec-hdr{
	margin-bottom: calc(var(--baseSpace) * 4);
}
.sec-hdr.narrow-mb{
	margin-bottom: calc(var(--baseSpace) * 3);
}
.bottom-pages .sec-hdr{}
.bottom-pages .sec-hdr.narrow-mb{
	/*margin-bottom: calc(var(--baseSpace) * 3);*/
}
.sec-ttl{
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}
.btn-wrap a{
	margin: 0 auto;
}
.btn-wrap.wide-mt a{
	margin: calc(var(--baseSpace) * 3) auto;
}
.sec-hdr .btn-wrap{
	margin-left: auto;
	align-self: center;
}

.sec-lead{
	font-size: 28px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: calc(var(--baseSpace) * 3);
}
.sec-lead.type-thin{
	font-weight: 300;
}
@media screen and (min-width:768px) {
	section{
		padding-top: calc(var(--baseSpace) * 5.5);
		padding-bottom: calc(var(--baseSpace) * 5.5);
	}
	section.pt-adj{
		padding-top: calc(var(--baseSpace) * 0);
	}
	p{
		font-size: 16px;
		line-height: 32px;
	}
	.sec-ttl{
		font-size: 37px;
		line-height: 40px;
	}
	.sec-lead{
		font-size: 44px;
		line-height: 56px;
		margin-bottom: calc(var(--baseSpace) * 2);
	}
}
@media screen and (min-width:980px) {
	section .inner{
		padding-left: 40px;
		padding-right: 40px;
	}
	.sec-ttl{
		margin-bottom: 66px;
	}
	.dynamic-bg .sec-lead{
		margin-bottom: 16px;
	}

}
@media screen and (min-width:1280px) {
	.sec-lead{
		font-size: 51px;
		line-height: 63px;
		margin-bottom: 50px;
	}
}

#main-visual{
	font-weight: 700;
	padding-top: calc(var(--baseSpace) * 0);
	padding-bottom: calc(126px + 38px); /*height of sec-top + triangle*/
}
#main-visual .bg-inner{
	padding-top: calc(var(--baseSpace) * 5);
	padding-bottom: calc(var(--baseSpace) * 30);
	background-image: url("../img/app-bottom/main_visual_m.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 867px auto;
	max-width: none;
}
#main-visual .box-top{
	max-width: 1210px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	z-index: 0;
	position:relative;


}
#main-visual .inner{
}
#main-visual .logo-wrap{
	width: 230px;
	margin-bottom: calc(var(--baseSpace) * 1);
}

#main-visual .lead{
	font-size: 12px;
	line-height: 19px;
	margin-bottom: calc(var(--baseSpace) * 1);
}

#main-visual .ttl{
	font-size: 33px;
	line-height: 37px;
	margin-bottom: calc(var(--baseSpace) * 1);
}

#main-visual .txt{
	font-size: 12px;
	line-height: 19px;
	color: var(--gray06);
}

#main-visual-lead{
	width: 100%;
	padding-top: 0;
	padding-bottom: 39px;
	position: absolute;
	bottom: 0;
}
#main-visual-lead .inner{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
#main-visual-lead .sec-top{
    align-items: center;
    padding-left: calc(var(--baseSpace) * 2);
    padding-right: calc(var(--baseSpace) * 2);
    background-color: var(--priColor);
	/*margin-top: calc(var(--baseSpace) * -5);*/
}
#main-visual-lead .l-item{
	width: calc(50% - 22px);
	margin-top: calc(var(--baseSpace) * -5);
}
#main-visual-lead .l-item img{
	width: 106px;
	margin:0 auto;
	display: block;
}
#main-visual-lead .m-item{
	width: 44px;
	margin-top: calc(var(--baseSpace) * -5);
}
#main-visual-lead .m-item img{
	padding-top: 20px;
}
#main-visual-lead .r-item{
	width: calc(50% - 22px);
	margin-top: calc(var(--baseSpace) * -5);
	overflow: visible;
}
#main-visual-lead .r-item img{
	margin-left: calc(var(--baseSpace) * 3);
	width: 198px;
}
#main-visual-lead .sec-btm{
	position: absolute;
	bottom: 2px;
	margin-left: -128px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 38px 128px 0 128px;
	border-color: var(--priColor) transparent transparent transparent;
}
@media screen and (min-width:440px) {
	#main-visual .bg-inner{
		background-position: right -200px bottom;
	}
}
@media screen and (min-width:768px) {
	#main-visual{
		padding-bottom: calc(244px + 88px);/*height of sec-top + triangle*/
		margin-bottom: calc(var(--baseSpace) * 5.5);
	}
	#main-visual .logo-wrap{
		width: 380px;
		margin-bottom: 20px;
	}
	#main-visual .lead{
		font-size: 21px;
		line-height: 31px;
		margin-bottom: 20px;
	}
	#main-visual .ttl{
		font-size: 62px;
		line-height: 69px;
		margin-bottom: 20px;
	}
	#main-visual .txt{
		font-size: 21px;
		line-height: 28px;
	}
	#main-visual .bg-inner{
		padding-top: 100px;
		padding-bottom: 340px;
		background-image: url("../img/app-bottom/main_visual_d.jpg");

		background-position: right -130px bottom;
		background-size: auto 700px;
	}
	#main-visual-lead{
		padding-bottom: 88px;
	}
	#main-visual-lead .sec-top{
		padding-bottom: 0px;
	}

	#main-visual-lead .l-item{
		width: calc(50% - 52px);
	}
	#main-visual-lead .l-item img{
		width: 150px;
		margin-left: auto;
		margin-right: 60px;
	}
	#main-visual-lead .m-item{
		width: 54px;
	}
	#main-visual-lead .r-item{
		margin-top: -125px;
		width: calc(50% - 52px);
	}
	#main-visual-lead .r-item img{
		width: 440px;
		margin-left: 60px;
	}
	#main-visual-lead .sec-btm{
		position: absolute;
		bottom: 2px;
		margin-left: -288px;
		border-width: 88px 288px 0 288px;

	}

}
@media screen and (min-width:1024px) {
	#main-visual{
		padding-bottom: calc(414px);/*height of sec-top + triangle*/
	}
	#main-visual .box-top{
		padding-left: 40px;
		padding-right: 40px;
		z-index: 0;
		position:relative;
	}
	#main-visual .bg-inner{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 340px;
		background-position: right -210px bottom 0px;
		background-size: auto 830px;
	}
	#main-visual-lead .l-item{
		width: calc(50% - 52px);
	}
	#main-visual-lead .l-item img{
		width: 250px;
	}
	#main-visual-lead .m-item{
		width: 104px;
	}
	#main-visual-lead .r-item{
		margin-top: -125px;
		width: calc(50% - 52px);
	}
	#main-visual-lead .r-item img{
		width: 640px;
	}
	#main-visual-lead .sec-btm{
		position: absolute;
		bottom: 2px;
		margin-left: -288px;
		border-width: 88px 288px 0 288px;

	}
}
@media screen and (min-width:1280px) {
	#main-visual .box-top{
		padding-left: 0px;
		padding-right: 0px;
		z-index: 0;
		position:relative;


		
	}
	#main-visual .bg-inner{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 340px;
		background-position: right -220px bottom 0px;
		background-size: auto 900px;
	}



}
.dynamic-bg .inner{
	position: relative;
	z-index: 30;
}
.dynamic-bg {
  position: relative;
  width: 100%;
  height: calc(100vw * 1.75);
  overflow: hidden;
}
.dynamic-bg-wrap{
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.dynamic-bg-wrap .dynamic-bg-fill{
	width: 100%;
	height: 1px;
	background-color: var(--priColor);
}

.dynamic-bg-wrap div{
	/*margin-top: -1px;*/
}
#company .dynamic-bg-wrap .dynamic-bg-top{
  border-top: 270px solid transparent;
  /*border-left: 100vw solid var(--red);*/
  border-left: 100vw solid var(--priColor);
  position: relative;
  z-index: 1;
}
#company .dynamic-bg-wrap .dynamic-bg-btm{
/*  border-top: 270px solid transparent;
  border-left: 100vw solid var(--red);*/
  width: 100%;
  height: 200px;
  /*background-color: var(--red);*/
  background-color: var(--priColor);
  z-index: 1;
}
#company .dynamic-bg-gray{
	position: relative;
	z-index: 2;
	margin-top:calc(100vw * -1.35);
}
#company .dynamic-bg-gray .dynamic-bg-gray-right-top{
  border-top: 110px solid transparent;
  border-right: 100vw solid var(--gray02);
}
#company .dynamic-bg-gray .dynamic-bg-gray-right-mid{
	background-color: var(--gray02);
}
#company .dynamic-bg-gray .dynamic-bg-gray-right-btm{
  border-bottom: 70px solid transparent;
  border-left: 100vw solid var(--gray02);
  transform: scaleX(-1);
}

@media (min-width: 980px) {
	.dynamic-bg .inner{
		position: relative;
		z-index: 30;
	}
	.dynamic-bg {
	  position: relative;
	  width: 100%;
	  height: calc(75vw * 0.75);
	  overflow: hidden;
	}

	.dynamic-bg::before,
	.dynamic-bg::after,
	.dynamic-bg-gray-left::before,
	.dynamic-bg-gray-left::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  right: auto;
	  width: 0;
	  height: 0;
	}
	.dynamic-bg-gray-right::before,
	.dynamic-bg-gray-right::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: auto;
	  right: 0;
	  width: 0;
	  height: 0;
	}
	.dynamic-bg::before {
	  border-top: 650px solid transparent; /*87% of the widest triangle*/
	  /*border-left: 75vw solid var(--red);*/
	  border-left: 75vw solid var(--priColor);
	}

	.dynamic-bg::after {
	  border-bottom: 98px solid transparent;
	  /*border-right: 75vw solid var(--red);*/
	  border-right: 75vw solid var(--priColor);
	  top: 650px;
	  transform: scaleX(-1);
	}
	.dynamic-bg-gray-left{
		position: relative;
		margin-top:-315px;/*the height of bg-gray-right*/
		z-index: 10;
		width: 100%;
		height: calc(190px + 170px);
	}
	.dynamic-bg-gray-left::before {
	  border-top: 190px solid transparent; /*87% of the widest triangle*/
	  border-left: 86vw solid var(--gray02);
	}
	.dynamic-bg-gray-left::after {
	  border-bottom: 170px solid transparent;
	  border-right: 86vw solid var(--gray02);
	  top: 190px;
	  transform: scaleX(-1);
	}
	.dynamic-bg-gray-right{
		position: relative;
		margin-top:calc(-190px - 170px); /*the height of bg-gray-left*/
		z-index: 10;
		width: 100%;
		/*height: calc(190px + 278px);*/
		height: calc(190px + 178px);
	}
	.dynamic-bg-gray-right::before {
	  border-top: 278px solid transparent;
	  border-right: 60vw solid var(--gray02);
	}
	#team .dynamic-bg-gray-right::after{
		border-bottom: 190px solid transparent;
		border-left: 90vw solid var(--gray02);
		top: 278px;
		transform: scaleX(-1);
	}
	#company .dynamic-bg-gray-right::after {
	  border-bottom: 190px solid transparent;
	  border-left: 90vw solid var(--gray02);
	  top: 278px;
	  transform: scaleX(-1);

	  background: var(--gray02); /*remove these 2 lines for the triangle to appear*/
	  width: 100%;
	}

}
@media (min-width: 1366px) {
	.dynamic-bg .inner{
		padding-left: 0;
		padding-right: 0;
		max-width: 1190px;
	}
	.dynamic-bg {
	  position: relative;
	  width: 100%;
	  height: calc(80vw * 0.75);
	  overflow: hidden;
	}

	.dynamic-bg::before {
	  border-top: 744px solid transparent;
	  /*border-left: 80vw solid var(--red);*/
	  border-left: 80vw solid var(--priColor);
	}

	.dynamic-bg::after {
	  border-bottom: 98px solid transparent;
	  /*border-right: 75vw solid var(--red);*/
	  border-right: 75vw solid var(--priColor);
	  top: 744px;
	  transform: scaleX(-1);
	}
	.dynamic-bg-gray-left{
		margin-top:-327px;/*the height of bg-gray-right*/
		height: calc(256px + 170px);
	}
	.dynamic-bg-gray-left::before {
	  border-top: 256px solid transparent;
	  border-left: 86vw solid var(--gray02);
	}
	.dynamic-bg-gray-left::after {
	  border-bottom: 170px solid transparent;
	  border-right: 86vw solid var(--gray02);
	  top: 256px;
	}
	.dynamic-bg-gray-right{
		margin-top:calc(-256px - 170px); /*the height of bg-gray-left*/
		height: calc(256px + 178px);
	}
	.dynamic-bg-gray-right::before {
	  border-top: 278px solid transparent;
	  border-right: 60vw solid var(--gray02);
	}
	.dynamic-bg-gray-right::after {
	  border-bottom: 256px solid transparent;
	  border-left: 90vw solid var(--gray02);
	  top: 278px;
	}
}

.functions .grid-item{
	width: 100%;
	/*padding-bottom: calc(var(--baseSpace) * 2);*/
	margin-bottom: calc(var(--baseSpace) * 2);
	box-sizing:border-box;
}
.functions .grid-item .grid-item-wrap{
	width: 100%;
	height: 100%;
	background: white;
	padding: calc(var(--baseSpace) * 1.5);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	box-sizing:border-box;
}
.functions .grid-item .article-hdr{
    align-items: center;
    min-height: 82px;
    margin-bottom: calc(var(--baseSpace) * 1);
}
.functions .grid-item .article-hdr .img-wrap{
	width: 80px;
	text-align: center;
}
.functions .grid-item .article-hdr .img-wrap img{
	max-width: 64px;
	margin: 0 auto;
}
.functions .grid-item .article-hdr .cat-wrap{
	margin-left: auto;
	align-self: flex-start;
}
.functions .grid-item .cat-wrap p{
	min-width: 76px;
	line-height: 20px;
	text-align: center;
	border: 1px solid var(--priColor);
	border-radius: 10px;
	color: var(--priColor);
	font-weight: 700;
	font-size: 10px;
	margin-bottom: calc(var(--baseSpace) * 1);
}
.functions .grid-item .cat-wrap p:last-child{
	margin-bottom: calc(var(--baseSpace) * 0);
}
.functions .grid-item .ttl{
	/*color: var(--gray01);*/
	color: var(--black);
	font-size: 17px;
	line-height: 20px;
	margin-bottom: calc(var(--baseSpace) * 1);
}
.functions .grid-item .details{
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
}
.functions .grid-item .cat-wrap.bottom-cat-wrap{
	margin-top: calc(var(--baseSpace) * 1);
}
.functions .grid-item .cat-wrap.bottom-cat-wrap p{
	margin-bottom: 0;
	display: inline-block;
	margin-right: calc(var(--baseSpace) * 0.5);
	margin-bottom: calc(var(--baseSpace) * 0.5);
}
.functions .grid-item .cat-wrap.bottom-cat-wrap p:last-child{
	margin-right: calc(var(--baseSpace) * 0);
}
.filters-button-group{
	margin-bottom: 32px;
	border: 5px solid var(--priColor);
}

.filters-button-group a{
	width: calc(100% / 9);
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    background-color: white;
    color: var(--priColor);
    font-weight: 700;
    border-right: 5px solid var(--priColor);
    box-sizing:border-box;
}
.filters-button-group a:last-child{
	border-right: 0px solid var(--priColor);
}
.filters-button-group a.selected{
	color: white;
	background-color: var(--priColor);
}
.filters-button-group a:hover{
	color: white;
	background-color: var(--priColor);
}
@media (max-width: 767px) {
	.functions .grid-item .article-hdr{
		align-items: flex-start;
	}
	.functions .grid-item .article-hdr{
		width: 82px;
	}
	.functions .grid-item .article-conts{
		width: calc(100% - 82px);
		padding-left: calc(var(--baseSpace) * 1);
		box-sizing:border-box;
	}
}
@media (min-width: 768px) {
	.grid-sizer{
		width: 50%;
	}
	.gutter-sizer{
		width: 2%;
	}
	.grid-wrap{
		margin-left: calc(var(--baseSpace) * -1);
		margin-right: calc(var(--baseSpace) * -1);
	}
	.functions .grid-item{
		width: 50%;
		padding-left: calc(var(--baseSpace) * 1);
		padding-right: calc(var(--baseSpace) * 1);
	}
	.functions .grid-item .grid-item-wrap{
		padding: 8px 12px;
	}
	.functions .grid-item .article-hdr{
		width: 100%;
		margin-bottom: calc(var(--baseSpace) * 2);
	}
	.functions .grid-item .article-conts{
		padding-left: 0;
		width: 100%;
	}
	.functions .grid-item .article-hdr .img-wrap img{
		margin: 8px auto 0;
	}
}
@media (min-width: 980px) {
	.functions .sec-ttl{
		margin-bottom: 0;
	}
	.functions .grid-item{
		width: 25%;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 24px;
	}
	.functions .grid-item .grid-item-wrap{
		height: 100%;
		box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.16);
	}
	section.functions .grid-wrap{
		margin-left: -20px;
		margin-right: -20px;
	}

}
@media (min-width: 1280px) {
	.filters-button-group a{
		font-size: 14px;
	}
}
.qa dl{
	border:1px solid var(--priColor);
	/*padding: calc(var(--baseSpace) * 1);*/
	padding-top: calc(var(--baseSpace) * 1);
	padding-bottom: calc(var(--baseSpace) * 1);
    margin-bottom: calc(var(--baseSpace) * 2);
    width: 100%;
    box-sizing:border-box;
    color: var(--priColor);
}
.qa #bar-btn a{
	color:var(--priColor);
	align-items: center;
}
.qa a:hover{
	opacity: .7;
}
.qa dt{
	width: 100%;
}
.qa dl .ttl{
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	/*padding-top: calc(var(--baseSpace) * 1);*/
	padding-left: calc(var(--baseSpace) * 1.5);
	width:calc(100% - 60px);
}
.qa dl dd{
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	padding-top: calc(var(--baseSpace) * 1);
	padding-left: calc(var(--baseSpace) * 1.5);
	padding-right: calc(var(--baseSpace) * 1.5);
	padding-bottom: calc(var(--baseSpace) * 1);
}
.qa .p-wrap{
	margin:0px 0px 0;
}
.qa .ttl span,
.qa .p-wrap span{
	display: inline-block;
}
.qa .p-wrap .f-q{
	width: 24px;
	margin-top: 0px;
    vertical-align: top;
}
.qa .ttl .details{
	width: calc(100% - 30px);
    vertical-align: top;
}
.qa .p-wrap .f-ans{
	font-size: 18px;
	line-height: 20px;
	width: 24px;
	margin-top: 0px;
    vertical-align: top;
}
.qa .p-wrap .details{
	width: calc(100% - 30px);
	font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    vertical-align: top;
}

.qa dl .circle-plus{
	align-self: flex-start;
}
.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.opened {
  opacity: 1;
}
.opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.circle-plus {
	margin-left: auto;
	height: 36px;
	width: 48px;
	font-size: 1em;
}
.circle-plus.active{
	display: block;
}

.circle-plus .circle {
  position: relative;
  width: 100%;
  height: 100%;
}

.circle-plus .circle .horizontal {
  position: absolute;
  background-color: var(--priColor);
  width: 20px;
  height: 6px;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -3px;
}

.circle-plus .circle .vertical {
  position: absolute;
  background-color: var(--priColor);
  width: 6px;
  height: 20px;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -10px;
}
.slide-wrap .swiper-trigger{
	overflow: hidden;
}
.swiper-pagination.bottom-adj{
	/*bottom: -9px;*/
}
.swiper-slide img{
	max-width: 100%;
}
.slide-area .slide-lead{
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: calc(var(--baseSpace) * 1);
}
.slide-wrap .swiper-pagination{
	position: relative;
	bottom: 0px;
    height: 30px;
    padding-top: calc(var(--baseSpace) * 1);
    box-sizing: border-box;

}
.swiper-pagination span{
	width: 18px;
	height: 18px;
	opacity: 1;
	/*border: 1px solid var(--red);*/
	border: 1px solid var(--priColor);
    background: transparent;
    margin-left: 2px;
    margin-right: 2px;
    box-sizing:border-box;
}
.swiper-pagination.align-r span:last-child{
	margin-right: 0;
}
.swiper-pagination span.swiper-pagination-bullet:hover,
.swiper-pagination span.swiper-pagination-bullet-active{
    /*background: var(--red);	*/
    background: var(--priColor);
}
.slide-ftr{
	padding-top: calc(var(--baseSpace) * 1);
	align-items: flex-end;
}
.slide-ftr .item:first-child{
	width: 120px;
}
.slide-ftr .item:last-child{
	width: 154px;
	margin-left: auto;
}
@media screen and (min-width:768px) {
	.qa dl{
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 18px;
		padding-right: 18px;
		margin-bottom: 20px;
	}
	.qa dl .ttl{
		font-size: 24px;
		line-height: 31px;

	}
	.qa dl dd{
		padding-top: 12px;
	}
	.qa .ttl .f-q{
		width: 30px;
	}
	.qa .ttl .details{
		width: calc(100% - 90px);
	}
	.qa .p-wrap .f-ans{
		font-size: 24px;
		line-height: 31px;
		width: 30px;
	}
	.qa .p-wrap .details{
		font-size: 16px;
		line-height: 31px;
		width: calc(100% - 90px);
	}
	.circle-plus .circle .horizontal{
		width: 28px;
		height: 8px;
		margin-left: -14px;
		margin-top: -4px;
	}
	.circle-plus .circle .vertical{
		width: 8px;
	    height: 28px;
	    margin-left: -4px;
	    margin-top: -14px;
	}
}
@media screen and (min-width:980px) {
	.qa .sec-ttl{
		margin-bottom: 0;
	}
}
#company{
	padding-top: 135px;
/*	padding-bottom: 60px;*/
}
#company .btn-wrap.bottom-sec{
	padding-top: 22px;

}
#company .btn-wrap.bottom-sec a{
	max-width: 100%;
}
#company .txt-item{
	padding-bottom: calc(var(--baseSpace) * 4);
}

@media screen and (min-width:980px) {
	#company{
		padding-top: 300px;
		padding-bottom: 0px;
		height: auto;
	}
	#company .slide-area{
		padding-top: 78px;
		padding-left: 55px;
		box-sizing:border-box;
	}
	#company .btn-wrap.bottom-sec a{
		margin:0 0;
	}
}
@media screen and (min-width:1366px) {
	#company .slide-area{
		padding-right: 25px;
	}
	#company .f-heavy{
		width: 480px;
	}
}
#packages{}

#packages article{
	border: 1px solid var(--gray03);
}
#packages .img-wrap{
	width: 100%;
}
#packages .conts-wrap{
	padding-top: calc(var(--baseSpace) * 1);
	padding-bottom: calc(var(--baseSpace) * 1);
	padding-left: calc(var(--baseSpace) * 2);
	background-color: var(--gray04);
	color: var(--black02);
	box-sizing:border-box;
	align-items: center;
}
#packages .conts-wrap .txt-wrap{
	width: calc(100% - 40px);
}
#packages .conts-wrap p{
	font-size: 22px;
	font-weight: 700;
}
#packages .conts-wrap p.small{
	font-size: 16px;
	line-height: 23px;
}
#packages .arrow-wrap{
	margin-left: auto;
	width: 40px;
	height: 100%;
}
#packages .conts-wrap p.arrow{
	width: 40px;
	height: 100%;
	background-image: url("../img/app-bottom/arrow_r.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px auto;
}
@media screen and (min-width:980px) {
	#packages{
		padding-top: 0;
		margin-top: -20px;
	}
}

#team{
	background-image: url("../img/app-bottom/team_bg.jpg");
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: 180% auto;
	color: var(--gray05);
}
#team .img-btn{
	width: 100%;
	max-width: 340px;
	display: block;
	margin-top: 22px;
	margin-bottom: 30px;
}
#team.dynamic-bg{
	height: calc(100vw * 1.55);
}

.team-main-area .item-wrap{
	position: relative;
	color: var(--black);
	/*padding-bottom: 32px;*/
}
.team-main-area .img-wrap{
	width:100%;
	max-width: 343px;
	margin:0 auto;
	position: relative;
	z-index: 90;
}
.team-main-area .main-team-info-wrap{
	position: absolute;
	z-index: 100;
	right: 0;
	bottom:-32px;

}
.team-main-area .team-info{
	background-color: white;
	padding: 6px 10px;
	margin-bottom: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.team-main-area .team-info p{
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	color: var(--gray05);
}
.team-main-area .team-name{
	margin-left: auto;
	text-align: right;
}
.team-main-area .team-name p{
	display: inline;
	padding: 0px 8px;
	background-color: white;
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	color: var(--gray05);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#team .dynamic-bg-wrap .dynamic-bg-top{
  border-top: 270px solid transparent;
  border-right: 100vw solid var(--priColor);
  position: relative;
  z-index: 1;
}
#team .dynamic-bg-wrap .dynamic-bg-btm{
/*  border-top: 270px solid transparent;
  border-left: 100vw solid var(--red);*/
  width: 100%;
  height: 200px;
  background-color: var(--priColor);
  z-index: 1;
}
#team .dynamic-bg-wrap .dynamic-bg-btm.temp-fix{
	border-bottom: 70px solid transparent;
    border-right: 100vw solid var(--priColor);
    transform: scaleX(1) scaleY(1);
  	height: auto;
  	width: auto;
    background-color: transparent;
}

#team .dynamic-bg-gray{
	position: relative;
	z-index: 2;
	margin-top:-120px;
}
#team .dynamic-bg-gray .dynamic-bg-gray-right-top{
  border-top: 120px solid transparent;
  border-left: 100vw solid var(--gray02);
}
#team .dynamic-bg-gray .dynamic-bg-gray-right-mid{
	background-color: var(--gray02);
}
#team .dynamic-bg-gray .dynamic-bg-gray-right-btm{
  border-bottom: 120px solid transparent;
  border-right: 100vw solid var(--gray02);
  transform: scaleX(-1);
}

.team-member-wrap{
	padding-top: calc(var(--baseSpace) * 8);
}
.team-member-wrap .img-wrap{
	position: relative;
	z-index: 10;
}
.team-member-wrap .member-info{
	z-index: 10;
    position: absolute;
    bottom: 11px;
    right: 22%;
}
.team-member-wrap .member-info p{
	font-size: 18px;
	font-weight: 700;
}
.team-member-wrap .member-info p.small{
	font-size: 9px;
	line-height: 11px;
	font-weight: 300;
	margin-bottom: 3px;
}
@media (min-width: 980px) {
	.team-member-wrap .member-info{
		right: 12%;
	}
}
.bottom-pages #team{
	background-position: center 205px;
    background-size: 165% auto;
    /*padding-bottom: 180px;*/
    height: auto;
}
.bottom-pages #team .dynamic-bg-wrap .dynamic-bg-btm-no-js{
	width: 100%;
	height: 68px;
	background-color: var(--priColor);
}
.bottom-pages #team .dynamic-bg-wrap .dynamic-bg-btm-no-js-btm{
	border-bottom: 98px solid transparent;
	border-right: 100vw solid var(--priColor);
    transform: scaleX(1) scaleY(1);
    position: relative;
    z-index: 1;
}
.bottom-pages #team .txt-item{
	margin-bottom: calc(var(--baseSpace) * 3);
}
.bottom-pages #team .dynamic-bg-wrap{
	top:343px;
}
.bottom-pages #team .team-main-area{
	margin-bottom: calc(100vw * 0.5);
}
.bottom-pages #team .page-conts{
	position: relative;
	z-index: 10;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	box-sizing:border-box;
}
@media screen and (min-width:768px) {
	#team{
		background-size: 100% auto;
	}
	section#team{
		padding-bottom: 0;
	}
	#team .txt-item{
		width: 100%;
	}
	#team .team-main-area{
		width: 100%;
	}
	.team-main-area .img-wrap{
		max-width: 498px;
	}
	.bottom-pages #team .team-main-area{
		margin-bottom: 60px;
	}
	.bottom-pages #team .page-conts{
		padding-left: calc(var(--baseSpace) * 2);
		padding-right: calc(var(--baseSpace) * 2);
	}
	.bottom-pages #team .page-conts .team-conts-inner{
		padding-top: calc(var(--baseSpace) * 2);
	}
	.bottom-pages #team .page-conts .team-conts-inner.adjust-mb{
		margin-bottom: calc(var(--baseSpace) * 8);
	}
}
@media screen and (min-width:980px) {
	#team{
		padding-top: 85px;
		background-size: auto 1040px;
		background-position: 80px top;
	}
	#team .txt-item{
		width: 50%;
	}
	#team .team-main-area{
		width: 50%;
		padding-top: 70px;
	}
	.team-member-wrap{
		padding-top: 80px;
	}
	.team-main-area .main-team-info-wrap{
		right: auto;
    	left: -25px;
    	bottom: -20px;
	}
	#team.dynamic-bg{
		height: calc(80vw * 1.3);
	}

	#team.dynamic-bg::before,
	#team.dynamic-bg::after,
	#team.dynamic-bg-gray-left::before,
	#team.dynamic-bg-gray-left::after{
		left: auto;
		right: 0;
	}
	#team.dynamic-bg::before{
		transform: scaleX(-1);
	}
	#team.dynamic-bg::after{
		/*border-right: 80vw solid var(--priColor);*/
		border-right: 75vw solid var(--priColor);
		transform: scaleX(1) scaleY(1);
	}

	#team.dynamic-bg::before {
	  border-left: 75vw solid var(--priColor);
	}
	#team.dynamic-bg .dynamic-bg-gray-left{
		transform: scaleX(-1);
	}
	#team.dynamic-bg .dynamic-bg-gray-right{
		transform: scaleX(-1);
	}
	/*2023 remove slide how quick fix*/
	#team.dynamic-bg .dynamic-bg-gray-right{
		/*margin-top: -130px;*/
	}
	#team.dynamic-bg .dynamic-bg-gray-left{
		margin-top: -70px;
	}
	/*2023 remove slide how quick fix*/

	.bottom-pages #team.dynamic-bg{
		height: auto;
	}
	.bottom-pages #team .page-conts .team-conts-inner{
		padding-top: 50px;
		padding-left: 100px;
		padding-right: 100px;
	}

}
@media screen and (min-width:1366px) {
	#team.dynamic-bg{
		height: calc(80vw * 0.88);
	}
	#team.dynamic-bg::before {
    	border-left: 80vw solid var(--priColor);
	}
	#team.dynamic-bg::after {
	  border-right: 80vw solid var(--priColor);
	}
}
.bottom-pages .page-conts .team-conts-inner{
	background-color: white;
	max-width: 100%;
}

.bottom-pages #team .page-conts .team-conts-inner.adjust-pb{
	padding-bottom: calc(var(--baseSpace) * 2);
}
.bottom-pages #team .page-conts .tri{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent white transparent;
	margin:0 auto;
}

.bottom-pages .page-conts .lead{
	font-size: 18px;
	line-height: 24px;
	color: black;
	font-weight: 700;
	margin-bottom: calc(var(--baseSpace) * 2);
}
.bottom-pages .page-conts .lead.type02{
	margin-bottom: 0;
}
.bottom-pages .page-conts p{
	font-size: 15px;
    line-height: 24px;
	color: black;
	/*font-weight: 300;*/
	margin-bottom: calc(var(--baseSpace) * 2);
}
.bottom-pages .page-conts .quote{
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	position: relative;
	padding-top: calc(var(--baseSpace) * 5);
	padding-bottom: calc(var(--baseSpace) * 5);
	margin-bottom: calc(var(--baseSpace) * 2);
}
.bottom-pages .page-conts .quote::before,
.bottom-pages .page-conts .quote::after{
	content: "";
	position: absolute;
	background-size: 80px auto;
	background-repeat: no-repeat;
	width: 80px;
	height: 68px;
}
.bottom-pages .page-conts .quote::before{
	top: 0;
	left: 0;
	background-image: url("../img/app-bottom/bg_quote01.png");
	background-position: top center;
}
.bottom-pages .page-conts .quote::after{
	bottom: 0;
	right: 0;
	background-image: url("../img/app-bottom/bg_quote02.png");
	background-position: right center;
}
.bottom-pages .page-conts .img-wrap{
	max-width: 100%;
	margin-bottom: calc(var(--baseSpace) * 2);
}
@media screen and (min-width:768px) {
	#team-conts.page-conts .img-wrap{
		margin-right: auto;
		margin-left: auto;
		width: 80%;
	}
	.bottom-pages #team .page-conts .team-conts-inner.adjust-pb{
		margin-bottom: 28px;
	}
}
@media screen and (min-width:980px) {
	.bottom-pages #team{
		padding-top: 90px;
		background-position: center 150px;
		background-size: auto 1150px;
	}
	.bottom-pages #team .sec-lead{
		font-size: 37px;
	    line-height: 50px;
	}
	.bottom-pages #team .txt-item p.wide-show{
		font-size: 20px;
	    line-height: 31px;
	}
	.bottom-pages #team .page-conts .tri{
		margin-left: auto;
		margin-right: 25%;
	}

	.bottom-pages #team.dynamic-bg .inner{

	}
	.bottom-pages #team .page-conts .lead{
		font-size: 26px;
	    line-height: 35px;
	    margin-bottom: calc(var(--baseSpace) * 4);
	}
	.bottom-pages .page-conts .quote{
		font-size: 26px;
	    line-height: 35px;
	}
	.bottom-pages .page-conts .quote::before,
	.bottom-pages .page-conts .quote::after{
		content: "";
		position: absolute;
		background-size: 86px auto;
		background-repeat: no-repeat;
		width: 86px;
		height: 74px;
	}
	#team-conts.page-conts .img-wrap{
		width: 252px;
		margin-right: 8px;
	}
}
@media screen and (min-width:1366px) {
	.bottom-pages #team .team-main-area{
		padding-top: 0;
	}
	.bottom-pages #team.dynamic-bg .inner{
		max-width: 1200px;
		padding-left: 0;
		padding-right: 0;
	}
	.bottom-pages #team .page-conts .tri{
		margin-left: auto;
		margin-right: 200px;
	}
	.bottom-pages #team .team-main-area .img-wrap{
		max-width: 695px;
		padding-right: 46px;
    	box-sizing: border-box;
	}
}

#system{}
#system .sec-ttl{
	font-size: 32px;
    line-height: 40px;
}
#system .sec-lead{
	font-size: 24px;
    line-height: 36px;
	font-weight: 300;
}
#system .img-wrap{
	width: 100%;
	max-width: 380px;
	margin:0 auto;
	position: relative;
}
#system .img-wrap img{
	position: relative;
	z-index: 1;
}
#system .click-area{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;
}
#system .click-area a{
	position: absolute;
}
#system .click-area a.click01{
	width: 100%;
	height: 14%;
	top: 0;
	left: 0;
}
#system .click-area a.click02{
	width: calc(50% - 16px);
	height: 12%;
	bottom: 28%;
	left: 0px;
}
#system .click-area a.click03{
	width: calc(50% - 16px);
	height: 12%;
	bottom: 28%;
	right: 0px;
}
#system .click-area a.click04{
    width: 50%;
    height: 12%;
    bottom: 15%;
    right: 25%;
}
@media screen and (min-width:768px) {
	#system .sec-ttl{
		font-size: 37px;
		line-height: 50px;
		margin-bottom: 12px;
	}
	#system .sec-lead{
		font-size: 29px;
		line-height: 36px;
	}
	#system .sec-hdr.narrow-mb{
		margin-bottom: 50px;
	}
}


@media screen and (min-width:980px) {
	#system .img-wrap{
		max-width: 1150px;
	}
	#system .click-area a.click01{
		width: 22%;
		height: 37%;
		top: 24%;
		left: 0;
	}
	#system .click-area a.click02{
		width: 22%;
		height: 28%;
		bottom: 0;
		left: 0px;
	}
	#system .click-area a.click03{
		width: 22%;
		height: 28%;
		bottom: 0;
		right: auto;
		left: 25%;
	}
	#system .click-area a.click04{
	    width: 14%;
	    height: 28%;
	    bottom: 0;
	    right: auto;
	    left: 51%;
	}
}
#points{
/*	padding-bottom: calc(var(--baseSpace) * 0);*/
}
#points .inner{
	background-image: url("../img/app-bottom/points_bg_logo.png");
	background-size: 830px auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	max-width: 1366px;
}
#points .sec-hdr .img-wrap{
	max-width: 175px;
	margin: 0 auto calc(var(--baseSpace) * 0.5);
}
#points .sec-ttl{
	font-size: 18px;
}
#points .points-wrap{}
#points .points-wrap.wrap01,
#points .points-wrap.wrap03{
	padding-top: calc(var(--baseSpace) * 1);
	background-image: url("../img/app-bottom/points_bg_line.png");
	background-size: 64px auto;
	background-position: top center;
	background-repeat: repeat-y;
}
#points .points-wrap.wrap01{
	position: relative;
}
#points .points-wrap.wrap01 .white-bg{
	width: 68px;
	height: 14%;
	position: absolute;
	background-color: white;
	left: 50%;
	bottom: 0;
	margin-left: -34px;
}
#points .points-wrap.wrap02{
	padding-bottom: calc(var(--baseSpace) * 5);
}
#points .points-wrap .points-conts{
	max-width: 1414px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: calc(var(--baseSpace) * 4);
}

#points .points-wrap .visual-conts{
	position: relative;
	width: 132%;
	margin:0 auto;
	z-index: 10;
}

#points .points-wrap .visual-conts .img-wrap{
	width: 60%;
	max-width: 340px;
	margin-left: -15%;
}
#points .points-wrap .visual-conts p{
	color: black;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	width: 134px;
	position: absolute;
	bottom:44px;
	right: 21%;
}
#points .points-wrap .txt-conts{
	margin-top: -150px;
	margin-left: calc(var(--baseSpace) * -2);
	margin-right: calc(var(--baseSpace) * -2);
	padding-top: 170px;
	padding-left: calc(var(--baseSpace) * 2);
	padding-right: calc(var(--baseSpace) * 2);
	padding-bottom: calc(var(--baseSpace) * 3);
	background-image: url("../img/app-bottom/points_conts_bg.png");
	background-size: 1px 1px;
	position: relative;
	z-index: 1;

}
#points .points-wrap .txt-conts p{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: calc(var(--baseSpace) * 1.5);
}
#points .points-wrap .txt-conts p:last-child{
	margin-bottom: 0;
}
#points .points-wrap .txt-conts .f-priColor{
	font-weight: 700;
}
#points .points-wrap .txt-conts .ttl{
	font-size: 19px;
	line-height: 30px;
	margin-bottom: calc(var(--baseSpace) * 2);
}
#points .points-wrap .txt-conts .point01-div .txt-wrap{
	width: calc(100% - 74px);
	padding-right: calc(var(--baseSpace) * 2);
	box-sizing:border-box;
}
#points .points-wrap .txt-conts .point01-div .img-wrap{
	width: 74px;
	margin-top: 4px;
}
#points .points-wrap .txt-conts p.note{
	font-size: 12px;
	margin-top: 10px;
	color: var(--gray05);
}
@media (min-width: 360px) {
	#points .points-wrap .visual-conts{
		width: 495px; /*adjust the .txt-conts media query if this width has been changed*/
		margin:0 auto;
	}
	#points .points-wrap .visual-conts .img-wrap{
		width: 340px;
		margin-left: -60px;
	}
	#points .points-wrap .visual-conts p{
		width: 134px;
		right: calc(120px + 16px);
	}
	#points .points-wrap .txt-conts{
		max-width: 495px;
	}

}
@media (min-width: 495px) {
	#points .points-wrap .txt-conts{
		max-width: 495px;
		margin-left:auto;
    	margin-right:auto;
	}
}
@media (min-width: 768px) {

	#points .sec-hdr .img-wrap{
		min-width: 326px;
		margin:0 auto 35px;
	}
	#points .sec-ttl{
		font-size: 37px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts .img-wrap,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts .img-wrap{
		margin-left: auto;
    	margin-right: -60px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts p,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts p{
		right: calc(-120px - 8px);
	}
	#points .sec-hdr.narrow-mb{
		margin-bottom: 70px;
	}
	#points .points-wrap .txt-conts .ttl{
		font-size: 24px;
		line-height: 39px;
		margin-bottom: 26px;
	}
}
@media (min-width: 980px) {
	#points .inner{
		background-size: 1120px auto;
    	background-position: right -285px bottom;
    	padding-bottom: 148px;
	}
	#points .points-wrap .visual-conts{
		width: 433px; /*76% of widest*/
		position: absolute;
	}
	#points .points-wrap .points-conts{
		padding-bottom: calc(var(--baseSpace) * 8);
	}
	#points .points-wrap .visual-conts .img-wrap{
		max-width: 100%;
		width: 100%;
		margin-left: -48px;
	}
	#points .points-conts:nth-child(odd) .visual-conts{
		/*left: 0;*/
	}
	#points .points-wrap.wrap01{
		background-size: 102px auto;
	}
	#points .points-wrap.wrap01 .white-bg{
		width: 104px;
		height: 14%;
		margin-left: -52px;
	}

	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts,
	#points .points-conts:nth-child(even) .visual-conts{
		right: 0;
	}

	#points .points-wrap .txt-conts{
		max-width: none;
		padding-top: calc(var(--baseSpace) * 2);
		padding-right: calc(var(--baseSpace) * 3);
		padding-left: calc(50% - 215px);
		width: calc(100% - 215px);
		/*width: 65%;*/
		margin-top: 85px;
		margin-left: 215px; /*half of the image*/

		box-sizing: border-box;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .txt-conts,
	#points .points-conts:nth-child(even) .txt-conts{
		padding-left: calc(var(--baseSpace) * 3);
		padding-right: calc(50% - 215px);
		margin-left: 0px;
		margin-right: 240px;

	}
	#points .points-wrap .visual-conts p{
		right: 3px;
	    bottom: 56px;
	    width: 146px;
	}
	#points .points-wrap .txt-conts .point01-div .txt-wrap{
		width: calc(100% - 110px);
	}
	#points .points-wrap .txt-conts .point01-div .img-wrap{
		width: 110px;
		margin-left: auto;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts .img-wrap,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts .img-wrap{
		margin-right: auto;
		margin-left: -102px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts p,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts p{
		right: 40px;
	}
	#points .points-wrap.wrap01{
		/*background-position: center bottom;*/
	}
	#points .points-wrap.wrap03{
		background-image: none;
	}
}
@media (min-width: 1366px) {
	#points .inner{
		padding-left: 0;
		padding-right: 0;
		background-size: 1475px auto;
    	background-position: right -375px bottom;
	}
	#points .points-wrap .points-conts{
		padding-bottom: 74px;
	}
	#points .points-wrap .points-conts.point01{
		padding-bottom: 49px;
	}
	#points .points-wrap .points-conts.point01{
		padding-bottom: 84px;
	}
	#points .points-wrap .visual-conts{
		width: 570px;
		position: absolute;
	}
	#points .points-wrap .visual-conts .img-wrap{
		max-width: 100%;
		width: 100%;
		margin-left: -24px;
	}
	#points .points-wrap .visual-conts p{
	    width: 226px;
	    right: -69px;
	    bottom: 72px;
	    font-size: 24px;
	    line-height: 30px;
	}
	#points .points-wrap .txt-conts .ttl{
		font-size: 31px;
	}
	#points .points-wrap .txt-conts .point01-div .txt-wrap{
		width: calc(100% - 132px);
		padding-right: 0;
	}
	#points .points-wrap .txt-conts{
		padding-top: 50px;
		padding-right: 40px;
		padding-left: calc(50% - 360px);
		width: calc(100% - 350px);
		margin-top: 101px;
		margin-left: 350px;
		margin-right: 110px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .txt-conts,
	#points .points-conts:nth-child(even) .txt-conts{
		margin-left: 40px;
		margin-right: 370px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts .img-wrap,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts .img-wrap{
		margin-left: -200px;
	}
	#points .points-wrap.wrap02 .points-conts:nth-child(odd) .visual-conts p,
	#points .points-wrap .points-conts:nth-child(even) .visual-conts p{
		right: 105px;
	}
}

.fancybox-slide > *{
	padding: 0;
	border-radius: 0;
}
.cat-btns-wrap-mobile .popup-menu{
  background-color: white;
  text-align:left;
  min-width: 280px;
  box-sizing:border-box;
}
.cat-btns-wrap-mobile .filters-button-group{
	border-top: 2px solid var(--priColor);
	border-bottom: 2px solid var(--priColor);
	border-left: 0;
	border-right: 0;
}
.cat-btns-wrap-mobile .cat-btns{

}
.cat-btns-wrap-mobile .cat-btns a,
.cat-btns-wrap-mobile .cat-btns p{
	border-top: 2px solid var(--priColor);
	border-bottom: 2px solid var(--priColor);
	width: 50%;
	color: var(--priColor);
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
	text-align: center;
	box-sizing:border-box;
}
.cat-btns-wrap-mobile .cat-btns p.odd,
.cat-btns-wrap-mobile .cat-btns a:nth-child(odd){
  border-left: 4px solid var(--priColor);
  border-right: 2px solid var(--priColor);
}
.cat-btns-wrap-mobile .cat-btns p.even,
.cat-btns-wrap-mobile .cat-btns a:nth-child(even){
  border-right: 4px solid var(--priColor);
  border-left: 2px solid var(--priColor);
}
/*.cat-btns-wrap-mobile .cat-btns a:last-child{
  margin-bottom: 0;
}
.cat-btns-wrap-mobile .cat-btns span{
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: auto;
  margin-left: auto;
  vertical-align: middle;
  margin-right: 15px;
}*/
.cat-btns-wrap-mobile .cat-btns a.selected,
.cat-btns-wrap-mobile .cat-btns a:hover{
  background-color: var(--priColor);
  color: white;
}
.cat-btns-wrap-mobile .cat-btns a.selected span,
.cat-btns-wrap-mobile .cat-btns a:hover span{
  background-position: left center;
}
.form .form-wrap .text-bdr-wrap{
	margin: 20px auto;
    border: 1px solid var(--gray03);
    padding: 16px 16px 0 16px;
    max-height: 205px;
    overflow: scroll;
}

.form .form-wrap .f-w-700{
	font-weight: 700;
}
.form .form-wrap .text-bdr-wrap p{
	margin-bottom: 20px;
}
.form .form-wrap .text-bdr-wrap a{
	color: color: var(--gray05);
	text-decoration: underline;
}
.form .form-wrap .wpcf7-form .note.inactive,
.form .form-wrap .wpcf7-form .cus-confirm.inactive,
.form .form-wrap .text-bdr-wrap.inactive{
	display: none;

}
.form .form-wrap .wpcf7-form .cus-confirm{
    border: 1px solid var(--black);
    color: var(--black);
    padding: calc(var(--baseSpace) * 2);
    text-align: center;
    box-sizing: border-box;
    line-height: 20px;
    margin-bottom: calc(var(--baseSpace) * 2);
}
.form .form-wrap .wpcf7-form .cus-confirm .strong{
	font-weight: 900;
    font-size: 16px;
    margin-bottom: 4px;
    display: block;
}
.bottom-pages section .lead{
	font-size: 14px;
	line-height: 26px;
	color: var(--gray05);
	font-weight: 300;
}
.bottom-pages section .lead.style02{
	margin-bottom: calc(var(--baseSpace) * 2);
}

.form .cus-confirm-msg{
	max-width: 100%;
	font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: var(--priColor);
    padding: calc(var(--baseSpace) * 4) calc(var(--baseSpace) * 2);
    border: 1px solid var(--priColor);
}
@media screen and (min-width:980px) {
	.bottom-pages section .lead{
		font-size: 20px;
		line-height: 31px;
	}
	.bottom-pages section .lead.style02{
	margin-bottom: calc(var(--baseSpace) * 3);
}
}