@charset "utf-8";

* {
    margin:0;
    padding:0;
    outline:0;
    vertical-align:baseline;
	box-sizing: border-box;
	user-select: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

address, em, cite, dfn, var {
  font-style: normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

p {
	text-align: justify;
	margin-top: 0;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

table {
  border-collapse: collapse;
}

table th{
  vertical-align:top;
}

select {
    vertical-align:middle;
	-webkit-appearance: none;
	appearance: none;
}


a{
	text-decoration:underline;
	color:#1d265d;
}

a {
    -webkit-tap-highlight-color:transparent;
}

a:hover{
	color: #999;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
	overflow: hidden;
}

a img {
    border-style:none;
}

a:hover img:hover{
opacity: 0.6;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
}

a img{
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}

.ui-widget-overlay {
    opacity: .3;
    filter: Alpha(Opacity=.3);
}

.text-danger {
    color: #dc3545;
}

#point_list th,
#point_list td {
    width: auto;
    font-size: 75%;
}

html,body {  
	-webkit-text-size-adjust: 100%; 
} 

body {
    margin:0;
	width:100%; 
    color: #2d3748;
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(14px, 3.5vw, 18px); 
	line-height: 1.65;
	background:#fff;
}

#wrapper {
  	overflow:hidden;
	margin-top: 50px;
}

input,textarea,select,button{
	font-family: "Noto Sans JP", sans-serif;
}

img{
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
}

.center {
	text-align:center;
	margin:0 auto;
}

.right {
	text-align:right;
}

.b{
	font-weight:bold;
}

.green,
.fa-check-circle{
	color:#10b981;
}
 
.area{
	position: relative;
}

.bga01{
	background: #f2f6fa;
}

.bga02{
    background: linear-gradient(135deg, #2D3748 0%, #1A202C 100%);
	color: #fff;
}

header{
	width: 100%;
	height: 50px;
	background: #f7fafc;
	position: fixed;
	top:0;
	left: 0;
	z-index: 5;
}

.header_inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.logo{
	width: 160px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}

.login{
	float: right;
	width: 120px;
	margin-top: 6px;
	margin-right: 5px;
}

.login a{
	background: #10b981;
	border-radius: 0.4em;
	font-weight: bold;
	text-align: center;
	padding: 6%;
	color: #fff;
	display: block;
	text-decoration: none;
}

.login a:hover{
	background: #666;
}

.hero{
	margin: 0 auto;
	padding: 10% 3%;
	width: 100%;
	max-width: 1200px;
}

.container{
	margin: 0 auto;
	padding: 10% 3%;
	width: 100%;
	max-width: 1200px;
}

.f-container{
	margin: 0 auto;
	padding: 10% 3%;
	width: 100%;
	max-width: 600px;
}

.hero_header{
	font-size: clamp(44px, 3.5vw, 56px); 
	line-height: 1.2;
	font-weight: bold;
	margin-top: 20px;
}

.tagline{
	margin: 50px 0 15px;
}

.hunt-status{
    display: inline-block;
    padding: 12px 24px;
    letter-spacing: 1px;
    border: 1px solid rgba(239, 68, 68, 0.3);
	color: #ef4444;
	font-weight: bold;
}

.hunt-status span{
	color: #718196;
	font-weight: normal;
	font-size: clamp(12px, 3.5vw, 16px); 
}

.live-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ef4444;
    border-radius: 50%;
    margin-right: 10px;
    animation: pulse 2s infinite;
}

 @keyframes pulse {
 0%, 100% {
    transform: scale(1);
    opacity: 1;
}

50% {
    transform: scale(1.5);
    opacity: 0.5;
}
}

.form{
	margin: 10px 0;
}

.inpr{
	margin:0;
	width:76%;
	height: 50px;
	padding: 10px;
	font-size: clamp(14px, 3.5vw, 18px); 
	border: 1px solid #2d3748;
	border-radius: 0;
}

.send{
	width:24%;
	background: #2d3748;
	font-size: clamp(14px, 3.5vw, 18px); 
	color: #fff;
	border: 0;
	height: 50px;
	padding:0;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
}

.send:hover,.send2:hover{
	background: #666;
}

.inpr2{
	margin:0;
	width:76%;
	height: 50px;
	padding: 10px;
	font-size: clamp(14px, 3.5vw, 18px); 
	border: 1px solid #757a82;
	background: #3a424e;
	border-radius: 0;
}

.send2{
	width:24%;
	background: #10b981;
	font-size: clamp(14px, 3.5vw, 18px); 
	color: #fff;
	border: 0;
	height: 50px;
	padding:0;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
}



.line_btn{
	width: 100%;
	margin: 15px 0;
	font-size: 16px; 
}

.line_btn a{
	background: #06c755;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	color: #fff;
	display: block;
	text-decoration: none;
}

.line_btn a:hover{
	background: #666;
}

.line_icon{
	width: 24px;
}

.form_txt{
	margin: 16px 0;
	color: #718096;
	font-size: clamp(10px, 2.5vw, 14px); 
}

.form_txt p{
	padding-left:1em;
	text-indent:-1em;
}

.hero_info{
	background: #fff;
	border-radius: 1.0em;
	padding: 20px 30px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.metric{
	margin-bottom: 15px;
}

.metric-value{
	color: #10b981;
	font-weight: bold;
	font-size: clamp(28px, 3.5vw, 38px); 
}

.metric-note{
	color: #718096;
	font-size: clamp(10px, 2.5vw, 14px); 
}

.stats-container {
	text-align: center;
}

.stat-card{
	float: left;
	width: 50%;
	margin: 30px 0;
}

.stat-number{
	color: #10b981;
	font-weight: bold;
	font-size: clamp(38px, 3.5vw, 50px); 
}

.stat-label{
	font-size: clamp(14px, 3.5vw, 18px); 
}

.stat-note{
	color: #718096;
	font-size: clamp(10px, 2.5vw, 14px); 
}

.section-title {
    text-align: center;
    font-size: clamp(36px, 3.5vw, 48px); 
    font-weight: bold;
    margin-bottom: 20px;
}

.section-subtitle {
    text-align: center;
	font-size: clamp(12px, 3.5vw, 18px); 
	margin-bottom: 60px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.feature-card {
    background: #fff;
    padding: 10px;
    border-radius: 1.0em;
}

.feature-icon {
    width: 64px;
    height: 64px;
	padding: 8px;
    border-radius: 50%;
	margin-top: 20px;
    margin-bottom: 20px;
	background: #2d3748;
}

.feature-title {
    font-size: clamp(18px, 3.5vw, 24px); 
	font-weight: bold;
    margin-bottom: 15px;
}

.plans-grid {
    margin: 40px 3% 0;
}

.plan-card {
    background: #f7fafc;
    padding: 40px;
    border: 2px solid transparent;
    position: relative;
	margin-bottom: 40px;
}

.plan-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #10b981;
    color: #fff;
    padding: 5px 20px;
    font-size: clamp(12px, 3.5vw, 16px); 
    font-weight: bold;
    letter-spacing: 1px;
}

.plan-title {
    font-size: clamp(20px, 3.5vw, 32px); 
    font-weight: bold;
    margin-bottom: 20px;
}

.plan-period {
    font-size: clamp(12px, 3.5vw, 16px); 
    opacity: 0.9;
    margin-bottom: 30px;
    color: #10B981;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 10px;
    background: #e3f4f1;
    display: inline-block;
    border-radius: 0.5em;
}

.plan-features {
    list-style: none;
    margin-bottom: 30px;
}

.plan-features li {
    padding: 10px 0;
    border-bottom: 1px solid #eaedef;
    font-size: clamp(16px, 3.5vw, 18px); 
}

.btn-secondary {
    border: 2px solid #2d3748;
    font-weight: bold;
	text-align: center;
}

.btn-secondary a{
    display: block;
    padding: 16px 40px;
    color: #2d3748;
    text-decoration: none;
}


.btn-secondary a:hover{
	 background: #2d3748;
	 color: #fff;
}


.btn-primary {
     font-weight: bold;
	 text-align: center;
	 background: #2d3748;
}

.btn-primary a{
    display: block;
    padding: 16px 40px;
    color: #fff;
    text-decoration: none;
}

.btn-primary a:hover{
	 background: #10b981;
}

.plan-card.featured {
    border-color: #10b981;
    transform: scale(1.05);
    background: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}



.testimonials-container {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px;
	margin-top: -40px;
}

.testimonials-track {
    display: flex;
    gap: 30px;
    animation: slide 40s linear infinite;
    width: fit-content;
}

.testimonial-card {
    background: white;
    padding: 30px;
    border-radius: 10px;
    min-width: 350px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s;
}

.rating {
    color: #F59E0B;
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: 2px;
}

.testimonial-text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
    min-height: 100px;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-name {
    font-weight: 600;
}

.author-title {
    font-size: 14px;
    opacity: 0.6;
}

.author-avatar {
    width: 50px;
    height: 50px;
    background:#cff1e6;
    border-radius: 50%;
	padding: 5px;
}

.monia{
	text-align: center;
	color: #718096;
	padding: 20px 0 50px;
	font-size: clamp(10px, 2.5vw, 14px); 
}

@keyframes slide {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}

.faq-item {
    margin-bottom: 25px;
    border-bottom: 1px solid #E2E8F0;
    padding: 15px 20px 25px 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.faq-question {
    font-size: clamp(18px, 3.5vw, 20px); 
    font-weight: 600;
    margin-bottom: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.faq-question::before {
    content: "Q.";
    color: #10B981;
    font-weight: 700;
    margin-right: 10px;
    font-size: 20px;
}

.faq-answer {
    font-size: 16px;
    opacity: 0.8;
    line-height: 1.8;
    padding-left: 35px;
    padding-right: 20px;
}

.faq-answer::before {
    content: "A.";
    color: #718096;
    font-weight: 600;
    margin-left: -25px;
    margin-right: 10px;
}

.f-form{
	text-align: center;
	font-size: clamp(12px, 3.5vw, 16px); 
	margin: 15px 0;
}

.title-area01{
	background: #058d64;
	padding: 30px;
	border-radius: 0.8em;
	display: flex;
	gap: 10px;
	align-items: center;
}

.title-area02{
	background: #225be4;
	padding: 30px;
	border-radius: 0.8em;
	display: flex;
	gap: 10px;
	align-items: center;
}

.title-icon{
	width: 62px;
}

.title{
	font-size: clamp(20px, 3.5vw, 30px); 
	line-height: 1.0;
    font-weight: 600;
	color: #fff;
}

.title span{
	font-size: clamp(12px, 3.5vw, 16px); 
    font-weight: normal;	
}

.contact-info ul{
	display: flex;
	gap: 10px;
	width: 100%;
	margin: 0px 0 20px;
}

.contact-info li{
	width: calc(100% / 3);
	text-align: center;
	background: #fff;
	border-radius: 0.7em;
	border:1px solid #e5e7eb;
	padding: 2% 1%;
	font-size: clamp(12px, 3.5vw, 16px); 
	font-weight: 600;
}

.contact-info span{
	font-weight: normal;
	font-size: clamp(10px, 3.4vw, 14px); 
}

.contact-icon01{
	background: #dbeafe;
	text-align: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px;
}

.contact-icon02{
	background: #d1fae5;
	text-align: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px;
}

.contact-icon03{
	background: #f3e8ff;
	text-align: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px;
}


.contact-icon01 img,.contact-icon02 img,.contact-icon03 img{
	position: absolute;
	 top: 0;
	right: 0;
	bottom: 0;
  	left: 0;
	margin: auto;
}


/* ===== 共通 ===== */
.wb-contact *, .wblogin-section *, .wbterms *, .wbprivacy *, .wblegal * { box-sizing: border-box; }

/* ===== お問い合わせ ===== */
.wb-contact { padding: 24px 0; }
.wb-form{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:22px 20px; }
.wb-form h3{ margin:0 0 14px; }
.wb-field{ margin:14px 0; }
.wb-label{ display:block; margin:0 0 8px; font-size:clamp(12px,3.5vw,16px); }
.wb-input,.wb-select,.wb-textarea{
  width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  padding:14px; font:500 14px/1.4 system-ui; color:#0f172a;
  outline:none; transition:border-color .15s, box-shadow .15s;
}
.wb-input::placeholder,.wb-textarea::placeholder{ color:#b6c3d1; }
.wb-input:focus,.wb-select:focus,.wb-textarea:focus{ border-color:#b9d3ff; box-shadow:0 0 0 4px rgba(59,130,246,.12); }
.wb-select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2364758b' d='M5.6 7.6a1 1 0 0 1 1.4 0L10 10.6l3-3a1 1 0 1 1 1.4 1.4l-3.7 3.7a1.2 1.2 0 0 1-1.4 0L5.6 9a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; padding-right:42px;
}
.wb-textarea{ min-height:220px; resize:vertical; }
.wb-actions{ display:flex; gap:12px; margin-top:18px; }
.wb-btn{ appearance:none; border:0; border-radius:10px; padding:12px 18px; font:700 14px/1 system-ui; cursor:pointer; }
.wb-btn--primary{ background:#10b981; color:#fff; }
.wb-btn--primary:active{ background:#0f8c61; }
.wb-btn--ghost{ background:#fff; border:1px solid #e5e7eb; color:#111827; }
.wb-help{ margin-top:6px; font:12px/1.3 system-ui; color:#94a3b8; }

/* ===== ログイン（お問い合わせトーン準拠） ===== */
.wblogin-section{}
.wblogin-wrap{ margin:20px auto; }
.wblogin-card{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:22px 22px 18px; }
.wblogin-title{ margin:0 0 18px; font:700 20px/1.2 system-ui,-apple-system,Segoe UI,Roboto; color:#0f172a; }
.wblogin-field{ margin:14px 0; }
.wblogin-label{ display:block; margin:0 0 8px; font:600 14px/1.2 system-ui; color:#475569; }
.wblogin-input{
  width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  padding:14px; font:500 14px/1.45 system-ui; color:#0f172a;
  outline:none; transition:border-color .15s, box-shadow .15s;
}
.wblogin-input:focus{ border-color:#b9d3ff; box-shadow:0 0 0 4px rgba(59,130,246,.12); }
.wblogin-input::placeholder{ color:#b6c3d1; }
.wblogin-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; }
.wblogin-check{ display:flex; align-items:center; gap:8px; color:#475569; font:13px/1.2 system-ui; }
.wblogin-link{ font:600 13px/1.2 system-ui; color:#2563eb; text-decoration:none; }
.wblogin-actions{ display:flex; gap:12px; margin-top:18px; }
.wblogin-btn{ appearance:none; border:0; border-radius:10px; padding:12px 18px; font:700 14px/1 system-ui; cursor:pointer; }
.wblogin-btn--primary{ background:#13a874; color:#fff; }
.wblogin-btn--primary:active{ background:#0f8c61; }
.wblogin-btn--ghost{ background:#fff; border:1px solid #e5e7eb; color:#111827; }
.wblogin-hint{ margin-top:8px; font:12px/1.4 system-ui; color:#94a3b8; }
.wblogin-error{ display:none; margin:0 0 10px; padding:10px 12px; border-radius:10px; background:#fff1f2; border:1px solid #fecdd3; color:#be123c; font:13px/1.35 system-ui; }
@media (max-width:640px){
  .wblogin-card{ padding:18px; }
  .wblogin-title{ font-size:18px; }
  .wblogin-row{ flex-direction:column; align-items:flex-start; gap:8px; }
}

/* ===== 利用規約 ===== */
.wbterms-wrap{ max-width:1120px; margin:0 auto; padding:20px 0; }
.wbterms-hero{ background:#f4f7fb; border:1px solid #e5e7eb; border-radius:.7em; padding:18px 20px; margin-bottom:18px; }
.wbterms-title{ margin:0; font:800 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto; color:#0f172a; }
.wbterms-grid{ display:grid; grid-template-columns:280px 1fr; gap:18px; }
@media (max-width:960px){ .wbterms-grid{ grid-template-columns:1fr; } }
.wbterms-toc{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:14px; position:sticky; top:16px; height:max-content; }
.wbterms-toc h3{ margin:2px 0 10px; font:700 14px/1.2 system-ui; color:#475569; }
.wbterms-toc ol{ margin:0; padding:0 0 0 18px; }
.wbterms-toc li{ margin:6px 0; }
.wbterms-toc a{ color:#2563eb; text-decoration:none; font:600 13px/1.35 system-ui; }
.wbterms-toc a:hover{ text-decoration:underline; }
.wbterms-card{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:22px; }
.wbterms-lead{ margin:0 0 14px; color:#334155; font:500 14px/1.6 system-ui; }
.wbterms-dl{ margin:0; }
.wbterms-dl dt{ margin:24px 0 8px; color:#0f172a; font:800 18px/1.25 system-ui; }
.wbterms-dl dd{ margin:0 0 14px; }
.wbterms-dl p{ margin:10px 0; color:#0f172a; font:500 14px/1.8 system-ui; }
.wbterms-note{ color:#94a3b8; font:12px/1.4 system-ui; margin-top:6px; }
.wbterms-hr{ height:1px; background:#e5e7eb; border:0; margin:18px 0; }
.wbterms-actions{ display:flex; gap:12px; margin-top:10px; }
.wbterms-btn{ appearance:none; border:0; border-radius:10px; padding:12px 18px; font:700 14px/1 system-ui; cursor:pointer; }
.wbterms-btn--primary{ background:#13a874; color:#fff; }
.wbterms-btn--primary:active{ background:#0f8c61; }
.wbterms-btn--ghost{ background:#fff; border:1px solid #e5e7eb; color:#111827; }
.wbterms-top{ display:inline-block; margin-top:10px; color:#2563eb; text-decoration:none; font:600 12px/1 system-ui; }

/* ===== プライバシーポリシー ===== */
.wbprivacy-wrap{ max-width:1120px; margin:0 auto; padding:20px 0; }
.wbprivacy-hero{ background:#f4f7fb; border:1px solid #e5e7eb; border-radius:.7em; padding:18px 20px; margin-bottom:18px; }
.wbprivacy-title{ margin:0; font:800 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto; color:#0f172a; }
.wbprivacy-grid{ display:grid; grid-template-columns:280px 1fr; gap:18px; }
@media (max-width:960px){ .wbprivacy-grid{ grid-template-columns:1fr; } }
.wbprivacy-toc{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:14px; position:sticky; top:16px; height:max-content; }
.wbprivacy-toc h3{ margin:2px 0 10px; font:700 14px/1.2 system-ui; color:#475569; }
.wbprivacy-toc ol{ margin:0; padding:0 0 0 18px; }
.wbprivacy-toc li{ margin:6px 0; }
.wbprivacy-toc a{ color:#2563eb; text-decoration:none; font:600 13px/1.35 system-ui; }
.wbprivacy-toc a:hover{ text-decoration:underline; }
.wbprivacy-card{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:22px; }
.wbprivacy-lead{ margin:0 0 14px; color:#334155; font:500 14px/1.6 system-ui; }
.wbprivacy-dl{ margin:0; }
.wbprivacy-dl dt{ margin:24px 0 8px; color:#0f172a; font:800 18px/1.25 system-ui; }
.wbprivacy-dl dd{ margin:0 0 14px; }
.wbprivacy-dl p{ margin:10px 0; color:#0f172a; font:500 14px/1.8 system-ui; }
.wbprivacy-hr{ height:1px; background:#e5e7eb; border:0; margin:18px 0; }
.wbprivacy-note{ color:#94a3b8; font:12px/1.4 system-ui; margin-top:6px; }
.wbprivacy-actions{ display:flex; gap:12px; margin-top:10px; }
.wbprivacy-btn{ appearance:none; border:0; border-radius:10px; padding:12px 18px; font:700 14px/1 system-ui; cursor:pointer; }
.wbprivacy-btn--primary{ background:#13a874; color:#fff; }
.wbprivacy-btn--primary:active{ background:#0f8c61; }
.wbprivacy-btn--ghost{ background:#fff; border:1px solid #e5e7eb; color:#111827; }
.wbprivacy-top{ display:inline-block; margin-top:10px; color:#2563eb; text-decoration:none; font:600 12px/1 system-ui; }

/* ===== 特商法表記 ===== */
.wblegal-wrap{ margin:0 auto; padding:20px 0; }
.wblegal-hero{ background:#f4f7fb; border:1px solid #e5e7eb; border-radius:.7em; padding:18px 20px; margin-bottom:18px; }
.wblegal-title{ margin:0; font:800 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto; color:#0f172a; }
.wblegal-card{ background:#fff; border:1px solid #e5e7eb; border-radius:.7em; padding:12px; }
.wblegal-table{ width:100%; border-collapse:collapse; }
.wblegal-table th, .wblegal-table td{ padding:14px 10px; vertical-align:top; text-align:left; border-bottom:1px solid #e5e7eb; }
.wblegal-table th{ width:32%; font:700 14px/1.5 system-ui; color:#475569; }
.wblegal-table td{ font:500 14px/1.7 system-ui; color:#0f172a; }
.wblegal-table tr:last-child th, .wblegal-table tr:last-child td{ border-bottom:0; }
.wblegal-actions{ display:flex; gap:12px; margin-top:24px; }
.wblegal-btn{ appearance:none; border:0; border-radius:10px; padding:12px 18px; font:700 14px/1 system-ui; cursor:pointer; }
.wblegal-btn--primary{ background:#13a874; color:#fff; }
.wblegal-btn--primary:active{ background:#0f8c61; }
.wblegal-btn--ghost{ background:#fff; border:1px solid #e5e7eb; color:#111827; }
.wblegal-note{ color:#94a3b8; font:12px/1.4 system-ui; margin-top:10px; }

footer {
	width:100%;
	text-align:center;
	padding:2px 0 0;
	background: #1a202c;
	color: #fff;
}

.footer_innner{
	max-width: 1100px;
	margin: 0 auto;
}

footer ul {
	margin: 10px;
}

footer li {
	float: left;
	width: calc(100% / 2);
	font-size: clamp(14px, 3.5vw, 16px); 
}

footer li a {
	text-align: center;
	color: #fff;
	padding: 10px 5px;
	display:block;
	text-decoration:none;
	text-indent:5px;
	font-weight:bold;
	border-radius: 5.0em;
}

.f-txt{
	margin: 20px auto 10px;
	font-size: clamp(10px, 2.5vw, 14px); 
	text-align:left;
	padding: 0 10px;
}

.f-txt p{
	padding-left:1em;
	text-indent:-1em;
}


.copyright{
	padding: 15px 0;
	text-align:center;
}


@media (min-width: 768px){

 .spbr{
    display: none;
}

body {
	height: 100%;
}

#wrapper {
	margin-top: 80px;
}

#main{
	margin: 0 auto;
	overflow:hidden;
}

.logo{
	width: 220px;
	margin-top: 15px;
	margin-left: 12px;
}

header{
	height: 80px;

}

.hero{
	padding: 70px 15px;
	display: flex;
}


.container,.f-container{
	padding: 70px 15px;
}

.hero_flex01{
  width: 50%;
  padding-right: 25px;
  
}

.hero_flex02{
  width: 50%;
  padding-left: 25px;
  margin-top: 90px;
}

.login{
	width: 160px;
	margin-top: 15px;
	margin-right: 12px;
}

.live-indicator {
	width: 14px;
	height: 14px;
}

.inpr,.inpr2{
	height: 62px;
}

.send,.send2{
	height: 62px;
}


.line_btn{
	font-size: 18px; 
}


.line_btn a{
	padding: 18px 0;
}

.line_icon{
	width: 30px;
}

.hero_info{
	padding: 40px 30px;
}

.stat-card{
	width: 25%;
	margin: 10px 0;
}

footer li {
	float: left;
	width: calc(100% / 4);
}
}

@media (min-width: 1024px){

.plans-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	margin: 120px 0 0;
}

.plan-card {
	margin-bottom: 0px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.feature-card {
	padding: 30px;
}

.feature-icon {
    margin-top: 15px;
}

}