html{
    scroll-behavior: smooth;
}
body {
    font-family: "Helvetica Neue",
      Arial,
      "Hiragino Kaku Gothic ProN",
      "Hiragino Sans",
      Meiryo,
      sans-serif;
}
img{
    width:100%;
}
.txt-yellow{
    color:#fffc00;
    font-weight: bold;
}
.txt-gold{
    color:#ab8012;
    font-weight: bold;
}
.txt-blue{
    color:#1666b9;
    font-weight: bold;
}
p,ul,li,h1,h2,h3,h4{
    margin-bottom:0;
}
ul {
    padding-left: 0;
}
p{
    line-height: 1.8;
    color:#333;
}
.btn{
    transition:all 0.3s;
}
.btn:hover{
    cursor: pointer;
    opacity:0.7;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}
.up-margin{
    position: relative;
    top:-10px;
}
.yajirusi-sita {
    text-align: center;
    position: relative;
    height: 45px;
    max-width: 190px;
    margin: 0 auto;
}
.kome{
    font-size:14px;
    color:red;
}
.kome-normal{
    font-size:14px;
    color:#555;
    line-height: 1.3;
}
.kome-bl{
    font-size:12px;
    color:#555;
}
a,
a:visited{
    text-decoration:none;;
    color: #333;
}
a:hover{
    text-decoration:none;;
    color: #333;
    font-weight: 600;
}
@media screen and (max-width:991px){
    .sp-nogutters {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .sp-nogutters  .col,
    .sp-nogutters [class*="col-"] {
          padding-right: 0;
          padding-left: 0;
    }
    .sp-container{
        padding-left:20px;
        padding-right:20px;
    }
}

/*-----------------------------------------------
/ header
/-----------------------------------------------*/
.logo {
    max-width: 387px;
    position: absolute;
    padding: 10px 20px;
}
.logo__rel{
    max-width: 387px;
    position: relative;
    padding: 10px 20px;
}
@media screen and (max-width:991px){
    .logo {
        max-width: 240px;
        position: absolute;
        padding: 8px;
    }
    .logo__rel {
        max-width: 240px;
        position: relative;
        padding: 8px;
    }
}

/********************************************
* form
********************************************/
label.sel-pre p {
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
    padding: 10px;
    background: #ff0078;
    color: white;
    border-radius: 4px;
}
label.sel-pre p span {
    font-weight: bold;
    font-size: 20px;
}
.form__notice {
    padding: 10px 20px;
}
.form__notice li {
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 13px;
    color:red;
}
.form__ttlsub {
    text-align: center;
    color: red;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 12px !important;
}
#form .must{
    background:#ff0078;
    color:white;
    border-radius: 5px;
    font-size:14px;
    padding:2px 3px;
    margin-left:6px;
    margin-right:4px;
    font-weight: bold;
}

/* 共通 */
#sec_form .kome-red {
    font-size: 14px;
    color: red;
}
.formBox .card{
    margin-bottom:0;
}
.rules {
    font-size: 13px;
    line-height: 1.4;
    height: 150px;
    margin: 30px 10px 20px 0;
    padding: 10px;
    border: solid 1px #aaa;
    border-radius: 4px;
    overflow: auto;
    color: black;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.rules h3{
    font-size:18px;
    font-weight: 600;
}
.rules p, .rules li {
    font-size: 14px;
    line-height: 1.3;
}
.rules a{
    color:blue;
    text-decoration: underline;
}


/* form 20210927
---------------------------------------------------*/
#sec_st{
    margin-top: 30px;
    margin-bottom: 20px;
}
#sec_st p{
    margin-bottom:0;
}
#sec_st .top-st{
    margin: 0 5px 0 5px;
    padding: 5px 10px;
    border-radius: 10px;
    min-width: 4em;
}
#sec_st .bg-gray{
    background: #888888;
}
#sec_st .bg-green{
    background:#9ac100;
}
#form .selection-group {
    background: #fceace;
    padding-top: 8px;
    padding-bottom: 8px;
}
#sec_st .top-st p{
    color:white;
    text-align: center;
}
#form{
    font-size:16px;
}
#form p{
    margin-bottom:0;
}
#form label {
    margin-bottom: 0;
}
#form h2{
    font-size:20px;
    text-align: center;
}
#form p.input-label {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
}
#form .input-title{
    background:#9ac100;
    padding:2px 4px;
}
#form .input-title p{
    color:white;
    margin-bottom:0;
}
#form input[type="text"], select ,#form input[type="date"]{
    height: 40px;
    border-radius: 10px;
    border: solid 2px #555;
    background:#fceace;
    font-size: 16px;
    padding: 4px 8px;
    max-width:100%;
}
input[type="date"]{
    min-width:140px;
}
#form .after-zip input,
#form .after-zip select,
#form #job-detail textarea{
    background:white;
}
#form textarea {
    border-radius: 10px;
    border: solid 2px #555;
    font-size: 16px;
    padding: 4px 8px;
    max-width: 100%;
    width: 400px;
}
#form input:focus,
#form select:focus,
#form textarea:focus {
    border: solid 2px #9ac100;
    background: #fceace;
    outline: none;
}
#form .selection-group input[type="radio"]{
    display:none;
}
#form .selection-group label img{
    max-width: 100%;
    height: auto;
    margin: 4px;
    padding: 2px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
#form .selection-group input[type="radio"]:checked+ label img {
    background:#ff0078;
}

#form .sf-fields{
    display: none;
}

#form input[type=radio],
#form input[type=checkbox].inter{
    visibility:hidden;
    position:absolute;
}
#form label i{
    display:none;
    position: absolute;
    left: 14px;
    line-height: 30px;
    font-size: 21px;
    color: #ff0078;
}
#form .selection-grp-gendar input[type=radio] + label,
#form .selection-grp-marry input[type=radio] + label,
#form .selection-grp-child input[type=radio] + label,
#form .selection-grp-soudan input[type=radio] + label,
#form .selection-grp-mendanbasyo input[type=radio] + label,
#form .selection-grp-kibou input[type=radio] + label{
    position:relative;
    background: #fceace;
    width: 50%;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
    margin: 0 6px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 60%);
}

#form .selection-grp-mendanbasyo input[type=radio] + label
{
    width:30%;
}
#form .selection-grp-soudan input[type=radio] + label{
    width:22%;
    margin-bottom: 10px;
}
#form .soudan_sonota__wrap input[type=radio] + label{
    width:30%;
    margin-bottom: 10px;
}
#form .selection-grp-kibou input[type=radio] + label {
    height: 50px;
    line-height: 1.2;
}
#form input[type=checkbox].inter + label {
    position: relative;
    background: #fceace;
    width: 94px;
    height: 108px;
    text-align: center;
    font-weight: bold;
    padding: 10px 10px 5px;
    border-radius: 10px;
    margin: 7px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 60%);
}

#form input[type=checkbox].inter.no-checked + label{
    background:white;
}
#marry_text{
    display:none;
    color:red;
    font-weight: bold;
    font-size:14px;
    
}
#form .selection-grp-gendar input[type=radio]:checked + label,
#form .selection-grp-marry input[type=radio]:checked + label,
#form .selection-grp-child input[type=radio]:checked + label,
#form .selection-grp-soudan input[type=radio]:checked + label,
#form .selection-grp-kibou input[type=radio]:checked + label,
#form .selection-grp-mendanbasyo input[type=radio]:checked + label,
#form input[type=checkbox]:checked.inter + label{
    background:#ffeded;
    box-shadow: 0 2px 3px rgb(0 0 0 / 60%) inset;
}
.selection-grp-mendanbasyo,.mendanbasyo_sonota{
    display:none;
}
#form .after-gendar,#form .after-zip{
    display:none;
}
#form .input-indent{
    margin-left:40px;
}
#form .sel-btn{
    background: #fceace;
    font-size: 16px;
    height: 40px;
    border-radius: 10px;
    border: solid 2px #555;
    padding: 4px 8px;
}

#form #job-detail{
    display:none;
}

#form #online-detail{
    display:none;
}
#form .agree-block{
    position:relative;
}
#form input[type=checkbox].check-agree{
    display:none;
}
#form input[type=checkbox] + label.check-agree:before {
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
    background: url(../images/checkbox_must.png) no-repeat 0 0;
    vertical-align: middle;
}
#form input[type=checkbox]:checked + label.check-agree:before {
    background: url(../images/checkbox_on.png) no-repeat 0 0;
}

#form .agree-block label {
    background: #fceace;
    display: block;
    padding-left: 38px;
    text-indent: -38px;
    line-height: 1.4;
    font-size: 16px;
    border-radius: 4px;
    width:100%;
}
#form .errormsg{
    font-size:14px;
    color:red;
}

@media screen and (max-width:768px){

    #form .selection-grp-soudan input[type=radio] + label {
        width: 90%;
        margin: 8px auto;
    }
}
@media screen and (max-width:575.98px){
    #form p{
        font-size:14px;
    }
    #form .selection-grp-gendar input[type=radio] + label,
    #form .selection-grp-marry input[type=radio] + label,
    #form .selection-grp-child input[type=radio] + label,
    #form .selection-grp-soudan input[type=radio] + label,
    #form .selection-grp-kibou input[type=radio] + label{
        font-size:14px;
    }
    #form label i{
        left:2px;
        font-size:13px;
    }
    #form .input-indent{
        margin-left:0;
    }
    #form input[type="text"], select {
        font-size:14px;
    }
}
/* dialog
-----------------------------------------------------*/
.modal-body {
    padding: 4px;
}
.modal-header{
    background:#9ac100;
}
#joblist-dialog h3 {
    font-size: 17px;
    text-align: center;
    margin: 0 auto;
    color: white;
}
#joblist-dialog .jobbtn{
    font-size: 14px;
    letter-spacing: -1px;
    width: 43%;
    padding: 4px 1px;
    margin: 8px 4px;
    text-align: center;
    border: solid 1px #efefef;
    border-radius: 8px;
    box-shadow: 0 1px 2px;
}
#joblist-dialog .jobbtn:hover{
    cursor: pointer;
    background: #fceace;
    border: solid 1px #ffac00;
}
#form{
    width:100%;
}
#form #send{    
    position:relative;
    width:320px;
    height:60px;
    background:#ff0078;
    margin:0 auto;
    font-size:20px;
    line-height: 60px;
    letter-spacing: -1px;
    font-weight: 600;
    text-decoration: none;
    color:white;
    border-radius: 10px;
    border:none;
}
#form #send:focus{
    outline: none;
}
#form #warning{
    font-size:14px;
    font-weight: bold;
    margin:10px auto 2px;
}
#form .g-recaptcha{
    margin:10px auto 2px;
    width:304px;
}


.osusume{
    font-size: 12px;
    background: #ff0078;
    color: white;
    padding: 3px 8px;
    margin-right: 8px;
    border-radius: 4px;
}
.booking__block{
    display:none;
}
.booking__block-open {
    text-align: center;
    color: white;
    background: #00a8eb;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    padding: 3px 10px;
    width: 260px;
}
.booking__block-open:hover{
    cursor: pointer;
}
.booking__block-inner {
    background: #d8f4ff;
    padding: 10px;
}
.btn_booking{
    width:300px;
    height:60px;
    background:#00a8eb;
    margin:0 auto;
    font-size:20px;
    line-height: 60px;
    letter-spacing: -1px;
    font-weight: 600;
    text-decoration: none;
    color:white;
    border-radius: 10px;
    border:none;
    transition:all 0.3s;
}
.btn_booking:hover{
    cursor: pointer;
    opacity:0.7;
}
/*---------- colona ----------*/
.colona{
    margin-top:10px;
    font-size:14px;
    border:solid 2px #efefef;
    padding:4px;
}
.colona p{
    margin:0;
    line-height:1.3;
}


/*---------- thanks ----------*/

.thanks__ttl {
    width: 100%;
    margin: 40px auto 20px auto;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: #9ac100;
    text-align: center;
    letter-spacing: -0.02em;
}
#thanks h2{
    color:#9ac100;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
#thanks .formBox{
    margin-left:auto;
    margin-right:auto;
}
#thanks p strong{
    font-size:1.1em;
}
#thanks .thankstxt1 {
    text-align: center;
    font-size: 20px;
    background: #f3ffc5;
    padding: 10px 0;
    font-weight: bold;
}
#thanks .thankstxt2 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    border: solid 1px #9ac100;
    padding: 10px;
}
.thanks__notice {
    text-align: center;
    font-weight: bold;
    background: #9ac100;
    font-size: 23px;
    color: white;
    letter-spacing: -1px;
}
.thanks__heading {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #ffd83b;
    font-weight: bold;
    font-size: 18px;
}
.thanks__list {
    padding-left: 30px;
    padding: 10px 8px 10px 30px;
    background: #fffcef;
    border: solid 2px #ffd83b;
}
.thanks__list li {
    line-height: 1.3;
    margin-bottom: 10px;
}



/*-----------------------------------------------
/ form1
/-----------------------------------------------*/
.goestenpo {
    display: none;
    background: white;
    padding: 40px 10px;
    min-width: 300px;
    width: 90%;
    max-width: 600px;
    position: fixed;
    height:80%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: scroll;
}
.goestenpo__ttl {
    text-align: center;
    font-size: 22px;
}

.goestenpo__ttlsub{
    font-size:16px;
    text-align: center;
    font-weight:300;
}
.goestenpo input[type="text"], .goestenpo select, .goestenpo input[type="date"] {
    height: 40px ;
    border-radius: 4px ;
    border: solid 1px #efefef ;
    background: #fef8fb ;
    font-size: 16px ;
    padding: 4px 8px ;
    max-width: 100% ;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3) inset ;
}
.goestenpo input:focus, select:focus, textarea:focus {
    border: solid 2px #ff0078 !important;
    background: #fef8fb !important;
    outline: none !important;
}
.submit__notice {
    font-size: 14px;
    line-height: 1.3;
    color: red;
    margin-bottom: 20px;
    margin-top:8px
}
.goestenpo .errormsg {
    font-size: 14px;
    color: red;
    font-weight: bold;
}
.goestenpo input[type=radio].addingshopname + label {
    background: white;
    width: 100% !important;
}
.goestenpo input[type=radio].addingshopname + label {
    position: relative;
    text-align: left;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 6px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 60%);
    line-height: 1.1;
}
.goestenpo input[type=radio]:checked.addingshopname + label {
    background: #ffeded !important;
    box-shadow: 0 2px 3px rgb(0 0 0 / 60%) inset !important;
}
.goestenpo input[type=radio].addingshopname {
    visibility: hidden;
    position: absolute;
}
.goestenpo label.addingshopname_label span {
    font-weight: 100;
    font-size: 12px;
    color: #888;
}
@media screen and (max-width: 575.98px) {
    .goestenpo th,  .goestenpo td {
        width: 100%;
        display: block;
    }
}
.goestenpo iframe {
    width: 100%;
    height: 240px;
}
.goestenpo .btn__toForm {
    border:none;
    width: 100%;
    max-width: 400px;
    height: 60px;
    text-align: center;
    background: #ff5200;
    border-radius: 40px;
    margin: 0px auto 20px;
    line-height: 60px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.goNext,.goForm{
    transition:all 0.3s;
}
.goNext:hover,.goForm:hover{
    cursor: pointer;
    opacity:0.7;
}

/* モーダルウィンドウ内にある×ボタン */
.goestenpo .close {
    /* モーダルウィンドウを基準に位置を調整 */
    position: absolute;
    top: 10px;
    right: 20px;
    /* ホバーしたらカーソルの形になるようにする */
    cursor: pointer;
    font-size: 20px;
}

.overlay {
    /* 位置を固定 */
    position: fixed;
    top: 0;
    left: 0;
    /* 画面いっぱいに広がるようにする */
    width: 100%;
    height: 100vh;
    /* 黒い背景色(今回は黒で60%の不透明度) */
    background: rgba(0, 0, 0, 0.6);
    /* デフォルトでは非表示にしておく */
    display: none;
  }
  .mendantenpo{
    display:none;
  }
  .tenponame {
    font-size: 14px !important;
    background: #ffeded !important;
    border: #aaa solid 1px !important;
    border-radius: 0 !important;
    height: 28px !important;
    display: block;
    width: 100%;
}
.tenpo_close {
    width: 100%;
    border-radius: 50px;
    margin: 0 auto 10px;
    border: none;
    box-shadow: 0 2px rgba(0,0,0,0.3);
    height: 40px;
    background: #ffaa09;
    font-weight: bold;
    color: #333;
}

@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}

.shiny-btn {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.soudan_sonota__wrap {
    margin-top: 10px;
    padding: 6px;
    background: #e1f6ff;
    display: none;
    
}
.soudan_sonota__wrap {
    margin-top: 10px;
    padding: 6px;
    background: #e1f6ff;
    display: none;
    
}
.no_tenpo {
    background: #ffeded;
    padding: 10px;
    font-weight: bold;
    color: red;
}

.group__shigoto, .group__soudan{
    display:none;
}
.inter_img {
    height: 100%;
    width: auto;
}



.header-logo {
  width: 100%; 
  max-width: 300px;
  }

/* フッターメニュー全体 */
.footer-menu {
  border-top: 1px solid #eee;
}

/* メニュー本体 */
.footer-menu__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  font-size: 12px;
  line-height: 1.6;
}
/* リンク */
.footer-menu__nav a {
  color: #777 !important; 
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}

/* 区切りっぽさ（視線誘導しない） */
.footer-menu__nav a::after {
  content: "｜";
  margin-left: 16px;
  color: #ddd;
}

/* 最後だけ区切り消す */
.footer-menu__nav a:last-child::after {
  content: "";
}

/* hover時も主張しすぎない */
.footer-menu__nav a:hover {
  color: #444;
  text-decoration: underline;
}

/* =========================================================
   LP量産 共通テーマ v1（Bootstrap 5.3 上書き）
   path: /hokenlp/css/style_common.css
========================================================= */
:root{
  --lp-primary:#237FE2;
  --lp-primary-soft:#EAF3FF;
  --lp-text:#0F172A;
  --lp-muted:#64748B;
  --lp-bg:#F8FAFC;
  --lp-border:#E2E8F0;

  --lp-radius:16px;
  --lp-shadow:0 8px 22px rgba(15,23,42,0.08);

  --lp-section-pad:64px;
}

/* Base */
body.lp{
  color:var(--lp-text);
  background:#fff;
  line-height:1.75;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;
}
.lp a{ color:var(--lp-primary); }
.lp a:hover{ color:var(--lp-primary); filter:brightness(0.95); }

.lp .text-muted{ color:var(--lp-muted) !important; }

/* container width */
@media (min-width: 992px){
  .lp .container{ max-width: 980px; }
}

/* Sections */
.lp-section{ padding:var(--lp-section-pad) 0; }
.lp-section--soft{ background:var(--lp-bg); }
.lp-lead{ max-width:720px; }

/* Headings */
.lp-h1{
  font-size:clamp(28px, 3vw, 34px);
  font-weight:800;
  letter-spacing:-0.01em;
  line-height:1.25;
}
.lp-subcopy{
  font-size:16px;
  color:var(--lp-muted);
  margin-top:10px;
}
.lp-h2{
  font-size:clamp(20px, 2.2vw, 24px);
  font-weight:800;
  line-height:1.35;
  margin:0 0 14px 0;
  position:relative;
  padding-bottom:14px;
}
.lp-h2::after{
  content:"";
  display:block;
  width:100px;
  height:4px;
  background:var(--lp-primary);
  margin-top:8px;
}

/* Cards */
.lp-card{
  background:#fff;
  border:1px solid var(--lp-border);
  border-radius:var(--lp-radius);
  box-shadow:var(--lp-shadow);
}
.lp-card__body{ padding:16px; }
@media (min-width:768px){
  .lp-card__body{ padding:24px; }
}

/* List */
.lp-list{
  margin:0;
  padding-left:1.2em;
}
.lp-list li{ margin:6px 0; }

/* Badges */
.lp-badges{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lp-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:var(--lp-primary-soft);
  color:var(--lp-primary);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}

/* CTA */
.lp-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 18px;
  border-radius:14px;
  font-weight:800;
  text-decoration:none;
  border:1px solid transparent;
  width:100%;
  max-width:520px;
}
.lp-cta--primary{
  background:var(--lp-primary);
  color:#fff;
}
.lp-cta--primary:hover{
  color:#fff;
  filter:brightness(0.95);
}
.lp-cta-note{
  margin-top:10px;
  font-size:13px;
  color:var(--lp-muted);
  line-height:1.55;
}

/* Campaign box */
.lp-campaign{
  background:var(--lp-primary-soft);
  border:1px solid rgba(35,127,226,0.25);
  border-radius:var(--lp-radius);
}
.lp-campaign__body{ padding:16px; }
@media (min-width:768px){
  .lp-campaign__body{ padding:20px; }
}
.lp-campaign__title{
  font-weight:900;
  margin:0 0 6px 0;
}
.lp-campaign__small{
  font-size:13px;
  color:var(--lp-muted);
}

/* FV image placeholder */
.lp-hero-media{
  width:100%;
  aspect-ratio: 16 / 9;
  border-radius:var(--lp-radius);
  background:linear-gradient(135deg, #EAF3FF, #F8FAFC);
  border:1px solid var(--lp-border);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--lp-muted);
  font-weight:700;
}

/* FAQ */
.lp-faq-item{
  padding:14px 0;
  border-bottom:1px solid var(--lp-border);
}
.lp-faq-item:last-child{ border-bottom:none; }
.lp-faq-q{ font-weight:900; margin-bottom:6px; }
.lp-faq-a{ color:var(--lp-text); margin:0; }

/* Footer */
.lp-footer{
  border-top:1px solid var(--lp-border);
  padding:22px 0;
  color:var(--lp-muted);
  font-size:12px;
  background:#fff;
}
.lp-footer a{
  color:var(--lp-muted);
  text-decoration:none;
}
.lp-footer a:hover{
  color:var(--lp-text);
  text-decoration:underline;
}
.lp-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  justify-content:center;
}

/* Small utilities */
.lp-kicker{
  display:inline-block;
  font-weight:800;
  color:var(--lp-primary);
  background:var(--lp-primary-soft);
  border:1px solid rgba(35,127,226,0.20);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
}
p.pre__about {
    text-align: center;
    color: #777;
    font-size: 12px;
}