﻿:root {
	--vh:1vh;
	--vh-100:100vh;
	--vh:1vh;
	--vw-100:100vw;
	--vw:1vw;
	--cont-pd:2rem;
	--cont-pd-m:calc(var(--cont-pd) * -1);
	--cont-pd2:var(--cont-pd);
	--cont-pd2-m:calc(var(--cont-pd2) * -1);
	--cont-v-pd:4rem;
	--side-w:0;
	--color0:#000;
	--colorF:#fff;
	--color1:#ddd;
	--color2:#888;
	--color3:#f4f3f0;
	--pointC1:#826fff;
	--pointC2:#ff4d24;
	--delay:0
}
@media(min-width:1025px)and (max-width:1700px) {
	:root {
		--cont-pd:6rem;
		--cont-pd2:9rem;
		--side-w:9rem
	}
}
html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	letter-spacing:inherit;
	vertical-align:baseline;
	box-sizing:border-box
}
em,address {
	font-style:normal
}
span,div {
	box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display:block;
	box-sizing:border-box
}
*[hidden] {
	display:none
}
body {
	line-height:1
}
menu,ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
button {
	padding:0;
	border:0;
	border-radius:0;
	background-color:rgba(0,0,0,0);
	overflow:visible
}
button:not(:disabled) {
	cursor:pointer
}
img {
	user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag:none;
	-webkit-touch-callout:none;
	pointer-events:none;
	max-width:100%
}
a,input,textarea,select,button {
	text-decoration:none;
	font-size:100%;
	font:inherit;
	font-weight:inherit;
	color:inherit;
	text-transform:inherit;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer
}
a[disabled],a[readonly],input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled],select[readonly],button[disabled],button[readonly] {
	cursor:default
}
a:hover,a:active,a:focus {
	text-decoration:none
}
button {
	width:auto;
	overflow:visible;
	vertical-align:middle;
	background:rgba(0,0,0,0);
	border:none;
	box-sizing:border-box
}
button *,a * {
	pointer-events:none
}
input[type=text]::-ms-clear,input[type=tel]::-ms-clear {
	display:none
}
select {
	vertical-align:middle;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	outline:none
}
select::-ms-expand {
	display:none
}
caption,legend {
	text-indent:-9999px;
	width:0;
	height:0;
	font-size:1px;
	line-height:0;
	border:0;
	white-space:nowrap;
	overflow:hidden
}
table {
	table-layout:fixed;
	border-spacing:0;
	width:100%;
	empty-cells:show
}
th,td {
	text-indent:0;
	word-break:keep-all;
	word-wrap:break-word
}
div:focus,button:focus:not(:focus-visible),a:focus:not(:focus-visible) {
	outline:none
}
* {
	letter-spacing:-0.04em !important
}
@font-face {
	font-family:NotoSansKr;
	src:local("NotoSansKr Light"),url("../font/NotoSansKr-Light.woff2") format("woff2"),url("../font/NotoSansKr-Light.woff") format("woff");
	font-display:swap;
	font-weight:300
}
@font-face {
	font-family:NotoSansKr;
	src:local("NotoSansKr Regular"),url("../font/NotoSansKr-Regular.woff2") format("woff2"),url("../font/NotoSansKr-Regular.woff") format("woff");
	font-display:swap;
	font-weight:400
}
@font-face {
	font-family:NotoSansKr;
	src:local("NotoSansKr Medium"),url("../font/NotoSansKr-Medium.woff2") format("woff2"),url("../font/NotoSansKr-Medium.woff") format("woff");
	font-display:swap;
	font-weight:500
}
@font-face {
	font-family:NotoSansKr;
	src:local("NotoSansKr Bold"),url("../font/NotoSansKr-Bold.woff2") format("woff2"),url("../font/NotoSansKr-Bold.woff") format("woff");
	font-display:swap;
	font-weight:700
}
@keyframes fade-up {
	from {
		transform:translateY(50%);
		opacity:0
	}
	to {
		transform:translateY(0);
		opacity:1
	}
}
@keyframes fade-up-small {
	from {
		transform:translateY(2rem);
		opacity:0
	}
	to {
		transform:translateY(0);
		opacity:1
	}
}
@keyframes fade-in {
	from {
		opacity:0
	}
	to {
		opacity:1
	}
}
@keyframes width-full {
	to {
		width:100%
	}
}
html {
	font-size:62.5%
}
@media(min-width:1025px)and (max-width:1480px) {
	html {
		font-size:clamp(6.91891px,.691891vw,10px)
	}
}
@media(max-width:360px) {
	html {
		font-size:2.7777777778vw
	}
}
body {
	font-family:"NotoSansKr",sans-serif;
	line-height:normal;
	word-break:keep-all;
	word-wrap:break-word;
	overflow-wrap:anywhere;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	min-height:100%
}
.skip {
	display:block;
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:-1;
	font-size:1.5em;
	font-weight:600;
	line-height:0;
	color:#fff;
	background:#191919;
	text-align:center;
	opacity:0;
	overflow:hidden
}
.skip:focus-within {
	z-index:1000;
	line-height:2;
	opacity:1
}
.scroll-disabled,.scroll-disabled body {
	overflow:clip
}
html,body,.wrap {
	min-height:calc(var(--vh) * 100)
}
html,body {
	scrollbar-width:thin
}
.wrap {
	display:flex;
	flex-direction:column
}
.wrap .container {
	min-height:var(--vh-100)
}
.header .menu-toggle {
	position:relative;
	z-index:10;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:4.8rem;
	height:4.8rem
}
.header .menu-toggle::before {
	content:"";
	display:block;
	width:3.2rem;
	height:1.8rem;
	box-sizing:border-box;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	transition:height 100ms 400ms,border 10ms 390ms,transform 400ms 0ms,width 400ms
}
.header .menu-toggle::after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:3.2rem;
	height:2px;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
	background-color:#fff;
	transition:transform 400ms,width 400ms
}
.header .menu {
	opacity:0;
	transition:opacity 100ms 0ms,clip-path 0ms 0ms;
	position:fixed;
	left:0;
	top:0;
	width:var(--vw-100);
	height:var(--vh-100);
	pointer-events:none
}
.header .menu .col-wrap {
	background-color:#826fff
}
.header .menu .col:last-child .dep1:last-child {
	margin-bottom:0
}
.header .menu strong {
	display:block;
	margin-bottom:1.6rem;
	color: #000;
	/* opacity:.4 */
}
.header .menu a {
	color: #fff;
	font-weight:700;
	transition:opacity 300ms;
	pointer-events:all
}
.header .menu a:hover,.header .menu a:focus {
	opacity:.4
}
.header .menu .ps {
	/* opacity:.6 */
}
.header .menu .ad a {
	display:block;
	opacity:1 !important
}
.header .menu .ad img {
	vertical-align:top
}
.header.opend .menu-toggle::before {
	height:0;
	border-top-width:1px;
	border-bottom-width:1px;
	transform:rotate(-45deg);
	transition-delay:0ms,90ms,100ms,0ms
}
.header.opend .menu-toggle::after {
	transform:translate(-50%,-50%) rotate(45deg);
	transition-delay:100ms,0ms
}
.header.opend .menu {
	pointer-events:all
}
.footer {
	display:flex;
	flex-direction:column;
	background-color:#000;
	color:#fff;
	position:relative
}
.footer::before {
	content:"";
	display:block;
	background:url("../image/log_kr_text.png") 0 0/contain no-repeat
}
.footer .subj {
	font-weight:700;
	color:#fff
}
.footer .int-list {
	font-size:.9em
}
.footer .int-list>li {
	padding-left:.6em;
	text-indent:-0.6em
}
.footer .subj2 {
	color:#fff;
	font-weight:700;
	margin:4rem 0 1.6rem
}
.footer .subj2+.review-info {
	margin-bottom:1.2rem !important
}
.footer .review-info {
	color:#fff;
	font-size:1.2rem;
	line-height:2rem;
	margin:1.2rem 0
}
.footer .group>.subj2:first-child {
	margin-top:0
}
.footer .group+.group {
	margin-top:4rem
}
.footer .attention {
	border-top:1px solid rgba(255,255,255,.2);
	color:rgba(255,255,255,.5)
}
.footer .attention a {
	text-decoration:underline !important;
	text-underline-offset:0.3rem
}
.footer .attention .line-t {
	margin-top:4rem;
	padding-top:4rem;
	border-top:1px solid rgba(255,255,255,.2)
}
.footer .share {
	position:relative
}
.footer .share>button {
	position:absolute;
	top:-4rem;
	right:var(--cont-pd);
	order:-1;
	font-size:1.4rem
}
.footer .share>button.i-share::before {
	position:relative;
	margin-right:0.4rem;
	vertical-align:middle;
	top:-1.2em
}
.footer .info {
	display:flex;
	color:#fff
}
.footer .info .sns {
	display:flex;
	justify-content:start;
	gap:2rem
}
.footer .bul-dot {
	padding-right:var(--cont-pd);
	color:rgba(255,255,255,.7)
}
.footer .bul-dot>li {
	position:relative;
	padding-left:.8em
}
.footer .bul-dot>li::before {
	content:"・";
	position:absolute;
	left:0;
	top:0;
	text-align:left
}
.footer .def-int.cmgl {
	margin-left:.8em
}
.footer .def-int dd:not(.none) {
	text-indent:-0.6em;
	padding-left:.6em
}
.footer .fix-btm {
	position:fixed;
	z-index:10;
	pointer-events:none;
	transition:all 400ms
}
.footer .fix-btm a,.footer .fix-btm button {
	pointer-events:all
}
.footer .fix-btm .ad {
	margin-left:auto;
	position:absolute;
	right:0;
	bottom:100%;
	transform:translateY(-1rem)
}
.footer .fix-btm .ad .ad-link {
	display:block;
	max-width:100vw;
	margin-left:auto
}
.footer .fix-btm .ad img {
	max-width:100%;
	margin-left:auto;
	vertical-align:top
}
.footer .fix-btm .ad .toggle {
	display:block;
	aspect-ratio:1/1;
	margin-left:auto;
	border-radius:100%;
	overflow:hidden;
	box-shadow:0.2rem 0.2rem 1.2rem rgba(0,0,0,.12);
	transition:opacity 400ms
}
.footer .fix-btm .ad .hover-only {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	overflow:hidden;
	pointer-events:none;
	opacity:0;
	box-shadow:0.2rem 0.2rem 1.2rem rgba(0,0,0,.12);
	transition:opacity 400ms
}
.footer .fix-btm .ad .i-close {
	position:absolute;
	right:0.8rem;
	top:0.8rem;
	z-index:3;
	opacity:0;
	pointer-events:none;
	transition:opacity 400ms
}
.footer .fix-btm .ad:not(.event-visible) .toggle {
	pointer-events:all
}
.footer .fix-btm .ad:not(.event-visible) .i-close,.footer .fix-btm .ad:not(.event-visible) .hover-only,.footer .fix-btm .ad:not(.event-visible) .ad-link {
	pointer-events:none
}
.footer .fix-btm .ad.event-visible .toggle {
	opacity:0;
	pointer-events:none
}
.footer .fix-btm .ad.event-visible .i-close,.footer .fix-btm .ad.event-visible .hover-only {
	opacity:1;
	pointer-events:all
}
.footer .fix-btm:not(.visible) {
	transform:translateY(100%)
}




































.footer .fix-btm:not(.visible) .i-top {
	opacity:0;
	pointer-events:none
}
.footer .i-top {
	display:block;
	margin-left:auto;
	box-shadow:0.2rem 0.2rem 1.2rem 0 rgba(0,0,0,.12);
	background-color:#fff;
	color:#000;
	font-weight:700;
	text-align:center;
	border-radius:100%;
	transition:all 400ms
}
.container {
	position:relative
}
.pop-layer {
	display:none;
	position:relative;
	margin:0 auto;
	background-color:var(--pointC1);
	text-align:center;
	pointer-events:all;
	width:35.5rem;
	max-width:calc(100vw - 1rem)
}
.uipop-container .pop-layer,.pop-layer.system {
	display:block
}
.pop-layer .pop-title {
	padding:3.2rem 4rem 0;
	font-size:2.2rem;
	line-height:3.2rem;
	font-weight:700;
	color:#000
}
.pop-layer .pop-title .cap {
	display:block;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.8rem
}
.pop-layer .group-cont {
	padding:1rem 3.1rem;
	font-size:1.2rem;
	line-height:1.458
}
.pop-layer .btn-area {
	display:flex;
	gap:0.6rem;
	justify-content:center;
	margin-top:1rem
}
.pop-layer .btn-area a {
	width:14.35rem
}
.pop-layer .pop-foot {
	background-color:#000;
	font-size:1.2rem;
	font-weight:700;
	line-height:5rem;
	color:#fff;
	display:flex
}
.pop-layer .pop-foot a,.pop-layer .pop-foot button {
	flex:1;
	width:100%
}
.pop-layer .btn-pop {
	background-color:#000;
	min-width:10rem;
	color:var(--pointC1);
	font-size:1rem;
	font-weight:700;
	line-height:4.7rem;
	border-radius:0.8rem
}
.pop-layer .btn-pop:is(span) {
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.pop-layer .btn-pop.ir-b::before {
	margin-right:0.8rem
}
.pop-layer .app-guide {
	display:flex;
	flex-direction:column;
	gap:1.4rem
}
.pop-layer .app-guide .text-cap {
	width:3.2rem;
	height:3.2rem;
	padding:0;
	font-size:1.2rem;
	line-height:3.2rem;
	color:#fff;
	border-radius:100%;
	background-color:var(--pointC1);
	margin:0 0 1.2rem;
	font-weight:400
}
.pop-layer .app-guide>.item {
	position:relative;
	background-color:#fff;
	color:#000;
	padding:3rem;
	height:13.5rem;
	display:flex;
	flex-direction:column;
	align-items:start;
	font-size:1.4rem;
	font-weight:700;
	border-radius:1rem
}
.pop-layer .app-guide>.item .deco {
	position:absolute;
	right:4.8rem;
	zoom:.5;
	max-height:90%
}
.pop-layer .app-guide>.item .deco:not(.pos-bottom) {
	top:50%;
	transform:translateY(-50%)
}
.pop-layer .app-guide>.item .deco.pos-bottom {
	bottom:0
}
.uipop-container {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.uipop-container:not(.dim) {
	pointer-events:none
}
.uipop-container.dim {
	background-color:rgba(0,0,0,.6)
}
.error-wrap {
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:var(--vh-100);
	text-align:center
}
.error-wrap .error-msg {
	margin:auto 4rem
}
.error-wrap .deco {
	margin-bottom:3rem
}
.error-wrap .error-title {
	margin-bottom:1.2rem;
	font-size:2.8rem;
	line-height:4rem;
	font-weight:700
}
.error-wrap .error-txt {
	margin-bottom:4rem;
	font-size:1.6rem;
	line-height:1.63;
	font-weight:500;
	color:#666
}
.blind {
	overflow:hidden;
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	line-height:0;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
	clip:rect(0,0,0,0)
}
.ac {
	text-align:center !important
}
.al {
	text-align:left !important
}
.ar {
	text-align:right !important
}
.iblock {
	display:inline-block;
	text-indent:0
}
.block {
	display:block;
	text-indent:0
}
.underline {
	text-decoration:underline;
	text-underline-offset:.2rem
}
.int-ty1 {
	padding-left:.6em;
	text-indent:-0.6em
}
.com-mgt {
	margin-top:var(--cont-v-pd)
}
.com-pdb0 {
	padding-bottom:0 !important
}
.fc {
	color:#000 !important
}
.fc-point {
	color:var(--pointC1) !important
}
.fc2 {
	color:var(--pointC2) !important
}
.fz40 {
	font-size:0 !important
}
.ir-a::after,.ir-b::before {
	content:""
}
.ir,.ir-a::after,.ir-b::before {
	display:inline-block;
	overflow:hidden;
	text-indent:-999px;
	font-size:1px;
	text-align:left;
	width:var(--ico-w);
	height:var(--ico-h)
}
.ir.i-logo-mable,.ir-a.i-logo-mable::after,.ir-b.i-logo-mable::before {
	--ico-w-pc: 4.09rem;
	--ico-h-pc: 4rem;
	--ico-w-mo: 2.82rem;
	--ico-h-mo: 2.8rem;
	background:var(--ico-img,url("../image/log_icon_white.png")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-logo-kb,.ir-a.i-logo-kb::after,.ir-b.i-logo-kb::before {
	--ico-w-pc: 15.8rem;
	--ico-h-pc: 5.08rem;
	--ico-w-mo: 8rem;
	--ico-h-mo: 1.72rem;
	background:var(--ico-img,url("../image/logo_4.png")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.promotion.i-logo-kb {
    background: var(--ico-img, url("../image/logo_6.png")) center center / var(--ico-w) var(--ico-h) no-repeat;
}
.ir.i-app,.ir-a.i-app::after,.ir-b.i-app::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:1.6rem;
	background:var(--ico-img,url("../image/i-app.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-top,.ir-a.i-top::after,.ir-b.i-top::before {
	--ico-w-pc:1.6rem;
	--ico-w-mo:2.1rem;
	display:block;
	margin:0.2rem auto 0;
	background:var(--ico-img,url("../image/i-top.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-go,.ir-a.i-go::after,.ir-b.i-go::before {
	--ico-w-pc:3.2rem;
	--ico-h-pc:1.2rem;
	--ico-w-mo:1.3rem;
	--ico-h-mo:0.5rem;
	background:var(--ico-img,url("../image/i-go.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-go2,.ir-a.i-go2::after,.ir-b.i-go2::before {
	--ico-w-pc:4rem;
	--ico-w-mo:4rem;
	background:var(--ico-img,url("../image/i-go2.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-phone,.ir-a.i-phone::after,.ir-b.i-phone::before {
	--ico-w-pc:6.4rem;
	--ico-w-mo:6.4rem;
	background:var(--ico-img,url("../image/i-phone.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-card,.ir-a.i-card::after,.ir-b.i-card::before {
	--ico-w-pc:6.4rem;
	--ico-w-mo:6.4rem;
	background:var(--ico-img,url("../image/i-card.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-online,.ir-a.i-online::after,.ir-b.i-online::before {
	--ico-w-pc:6.4rem;
	--ico-w-mo:6.4rem;
	background:var(--ico-img,url("../image/i-online.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-paper,.ir-a.i-paper::after,.ir-b.i-paper::before {
	--ico-w-pc:6.4rem;
	--ico-w-mo:6.4rem;
	background:var(--ico-img,url("../image/i-paper.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-papers,.ir-a.i-papers::after,.ir-b.i-papers::before {
	--ico-w-pc:6.4rem;
	--ico-w-mo:6.4rem;
	background:var(--ico-img,url("../image/i-papers.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-grid,.ir-a.i-grid::after,.ir-b.i-grid::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-grid.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-spinner,.ir-a.i-spinner::after,.ir-b.i-spinner::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-spinner.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-clock,.ir-a.i-clock::after,.ir-b.i-clock::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-clock.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-add,.ir-a.i-add::after,.ir-b.i-add::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-add.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sale,.ir-a.i-sale::after,.ir-b.i-sale::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-sale.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-calculator,.ir-a.i-calculator::after,.ir-b.i-calculator::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-calculator.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-add2,.ir-a.i-add2::after,.ir-b.i-add2::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-add2.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sound,.ir-a.i-sound::after,.ir-b.i-sound::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-sound.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-pick,.ir-a.i-pick::after,.ir-b.i-pick::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-pick.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-monitor,.ir-a.i-monitor::after,.ir-b.i-monitor::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-monitor.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-make,.ir-a.i-make::after,.ir-b.i-make::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-make.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-chart,.ir-a.i-chart::after,.ir-b.i-chart::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-chart.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-add-people,.ir-a.i-add-people::after,.ir-b.i-add-people::before {
	--ico-w-pc:2.8rem;
	--ico-w-mo:2rem;
	background:var(--ico-img,url("../image/i-add-people.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-clock2,.ir-a.i-clock2::after,.ir-b.i-clock2::before {
	--ico-w-pc:2.8rem;
	--ico-w-mo:2rem;
	background:var(--ico-img,url("../image/i-clock2.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-calendar,.ir-a.i-calendar::after,.ir-b.i-calendar::before {
	--ico-w-pc:2.8rem;
	--ico-w-mo:2rem;
	background:var(--ico-img,url("../image/i-calendar.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-apple,.ir-a.i-apple::after,.ir-b.i-apple::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:1.9rem;
	vertical-align:middle;
	background:var(--ico-img,url("../image/i-apple.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-google,.ir-a.i-google::after,.ir-b.i-google::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:1.9rem;
	vertical-align:middle;
	background:var(--ico-img,url("../image/i-google.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir-b.i-apple::before {
	margin-right:1.2rem;
	vertical-align:middle
}
.ir-b.i-google::before {
	margin-right:1.2rem;
	vertical-align:middle
}
.ir.i-arrow-up,.ir-a.i-arrow-up::after,.ir-b.i-arrow-up::before {
	--ico-w-pc:3.6rem;
	--ico-h-pc:4.6rem;
	--ico-w-mo:2.8rem;
	--ico-h-mo:3.6rem;
	background:var(--ico-img,url("../image/i-arrow-up.png")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-arrow-up2,.ir-a.i-arrow-up2::after,.ir-b.i-arrow-up2::before {
	--ico-w-pc:3.6rem;
	--ico-h-pc:4.6rem;
	--ico-w-mo:2.8rem;
	--ico-h-mo:3.6rem;
	background:var(--ico-img,url("../image/i-arrow-up-02.png")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-check-on,.ir-a.i-check-on::after,.ir-b.i-check-on::before {
	--ico-w-pc:3rem;
	--ico-w-mo:3rem;
	background:var(--ico-img,url("../image/i-check-on.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-check,.ir-a.i-check::after,.ir-b.i-check::before {
	--ico-w-pc:3rem;
	--ico-w-mo:3rem;
	background:var(--ico-img,url("../image/i-check.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir-b.i-check::before {
	margin-right:1.2rem;
	vertical-align:middle
}
.ir-b.i-check-on::before {
	margin-right:1.2rem;
	vertical-align:middle
}
.ir.i-close,.ir-a.i-close::after,.ir-b.i-close::before {
	--ico-w-pc:2rem;
	--ico-w-mo:1.6rem;
	background:var(--ico-img,url("../image/i-close.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp,.ir-a.i-irp::after,.ir-b.i-irp::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp2,.ir-a.i-irp2::after,.ir-b.i-irp2::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp-02.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp3,.ir-a.i-irp3::after,.ir-b.i-irp3::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp-03.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp4,.ir-a.i-irp4::after,.ir-b.i-irp4::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp-04.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp5,.ir-a.i-irp5::after,.ir-b.i-irp5::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp-05.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-irp6,.ir-a.i-irp6::after,.ir-b.i-irp6::before {
	--ico-w-pc:3.6rem;
	--ico-w-mo:3.6rem;
	background:var(--ico-img,url("../image/i-irp-06.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-share,.ir-a.i-share::after,.ir-b.i-share::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-share.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-insta,.ir-a.i-sns-insta::after,.ir-b.i-sns-insta::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-insta.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-youtube,.ir-a.i-sns-youtube::after,.ir-b.i-sns-youtube::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-youtube.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-facebook,.ir-a.i-sns-facebook::after,.ir-b.i-sns-facebook::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-facebook.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-in,.ir-a.i-sns-in::after,.ir-b.i-sns-in::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-in.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-x,.ir-a.i-sns-x::after,.ir-b.i-sns-x::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-x.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-naverblog,.ir-a.i-sns-naverblog::after,.ir-b.i-sns-naverblog::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-naverblog.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.ir.i-sns-kakaoch,.ir-a.i-sns-kakaoch::after,.ir-b.i-sns-kakaoch::before {
	--ico-w-pc:2.4rem;
	--ico-w-mo:2.4rem;
	background:var(--ico-img,url("../image/i-sns-kakaoch.svg")) center center/var(--ico-w) var(--ico-h) no-repeat
}
.swiper-initialized {
	--swiper-dot-size:1.2rem;
	--swiper-dot-active-width:1.2rem;
	--swiper-dot-active-height:1.2rem;
	--swiper-dot-margin:0.8rem;
	--swiper-navi-offset:50%;
	--swiper-dot-opacity:1;
	--swiper-dot-active-opacity:1;
	--swiper-dot-color:#fff;
	--swiper-dot-active-color:#000;
	--swiper-dot-radius:var(--swiper-dot-size);
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	display:block
}
.swiper-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	transition-timing-function:var(--swiper-wrapper-timing-function,initial);
	box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
	transform:translate3d(0px,0,0)
}
.swiper-horizontal {
	touch-action:pan-y
}
.swiper-vertical {
	touch-action:pan-x
}
.swiper-slide {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform;
	display:block
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
	pointer-events:none;
	transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-fade .swiper-slide-active {
	pointer-events:auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height:auto
}
.swiper-autoheight .swiper-wrapper {
	align-items:flex-start;
	transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:var(--swiper-navi-offset,50%);
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	background-size:contain
}
.swiper-button-next::before {
	transform:rotate(180deg)
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	cursor:auto;
	pointer-events:none
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
	opacity:0;
	cursor:auto;
	pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
	display:none !important
}
.swiper-button-next svg,.swiper-button-prev svg {
	width:100%;
	height:100%;
	object-fit:contain;
	transform-origin:center
}
.swiper-button-prev {
	left:var(--swiper-navi-offset-horizontal,0);
	right:auto
}
.swiper-button-next {
	right:var(--swiper-navi-offset-horizontal,0);
	left:auto
}
.swiper-button-lock,.swiper-pagination-lock,.swiper-controls-lock {
	display:none
}
.swiper-pagination:not(.swiper-pagination-fraction) {
	margin-top:2.4rem;
	display:flex;
	justify-content:center;
	text-align:center;
	transition:.3s opacity;
	transform:translate3d(0,0,0);
	z-index:10;
	vertical-align:middle
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-pagination-bullet {
	display:inline-block;
	width:var(--swiper-dot-width,var(--swiper-dot-size,6px));
	height:var(--swiper-dot-height,var(--swiper-dot-size,6px));
	border-radius:var(--swiper-dot-radius,50%);
	background:var(--swiper-dot-color,var(--contC3));
	opacity:var(--swiper-dot-opacity,0.2);
	font-size:1px;
	color:rgba(0,0,0,0);
	text-align:left;
	transition:.3s width,.3s opacity
}
.swiper-pagination-bullet:only-child {
	display:none !important
}
.swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left:var(--swiper-dot-margin,4px)
}
.swiper-pagination-bullet-active {
	width:var(--swiper-dot-active-width,var(--swiper-dot-active-size,6px));
	height:var(--swiper-dot-active-height,var(--swiper-dot-active-size,6px));
	opacity:var(--swiper-dot-active-opacity,1);
	background:var(--swiper-dot-active-color,var(--pointC1))
}
.swiper-pagination-fraction {
	font-size:20px;
	font-weight:400
}
.section {
	padding:var(--sec-pd-top) var(--sec-pd-right) var(--sec-pd-btm) var(--sec-pd-left);
	background-color:var(--sec-bg,transparent);
	--sec-pd-right:var(--cont-pd2);
	--sec-pd-left:var(--cont-pd2);
	text-align:center
}
.section.bg1 {
	--sec-bg:#f5f5f5
}
.section.bg2 {
	--sec-bg:#F2F0E4
}
.section.bg3 {
	--sec-bg:#F7F6F2
}
.section.bg4 {
	--sec-bg:var(--pointC1)
}
.section.bg5 {
	--sec-bg:#e5e7f5
}
.section.bg6 {
	--sec-bg:#f8f6f2
}
.section.bg6.line-t::before {
	background-color:rgba(0,0,0,.15)
}
.section.pd-min {
	--sec-pd-top:var(--cont-v-pd);
	--sec-pd-btm:var(--cont-v-pd)
}
.section .deco img {
	vertical-align:top
}
.abs {
	position:absolute
}
.abs.pos-btm {
	bottom:0
}
.abs.pos-center {
	left:50%;
	transform:translateX(-50%)
}
.m-title {
	font-size:var(--txt-fs,4rem);
	font-weight:700;
	line-height:var(--txt-lh,5.8rem);
	margin:0 0 var(--txt-mb,0.4rem)
}
.m-title .cap {
	display:block;
	font-size:var(--txt-fs,2rem);
	line-height:var(--txt-lh,3rem)
}
.m-title2 {
	font-size:var(--txt-fs,2.8rem);
	font-weight:700;
	line-height:var(--txt-lh,1.428);
	margin:0 0 var(--txt-mb,0.8rem)
}
.m-title2:last-child {
	margin-bottom:0
}
.m-title2.cmgb {
	margin-bottom:var(--cont-v-pd)
}
.m-title2 .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 .cap.ty2 {
	--txt-cap-mg:0 !important;
	color:var(--color0)
}
.m-title3 {
	font-size:var(--txt-fs,4rem);
	font-weight:700;
	line-height:var(--txt-lh,5.8rem);
	margin:0 0 var(--txt-mb,1rem)
}
.m-title3 .cap {
	display:block;
	font-size:var(--txt-fs,1.8rem);
	line-height:var(--txt-lh,2.6rem)
}
.m-title4 {
	font-size:var(--txt-fs,1.8rem);
	font-weight:700;
	line-height:var(--txt-lh,2.8rem);
	margin:var(--txt-mt,4rem) 0 var(--txt-mb,2rem)
}
.m-title4 .text-cap {
	display:inline-block
}
.text-ty {
	color:#666;
	font-size:var(--txt-fs,1.8rem);
	font-weight:500;
	line-height:var(--txt-lh,1.556)
}
.text-ty2 {
	color:#000;
	font-size:var(--txt-fs,1.8rem);
	font-weight:700;
	line-height:var(--txt-lh,1.556)
}
.text-cap+.text-ty2 {
	margin-top:1.2rem
}
.text-ty3 {
	color:#000;
	font-size:var(--txt-fs,1.2rem);
	font-weight:700;
	line-height:var(--txt-lh,1.333);
	opacity:.6
}
.text-ty2+.text-ty3 {
	margin-top:0.2rem
}
.text-ty4 {
	color:#000;
	font-size:var(--txt-fs,1.4rem);
	font-weight:400;
	line-height:var(--txt-lh,1.571)
}
.text-ty5 {
	color:#000;
	font-size:var(--txt-fs,1.4rem);
	font-weight:400;
	line-height:var(--txt-lh,1.571)
}
.text-cap {
	display:block;
	width:fit-content;
	padding:0 var(--txt-pd,2.4rem) 0;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	font-size:var(--txt-fs,1.2rem);
	font-weight:700;
	line-height:var(--txt-lh,2.9rem);
	background-color:var(--pointC1);
	border-radius:3.2rem
}
.text-cap.ty2 {
	min-width:6.8rem;
	text-align:center;
	--txt-lh:3.6rem;
	--txt-fs:1.6rem
}
.line-t {
	position:relative
}
.line-t.right-m {
	--pos-r:var(--cont-pd2-m)
}
.line-t.left-m {
	--pos-l:var(--cont-pd2-m)
}
.line-t::before {
	content:"";
	position:absolute;
	top:0;
	left:var(--pos-l,0);
	right:var(--pos-r,0);
	height:1px;
	background-color:rgba(0,0,0,.2)
}
.grid-def {
	text-align:left;
	display:flex;
	flex-direction:column;
	gap:1rem
}
.grid-def .group {
	display:flex;
	gap:2rem;
	font-size:1.4rem;
	line-height:1.571
}
.grid-def .group>dt {
	flex:none;
	font-weight:700
}
.ps-int {
	color:#7e7e7e;
	font-size:1.2rem;
	line-height:1.5;
	margin-top:0.4rem
}
.ps-int+.ps-int {
	margin-top:1rem
}
.ps-int.ty2>li {
	text-indent:-0.6em;
	padding-left:.6em
}
.ps-int>li {
	text-indent:-0.6em;
	padding-left:.6em
}
.ps-int .ps-int {
	margin-top:0
}
.ps-int.gap-ty>li+li {
	margin-top:2rem
}
.ps-int2 {
	color:#666;
	font-size:1.2rem;
	line-height:1.5;
	font-weight:700
}
.ps-int2>li {
	text-indent:-0.5em;
	padding-left:.5em
}
.grid-def2 {
	display:flex;
	flex-direction:column;
	gap:2rem;
	font-size:1.6rem;
	line-height:2.6rem
}
.grid-def2 dt {
	font-size:1.6rem;
	font-weight:700;
	line-height:3.2rem
}
.grid-def2 dd {
	display:flex
}
.grid-def2 dd .label {
	flex:none;
	min-width:3.4em
}
.grid-def3 {
	font-weight:400;
	font-size:1.6rem;
	line-height:2.6rem;
	color:#000
}
.grid-def3>.group {
	display:flex
}
.grid-def3>.group>dt {
	flex:none;
	min-width:2em;
	font-weight:700
}
.grid-def4 {
	display:flex;
	font-weight:400;
	font-size:1.4rem;
	line-height:2.2rem;
	font-weight:700;
	color:#000
}
.grid-def4>.grid-item {
	display:flex;
	flex-direction:column
}
.grid-def4>.grid-item .point {
	font-size:4rem;
	line-height:5.4rem;
	margin-bottom:1rem
}
.grid-def4>.grid-item .point.ir-a::after {
	margin-left:1.2rem;
	vertical-align:middle
}
.grid-def4>.grid-item>dt {
	padding:1.5rem 0
}
.grid-def4>.grid-item>dd {
	padding:4rem 0 2rem
}
.grid-list {
	display:flex;
	flex-direction:column;
	gap:2rem;
	font-size:1.6rem;
	line-height:1.625;
	font-weight:700
}
.grid-list>li {
	display:flex;
	gap:1.6rem;
	align-items:start
}
.grid-list>li .text-cap {
	flex:none;
	margin:0
}
.grid-list>li .ps {
	display:block;
	margin-top:0.4rem;
	line-height:1.5;
	color:#666
}
.tb-info-wrap {
	margin:4rem 0 1rem
}
.tb-info {
	width:100%;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	line-height:1.4545
}
.tb-info .point,.tb-info .point2 {
	font-size:1.1rem;
	line-height:1.4545
}
.tb-info tr {
	border-top:1px solid rgba(0,0,0,.15)
}
.tb-info tr:first-child {
	border-top-color:#000
}
.tb-info td,.tb-info th {
	font-size:1.1rem;
	padding:1.5rem 1rem;
	vertical-align:middle;
	font-weight:700
}
.tb-info th {
	background-color:#f4f4f4
}
.btn-area {
	margin-top:2.2rem
}
.btn-a {
	display:inline-block;
	font-size:1.6rem;
	font-weight:700;
	line-height:var(--btn-h,6rem);
	padding:0 var(--btn-pd,4rem);
	border-radius:0.8rem;
	white-space:nowrap
}
.btn-b {
	display:inline-flex;
	align-items:center;
	min-width:14.8rem;
	min-height:var(--btn-h,6rem);
	padding:0 var(--btn-pd,4rem);
	border-radius:0.4rem;
	white-space:nowrap
}
[class^=btn].c1 {
	background-color:#000;
	border-color:#000;
	/* color:var(--pointC1) */
	color:#fff
}
[class^=btn].c2 {
	background-color:var(--pointC1);
	border-color:var(--pointC1);
	/* color:#000 */
	color:#fff
}
.grid1 {
	position:relative
}
.grid1 .deco {
	display:block
}
.grid2 {
	display:flex
}
.grid2 .text-cap {
	display:inline-block;
	margin-left:-4rem;
	margin-right:-4rem
}
.grid2 .grid-item {
	flex:1;
	background-color:#fff;
	border-radius:2rem;
	padding:2rem 2rem
}
.grid3 {
	display:flex;
	gap:2rem;
	text-align:left
}
.grid3>.grid-item>img {
	vertical-align:top
}
.grid3+.grid5 {
	margin-top:var(--cont-v-pd)
}
.grid3.reverse>.grid-item:first-child {
	order:1
}
.grid3.reverse>.grid-item:first-child .line-t.right-m {
	--pos-r:0;
	--pos-l:var(--cont-pd2-m)
}
.grid3 .line-t {
	padding-top:4rem
}
.grid3 del {
	font-size:.8em;
	color:#999
}
.grid4 {
	display:flex;
	margin-left:var(--cont-pd2-m);
	margin-right:var(--cont-pd2-m)
}
.grid4>.grid-item {
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:4rem 2rem
}
.grid5 {
	display:flex
}
.grid5>.grid-item {
	display:flex;
	background-color:#f4f4f4;
	border-radius:2rem;
	padding:2rem 2.4rem
}
.grid6 {
	display:flex;
	color:#444
}
.grid6.ty2 {
	color:#000
}
.grid6.ty2 .deco {
	display:block;
	margin:0 auto 1.6rem;
	max-width:18rem
}
.grid6.ty3 {
	margin-left:var(--cont-pd2-m);
	margin-right:var(--cont-pd2-m);
	gap:0;
	border-top:1px solid rgba(0,0,0,.15);
	border-bottom:1px solid rgba(0,0,0,.15)
}
.grid6.ty4 {
	margin-left:var(--cont-pd2-m);
	margin-right:var(--cont-pd2-m);
	border-top:1px solid rgba(0,0,0,.15)
}
.grid6.ty4+.ps-int {
	text-align:left;
	margin-top:2rem
}
.grid6.ty4>.grid-item {
	border-radius:0;
	padding:2rem;
	display:flex
}
.grid6>.grid-item {
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#f4f4f4;
	border-radius:2rem;
	padding:4rem 2rem 4rem
}
.grid6>.grid-item i{
	font-size: 60px;
	margin-bottom: 4rem;
	color: #4f5052;
}
.section.bg5 .grid6>.grid-item,.section.bg2 .grid6>.grid-item {
	background-color:#fff
}
.grid6>.grid-item.bg1 {
	background-color:#f8f6f2
}
.grid6>.grid-item>.ir-b::before {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.grid6>.grid-item .ps2 {
	color:#888
}
.grid6>.grid-item .deco.order-start {
	order:-1
}
.grid6>.grid-item:is(dl) {
	align-items: center;
	text-align: center;
	font-size:1.2rem;
	line-height:1.8rem;
	font-weight:700;
	color:#666;
	background-color:#edeaef
}
.section.bg3 .grid6>.grid-item:is(dl) {
	background-color:rgba(0,0,0,0)
}
.grid6>.grid-item:is(dl)>dt {
	margin-bottom:0.8rem;
	font-size:1.6rem;
	line-height:2.6rem;
	color:#000
}
.grid7 {
	display:flex;
	gap:2rem;
	font-size:1.4rem;
	line-height:2.6rem;
	font-weight:700
}
.grid7>.grid-item {
	display:flex;
	flex-direction:column;
	gap:4rem;
	border-radius:2rem;
	background-color:#fff
}
.grid7 .line {
	text-decoration:underline;
	text-underline-offset:.25em;
	text-decoration-thickness:0.4rem;
	text-decoration-color:var(--pointC1)
}
.grid7 .summary {
	font-size:3.2rem;
	line-height:4.4rem;
	font-weight:700
}
.grid7 .total {
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:0.8rem;
	font-weight:400;
	text-align:center;
	height:12.6rem;
	color:rgba(0,0,0,.5)
}
.grid7 .total strong {
	font-size:2.4rem;
	line-height:3.5rem;
	color:#000
}
.grid7 .list {
	display:flex;
	flex-wrap:wrap;
	margin-top:1rem
}
.grid7 .list dt {
	width:50%;
	color:#666;
	padding:0.7rem 0;
	border-bottom:1px solid #000
}
.grid7 .list dt.line-ty {
	border-top:1px solid #000
}
.grid7 .list dd {
	width:50%;
	color:#000;
	padding:0.7rem 0;
	border-bottom:1px solid #000
}
.grid7 .list dd.line-ty {
	border-top:1px solid #000
}
.grid8 {
	display:flex;
	margin:8rem 0 0;
	flex-wrap:wrap
}
.grid8>.grid-item {
	display:flex;
	flex-direction:row-reverse;
	width:calc(50% - 1px);
	border:1px solid rgba(0,0,0,.1);
	border-width:1px 0 0 1px;
	padding-left:8.468%
}
.grid8>.grid-item .deco {
	max-width:34rem
}
.grid8>.grid-item .msg {
	width:calc(100% - 34rem);
	padding-top:10.844%;
	text-align:left;
	font-weight:700
}
.grid8>.grid-item .msg .cap {
	color:#282e3b
}
.grid8>.grid-item .msg .text {
	margin-top:4rem;
	color:rgba(0,0,0,.4)
}
.grid8>.grid-item .msg .btn-area {
	margin-top:1.2rem;
	font-size:3.2rem;
	font-weight:300
}
.grid8>.grid-item .msg .btn-area button {
	display:block;
	min-height:4.6rem;
	text-align:left;
	line-height:4.8rem
}
.grid8>.grid-item .msg .btn-area button+button {
	margin-top:1.2rem
}
.grid8>.grid-item .ir-a::after {
	transform:rotate(-90deg);
	width:2.4rem;
	height:2.4rem;
	background-size:2.4rem;
	margin-left:1.2rem
}
.grid8>.grid-item:nth-child(odd) {
	border-width:1px 0 0 0
}
.grid4-swiper {
	position:relative;
	margin-left:var(--cont-pd2-m);
	margin-right:var(--cont-pd2-m)
}
.grid4-swiper .grid4 {
	margin-left:0;
	margin-right:0
}
.grid6-swiper {
	position:relative;
	margin-left:var(--cont-pd2-m);
	margin-right:var(--cont-pd2-m)
}
.grid6-swiper .grid6 {
	margin-left:0;
	margin-right:0
}
.banner {
	background-color:var(--pointC1);
	color:#000;
	display:flex;
	font-weight:300;
	overflow:hidden
}
.banner .deco img {
	vertical-align:top
}
.banner small {
	display:block;
	font-weight:700;
	font-size:.5em;
	color:#282e3b
}
.banner .btn-b {
	min-width:0;
	font-weight:700
}
.container>[data-section=sec-s00-01].section {
	color:#fff
}
.container>[data-section=sec-s00-01].section .deco {
	display:block
}
.container>[data-section=sec-s00-03].section {
	font-size:2.6rem;
	font-weight:600
}
.container>[data-section=sec-s00-04].section {
	background-color:#1e1d22;
	color:#fff
}
.container>[data-section=sec-s00-04].section .text-ty4 {
	color:#666
}
.anchor-tab {
	display:flex
}
.anchor-tab>li {
	height:12rem;
	font-weight:700
}
.anchor-tab>li:nth-child(1) {
	background:#fff url("../image/s00-05-mo.png") right bottom/auto 100% no-repeat
}
.anchor-tab>li:nth-child(2) {
	background:#ede5f6 url("../image/s00-06-mo.png") right bottom/auto 100% no-repeat
}
.anchor-tab>li:nth-child(3) {
	color:#fff;
	background:#1e1d22 url("../image/s00-07-mo.png") right bottom/auto 100% no-repeat
}
.anchor-tab>li a {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	padding:0 1.6rem 0 3.2rem;
	font-size:2.4rem
}
.anchor-tab>li a .cap {
	display:block;
	margin-bottom:1rem;
	font-size:1.2rem;
	letter-spacing:0.384rem;
	opacity:.5
}
.anchor-tab>li a::before {
	position:absolute;
	top:4rem;
	right:4rem
}
.app-down .deco {
	display:block
}
.app-down .btn-area {
	display:flex;
	gap:1rem;
	justify-content:center;
	margin-top:0
}
.container>[data-section*=sec-i00-06].section {
	padding:12rem 0 0
}
.container>[data-section=sec-i03-02].section .deco {
	margin-bottom:0
}
.container>[data-section=sec-i03-03].section .deco {
	margin-bottom:0
}
.container>[data-section=sec-a00-02].section .grid6.ty3>.grid-item {
	background-color:rgba(0,0,0,0)
}
/*# sourceMappingURL=ui.common.css.map */