/* base */
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html {margin:0; padding:0; width:100%; height:100%;}
*,*:before,*:after {box-sizing: inherit;}
body {background:#fff; position: relative; margin: 0;padding:60px 0 0px 0; min-height: 100%;}
body * { line-height: 1.5; }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
body, textarea, input, select, a, span, p {color:#495057; text-decoration:none; font-size:16px; line-height:1.5; letter-spacing:-0.5px;}
ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, textarea, select, th, td, p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, em, address {font-weight:normal; font-size:100%; display:inline-block;}
table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
ul, li, ol, dl, dt, dd {list-style:none; font-size:16px; line-height:1.3; letter-spacing:-1px;}
img, input {border:0; vertical-align:middle;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
a {color:inherit; text-decoration:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent}
caption {display:none;}
iframe {border:none;}
em {font-style:normal}
select {-webkit-appearance: none;cursor: default;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;}
input, textarea, fieldset {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
button {background:none; border:none; padding:0}
button,input,select,textarea{font-style:inherit; font-weight:inherit; margin:0; line-height:normal;vertical-align: middle; font-size:16px;}
input:focus , textarea:focus , select:focus , button:focus {outline: none}
button {letter-spacing:-1px}
.fl {float:left !important; display:inline-block; }
.fr {float:right !important; display:inline-block;}
.font11 {font-size:0.7em;}
.font12 {font-size:0.75em;}
.font13 {font-size:0.8em;}
.font15 {font-size:1.15em;}
.font16 {font-size:16px; line-height:20px;}
.font18 {font-size:18px; line-height:20px;}
.font24 {font-size:24px; }
.middleline {text-decoration:line-through;}
.underline {text-decoration:underline !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold;}
.letter0 {letter-spacing:0 !important}
.letter1 {letter-spacing:-1px !important}
.blue {color:#0065e1}
.white {color:#fff;}
.gray {color:#adb5bd !important;}
.gray02 {color:#868e96 !important;}
.gray03 {color:#495057 !important}
.red {color:#fa3838 !important;}
.yellow {color:#f6de36;}
.orange {color:#f74406;}
.bg_red {background:#ff2d2d}
.bg_orange {background:#ff6c00}
.bg_purple {background:#8f80ff}
.maincolor {color:#715eff !important;}
.maincolor02 {color:#ff6600;}
.mr8 {margin-right:8px}
.ml8 {margin-left:8px}
.mt5 {display:inline-block; margin-top:5px;}
.mt10 {display:inline-block; margin-top:10px;}
.mt15 {display:inline-block; margin-top:15px;}
.mt30 {display:inline-block; margin-top:30px;}
.mt40 {display:inline-block; margin-top:40px;}
.mt60 {display:inline-block; margin-top:30px;}
.mb0 {margin-bottom:0 !important}
.mb5 {display:inline-block; margin-bottom:5px;}
.mb10 {display:inline-block; margin-bottom:10px;}
.mb15 {display:inline-block; margin-bottom:15px;}
.mb20 {display:inline-block; margin-bottom:20px;}
.mb25 {display:inline-block; margin-bottom:25px;}
.mb30 {display:inline-block; margin-bottom:30px;}
.mb40 {display:inline-block; margin-bottom:40px;}
.mb50 {display:inline-block; margin-bottom:50px;}
.mb60 {display:inline-block; margin-bottom:60px;}
.mb80 {display:inline-block; margin-bottom:80px;}
.align-right {text-align:right !important}
.align-left {text-align:left !important}
.align-center {text-align:center}
.none {display:none;}

/*input */
input[type=text]::-ms-clear{display: none;}
input[type="text"]::-webkit-input-placeholder , input[type="password"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color: #adb5bd; }
input[type="text"]::-moz-placeholder , input[type="password"]::-moz-placeholder{ /* Firefox 19+ */  color: #adb5bd;}
input[type="text"]:-ms-input-placeholder , input[type="password"]:-ms-input-placeholder { /* IE 10+ */color: #adb5bd;}
input[type="text"]:-moz-placeholder , input[type="password"]:-moz-placeholder { /* Firefox 18- */color: #adb5bd;}


/*layout */
.borderB {border-bottom:1px solid #e9ecef}
.contents {width:100%;}
.contents.FullArea {min-width:100%; min-height:100%; padding-bottom:25% }
.layout {display:block; width:100%; text-align:center;}
.layout-H10 {height:10px;} 
.layout-H20 {height:20px;} 
.layout-H30 {height:30px;} 
.layout-H40 {height:40px;}
.layout-H50 {height:50px;} 
.layout-H60 {height:60px;}
.layout-H80 {height:80px;}
.layout-H100 {height:100px;}
.w100 {width:100%}
.w75 {width:75%}
.w66 {width:66.66%}
.w50 {width:50%}
.w33 {width:33.33%}
.w25 {width:25%}

/* header */
.header {width:100%; background:#fff; height:60px; position: fixed;top: 0;z-index:100;transition: top 0.2s ease-in-out; text-align:center}
.header .logoarea {display:flex; justify-content: space-between; align-items:center; padding:0 24px; height:60px; }
.header .logoarea .logo { display:flex; align-items: center; gap:16px; }
.header .logoarea .logo a img {width:128px; height:24px;}
.header .logoarea .logo button img {width:auto !important; height:18px !important; }
.header .logoarea .free {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	display: inline-flex;
	padding: 8px 12px;
	border-radius: 6px;
	background: var(--color-bg-300);
	color: var(--color-primary-300);
	letter-spacing: 0;
}

/* common */
.header .logoarea .logo a i ,
.footer-logowrap .footer-logo i, .ic_arrowTop ,
.intro-section1 .tit span.logo ,
.introduce-section1 .textarea .subtxt li i ,
.btn-boardlast-wrap button.btn-back i ,
.btn-boardlast-wrap button.btn-arrow i , 
.select-wrap .select-choose i ,
.pop-btn-close .close-x i,
.service-section.area2 .textarea .subtxt li i {background:url('/resources/static/assets/img/mobile/common/ic_frm_common_m-3a1506f900aab78f6ee8adcc3ee9fd49.png')no-repeat; background-size:150px;}
.ic_arrowTop {display:block; width:11px; height:5px; background-position:-57.5px 0; }

/* footer*/
.footer {width:100%; height:fit-content; padding:32px 24px 80px; background:var(--color-gray-700); position:relative; border-top: 0;}
.footer .container {margin:0 auto;}
.footer .container > .menu > ul {display: grid; grid-template-columns: 1fr 1fr; grid-gap:20px;}
.footer .container > .menu li {line-height:10px;}
.footer .menu ul li.list-head {margin-bottom:4px;}
.footer .menu ul li.list-head a {color:#fff; font-size:18px; font-weight:bold; line-height:37px; text-decoration: underline;}
.footer .menu ul li a {color:var(--color-gray-300); font-size:15px; line-height:33px;}
.footer .info-wrap .name {font-size:18px; font-weight:bold; color:#fff;}
.footer .info-wrap li {color:#676a6f; font-size:15px; font-weight:normal; letter-spacing: -0.36px;}
.footer .info-wrap div.info {margin:16px 0 20px; line-height:23px; font-size:13px; color:var(--color-gray-300);}
.footer .info-wrap div.info .info-divider { margin:0 8px; }
.footer .info-wrap .service-list {display:flex; margin-bottom:20px;}
.footer .info-wrap .service-list .info-divider { margin:0 8px; }
.footer .info-wrap .service-list a {font-size:13px; color:var(--color-gray-300); }
.footer .info-wrap .sns a {margin-right:10px; cursor:pointer;}
.footer .info-wrap .sns img {width:36px !important;}

.footer .landing-footer__divider {
	border:0;
	padding:0;
	margin:30px 0;
	border-bottom:1px solid var(--color-gray-500);
	opacity:0.5;
}


/* BtmMenu */
.btmMenuWrap {position:relative; z-index:200; /*height:55px;*/}
.btmMenuinr {position:fixed; bottom:0; left:0; width:100%;}
.btmMenu {position:relative; background:#fff; height:55px; border-top:1px solid #ced4da}
.btmMenu a {display:block;position:relative;float:left;width:20%;height:100%;padding-top:7px;box-sizing:border-box;color:#33393f;text-align:center; font-size:0.8em}
.btmMenu i {display:block;width:21px;height:21px;margin:0 auto 4px; overflow:hidden;font-size:0;color:transparent}
.btmMenu .home i {background-position:-28px 0;}
.btmMenu .ask i {background-position:-28px -21px}
.btmMenu .cs i {background-position:-28px -42px}
.btmMenu .basket i {background-position:-28px -63px}
.btmMenu .my i {background-position:-28px -84px}
.btmMenu .company i {background-position:-54px -83px}

/* check-arrow */
.frm-check-small label {position: static;display:inline-block; width: 23px;height: 23px; overflow: hidden; text-indent: -500em;vertical-align: top; background-position:0 -113px;cursor: pointer; }
@media \0screen { /* ie 8 */
	.frm-check-small label {text-indent:0}
}
.frm-check-small label.active {background-position:0 -90px;}
.frm-check-small [class^="check_custom"] input[type="checkbox"] {visibility: hidden;}

/* select */
.select-wrap select {display: block;width: 100%;height: 50px;padding: 10px 20px 10px 10px;border: 1px solid #ced4da;font-size: 14px;color: #111;    background: #fff url('../../img/mobile/common/icon_select.png') no-repeat right 50%;-webkit-background-size: 28px auto;background-size: 28px auto;}
.select-wrap.H-small select {height:45px}
.select-wrap.borderSkip select {border-right: 1px solid #ced4da; border-top:0; border-bottom:0; border-left:0}


/* btn */
.btnarea-wrap.more-btn {padding:10px; background:#f8f9fa}
.btn-wrap a {display:inline-block; text-align:center;}
.btn-wrap button {text-align:center; cursor:pointer; letter-spacing:-1px}
.btn-wrap a.btn01 , .btn-wrap button.btn01 {background:#715eff; color:#fff; border:none }
.btn-wrap a.btn02 , .btn-wrap button.btn02 {background:#fff; border:1px solid #adb5bd; color:#495057; }
.btn-wrap a.btn02-1 , .btn-wrap button.btn02-1 {background:#fff; border:1px solid #e1e4e7; color:#495057; }
.btn-wrap a.btn03 , .btn-wrap button.btn03 {border:1px solid #adb5bd; background:#f1f3f5; color:#868e96 }
.btn-wrap a.btn04 , .btn-wrap button.btn04{background:#495057; color:#fff; border:none}
.btn-wrap a.btn05 , .btn-wrap button.btn05 {background:#fff; color:#715eff; border:1px solid #715eff}
/* 鍮낅쾭�듉01 */
.btn-wrap.type01 a , .btn-wrap.type01 button {width:100%; height:50px; line-height:49px; font-size:1.15em;}
/* 鍮낅쾭�듉-罹좏럹�씤援щℓ */
.btn-wrap.type04 a , .btn-wrap.type04 button {width:50%; height:50px; line-height:49px;font-size:1.15em}
/* �옉��踰꾪듃-�씤�뭼諛뺤뒪�슜 */
.btn-wrap.type05 a , .btn-wrap.type05 button {width:100%; height:45px; line-height:43px;font-size:16px;}

.btmTopWrap {position:fixed; bottom:10px; right:10px; z-index:20}
.btmTopWrap a {display:block; width:37px; height:37px; border-radius:37px; padding:7px 0; text-align:center; border:1px solid #ced4da; background:#fff;}
.btmTopWrap a span {display:inline-block; font-size:0.7em; letter-spacing:0; line-height:11px; vertical-align:top}
.btmTopWrap a i { margin:0 auto;margin-bottom:4px;}


/* popup */
.pop-wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:500}
.pop-area {position: relative;z-index: 520;height: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.pop-cont {position: relative;width: 80%;}
.pop-bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:510; background:rgba(0,0,0,0.8);}
.pop-cont .pop-titarea {padding:30px 0 15px; text-align:center;}
.pop-cont .pop-titarea .tit-area span {font-weight:bold;font-size:1.2rem;}
.pop-cont .pop-contarea {padding:0 20px 30px 20px; max-height:300px; text-align:center; overflow-y:auto}
.pop-cont .pop-image-area {width:100%;}
.pop-cont .pop-image-area .bg-area {width:100%;}
.pop-cont .pop-image-area .bg-area img {width:100%;}
.pop-cont .pop-btnarea {width:100%; display:table; border-top:1px solid #ced4da}
.pop-cont .pop-btnarea button {width:100%; display:table-cell; height:45px; font-size:0.9rem; border-left:1px solid #ced4da; border-right:1px solid #ced4da; border-top:none; border-bottom:none; background:none}
.pop-cont .pop-btnarea button:first-child {border-left:none}
.pop-cont .pop-btnarea button:last-child {border-right:none}
.pop-btn-close {padding-top:15px; width:100%; display:inline-block; text-align:center;}
.pop-btn-close.type02 {padding-top:25px; text-align:left}
.pop-btn-close.type02 .close-x {float:right; padding:0 0 0 10px;}
.pop-btn-close .close-x {padding:10px;}
.pop-btn-close .close-x i {text-indent:-500em; display:inline-block; width:21px; height:21px; background-position:-128px -27px}
.pop-btn-close .close-onday {float:left; }
.pop-btn-close .close-onday i {display:inline-block; width:21px;height:21px; border:2px solid #fff; border-radius:3px;}
.pop-btn-close .close-onday span {display:inline-block; vertical-align:top; margin-left:10px; font-size:14px; line-height:20px; color:#fff}
.pop-btn-close .close-txt {font-size:14px; color:#fff; font-weight:300; text-decoration:underline}
.simpleTxT-wrap {background:#fff; padding:40px 0; text-align:center;}
.simpleTxT-wrap .tit {font-size:20px; margin-bottom:20px}
.simpleTxT-wrap .subtxt span {font-size:15px; color:#868e96; display:block; padding:2px 0;}