@media(max-width: 1024px){
  .wrap {
		font-size:1.4rem;
		line-height:2rem
	}
  .header {
		position:fixed;
		left:0;
		top:0;
		bottom:0;
		z-index:101;
		width:100%;
		padding:0;
		pointer-events:none
	}
	.header .menu {
		z-index:9;
		background-color:#826fff;
		width:100%;
		padding:6rem 0 0;
		clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);
		transition:opacity 0ms 400ms,clip-path 400ms
	}
	.header .menu .col-wrap {
		height:100%;
		padding:4rem;
		overflow-y:auto
	}
	.header .menu .col:not(:only-child):first-child strong {
		display:none
	}
	.header .menu strong {
		font-size:1.2rem;
		line-height:1.7rem
	}
	.header .menu a {
		display:block;
		font-size:1.8rem;
		line-height:2.6rem
	}
	.header .menu .dep1 {
		margin-bottom:4rem;
		display:flex;
		flex-direction:column;
		gap:1rem
	}
	.header .menu .ps {
		margin-top:2rem;
		font-size:1.2rem;
		line-height:1.67
	}


	.header a,.header button {
		pointer-events:all
	}
	.header .copy,.header .i-logo-kb {
		display:none
	}
	.header .fix {
		position:absolute;
		left:0;
		width:100%;
		padding:0.5rem 1.1rem;
		display:flex;
		align-items:center;
		justify-content:right;
		pointer-events:all;
		background-color:#8370ff99
	}
	.header .i-app {
		position:absolute;
		top:2rem;
		right:6.5rem;
		z-index:10;
		background-color:#826fff;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight:700;
		font-size:1.4rem;
		opacity:0;
		pointer-events:none;
		transition:opacity 100ms
	}
	.header .i-app.ir,.header .i-app.ir-a::after,.header .i-app.ir-b::before {
		background-image:url("../image/i-app-mo.svg");
		margin-left:0.8rem
	}
	.header .i-logo-mable {
		position:absolute;
		top:1.5rem;
		left:50%;
		z-index:2;
		transform:translateX(-50%)
	}
	.header .event-go::after {
		content:"";
		display:inline-block;
		width:1.6rem;
		height:1.6rem;
		margin-left:1.2rem;
		margin-bottom:0;
		vertical-align:middle;
		border-radius:100%;
		background:#000 url("../image/i-event-go.svg") 0 0/contain no-repeat
	}
	.header.opend .menu-toggle::before {
		width:1.9rem
	}
  .header.opend .menu-toggle::after {
		width:1.9rem
	}
  .header.opend .menu {
		transition-delay:0ms,0ms;
		opacity:1;
		clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)
	}
	.header.opend .i-app {
		opacity:1;
		pointer-events:all;
		transition-delay:600ms
	}
  .footer {
		padding:4.2rem 0 3.2rem var(--cont-pd);
		font-size:1.4rem
	}
	.footer::before {
		width:8rem;
		height:1.8rem;
		margin-bottom:2rem
	}
  .footer .subj {
		font-size:1.8rem
	}
	.footer .subj+.subj2,.footer .subj+.group {
		margin-top:2rem
	}
  .footer .review-info {
		letter-spacing:-0.04em !important
	}
  .footer .attention {
		padding:2rem 0 0
	}
  .footer .info .sns {
		margin-bottom:3.2rem
	}
  .footer .info {
		order:1;
		flex-direction:column;
		margin-top:4rem
	}
	.footer .info .cs {
		order:1;
		padding:2rem 0;
		font-weight:700;
		border-top:1px solid rgba(255,255,255,.2);
		border-bottom:1px solid rgba(255,255,255,.2)
	}
	.footer .info .label {
		padding-right:2.4rem
	}
  .footer .bul-dot {
		font-size:1.2rem;
		line-height:1.67
	}
  .footer .fix-btm .ad .toggle {
		width:6rem
	}
	.footer .fix-btm .ad .hover-only {
		display:block;
		width:22rem;
		border-radius:0.4rem
	}
	.footer .fix-btm .ad img {
		width:100%
	}
  .footer .fix-btm {
		left:2rem;
		right:2rem;
		bottom:2rem
	}
  .footer .i-top {
		width:6rem;
		height:6rem;
		font-size:1.2rem
	}
  .pop-layer .group-cont+.group-cont {
		padding:1rem 3.1rem 2rem
	}
  .pop-layer .btn-area {
		line-height:4.7rem
	}
  .pop-layer .app-guide>.item .btn-pop {
		margin-top:1rem;
		width:5rem;
		min-width:0;
		line-height:2.5rem
	}
  .pc-only {
		display:none !important
	}
	.mo-ac {
		text-align:center
	}
	.mo-al {
		text-align:left
	}
	.mo-ar {
		text-align:right
	}
	.com-mgt2 {
		margin-top:4rem
	}
  .ir,.ir-a::after,.ir-b::before {
		--ico-w:var(--ico-w-mo, 3.2rem);
		--ico-h:var(--ico-h-mo,var(--ico-w-mo, 3.2rem))
	}
  .section {
		--sec-pd-top:4rem;
		--sec-pd-btm:4rem
	}
	.section.mo-bg1 {
		background-color:#f8f6f2
	}
  .container>.section:first-child {
		padding-top:15rem;
		padding-bottom:0;
		min-height:min(75.8rem,100vh)
	}
	.container>.section:first-child .grid1 {
		display:flex;
		flex-direction:column;
		margin-top:2.7rem;
		margin-left:1rem;
		margin-right:1rem
	}
	.container>.section:first-child .grid1 .btns {
		order:-1
	}
	.container>.section:first-child .grid1 .deco {
		display:flex;
		flex-direction:column;
		justify-content:center;
		margin-top:auto;
		aspect-ratio:256/285;
	}
  .container>.section:last-child {
		padding-bottom:8rem
	}
  .m-title2 .mo-cap {
		display:block;
		font-size:var(--txt-cap-fs,1.4rem);
		line-height:var(--txt-cap-lh,1.571);
		margin-bottom:var(--txt-cap-mg,2rem);
		color:var(--pointC2)
	}
	.m-title2 .mo-cap.ty2 {
		--txt-cap-mg:0 !important;
		color:var(--color0)
	}
  .m-title3 .cap {
		margin-bottom:0
	}
  .m-title4 .text-cap {
		margin-top:-0.2rem;
		margin-right:0.6rem
	}
  .text-cap.ty2 {
		min-width:6.2rem;
		--txt-lh:2.9rem;
		--txt-fs:1.2rem;
		vertical-align:middle
	}
  .mo-ac .grid-def {
		text-align:center;
		margin-left:auto;
		margin-right:auto
	}
  .m-title2+.ps-int {
		margin-top:0rem
	}
	.ps-int:not(:last-child) {
		margin-bottom:1rem
	}
  .grid-def3 {
		display:flex;
		flex-direction:column;
		gap:1.2rem
	}
  .grid-def3>.group {
		gap:1.2rem;
		font-size:1.2rem;
		line-height:1.5
	}
  .grid-def4 {
		gap:1rem
	}
	.grid-def4>.grid-item {
		flex:1;
		border-bottom:2px solid #000
	}
	.grid-def4>.grid-item>dt {
		position:relative;
		border-top:0.2rem solid #000;
		font-size:1.2rem;
		line-height:1.8rem;
		padding-left:5.5rem
	}
	.grid-def4>.grid-item>dt::before {
		position:absolute;
		left:1.2rem;
		top:50%;
		transform:translateY(-50%)
	}
	.grid-def4>.grid-item>dd {
		border-top:1px solid #000;
		padding-left:1.3rem
	}
	.grid-def4>.grid-item>dd .point.ir-a::after {
		margin-left:0.4rem;
		margin-right:-1rem
	}
  .grid-list {
		margin-top:2rem
	}
  .grid-list>li {
		gap:2rem
	}
	.grid-list>li .ps {
		margin-top:1rem;
		font-size:1.2rem;
		line-height:1.8rem
	}
	.grid-list>li .info {
		padding-top:0
	}
  .tb-info-wrap {
		overflow-x:clip
	}
	.tb-info-wrap .tb-info {
		width:calc(100% + 1px)
	}
  .tb-info td,.tb-info th {
		height:6rem;
		border-right:1px solid rgba(0,0,0,.15)
	}
  .btn-a.i-apple,.btn-a.i-google {
		font-size:1.4rem
	}
  .grid2 {
		gap:1rem;
		flex-direction:column
	}
  .grid3 {
		flex-direction:column
	}
	.grid3 .mo-ac .m-title2 {
		margin-left:-0.2em;
		margin-right:-0.2em
	}
	.grid3 .deco {
		display:block;
		margin:0 2rem 2rem;
		text-align:center
	}
	.grid3 .deco:last-child {
		margin-bottom:0
	}
	.grid3 .deco.mg-ty,.grid3 .deco.mg-ty2 {
		margin:0 2rem 0
	}
	.grid3 .deco.mg-ty+.grid-def.line-t,.grid3 .deco.mg-ty2+.grid-def.line-t {
		margin-top:2rem
	}
	.grid3 .deco+.grid-def.mo-od-ty {
		margin-top:-2.4rem;
		order:-1
	}
	.grid3 .deco+.grid-def.mo-od-ty+.btn-area {
		margin-top:0
	}
	.grid3 .grid-def.line-t {
		padding-top:0
	}
	.grid3 .grid-def.line-t::before {
		display:none
	}
	.grid3>.grid-item {
		display:flex;
		flex-direction:column
	}
	.grid3>.grid-item>[class^=btn] {
		width:fit-content;
		align-self:center
	}
  .grid4 {
		border-bottom:1px solid rgba(0,0,0,.15)
	}
	.grid4:not(.swiper-wrapper) {
		flex-direction:column
	}
  .grid4>.grid-item {
		display:block;
		font-size:2.8rem;
		line-height:4rem;
		border-top:1px solid rgba(0,0,0,.15);
		padding-bottom:3rem
	}
	.grid4>.grid-item .text-cap {
		margin-bottom:0.8rem
	}
	.grid4>.grid-item .deco {
		display:inline-block;
		vertical-align:middle;
		width:10rem;
		margin:0
	}
	.grid4>.grid-item .deco+* {
		display:inline-block;
		vertical-align:middle;
		text-align:left;
		width:calc(100% - 13rem);
		margin-left:2rem
	}
  .grid5 {
		flex-direction:column;
		gap:0.8rem
	}
  .grid5>.grid-item {
		align-items:center;
		gap:2rem;
		text-align:left
	}
	.grid5>.grid-item .deco img {
		width:8rem;
		max-width:none
	}
	.grid5>.grid-item dl {
		margin-top:0;
		font-size:1.2rem;
		line-height:1.8rem
	}
	.grid5>.grid-item dl dt {
		margin-bottom:0.4rem;
		font-size:1.4rem;
		line-height:2.2rem
	}
  .grid6.ty2 .deco {
		margin:0.4rem auto 1.2rem
	}
  .grid6.ty3>.grid-item {
		position:relative;
		padding:8.9rem 2rem 2.8rem 13rem
	}
	.grid6.ty3>.grid-item .text-cap {
		position:absolute;
		left:50%;
		margin-top:-4.9rem;
		transform:translateX(-50%)
	}
	.grid6.ty3>.grid-item .deco {
		position:absolute;
		left:2rem;
		width:9rem
	}
	.grid6.ty3>.grid-item .deco img {
		width:100%
	}
	.grid6.ty3>.grid-item:not(.swiper-slide):not(:first-child) {
		border-top:1px solid rgba(0,0,0,.15);
		border-radius:0
	}
  .grid6.ty4 {
		gap:0
	}
	.grid6.ty4 .grid-item {
		border-bottom:1px solid rgba(0,0,0,.15);
		padding-left:11.2rem
	}
	.grid6.ty4 .grid-item>dt {
		position:relative;
		padding-top:0;
		margin-bottom:0
	}
	.grid6.ty4 .grid-item>dt .text-cap {
		position:absolute;
		left:-9.2rem;
		top:0;
		margin:0
	}
  .grid6 {
		font-size:1.6rem;
		line-height:2.6rem
	}
	.grid6:not(.swiper-wrapper) {
		flex-direction:column;
		gap:1.2rem
	}
	.grid6.ty2 {
		gap:1rem;
		font-size:2.4rem;
		line-height:3.4rem
	}
	.grid6.ty2>.grid-item .text-cap {
		--txt-lh:2.4rem;
		margin-bottom:1.6rem
	}
	.grid6.ty2>.grid-item .deco {
		margin-bottom:1.4rem
	}
	.grid6.ty2.mo-col2>.grid-item {
		padding-bottom:1.8rem
	}
	.grid6.mo-col2 {
		flex-direction:row;
		flex-wrap:wrap;
		gap:1rem;
		font-size:1.4rem;
		line-height:2.2rem
	}
	.grid6.mo-col2 .mo-fs-ty {
		font-size:1.2rem;
		line-height:1.8rem
	}
	.grid6.mo-col2 .mo-fs-ty .ps2 {
		font-size:inherit;
		line-height:inherit;
		margin-right:-0.5rem;
		margin-left:-0.5rem
	}
	.grid6.mo-col2 .deco {
		width:9rem;
		margin:0
	}
	.grid6.mo-col2 .deco img {
		width:100%
	}
	.grid6.mo-col2 .deco+strong {
		font-weight:400
	}
	.grid6.mo-col2 .grid-item {
		flex:none;
		width:calc((100% - 1rem)/2);
		padding:2.3rem 1.7rem 3rem
	}
	.grid6.mo-col2 .grid-item .ir-b::before {
		--ico-w-mo:3.2rem
	}
  .grid6>.grid-item .deco img {
		max-width:18rem
	}
  .grid6>.grid-item>.ir-b::before {
		margin-bottom:2.2rem
	}
	.grid6>.grid-item .mg-ty.ir-b::before {
		margin-bottom:3.2rem
	}
	.grid6>.grid-item .text-cap {
		margin-bottom:2rem
	}
	.grid6>.grid-item .ps {
		font-size:1.4rem
	}
	.grid6>.grid-item .ps2 {
		margin-top:0.2rem;
		font-size:1.4rem
	}
	.grid6>.grid-item .ps2+.ps2 {
		margin-top:0
	}
  .grid6>.grid-item:is(dl) {
		text-align:center;
		align-items:center
	}
	.grid6>.grid-item:is(dl).ir-b {
		position:relative;
		padding:3rem 3rem 3rem 10.6rem
	}
	.grid6>.grid-item:is(dl).ir-b::before {
		position:absolute;
		left:3rem;
		top:50%;
		width:5.6rem;
		height:5.6rem;
		border-radius:100%;
		background-color:#fff;
		background-position:center center;
		transform:translateY(-50%)
	}
  .grid7 {
		gap:1rem;
		justify-content:center
	}
	.grid7>.grid-item {
		gap:3rem;
		padding:3.2rem 1.6rem
	}
	.grid7 .type {
		white-space:nowrap
	}
	.grid7 .ir-b.i-check-on::before {
		margin-right:0.8rem
	}
	.grid7 .line {
		text-decoration-thickness:0.2rem
	}
	.grid7 .summary {
		font-size:1.4rem;
		line-height:2.2rem
	}
	.grid7 .list {
		margin-top:-1.3rem;
		font-size:1.2rem;
		line-height:1.8rem
	}
	.grid7 .list dt {
		flex:none;
		width:4em;
		padding:1.1rem 0
	}
	.grid7 .list dd {
		width:calc(100% - 4em);
		padding:1.1rem 0
	}
	.grid7 .total {
		height:12rem;
		font-size:1.2rem;
		line-height:1.8rem
	}
	.grid7 .total strong {
		font-size:1.8rem;
		line-height:2.8rem
	}
  .grid8 {
		justify-content:center;
		margin:4rem 0 0;
		padding-bottom:2rem
	}
	.grid8>.grid-item {
		flex-direction:row;
		align-items:flex-start;
		gap:4rem;
		width:100%;
		padding:3rem 2rem;
		border-width:1px 0 0 0
	}
	.grid8>.grid-item .deco {
		max-width:10rem
	}
	.grid8>.grid-item .msg {
		width:auto;
		padding-top:0;
		font-size:1.2rem
	}
	.grid8>.grid-item .msg .cap {
		color:#000;
		letter-spacing:-0.48rem
	}
	.grid8>.grid-item .msg .text {
		margin-top:1.8rem
	}
	.grid8>.grid-item .msg .btn-area {
		margin-top:0.6rem;
		font-size:1.6rem;
		font-weight:700
	}
	.grid8>.grid-item .msg .btn-area button {
		min-height:2.4rem;
		line-height:2.6rem
	}
	.grid8>.grid-item .msg .btn-area button+button {
		margin-top:0.2rem
	}
	.grid8>.grid-item .ir-a::after {
		width:1.6rem;
		height:1.6rem;
		background-size:1.6rem;
		margin-left:0.6rem
	}
  .grid4-swiper {
		overflow:hidden
	}
	.grid4-swiper::before {
		content:"";
		position:absolute;
		left:0;
		width:100%;
		top:0;
		height:1px;
		background-color:rgba(0,0,0,.15)
	}
	.grid4-swiper::after {
		content:"";
		position:absolute;
		left:0;
		width:100%;
		bottom:3.6rem;
		height:1px;
		background-color:rgba(0,0,0,.15)
	}
  .grid4-swiper .grid4 {
		border:none
	}
	.grid4-swiper .grid4 .grid-item {
		flex:none;
		width:100vw;
		border:0
	}
  .grid6-swiper {
		overflow:hidden
	}
	.grid6-swiper::before {
		content:"";
		position:absolute;
		left:0;
		width:100%;
		top:0;
		height:1px;
		background-color:rgba(0,0,0,.15)
	}
	.grid6-swiper::after {
		content:"";
		position:absolute;
		left:0;
		width:100%;
		bottom:3.6rem;
		height:1px;
		background-color:rgba(0,0,0,.15)
	}
  .grid6-swiper .grid6 {
		border:none
	}
	.grid6-swiper .grid6 .grid-item {
		flex:none;
		width:100vw;
		border:0
	}
  .container .section [data-swipe-scroll=this] {
		gap:1.2rem;
		overflow:auto;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
		-webkit-user-drag:none;
		-webkit-user-select:none;
		user-select:none;
		flex-direction:row;
		margin-left:var(--cont-pd2-m);
		margin-right:var(--cont-pd2-m);
		padding-left:var(--cont-pd2);
		padding-right:var(--cont-pd2)
	}
	.container .section [data-swipe-scroll=this]>.grid-item {
		flex:none;
		width:calc(100vw - var(--cont-pd2) * 2);
		scroll-snap-align:center
	}
  .banner {
		padding:2.2rem 2rem;
		gap:2rem;
		font-size:1.6rem;
		line-height:1.5;
		align-items:center
	}
	.banner .deco {
		flex:none;
		padding:0;
		width:12rem;
		margin-top:-0.8rem;
		margin-bottom:-0.8rem
	}
	.banner small {
		font-size:1.2rem
	}
	.banner .btn-b {
		margin-top:0.8rem;
		--btn-h:3.2rem;
		--btn-pd:1.6rem;
		font-size:1.2rem;
		line-height:1.4166
	}
  .container>[data-section=sec-s00-01].section {
		display:flex;
		flex-direction:column;
		justify-content:center;
		padding-top:4.6rem;
		padding-bottom:4.6rem;
		font-size:2rem;
		line-height:2.9rem;
		font-weight:500
	}
  .container>[data-section=sec-s00-01].section .deco {
		margin-bottom:2rem;
		margin-left:var(--cont-pd2-m);
		margin-right:var(--cont-pd2-m)
	}
  .container>[data-section=sec-s00-03].section .grid6>.grid-item:is(dl) {
		background-color:#fff
	}
	.container>[data-section=sec-s00-03].section .grid6>.grid-item:is(dl).ir-b::before {
		background-color:#edeaef
	}
  .container>[data-section=sec-s00-04].section .grid6>.grid-item:is(dl) {
		background-color:#fff
	}
	.container>[data-section=sec-s00-04].section .grid6>.grid-item:is(dl).ir-b::before {
		background-color:#edeaef
	}
  .anchor-tab {
		flex-direction:column
	}
  .app-down .btn-area>button:not(:only-child) {
		flex:1;
		padding-left:1rem;
		padding-right:1rem
	}
  .app-down {
		margin-top:4rem;
		margin-bottom:4rem
	}
	.app-down .deco {
		margin-left:var(--cont-pd2-m);
		margin-right:var(--cont-pd2-m)
	}
	.app-down .btn-area a:not(:only-child) {
		padding:0;
		flex:1;
		color:#fff
	}
	.app-down .btn-area a:not(:only-child)::before {
		--ico-w-mo:2.4rem
	}
  .container>[data-section*=sec-s01].section .m-title2 .cap {
		--txt-cap-mg:1rem
	}
  .container>[data-section=sec-s01-02].section {
		--sec-pd-top:2rem;
		--sec-pd-btm:2rem
	}
  .container>[data-section=sec-s01-04].section .grid3,.container>[data-section=sec-s01-05].section .grid3,.container>[data-section=sec-s01-07].section .grid3 {
		gap:4rem
	}
  .container>[data-section*=sec-i00-06].section {
		padding:4rem 0 0
	}
  .container>[data-section=sec-i01-02].section {
		padding-bottom:2.4rem;
		background-color:#f3f0e4;
		position:relative
	}
	.container>[data-section=sec-i01-02].section::before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:1px;
		background-color:rgba(0,0,0,.2)
	}
  .container>[data-section=sec-i03-02].section .deco {
		margin-bottom:2rem
	}
  .container>[data-section=sec-a00-02].section:not(:has(.grid6-swiper)) {
		--sec-pd-btm:0
	}
	.container>[data-section=sec-a00-02].section .grid-def3>.group .ps-int>li {
		letter-spacing:-0.096rem !important
	}
  .container>[data-section*=sec-a01].section .m-title2 .cap {
		--txt-cap-mg:1rem
	}
  .container>[data-section=sec-a01-02].section .grid3 {
		gap:4rem
	}
  .container>[data-section=sec-a01-03].section .grid3 {
		gap:4rem
	}
  .container>[data-section=sec-a01-04].section {
		padding-bottom:6rem
	}
	.container>[data-section=sec-a01-04].section .grid3 {
		gap:4rem
	}
	.container>[data-section=sec-a01-04].section .grid6>.grid-item:is(dl).ir-b {
		padding-right:2rem
	}
  .container>[data-section=sec-a01-05].section {
		padding-bottom:6rem
	}
	.container>[data-section=sec-a01-05].section .grid3 {
		gap:4rem
	}
  .container>[data-section=sec-a02-02].section {
		padding-bottom:0rem
	}
  .container>[data-section=sec-a02-03].section,.container>[data-section=sec-a02-04].section {
		padding-bottom:2rem
	}
  .container>[data-section=sec-a02-05].section .grid-list .info {
		font-weight: 400
	}

}