/*
Theme Name: bsLP
Author: Buysell Technologies Creative div.
Author URI: https://buysell-technologies.com/
Version: 1.0.3
*/

/* DON'T EDIT!! */
@charset "UTF-8";body,input,option,select,textarea{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:14px;color:#4d4d4d}*,img{margin:0;padding:0}a img,img{border:0}a,body{color:#4d4d4d}:focus,a,a:focus{outline:0}.cf:after,main{display:block}.cf:after,:after{clear:both}*{font-style:normal;position:relative;box-sizing:border-box}ol,ul{list-style-type:none}blockquote,body,button,dd,div,dl,dt,embed,fieldset,form,li,object,p,pre,table,td,th{margin:0;padding:0;vertical-align:baseline;font-weight:400}body{background-attachment:scroll;background-color:#fff;overflow-y:scroll}.contact_form,.contact_form-agree,.contact_form-button-box{margin-top:50px}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}.wrapper{background-color:#fff}.container{max-width:1080px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}.img-responsive{max-width:100%;display:block}.cf:after{content:"";height:0;visibility:hidden}@media only screen and (min-width:769px){.sp{display:none!important}}@media only screen and (max-width:768px){.pc{display:none!important}}.contact_form{max-width:750px;margin-left:auto;margin-right:auto}.contact_form-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.contact_form-table__th{width:30%;padding:15px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#f5f5f5;vertical-align:middle}.contact_form-agree,.contact_form-button-box,.copyright,.footer-nav-list,.loader{text-align:center}.contact_form-table__th:before{content:"任意";background:#799bcb;background:-moz-linear-gradient(-45deg,rgba(121,155,203,1) 0,rgba(121,155,203,1) 50%,rgba(99,124,165,1) 50%,rgba(99,124,165,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(121,155,203,1) 0,rgba(121,155,203,1) 50%,rgba(99,124,165,1) 50%,rgba(99,124,165,1) 100%);background:linear-gradient(135deg,rgba(121,155,203,1) 0,rgba(121,155,203,1) 50%,rgba(99,124,165,1) 50%,rgba(99,124,165,1) 100%);color:#fff;padding:5px 10px;margin-right:10px;display:inline-block;font-size:12px;border-radius:2px;letter-spacing:0;line-height:1}.contact_form-table__th--require:before{content:"必須";background:#f85656;background:-moz-linear-gradient(-45deg,rgba(248,86,86,1) 0,rgba(248,86,86,1) 50%,rgba(211,74,74,1) 50%,rgba(211,74,74,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(248,86,86,1) 0,rgba(248,86,86,1) 50%,rgba(211,74,74,1) 50%,rgba(211,74,74,1) 100%);background:linear-gradient(135deg,rgba(248,86,86,1) 0,rgba(248,86,86,1) 50%,rgba(211,74,74,1) 50%,rgba(211,74,74,1) 100%)}.contact_form-table__td{width:35%;padding:15px;border-bottom:1px solid #ddd}.contact_form-zip-attention{font-size:11px}.contact_form-table__input--text{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.contact_form-table__input--text::placeholder{color:#ccc}.contact_form-table__input--text:-ms-input-placeholder{color:#ccc}.contact_form-table__input--text::-ms-input-placeholder{color:#ccc}.contact_form-table__textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;resize:vertical}.contact_form-agree__link{text-decoration:underline}.contact_form__button{background:#ffa84c;background:-moz-linear-gradient(top,rgba(255,168,76,1) 0,rgba(255,123,13,1) 100%);background:-webkit-linear-gradient(top,rgba(255,168,76,1) 0,rgba(255,123,13,1) 100%);background:linear-gradient(to bottom,rgba(255,168,76,1) 0,#ff7b0d 100%);border:3px solid #fff;font-size:25px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);font-weight:700;height:80px;max-width:500px;width:100%;border-radius:10px;cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}.contact_form-privacy_policy{color:#454545}.contact_form-privacy_policy__ttl{max-width:750px;font-size:20px;text-align:center;padding-bottom:30px;margin-left:auto;margin-right:auto;margin-bottom:30px}.contact_form-privacy_policy__ttl:after{content:"";background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(51,51,51,1) 50%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(51,51,51,1) 50%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(51,51,51,1) 50%,rgba(0,0,0,0) 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}.contact_form-privacy_policy__dl{margin-top:20px;max-width:750px;margin-left:auto;margin-right:auto}.contact_form-privacy_policy__dt{font-weight:700}@media only screen and (max-width:768px){.contact_form{margin-top:0}.contact_form-table{border:none}.contact_form-table__tr{display:block;margin-top:20px}.contact_form-table__td,.contact_form-table__th{display:block;border:none;width:100%;padding:0;margin-top:10px}.contact_form-table__th{background-color:transparent}.contact_form-table__input--text,.contact_form-table__textarea{padding:5px;font-size:14px}.contact_form-privacy_policy__ttl{font-size:16px;text-align:center;padding-bottom:15px;margin-bottom:15px}.contact_form-agree__label,.contact_form-privacy_policy__dl{font-size:12px}.contact_form-agree__input--check{vertical-align:middle}.contact_form__button{font-size:18px}.modaal-content-container{padding:15px!important}}.footer{padding-top:50px;padding-bottom:65px;background-color:#4d4d4d}.footer-nav-list__item{display:inline-block}.loader,.loader-bg{display:none;position:fixed}.footer-nav-list__item:after{content:"／";padding-left:10px;padding-right:5px;font-size:12px;color:#fff}.footer-nav-list__item:last-child:after{content:"";padding:0}.footer-nav-list__link{color:#fff;font-size:12px}.copyright{margin-top:30px}.copyright__logo{max-width:100px;height:auto}.copyright__text{font-size:10px;color:#fff;padding:0 20px;margin-top:30px}.fadein--up{transform:translate(0,50px);transition:all 1s}.fadein--right{transform:translate(100px,0);transition:all 1s}.fadein--left{transform:translate(-100px,0);transition:all 1s}.zoomin{transform:scale(1.5,1.5);transition:all 1s}.fadein.scrollin{transform:translate(0,0)}.loader-bg{width:100%;height:100%;top:0;left:0;background:#fff;z-index:9999}.loader{top:50%;left:50%;width:150px;margin-top:calc(-52.17px / 2);margin-left:-75px;color:#fff;z-index:10000}.loader__img{width:150px;height:52.17px}@media only screen and (max-width:768px){.footer{padding-bottom:90px}.footer-nav-list__item:after{font-size:10px;padding:0 0 0 5px}.copyright__text,.footer-nav-list__link{font-size:10px}.loader{width:110px;margin-top:calc(-38px / 2);margin-left:-55px}.loader__img{width:110px;height:38.25px}}

:root {
  --lpw: 1280;  /* サイト幅を記入 */
}

/* -- font-size */
.fsz09, .xfsz09 { font-size: clamp( 1px, calc(100vw * 9 / var(--lpw)), 9px ); }
.fsz10, .xfsz10 { font-size: clamp( 1px, calc(100vw * 10 / var(--lpw)), 10px ); }
.fsz11, .xfsz11 { font-size: clamp( 1px, calc(100vw * 11 / var(--lpw)), 11px ); }
.fsz12, .xfsz12 { font-size: clamp( 1px, calc(100vw * 12 / var(--lpw)), 12px ); }
.fsz13, .xfsz13 { font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px ); }
.fsz14, .xfsz14 { font-size: clamp( 1px, calc(100vw * 14 / var(--lpw)), 14px ); }
.fsz15, .xfsz15 { font-size: clamp( 1px, calc(100vw * 15 / var(--lpw)), 15px ); }
.fsz16, .xfsz16 { font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px ); }
.fsz17, .xfsz17 { font-size: clamp( 1px, calc(100vw * 17 / var(--lpw)), 17px ); }
.fsz18, .xfsz18 { font-size: clamp( 1px, calc(100vw * 18 / var(--lpw)), 18px ); }
.fsz19, .xfsz19 { font-size: clamp( 1px, calc(100vw * 19 / var(--lpw)), 19px ); }
.fsz20, .xfsz20 { font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px ); }
.fsz22, .xfsz22 { font-size: clamp( 1px, calc(100vw * 22 / var(--lpw)), 22px ); }
.fsz24, .xfsz24 { font-size: clamp( 1px, calc(100vw * 24 / var(--lpw)), 24px ); }
.fsz25, .xfsz25 { font-size: clamp( 1px, calc(100vw * 25 / var(--lpw)), 25px ); }
.fsz26, .xfsz26 { font-size: clamp( 1px, calc(100vw * 26 / var(--lpw)), 26px ); }
.fsz28, .xfsz28 { font-size: clamp( 1px, calc(100vw * 28 / var(--lpw)), 28px ); }
.fsz30, .xfsz30 { font-size: clamp( 1px, calc(100vw * 30 / var(--lpw)), 30px ); }
.fsz32, .xfsz32 { font-size: clamp( 1px, calc(100vw * 32 / var(--lpw)), 32px ); }
.fsz34, .xfsz34 { font-size: clamp( 1px, calc(100vw * 34 / var(--lpw)), 34px ); }
.fsz35, .xfsz35 { font-size: clamp( 1px, calc(100vw * 35 / var(--lpw)), 35px ); }
.fsz36, .xfsz36 { font-size: clamp( 1px, calc(100vw * 36 / var(--lpw)), 36px ); }
.fsz38, .xfsz38 { font-size: clamp( 1px, calc(100vw * 38 / var(--lpw)), 38px ); }
.fsz40, .xfsz40 { font-size: clamp( 1px, calc(100vw * 40 / var(--lpw)), 40px ); }
.fsz42, .xfsz42 { font-size: clamp( 1px, calc(100vw * 42 / var(--lpw)), 42px ); }
.fsz45, .xfsz45 { font-size: clamp( 1px, calc(100vw * 45 / var(--lpw)), 45px ); }
.fsz50, .xfsz50 { font-size: clamp( 1px, calc(100vw * 50 / var(--lpw)), 50px ); }
.fsz55, .xfsz55 { font-size: clamp( 1px, calc(100vw * 55 / var(--lpw)), 55px ); }
.fsz56, .xfsz56 { font-size: clamp( 1px, calc(100vw * 56 / var(--lpw)), 56px ); }
.fsz58, .xfsz58 { font-size: clamp( 1px, calc(100vw * 58 / var(--lpw)), 58px ); }
.fsz60, .xfsz60 { font-size: clamp( 1px, calc(100vw * 60 / var(--lpw)), 60px ); }
.fsz64, .xfsz64 { font-size: clamp( 1px, calc(100vw * 64 / var(--lpw)), 64px ); }
.fsz65, .xfsz65 { font-size: clamp( 1px, calc(100vw * 65 / var(--lpw)), 65px ); }
.fsz68, .xfsz68 { font-size: clamp( 1px, calc(100vw * 68 / var(--lpw)), 68px ); }
@media only screen and (max-width: 768px) {
  .fsz09, .xfsz09 { font-size: 9px; }
  .fsz10, .xfsz10 { font-size: 10px; }
  .fsz11, .xfsz11 { font-size: 11px; }
  .fsz12, .xfsz12 { font-size: 12px; }
  .fsz13, .xfsz13 { font-size: 13px; }
  .fsz14, .xfsz14 { font-size: 14px; }
  .fsz15, .xfsz15 { font-size: 15px; }
  .fsz16, .xfsz16 { font-size: 16px; }
  .fsz17, .xfsz17 { font-size: 17px; }
  .fsz18, .xfsz18 { font-size: 18px; }
  .fsz19, .xfsz19 { font-size: 19px; }
  .fsz20, .xfsz20 { font-size: 20px; }
  .fsz22, .xfsz22 { font-size: 22px; }
  .fsz24, .xfsz24 { font-size: 24px; }
  .fsz25, .xfsz25 { font-size: 25px; }
  .fsz26, .xfsz26 { font-size: 26px; }
  .fsz28, .xfsz28 { font-size: 28px; }
  .fsz30, .xfsz30 { font-size: 30px; }
  .fsz32, .xfsz32 { font-size: 32px; }
  .fsz34, .xfsz34 { font-size: 34px; }
  .fsz35, .xfsz35 { font-size: 35px; }
  .fsz36, .xfsz36 { font-size: 36px; }
  .fsz38, .xfsz38 { font-size: 38px; }
  .fsz40, .xfsz40 { font-size: 40px; }
  .fsz42, .xfsz42 { font-size: 42px; }
  .fsz45, .xfsz45 { font-size: 45px; }
  .fsz50, .xfsz50 { font-size: 50px; }
  .fsz55, .xfsz55 { font-size: 55px; }
  .fsz56, .xfsz56 { font-size: 56px; }
  .fsz58, .xfsz58 { font-size: 58px; }
  .fsz60, .xfsz60 { font-size: 60px; }
  .fsz64, .xfsz64 { font-size: 64px; }
  .fsz65, .xfsz65 { font-size: 65px; }
  .fsz68, .xfsz68 { font-size: 68px; }
}
/* font */
.font-notosans {
  font-family: 'Noto Sans JP', sans-serif;
}

/* 201907 */
.headerAttention-201907 {
  background-color: #e5e5e5;
}
.headerAttention-201907__inner {
  background-image: url(img/attention.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px;
  font-size: 0.8em;
  padding: 15px 0 15px 40px;
  display: block;
  line-height: 2;
}
@media only screen and (min-width: 769px){
  .headerAttention-201907 {
    text-align: center;
  }
  .headerAttention-201907__inner {
    display: inline-block;
  }
}

/* 201910 */
.infobox {
  background-color: #e5e5e5;
}
.infobox__content,
.infobox__content2 {
  display:none;
  max-width: calc( 100% - 40px );
  margin: 0 auto;
  padding: 8px 0;
  color: #444;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 13px;
}
.attention_icon {
  width: 1.0em;
  vertical-align: middle;
}
@media only screen and (min-width: 769px){
  .infobox__content {
    max-width: 1000px;
    margin: 0 auto;
  }
  .infobox__content2 {
    max-width: 1120px;
    margin: 0 auto;
  }
}

/* 201911 */
.red_squ_btn button {
  background: #ffa84c;
  background: -moz-linear-gradient(top,#e8573a 0%,#c82505 100%);
  background: -webkit-linear-gradient(top,#e8573a 0%,#c82505 100%);
  background: linear-gradient(to bottom,#e8573a 0%,#b21f02 100%);
  border-bottom: 4px solid #841802;
  font-size: 22px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  font-weight: 700;
  height: 80px;
  max-width: 500px;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
/*  box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);*/
}

/* 20191226 iijima */
.tCenter{
  text-align: center;
  margin-top: 15px;
}

/* 202001 */
.contact_form-table__textarea {
  width: 100%;
  height: 150px;
}
textarea::placeholder {
    color: #ccc;
}

/* 202003 takahashi 送客カタログForm */
#contactfm {
  margin: 50px auto;
  width: 70%;
}
#contactfm .contact_form-table__td {
  width: 70%;
}
#contactfm input,
#contactfm textarea {
  width: 100%;
}
div.wpcf7-mail-sent-ok {
  background-color: #398f14;
  color: #fff;
}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
  background-color: #ff0000;
  color: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  background-color: #f7e700;
  color: #472015;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng, div.wpcf7-aborted,
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  padding: 1em !important;
  width: 70%;
  margin: 2em auto !important;
  text-align: center;
}

/* 202004 takahashi Chatplus/MV上お知らせ */
/*====================================================== */
#chatplusview, chat {
  z-index: 9990;
}

/* 202005 takahashi CTA注釈追加 */
/*====================================================== */
@media only screen and (min-width: 769px){
  .cta-tel__attention::after,
  .ctaTel .text::after,
  .cv-txtBox__notes::after,
  .cta-tel__num.pc::after,
  .stalkingCTATel__num::after {
    content: "※おかけ間違いが増えております。お問い合わせの際は今一度ご確認をお願いします。";
    display: block;
    font-size: 0.8em;
    margin-top: 0.5em;
    font-weight: normal;
  }
  /* ブランド特化LP用 フォントサイズ調整 */
  .cta-tel__num.pc::after {
    font-size: 11px;
  }
  .cta-tel__num.ct3_telno.pc::after {
    content: "";
  }
  .stalkingCTATel__num::after {
    content: "※おかけ間違いが増えております。\Aお問い合わせの際は今一度ご確認をお願いします。";
    white-space: pre;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0.5em;
    line-height: 1.5em;
  }
  .stalkingCTATel__num {
    background-size: 30px!important;
     /* background-size: 7%; */
  }
}
/* 202007 takahashi 申込フォーム「お知らせメール配信（会員規約）について」追加 */
/*====================================================== */
.contact_form-aboutinfomailBox {
  padding: 20px 0;
  text-align: center;
}
.contact_form-aboutinfomailBox:hover {
  opacity: 0.7;
}
.contactform.short.is-step2 .contact_form-aboutinfomailBox {
  padding-bottom: 0;
}
.contact_form-aboutinfomail {
  text-decoration: underline;
  font-size: 13px;
}

/* 202011 takahashi 申込フォーム 都道府県名入力制御 追加 */
/*====================================================== */
select#state {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #fff;
  background-image: url(img/open_arrow.svg);
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 10px center;
}
.contact_form-table__td select#state {
  border: 1px solid #ddd;
}
@media only screen and (min-width: 769px) {
  select#state {
    margin-top: 0;
    padding: 10px;
  }
}
/* 202402 nishino 追従CTA_店舗版追加 */
/*====================================================== */
@media only screen and (min-width: 769px){
  .stalkingCTALine__btn {
    display: block;
    background-image: url(img/fnav3/stalking_btn_line_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 22.6804124%;
    background-position: center;
  }
  .stalkingCTALine__btn:after {
    content: '';
    display: block;
    width: 255px;
    height: 26px;
    background: url(img/line/line_catch_long_0DD447.svg) no-repeat center center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .stalkingCTALine-text {
    font-size: 10px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0.5em;
    line-height: 1.5em;
    word-wrap: break-word;
    text-align: center;
  }
}
@media only screen and (max-width: 768px){
  .stalkingListItem__line {
    display: block;
    background-image: url(img/fnav3/stalking_btn_line_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 37.2093023%;
  }
  .stalkingListItem__line:after {
    content: '';
    display: block;
    width: 140px;
    height: 22px;
    background: url(img/line/line_catch_short.svg) no-repeat center center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------
 chatplus + CTA-module:41 @202011 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
/* Chatplus-Add CTA-module:41 */
.chataddcta41__container {
  max-width: 860px;
  margin: auto;
/*  padding: 60px 0;*/
  background-color: #FCFAED;
}
.chataddcta41__box {
/*  border: 1px solid #999;*/
  padding: 8px;
  width: 95%;
  margin: auto;
}
.chataddcta41__box p {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  margin: 0 0 0.5em;
  line-height: 1.2;
}
.chataddcta41__box-top {
  padding-bottom: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
/*  border-bottom: solid 1px #999;*/
}
.chataddcta41__btnbox-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 8px;
}
.chataddcta__telnumbox {
  text-align: center;
  margin-bottom: 1.5em;
}
.chataddcta__telnum {
  background-image: url(./img/cta-icon-tel-green.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.7em;
  padding-left: 8%;
  padding-bottom: 0.8%;
  color: #469800 !important;
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Oswald', sans-serif;
  line-height: 1.0;
}
.chataddcta__telnumbox-list p {
  margin: 10px 0;
}
.chataddcta41__btnboxlist-item p {
  text-align: center;
  margin-bottom: 8px;
}
.chataddcta41__box picture,
.chataddcta41__box img {
  display: block;
  width: 100%;
  margin: auto;
}
.chataddcta41__btnboxlist-item img:hover,
.chataddcta41__chatbtn:hover {
/*  transition: all .2s;*/
  opacity: 0.7;
}

.chataddcta41 .cta-body::before {
  content: '';
  width: 180px;
  height: 309px;
  display: inline-block;
  position: absolute;
  top: -85px;
  left: 0;
  background: center/contain url(img/cta/cta_model_pc.svg) no-repeat;
}
@media only screen and (min-width: 1281px) {
  .chataddcta41 .cta-body {
    width: 860px;
    padding-left: 200px;
  }
}
@media only screen and (min-width: 769px)and (max-width: 1280px) {
  .cta.chataddcta41 .container {
    width: 67.1875vw;
  }
  .chataddcta41 .cta-body::before {
    width: 14.0625vw;
    height: 24.14062vw;
    top: -6.040625vw;
  }
  .chataddcta41 .cta-body {
    padding-left: 18.3125vw;
  }
  .chataddcta41__btnbox-list {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 768px) {
  .cta.chataddcta41 .container:before {
    content: "";
    background-image: url(img/cta/cta_model_sp.svg);
    width: 200px;
    height: 105px;
    position: absolute;
    top: -140px;
    left: calc(50% - 100px);
  }
  .chataddcta41 .cta-body::before {
    content: none;
  }
  .chataddcta41__btnbox-list {
    margin-top: 15px;
  }
  .chataddcta41__btnboxlist-item p {
    font-size: 13px;
    margin-bottom: 6px;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Follow Navi-3  add Chatplus-Btn　202010 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.site-header3 {
  display: block;
  width: 100%;
  background-color: rgba(245,245,245,0.95);
  position: fixed;
  bottom: 0;
  z-index: 999;
  transition: 1s;
}
/* common表示 */
.fnav3 p {
    margin: 0;
}
.fnav3__menu li a,
.fnav3__menu li div {
    display: block;
}
.fnav3__menu li a img,
.fnav3__menu li div img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.fnav3__menu li {
    display: block;
    float: left;
    margin-right: 5px;
}
/* SP表示 */
.fnav3.sp {
  padding: 5px;
}
.sp .fnav3__menu {
  max-width: 375px;
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.sp .fnav3__menu li {
  margin-right: 0;
}
/* web */
  .sp .fnav3__menu li.fnav3__menu_web {
    max-width: 75px;
  }
  .sp .fnav3__menu li.fnav3__menu_web picture,
  .sp .fnav3__menu li.fnav3__menu_web img {
    width: 75px;
  }
  @media (max-width: 374px) {
    .sp .fnav3__menu li.fnav3__menu_web {
      max-width: calc(100vw * (75 / 375));
    }
    .sp .fnav3__menu li.fnav3__menu_web picture,
    .sp .fnav3__menu li.fnav3__menu_web img {
      width: calc(100vw * (75 / 375));
    }
  }
/* end web */
/* chat */
  .sp .fnav3__menu li.fnav3__menu_chat {
    max-width: 140px;
  }
  .sp .fnav3__menu li.fnav3__menu_chat picture,
  .sp .fnav3__menu li.fnav3__menu_chat img {
      width: 140px;
  }
  @media (max-width: 374px) {
    .sp .fnav3__menu li.fnav3__menu_chat {
      max-width: calc(100vw * (140 / 375));
    }
    .sp .fnav3__menu li.fnav3__menu_chat picture,
    .sp .fnav3__menu li.fnav3__menu_chat img {
      width: calc(100vw * (140 / 375));
    }
  }
/* end chat */
/* tel */
  .sp .fnav3__menu li.fnav3__menu_tel {
    max-width: 140px;
  }
  .sp .fnav3__menu li.fnav3__menu_tel picture,
  .sp .fnav3__menu li.fnav3__menu_tel img {
    width: 140px;
  }
  @media (max-width: 374px) {
    .sp .fnav3__menu li.fnav3__menu_tel {
      max-width: calc(100vw * (140 / 375));
    }
    .sp .fnav3__menu li.fnav3__menu_tel picture,
    .sp .fnav3__menu li.fnav3__menu_tel img {
      width: calc(100vw * (140 / 375));
    }
  }
/* end tel */
/* PC表示 */
.fnav3.pc {
    padding: 1.2vw 20px;
}
.pc .fnav3__menu {
    margin: 0 auto;
    width: 100%;
}
.pc .fnav3__menu .fnav3__menu_title {
    width: 23%;
    margin-right: 0;
    border-right: solid 1px #bbb;
}
.pc .fnav3__menu .fnav3__menu_tel {
    width: 35%;
    margin-right: 0;
}
.pc .fnav3__menu .fnav3__menu_chat {
    width: 20%;
    margin-right: 1%;
}
.pc .fnav3__menu .fnav3__menu_web {
    width: 20%;
    margin-right: 1%;
}
.pc .fnav3__menu_title p {
    font-weight: bold;
    line-height: 1.2;
    text-align: left !important;
}
.pc .fnav3__menu_title p:nth-child(1) {
    font-size: 2vw;
}
.pc .fnav3__menu_title p:nth-child(2) {
    font-size: 1.3vw;
}
.pc .fnav3__menu_tel {
    text-align: center;
}
.pc .fnav3__menu_tel p {
    line-height: 1.1;
}
.pc .fnav3__menu_tel p:nth-child(1) {
    font-size: 0.8em;
}
.pc .fnav3__menu_tel p:nth-child(2) {
    font-size: 2.7vw;
    color: #469800;
    font-weight: bold;
    margin: 0.1em 0;
    font-family: 'Oswald', sans-serif;
}
.pc .fnav3__menu_tel p:nth-child(2)::before {
    content: "";
    display: inline-block;
    background: center / 0.8em url(./img/call_icon.svg) no-repeat;
    position: absolute;
    bottom: 0.05em;
    left: 1.4em;
    width: 1em;
    height: 1em;
}
.fnav3__menu_web a:hover,
.fnav3__menu_chatbtn:hover {
    cursor: pointer;
    transition: all .2s;
    opacity: 0.6;
}

@media only screen and (min-width : 1121px){
    .fnav3 {
        padding: 20px;
    }
    .fnav3__menu {
        margin: 0 auto;
        max-width: 1120px;
    }
    .fnav3__menu li.fnav3__menu_web {
        width: 265px;
        margin-right: 0;
    }
    .fnav3__menu li.fnav3__menu_chat {
        width: 393px;
        margin-right: 0;
    }
    .fnav3__menu li.fnav3__menu_tel {
        width: 220px;
        margin-right: 10px;
    }
    .fnav3__menu li:nth-child(4) {
        width: 220px;
        margin-right: 12px;
    }
    .fnav3__menu_title p:nth-child(1) {
        font-size: 1.65em !important;
    }
    .fnav3__menu_title p:nth-child(2) {
        font-size: 1.03em !important;
    }
    .fnav3__menu_tel {
        text-align: center;
    }
    .fnav3__menu_tel p:nth-child(1) {
        font-size: 0.8em !important;
    }
    .fnav3__menu_tel p:nth-child(2) {
        font-size: 2.2em !important;
        margin: 0.1em 0;
    }
    .fnav3__menu_tel p:nth-child(2)::before {
        content: "";
        display: inline-block;
        background: center / 0.8em url(./img/call_icon.svg) no-repeat;
        position: absolute;
        bottom: 0;
        left: 1.4em;
        width: 1em;
        height: 1em;
    }
}
.site-header3.hide{
    transform: translateY(100%);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------
 WebReserve：WEB予約
-------------------------------------------------------------------------------------------------------------------------------------------- */
.webreserve {
  background-color: #FCFAED;
  padding-bottom: 60px;
}
.webreserve.store {
  background-color: #dfba2a;
}
#cta41a .webreserve {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 0;
}
.webreserve-title {
  color: #DF5C01;
  text-align: center;
  font-size: 1em;
}
.store .webreserve-title {
  color: #192d2d;
  font-size: 30px;
  font-weight: 600;
}
.webreserve-title__inner {
  display: inline-block;
/*
  -webkit-animation: tada 1.5s ease infinite normal;
  -moz-animation: tada 1.5s ease infinite normal;
  animation: tada 1.5s ease infinite normal;
*/
}
.webreserve-title__inner:before, .webreserve-title__inner:after {
  content: "";
  display: block;
  background-color: #DF5C01;
  width: 4px;
  height: 30px;
  position: absolute;
  top: 0;
}
.store .webreserve-title__inner:before, .store .webreserve-title__inner:after {
  background-color: #192d2d;
  height: 40px;
  top: 10px;
}
.webreserve-title__inner:before {
  transform: rotate(-20deg);
  left: -30px;
}
.webreserve-title__inner:after {
  transform: rotate(20deg);
  right: -30px;
}
.store .webreserve-title__inner:before {
  left: -25px;
}
.store .webreserve-title__inner:after {
  right: -25px;
}
.webreserve-body {
  width: 100%;
  max-width: 860px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.webreserve-link {
  display: block;
  background-image: url(img/webreserve/web_reservation_pc.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: calc(130 / 800 * 100%);
}
.store .webreserve-link {
  background-image: url(img/webreserve/store_web_reservation_pc.png);
}
/* WebReserve - media queries
--------------------------------------------------- */
@media only screen and (min-width: 769px)and (max-width: 1280px) {
  .store .webreserve-title {
    font-size: clamp( 1px, calc(100vw * 30 / var(--lpw)), 30px );
  }
  .webreserve-title__inner:before, .webreserve-title__inner:after {
    width: 0.3125vw;
    height: 2.34375vw;
  }
  .store .webreserve-title__inner:before, .store .webreserve-title__inner:after {
    height: 3.125vw;
    top: 0.78125vw;
  }
  .webreserve-title__inner:before {
    left: -2.34375vw;
  }
  .webreserve-title__inner:after {
    right: -2.34375vw;
  }
  .webreserve-body {
    width: 67.1875vw;
    margin-top: 1.5625vw;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px){
  .webreserve {
    padding: 20px 0;
    margin-top: -40px;
  }
  .webreserve.store {
    margin-bottom: 30px;
  }
  #cta41a .webreserve {
    margin-top: 0;
    padding-top: 40px;
  }
  .store .webreserve-title {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .webreserve-title__inner {
    font-size: 14px;
    padding-top: 5px;
  }
  .store .webreserve-title__inner {
    padding-top: 0;
  }
  .webreserve-title__inner:before, .webreserve-title__inner:after {
    width: 3px;
    height: 30px;
  }
  .store .webreserve-title__inner:before, .store .webreserve-title__inner:after {
    height: 40px;
    top: -3px;
  }
  .webreserve-title__inner:before {
    transform: rotate(-20deg);
    left: -30px;
  }
  .webreserve-title__inner:after {
    transform: rotate(20deg);
    right: -30px;
  }
  .store .webreserve-title__inner:before {
    left: -18px;
  }
  .store .webreserve-title__inner:after {
    right: -18px;
  }
  .webreserve-body {
    max-width: 375px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .webreserve-link {
    background-image: url(img/webreserve/web_reservation_sp.png);
    padding-top: calc(160 / 670 * 100%);
  }
  .store .webreserve-link {
    background-image: url(img/webreserve/store_web_reservation_sp.png);
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 chatplus + CTA-module:42 @202011 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.chataddcta42__btnbox {
  max-width: 570px;
  margin: auto;
}
.chataddcta42__box-top {
  padding-bottom: 0.5em;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
.chataddcta42__telnumbox {
  text-align: center;
  margin-top: 1.5em;
}
.chataddcta42__telnumbox p {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  margin: 0 0 0.5em;
  line-height: 1.2;
}
.chataddcta42__telnum {
  color: #469800;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1em;
}
/* chatplus + CTA-module:42  - media queries
--------------------------------------------------- */
@media only screen and (max-width: 768px){
  .chataddcta42__telnumbox p {
    font-size: 1.2em;
    line-height: 1.4;
  }
  .chataddcta42__telnum {
    font-size: 1.1em;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Follow Navi-4  Web-Btn Only　202010 @202011 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.fnav4__menu li {
    display: block;
    float: left;
    text-align: center;
}
/* SP表示 */
.fnav4.sp {
    padding: 10px 5px;
}
.fnav4.sp p {
    margin: 0;
}
.sp .fnav4__menu a,
.sp .fnav4__menu div {
    display: block;
}
.sp .fnav4__menu a img,
.sp .fnav4__menu div img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.sp .fnav4__menu:nth-child(1) {
    width: 100%;
    display: block;
}
/* PC表示 */
.fnav4.pc {
    padding: 0.8vw 20px;
}
.pc .fnav4__menu {
    margin: 0 auto;
    width: 100%;
    max-width: 850px;
}
.pc .fnav4__menu li {
    width: 50%;
}
.pc .fnav4__menu_title p {
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    font-size: 2vw;
    letter-spacing: 1px;
    color: #DF5C01;
}
.pc .fnav4__menu_tel {
    text-align: center;
    margin-top: 0.5em;
    letter-spacing: 0.5px;
}
.pc .fnav4__telnum {
    color: #469800;
    font-weight: bold;
}
.fnav4__menu_web a:hover {
    cursor: pointer;
    transition: all .2s;
    opacity: 0.6;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Section - Contdition @202102 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.condition.section {
  padding-top: 60px;
}
.condition.bg-wt {
  background-color: #fff;
}
.condition.bg-ye {
  background-color: #f9f2e0;
}
.conditionTitle .small {
  display: block;
  color: #DF5C01;
  font-size: 0.7em;
  letter-spacing: 0;
}
.condition-list {
    text-align: center;
    margin: 40px auto 0;
    padding: 0;
}
.condition-list__item {
    float: left;
    width: 24%;
    margin-right: 1.33%;
}
.condition-list__item:last-child {
    margin-right: 0;
}
.condition-list-image__cap {
    font-size: 1.0em;
    font-weight: 600;
    margin-top: 10px;
}
.condition-text {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  max-width: 480px;
  margin: 60px auto 0;
  color: #DF5C01;
  text-align: center;
  font-size: 1.3em;
}
.condition-text:before,
.condition-text:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -9px;
}
.condition-text:before {
  background-image: url(./img/cta-tit-decoration-left.svg);
  width: 20px;
  height: 77px;
  left: calc(50% - 210px);
}
.condition-text:after {
  background-image: url(./img/cta-tit-decoration-right.svg);
  width: 20px;
  height: 77px;
  right: calc(50% - 210px);
}
@media only screen and (max-width: 768px){
    .condition.section {
        padding-top: 10%;
    }
    .conditionTitle.h2 {
        font-size: 1.8em;
    }
    .conditionTitle .small {
        font-size: 0.8em;
    }
    .condition-list {
        margin: 10% auto 0;
    }
    .condition-list__item {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 6%;
    }
    .condition-list__item:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .condition-list__item:nth-child(even) {
        margin-right: 0;
    }
    .condition-list-image__cap {
        margin-top: 5px;
    }
    .condition-text {
        margin: 12% auto 5%;
        font-size: 1.3em;
    }
    .condition-text:before,
    .condition-text:after {
        top: -5px;
        width: 15px;
        height: 58px;
    }
    .condition-text:before {
        left: 0;
    }
    .condition-text:after {
        right: 0;
    }

}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Result - 他社比較コンテンツ追加　@202102 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.result-comparison {
    width: 80%;
    margin: auto;
    padding: 30px 0;
    background-color: #fcfaeb;
    border-radius: 20px;
}
.resultComparison_desc,
.resultComparison_img {
    display: inline-block;
}
.resultComparison_Title {
    font-size: 1.6em;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 0.3em;
}
.resultComparison_Title .strong {
    color: #DF5C01;
}
.resultComparison_Title .resultComparisonTitle_img {
    width: 100%;
    max-width: 480px;
    margin-top: -5px;
}
.resultComparison_desc {
    width: 60%;
    margin-right: 1.1em;
    vertical-align: top;
}
.resultComparison_img {
    width: 37%;
}
.resultComparison_img img{
    margin: 0 0 0 auto;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    border-radius: 9px;
}
.resultComparison_text {
    margin: 5px 0 5px 12px;
    font-size: 1.0em;
    letter-spacing: 0.05em;
}
.resultComparison_price {
    display: inline-block;
    margin-left: 12px;
    font-size: 3.7em;
    line-height: 1.0;
}
.resultComparisonPrice_unit {
    display: inline-block;
    font-size: 0.7em;
}
.resultComparison_text.strong {
    display: inline-block;
    padding: 6px 10px;
    margin: 0;
    margin-right: 10px;
    background-color: #E05D01;
    color: #fff;
    border-radius: 6px;
    font-size: 0.27em;
    font-weight: normal;
    vertical-align: middle;
    letter-spacing: normal;
}
@media screen and (min-width:769px) and ( max-width:879px) {
    .result-comparison .container {
        padding: 0 1.6em;
    }
}
@media only screen and (max-width: 768px){
    .result-comparison {
        width: 100%;
        padding: 20px 0;
    }
    .resultComparison_desc {
        width: 100%;
        margin-right: 0;
    }
    .resultComparison_Title {
        font-size: 1.4em;
        margin-bottom: 10px;
        letter-spacing: 0;
    }
    .resultComparison_Title .resultComparisonTitle_img {
        margin-top: -3px;
        max-width: 100%;
    }
    .resultComparison_text {
        margin: 6px auto;
        font-size: 1.0em;
        text-align: center;
        letter-spacing: normal;
    }
    .resultComparison_text.sp {
        font-size: 1.3em;
    }
    .resultComparison_img {
        width: 100%;
    }
    .resultComparison_img img{
        width: 95%;
        margin: auto;
        border-radius: 5px;
    }
    .resultComparison_price {
        margin-left: 0;
        font-size: 3.2em;
    }
    .resultComparison_price.sp {
        width: 100%;
        text-align: center;
    }
    .resultComparison_text.strong {
        padding: 5px 10px;
        margin-right: 2.0e,;
        margin-bottom: 6px;
        border-radius: 3px;
        font-weight: bold;
        line-height: 1.2;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Browser-Size調整　@202101 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1025px) and ( max-width:1536px) {
  /* html { zoom: 0.8; } */
  /* .faqList__desc {font-size:1.3em}
  .voiceList__desc {font-size: 1.2em;} */
}

/* --------------------------------------------------------------------------------------------------------------------------------------------
 AFF_TEL無CTA調整　@202103 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .stalkingList.WebOnly {
        padding: 2% 5% 1%;
    }
    .WebOnly .stalkingListItem {
        float: none;
        width: 85%;
        margin: auto;
    }
    .WebOnly .stalkingListItem__mail {
        display: block;
        background-image: url(img/fnav3/stalking_btn_mail_pc.png);
        padding-top: 22.8791774%;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 年末年始表記　@202112 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
#contact p.holiday-text {
  max-width: 1280px;
  margin: auto;
  margin-top: 20px;
  font-size: 13px;
  font-weight: 400!important;
  line-height: 1.5;
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif!important;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {}
@media only screen and (min-width: 769px){
  #contact p.holiday-text {
    text-align: center;
    font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 ヘッダーTELフォント統一　@202201 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.header-cta-tel-num {
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0.005em!important;
}

@keyframes bounce-pc {
0% {transform: translate(0,-30px);}
100% {transform: translate(0,-45px);}
}
@keyframes bounce-sp {
0% {transform: translate(0,-5px);}
100% {transform: translate(0,-15px);}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 改正個人情報保護法対応_AF-プライバシーポリシー表記対応　@202207 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.header-cta-tel-text-pp {
  font-size: 0.8rem;
  text-align: right;
}
.cta-tel-confirm {
  margin-top: 20px;
  border-radius: 5px;
/*    background-color: #FDF4DD;*/
  text-align: center;
}
.cta-tel-confirm a {
  font-size: clamp( 1px, calc(100vw * 14 / var(--lpw)), 14px );
  line-height: 1.0;
  color: #1a0dab;
  text-decoration: underline;
/*    background:linear-gradient(transparent 60%, #ff6 60%);*/
}
.cta-tel-confirm p:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(././img/blit-window.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .cta-tel-confirm {
      margin-top: 1.5625vw;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 まるちゃんCTA作成　@202310 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1281px) {
  .cta.webonly .container {
    max-width: 810px;
  }
  .cta-body {
    width: 860px;
    padding-left: 260px;
  }
  .cta43 .cta-body {
    width: 800px;
    padding-left: 280px;
  }
  .webonly .cta-body {
    width: 810px;
    padding-left: 210px;
  }
  .webonly .cta-body::before {
    width: 180px;
    height: 309px;
    top: -40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .cta .container {
    width: calc(100vw * (860 / 1280));
  }
  .cta43 .container {
    width: 62.5vw;
  }
  .webonly .cta .container {
    width: 63.28125vw;
  }
  .cta-body::before {
    width: 17.1875vw;
    height: 29.45312vw;
  }
  .cta43 .cta-body::before {
    width: 18.75vw;
    height: 32.10937vw;
    top: 7.8125vw;
  }
  .webonly .cta-body::before {
    width: 14.0625vw;
    height: 24.14062vw;
    top: -3.125vw;
  }
  .cta-body {
    padding-left: 20.3125vw;
  }
  .cta43 .cta-body {
    padding-left: 21.875vw;
  }
  .webonly .cta-body {
    padding-left: 16.40625vw;
  }
}
@media only screen and (max-width: 768px) {
  .cta {
    margin-top: 100px;
  }
  .cta .container:before {
    content: "";
    background-image: url(img/cta/cta_model_sp.svg);
    width: 200px;
    height: 105px;
    position: absolute;
    top: -140px;
    left: calc(50% - 100px);
  }
  .cta-body::before {
    content: none;
  }
  .cta43 .cta-body::before {
    content: "";
    width: 117px;
    height: 200px;
    top: -65px;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------
 フッター古物商許可証追加対応　@202311 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.copyright_sdl_text {
  margin-top: 30px;
  font-size: 12px;
  color: #fff;
}
.copyright__text {
  margin-top: 20px;
  padding: 30px 0 40px;
/*  border-top: 1px solid #707070;*/
}
@media only screen and (max-width: 768px) {
  .copyright_sdl_text {
    font-size: 10px;
  }
  .copyright__text {
    padding: 15px 0 0;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 幅class　@202306 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.w600 {
  max-width: calc(100vw * 600 / var(--lpw));
  @media (min-width: 1281px){
    max-width: 600px;
  }
}
.w800 {
  max-width: calc(100vw * 800 / var(--lpw));
  @media (min-width: 1281px){
    max-width: 800px;
  }
}
.w1240 {
  max-width: calc(100vw * 1240 / var(--lpw));
  @media (min-width: 1281px){
    max-width: 1240px;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 簡略WEBフォーム対応　@202411 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
/* classパターン1 */
  .contactform.short {
    .contactform-item-title {
      &:before {
        background: linear-gradient(135deg, rgb(120, 120, 120) 0px, rgb(120, 120, 120) 50%, rgb(60, 60, 60) 50%, rgb(60, 60, 60) 100%);
      }
    }
    .contactform-item-title--require {
      &:before {
        background: linear-gradient(135deg, rgb(248, 86, 86) 0px, rgb(248, 86, 86) 50%, rgb(211, 74, 74) 50%, rgb(211, 74, 74) 100%);
      }
    }
    .contactform-input-text {
      background-color: #fff !important;
      border: 1px solid #C5C5C5;
    }
    ::placeholder {
      color: #C7C7C6;
    }
    /* 旧Edge対応 */
    ::-webkit-input-placeholder {
      color: #C7C7C6;
    }
    /* IE対応 */
    :-ms-input-placeholder {
      color: #C7C7C6;
    }
  }
/* End classパターン1 */

/* classパターン2 */
  .contact_form-table.short {
    .contact_form-table__th {
      &:before {
        color: #fff;
        font-weight: 400;
        border: none;
        border-radius: 2px;
        background: linear-gradient(135deg, rgb(120, 120, 120) 0px, rgb(120, 120, 120) 50%, rgb(60, 60, 60) 50%, rgb(60, 60, 60) 100%);
      }
    }
    .contact_form-table__th--require {
      &:before {
        border: none;
        background: linear-gradient(135deg, rgb(248, 86, 86) 0px, rgb(248, 86, 86) 50%, rgb(211, 74, 74) 50%, rgb(211, 74, 74) 100%);
      }
    }
    .contactform-input-text {
      border: 1px solid #C5C5C5 !important;
    }
    ::placeholder {
      color: #C7C7C6;
    }
    /* 旧Edge対応 */
    ::-webkit-input-placeholder {
      color: #C7C7C6;
    }
    /* IE対応 */
    :-ms-input-placeholder {
      color: #C7C7C6;
    }
  }
/* End classパターン2 */

/* --------------------------------------------------------------------------------------------------------------------------------------------
 chatplus + CTA-module no-IP :41 @202504 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.chataddcta41-noip {
  background-color: #FCFAED;
  .container {
    max-width: calc(100vw * (800 / 1280));
    margin: auto;
    @media (min-width: 1281px) {
      max-width: 800px;
    }
    @media (max-width: 768px) {
      &:before {
        content: none;
      }
    }
  }
  .cta-body {
    max-width: calc(100vw * (600 / 1280));
    margin-inline: auto;
    padding-left: 0;
    @media (min-width: 1281px) {
      max-width: 600px;
      padding-left: 0;
    }
    @media (max-width: 768px) {
      max-width: 100%;
      padding-left: 0;
    }
    &::before {
      content: none;
    }
    @media (min-width: 1281px) {
      &::before {
        content: none;
      }
    }
    @media (max-width: 768px) {
      &::before {
        content: none;
      }
    }
    .cta-Title {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: right center;
      width: calc(100vw * (480 / 1280));
      margin: 0 auto;
      color: #DF5C01;
      text-align: center;
      @media (min-width: 1281px) {
        width: 480px;
        padding-left: 0;
      }
      @media (max-width: 768px) {
        width: 100%;
      }
    }
    .cta-Title_sub {
      text-align: center;
    }
    .cta-Tel {
      @media (max-width: 768px) {
        p {
          font-size: 13px;
        }
      }
      .cta_Tel-num {
        text-align: center;
        .num {
          color: #01963D;
          font-family: 'Oswald', sans-serif;
          line-height: 1.0;
          &::before {
            content: '';
            display: inline-block;
            width: calc(100vw * (45 / 1280));
            height: calc(100vw * (53 / 1280));
            background: center url(./img/cta/cta-icon-tel-green.svg) no-repeat;
            background-size: calc(100vw * (45 / 1280));
            margin-right: calc(100vw * (15 / 1280));
          }
          @media (min-width: 1281px) {
            &::before {
              width: 45px;
              height: 53px;
              background: center/45px url(./img/cta/cta-icon-tel-green.svg) no-repeat;
              margin-right: 15px;
            }
          }
        }
        .text {
          margin-top: 10px;
        }
      }
    }
  }
  .cta-bottom {
    .cta_bottom-list {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-top: calc(100vw * (40 / 1280));
      gap: calc(100vw * (8 / 1280));
      @media (min-width: 1281px) {
        margin-top: 40px;
        gap: 8px;
      }
      @media (max-width: 768px) {
        margin-top: 12px;
        gap: 8px;
      }
      .cta_bottom_list-item {
        max-width: calc(100vw * (396 / 1280));
        @media (min-width: 1281px) {
          max-width: 396px;
        }
        @media (max-width: 768px) {
          max-width: 166px;
        }
        picture,img {
          display: block;
          width: calc(100vw * (396 / 1280));
          @media (min-width: 1281px) {
            width: 396px;
          }
          @media (max-width: 768px) {
            max-width: 166px;
            width: 100%;
          }
        }
        img:hover {
          opacity: 0.7;
        }
        p {
          text-align: center;
          margin-bottom: 8px;
          @media (max-width: 768px) {
            font-size: 13px;
            margin-bottom: 6px;
          }
        }
      }
    }
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Not-chatplus + CTA-module no-IP :41 @202508 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.cta41-noip {
  background-color: #FCFAED;
  .container {
    max-width: calc(100vw * (800 / 1280));
    margin: auto;
    @media (min-width: 1281px) {
      max-width: 800px;
    }
    @media (max-width: 768px) {
      &:before {
        content: none;
      }
    }
  }
  .cta-body {
    max-width: calc(100vw * (600 / 1280));
    margin-inline: auto;
    padding-left: 0;
    @media (min-width: 1281px) {
      max-width: 600px;
      padding-left: 0;
    }
    @media (max-width: 768px) {
      max-width: 100%;
      padding-left: 0;
    }
    &::before {
      content: none;
    }
    @media (min-width: 1281px) {
      &::before {
        content: none;
      }
    }
    @media (max-width: 768px) {
      &::before {
        content: none;
      }
    }
  }
  .cta-Title {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    width: calc(100vw * (480 / 1280));
    margin: 0 auto;
    color: #DF5C01;
    text-align: center;
    @media (min-width: 1281px) {
      width: 480px;
      padding-left: 0;
    }
    @media (max-width: 768px) {
      width: 100%;
    }
  }
  .cta-Title_sub {
    text-align: center;
  }
  .cta-Tel {
    @media (max-width: 768px) {
      margin-top: 30px;
      .button {
        background: #72C52E;
        background: -moz-linear-gradient(top, #72C52E 0%, #669C11 100%);
        background: -webkit-linear-gradient(top, #72C52E 0%,#669C11 100%);
        background: linear-gradient(to bottom, #72C52E 0%,#669C11 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72C52E', endColorstr='#669C11',GradientType=0 );
        display: block;
        max-width: 600px;
        border-bottom: 5px solid #5C8A0D;
        border-radius: 50px;
        margin: 0 auto;
        padding: 20px 0;
        font-size: 16px;
        font-weight: 800;
        text-align: center;
        color: #fff;
      }
      .button .icon-tel {
        height: 20px;
        width: 20px;
        margin-right: 5px;
      }
      .text {
        margin-top: 5px;
      }
    }
  }
  .cta-Web {
    margin-top: calc(100vw * (40 / var(--lpw)));
    .button {
      display: block;
      max-width: 600px;
      width: 100%;
      margin: 0 auto;
      padding: 20px 0;
      border-radius: 50px;
      font-size: 2em;
      font-weight: 800;
      text-align: center;
    }
    .button:hover {
      opacity: 0.7;
    }
    .button:after {
      width: 35px;
      height: 35px;
      top: calc(50% - 17.5px);
      right: 25px;
    }
    .button .icon-mail {
      height: 35px;
      width: 35px;
      margin-right: 10px;
    }
    @media (min-width: 1281px) {
      margin-top: 40px;
      .button {
        width: 600px;
      }
    }
    @media (max-width: 768px) {
      margin-top: 15px;
      .button {
        width: 100%;
        font-size: 16px;
        padding: 20px 0;
      }
      .button .icon-mail {
        height: 20px;
        width: 20px;
        margin-right: 5px;
      }
      .cta-Web .button:after {
        width: 25px;
        height: 25px;
        top: calc(50% - 12.5px);
        right: 25px;
      }
    }
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Follow Navi-3  add Chatplus-Btn ver2　202502 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.site-header3.v2 {
  .pc {
    .fnav3__menu_tel {
      p {
        &:nth-child(2) {
          color: #01963D;
          &::before {
            background: center / 0.8em url(./img/fnav3/call_icon.svg) no-repeat;
          }
        }
      }
    }
  }
  .sp {
    .fnav3__menu {
      max-width: 375px;
      margin-inline: auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 5px;
    }
    li {
      margin-right: 0;
    }
    li.fnav3__menu_tel {
      max-width: 140px;
      picture,img {
        width: 140px;
      }
      @media (max-width: 374px) {
        max-width: calc(100vw * (140 / 375));
        picture,img {
          width: calc(100vw * (140 / 375));
        }
      }
    }
    li.fnav3__menu_web {
      max-width: 75px;
      picture,img {
        width: 75px;
      }
      @media (max-width: 374px) {
        max-width: calc(100vw * (75 / 375));
        picture,img {
          width: calc(100vw * (75 / 375));
        }
      }
    }
    li.fnav3__menu_chat {
      max-width: 140px;
      picture,img {
        width: 140px;
      }
      @media (max-width: 374px) {
        max-width: calc(100vw * (140 / 375));
        picture,img {
          width: calc(100vw * (140 / 375));
        }
      }
    }
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 hidden　202507 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 生成AI使用のお知らせ　@202510 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.ai-notice {
  background-color: #353535;
  padding: 10px 0;
  text-align: center;
  font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
  font-weight: 400;
  line-height: calc(100vw * 22 / var(--lpw));
  color: #fff;
  @media (min-width: 1281px) {
    line-height: 22px;
  }
  @media (max-width: 768px) {
    font-size: 11px;
    line-height: 150%;
  }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------
 Header-logo - 　@202511 nishino
-------------------------------------------------------------------------------------------------------------------------------------------- */
.header-logo {
  width: 140px;
  margin-left: calc(100vw * (40 / var(--lpw)));
  @media (min-width: 1281px) {
    margin-left: 40px;
  }
  @media (max-width: 768px) {
    width: 100px;
    margin-left: 20px;
  }
}