@charset "UTF-8";

/* 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;
}

* {
  box-sizing: border-box;
}
body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}
html {
  width: 100%;
  overflow-x: hidden;
}
html, body, input, option, select, textarea {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Sans','Noto Sans JP',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-weight: 500;
  font-size: 16px;
  font-feature-settings: initial;
  letter-spacing: 0.075em;
  line-height: 1.5;
  color: #333;
}
@media only screen and (max-width: 768px) {
  html, body, input, option, select, textarea {
    font-size: 14px;
  }
}
blockquote, body, button, dd, div, dl, dt, embed, fieldset, form, li, object, p, pre, table, td, th {
  font-weight: 600;
}
a:hover, a > span:hover, button:hover {
  opacity: 0.7;
  transition: 0.3s;
}
/* ------------------------------------------------------------------------------------------
 Common
------------------------------------------------------------------------------------------ */
.overtop_attent {
  display: none;
}
.container {
  max-width: calc(100vw * 800 / var(--lpw));
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1281px){
  .container {
    max-width: 800px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .container {
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Section
---------------------------------------------*/
.main {
  overflow: hidden;
}
.section {
  padding-top: calc(100vw * 80 / var(--lpw));
  padding-bottom: calc(100vw * 80 / var(--lpw));
}
.section-title {
  text-align: center;
  font-size: clamp( 1px, calc(100vw * 50 / var(--lpw)), 50px );
  font-weight: 600;
  line-height: 140%; /* 42px */
  letter-spacing: 3px;
  @media (max-width: 768px) {
    font-size: 32px;
    line-height: 150%; /* 33px */
    letter-spacing: 2.2px;
  }
}
.subsection {
  padding-top: 50px;
  padding-bottom: 50px;
}
.attention {
  font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
  p {
    font-style: normal;
    font-weight: 300;
    letter-spacing: 1.3px;
    padding-left: 1em;
    text-indent: -1em;
  }
  @media (max-width: 768px) {
    font-size: 13px;
  }
}
.attention.flex {
  flex-direction: column;
  gap: calc(100vw * 5 / var(--lpw));
  @media (min-width: 1281px) {
    gap: 5px;
  }
  @media (max-width: 768px) {
    gap: 5px;
  }
}
@media only screen and (min-width: 1281px){
  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px){
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* Text
---------------------------------------------*/
.font-oswald {
  font-family: 'Oswald', sans-serif;
}
.font-opensans {
  font-family: 'Open Sans', sans-serif;
}
.font-notosans {
  font-family: 'Noto Sans JP', sans-serif;
}
.font-mincho {
  font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', 'MS PMincho', serif;
}
.textcolor-red {
  color: #C91E1E;
}
.textcolor-green {
  color: #A8B11C;
}
.textcolor-orange {
  color: #C4930F;
}
.textcolor-modgreen {
  color: #928463;
}

.textdeco-underline {
  text-decoration: underline;
}

/* Display
---------------------------------------------*/
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.none {
  display: none;
}

/* Responsive Image
---------------------------------------------*/
.img-responsive {
  margin-inline: auto;
  @media (max-width: 768px){
    max-width: 100%;
  }
}

/* Marker
---------------------------------------------*/
.marker-red {background:linear-gradient(transparent 60%, #C70C18 60%);}
.marker-yellow {background:linear-gradient(transparent 60%, #ffe000 60%);}
.marker-beige {background:linear-gradient(transparent 60%, #EEE0C3 60%);}

/* Other
---------------------------------------------*/

/* ------------------------------------------------------------------------------------------
 Layout
------------------------------------------------------------------------------------------ */
/* Header
---------------------------------------------*/
.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;
  }
}
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  height: 80px;
}
.header-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}
.header-cta-tel {
  margin-right: 20px;
  text-align: right;
}
.header-cta-tel img {
  display: inline-block;
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
}
.header-cta-tel-text {
  display: block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5px;
}
.header-cta-tel-num {
  line-height: 1;
  font-size: clamp(1px, calc(100vw * 30 / var(--lpw)), 30px);
  font-weight: 600;
  letter-spacing: -0.015em;
  vertical-align: middle;
  /* グラデーションcss */
  background: linear-gradient(92deg, #E04909 1.49%, #C93C00 100.99%); /* 左→右グラデーション */
  background-clip: text;
  -webkit-background-clip: text;   /* テキストで背景を切り抜く */
  -webkit-text-fill-color: transparent; /* テキストの色を透明にする（WebKit用） */  
}
.header-cta-mail-link {
  display: block;
}
.header-cta-mail-link img {
  display: block;
  width: 100%;
  height: auto;
}
/* PC */
@media only screen and (min-width: 769px){
  .header-cta-tel-text {
    color: #333;
  }
  .header-cta-tel {
    pointer-events: none;
  }
  .header-cta-mail {
		width: 220px;
    display: block;
  }
/* アフィリエイト用ヘッダー */
  .header-cta.affiliate {
    align-items: flex-end;
  }
  .header-cta-tel-area.affiliate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-text {
    text-align: right;
    width: 100%;
    margin-right: 20px;
    font-size: 14px;
  }
  .header-cta-tel-area.affiliate .header-cta-tel {
    background-color: #008652;
    width: 232px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-radius: 70px;
    box-shadow: 0 4px 1px #005534;
    pointer-events: auto;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-icon {
    margin-right: 5px;
    top: -2px;
    width: 21px;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-icon .st0 {
    fill: #ffffff;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .header-top {
    height: auto;
  }
  .header-cta {
    padding-right: 0;
  }
  .header-cta-tel {
    font-size: 12px;
    font-weight: 600;
    display: block;
    width: 100px;
    text-align: center;
    margin-right: 0;
    padding: 10px 0 5px;
    border-left: 1px solid #e5e5e5;
    order: 1;
  }
  .header-cta-tel-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    .cls-1 {
      fill: none;
    }
    .cls-2 {
      fill: #C93C00;
    }
  }
  .header-cta-mail {
    font-size: 12px;
    font-weight: 600;
    width: 120px;
    text-align: center;
    padding: 10px 0 5px 0;
    border-left: 1px solid #e5e5e5;
    order: 2;
  }
  .header-cta-mail-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    .cls-1 {
      fill: none;
    }
    .cls-2 {
      fill: #2A479C;
    }
  }  
}

/* MV
---------------------------------------------*/
.mv {
  background-image: url(../img/mv/bg_w1500.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  overflow: hidden;
}
.mv .container {
  max-width: 1280px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  width: 100%;
}
.mv-item {
  width: 100%;
}
.mv-item img {
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
}
.mv-item picture {
  display: block;
  width: 100%;
}

.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;
}

/* SP */
@media only screen and (max-width: 768px){
  .mv {
    background-size: cover;
    background-position: center;
  }
  .mv .container {
    max-width: 430px; /* 430pxまで拡大許容 */
    padding-left: 0;
    padding-right: 0;
  }
}

/* Important
---------------------------------------------*/
.important {
  background-color: #FFDEDD;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 11.5px;
  padding-bottom: 11.5px;
}
.important-item-title {
  background-color: #C91E1E;
  color: #fff;
  display: inline-block;
  padding: 3px 8px;
  font-size: 0.75rem;
  border-radius: 3px;
  font-weight: normal;
}
.important-item-data {
  display: inline-block;
  font-size: 0.75rem;
  margin-left: 5px;
}
.important-item-data a {
  color: #C91E1E;
  text-decoration: underline;
  font-weight: normal;
}

/* Campaign
---------------------------------------------*/
/* Compornent file で読み込み */

/* Info
---------------------------------------------*/
.info {
  background-color: #FBF8F0;
  @media (max-width: 768px) {
    margin-top: 0;
  }
}
.info .section-title {
  margin-inline: auto;
  img {
    margin-inline: auto;
    width: calc(100vw * 380 / var(--lpw));
  }
  @media (min-width: 1281px) {
    width: 380px;
  }
  @media (max-width: 768px) {
    img {
      width: 335px;
    }
  }
}
.info-list-title {
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 8 / var(--lpw));
  margin-inline: auto;
  margin-top: calc(100vw * 30 / var(--lpw));
  text-align: center;
  font-size: clamp(1px, calc(100vw * 20 / var(--lpw)), 20px);
  font-weight: 600;
  line-height: 32px; /* 160% */
  letter-spacing: 2px;
  &::before,
  &::after {
    content: "";
    width: calc(100vw * 2 / var(--lpw));
    height: calc(100vw * 20 / var(--lpw));
    background-color: #593623;
    border-radius: calc(100vw * 2 / var(--lpw));
    transform: rotate(20deg);
    flex-shrink: 0;
  }
  &::before {
    transform: rotate(-20deg);
  }
  @media (min-width: 1281px) {
    gap: 8px;
    margin-top: 30px;
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  @media (max-width: 768px) {
    gap: 8px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px; /* 175% */
    letter-spacing: 1.6px;
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  span {
    color:#CB3D01;
  }
}
.info-list {
  justify-content: space-between;
  width: 100%;
  margin-inline: auto;
  margin-top: calc(100vw * 10 / var(--lpw));
  gap: calc(100vw * 18 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 10px;
    gap: 18px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
    gap: 10px;
  }
}
.info-list-item {
  width: calc((100% - calc(100vw * 36 / var(--lpw))) / 3);
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 700;
  letter-spacing: 0.8px;
  border-radius: 5px;
  border: 1px solid #593623;
  text-align: center;
  a {
    display: block;
    color: #593623;
    padding: calc(100vw * 20 / var(--lpw)) 0;
  }
  &:hover {
    opacity: 0.7;
  }
  @media (min-width: 1281px) {
    width: calc((100% - 36px) / 3);
    a {
      padding: 20px 0;
    }
  }
  @media (max-width: 768px) {
    width: 107px;
    font-size: 13px;
    line-height: 130%; /* 16.9px */
    letter-spacing: 1.3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    a {
      height: 64px;
      padding: 15px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }
}
.info-list.geek li:nth-of-type(odd) { background-color: #E7DD9D; }
.info-list.geek li:nth-of-type(even) { background-color: #F3EDC5; }
.info-list.beginner li:nth-of-type(odd) { background-color: #F3EDC5; }
.info-list.beginner li:nth-of-type(even) { background-color: #E7DD9D; }

.bottom-color {
  background-color: #593623;
  border-radius: 0 0 4px 4px;
  height: calc(100vw * 18 / var(--lpw));
  @media (min-width: 1281px) {
    height: 18px;
  }
  @media (max-width: 768px) {
    height: 18px;
  }
}
.bottom-color::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100vw * 4 / var(--lpw));
  width: calc(100vw * 12 / var(--lpw));
  height: calc(100vw * 12 / var(--lpw));
  transform: translateX(-50%);
  background-image: url(../img/icon/icon_arrow_down_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1281px){
  .bottom-color::before {
    top: 4px;
    width: 12px;
    height: 12px;
  }
}
@media only screen and (max-width: 768px){
  .bottom-color::before {
    top: 4px;
    width: 12px;
    height: 12px;
  }
}

/* MarketPrice
---------------------------------------------*/
/*【marketprice】に記載*/

/* Point
---------------------------------------------*/
.point {
  background-color: #fff;
  padding-top: calc(100vw * 30 / var(--lpw));
  padding-bottom: 0;
  @media (min-width: 1281px) {
    padding-top: 30px;
  }
  @media (max-width: 768px) {
    padding-top: 30px;
  }
}
.point-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #914A24;
  padding: calc(100vw * 5 / var(--lpw)) 0 calc(100vw * 15 / var(--lpw));
  @media (min-width: 1281px) {
    padding: 5px 0 15px;
  }
  @media (max-width: 768px) {
    padding: 15px 0;
  }
}
.point-header .point-title {
  display: inline-block;
  font-size: clamp(1px, calc(100vw * 32 / var(--lpw)), 32px);
  font-weight: 600;
  line-height: 50px; /* 156.25% */
  letter-spacing: 3.2px;
  color: #fff;
  text-align: center;
  @media (max-width: 768px) {
    display: block;
    font-size: 25px;
    line-height: 40px; /* 160% */
    letter-spacing: 2.5px;
  }
}
.point-header .point-subtitle {
  display: inline-block;
  font-size: clamp(1px, calc(100vw * 18 / var(--lpw)), 18px);
  font-weight: 600;
  line-height: 28px; /* 155.556% */
  letter-spacing: 1.8px;
  color: #fff;
  text-align: center;
  @media (max-width: 768px) {
    display: block;
    font-size: 16px;
    letter-spacing: 1.6px;
  }
}
.point-arrow {
  position: absolute;
  z-index: 2;
  top: calc(100vw * 90 / var(--lpw));
  left: 50%;
  transform: translateX(-50%);
  @media (min-width: 1281px) {
    top: 90px;
  }
  @media (max-width: 768px) {
    top: 98px;
  }
  img {
    width: 15px;
    height: 10px;
  }
}
.point-body {
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(100vw * 20 / var(--lpw));
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #593623;
  border-top: none;
  padding: calc(100vw * 25 / var(--lpw)) calc(100vw * 50 / var(--lpw)) calc(100vw * 30 / var(--lpw));
  position: relative;
  @media (min-width: 1281px) {
    gap: 20px;
    padding: 25px 50px 30px;
  }
  @media (max-width: 768px) {
    flex-direction: column;
    gap: 5px;
    padding: 20px 15px 10px;
  }
}
.point-image {
  flex-shrink: 0;
  @media (max-width: 768px) {
    margin-bottom: 5px;
  }
  img {
    width: calc(100vw * 200 / var(--lpw));
    height: calc(100vw * 130 / var(--lpw));
    @media (min-width: 1281px) {
      width: 200px;
      height: 130px;
    }
    @media (max-width: 768px) {
      width: 305px;
      height: 80px;
    }
  }
}
.point-list {  
  flex: 1;
  min-width: 0;
  p {
    font-weight: 300;
    line-height: 2;
    letter-spacing: 1.3px;
    word-break: break-all;
    @media (max-width: 768px) {
      line-height: 26px;
    }
  }
}

.point-note-main {
}
.point-note-main {
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
  letter-spacing: calc(100vw * 1.6 / var(--lpw));
  color: #914A24;
  @media (min-width: 1281px) {
    line-height: 28px; /* 175% */
    letter-spacing: 1.6px;
  }
  @media (max-width: 768px) {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 1.3px;
  }
}
.point-note-sub {
  margin-top: calc(100vw * 5 / var(--lpw));
  font-weight: 300;
  line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 5px;
    line-height: 21px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px) {
    margin-top: 5px;
    line-height: 21px;
    letter-spacing: 1.3px;
  }
}
.point-staff {
  flex-shrink: 0;
  img {
    width: calc(100vw * 175 / var(--lpw));
    height: calc(100vw * 155 / var(--lpw));
    flex-shrink: 0;
    @media (min-width: 1281px) {
      width: 175px;
      height: 155px;
    }
    @media (max-width: 768px) {
      width: 90px;
      height: 119px;
    }
  }
}

/* Junk
---------------------------------------------*/
.junk {
  background-color: #FBF8F0;
}
.junk .section-title {
  img {
    max-width: calc(100vw * 553 / var(--lpw));
    margin-inline: auto;
    @media (min-width: 1281px) {
      max-width: 553px;
    }
    @media (max-width: 768px) {
      max-width: 335px;
    }
  }
}
.junk-list {
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(100vw * 50 / var(--lpw)) calc(100vw * 30 / var(--lpw));
  margin-top: calc(100vw * 50 / var(--lpw));
  margin-inline: auto;
  border-radius: 5px;
  @media (min-width: 1281px) {
    margin-top: 50px;
    gap: 50px 30px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
    gap: 20px 15px;
  }
}
.junk-list-item {
  width: calc((100% - calc(100vw * 60 / var(--lpw))) / 3);
  @media (min-width: 1281px) {
    width: calc((100% - 60px) / 3);
  }
  @media (max-width: 768px) {
    width: calc((100% - 15px) / 2);
  }
}
.junk-item-image img {
  border-radius: 5px;
  display: block;
  margin: auto;
}
.junk-item-desc {
  margin-top: 5px;
  text-align: center;
  font-size: clamp(1px, calc(100vw * 20 / var(--lpw)), 20px);
  font-weight: 600;
  line-height: 32px; /* 160% */
  letter-spacing: 2px;
  @media (max-width: 768px) {
    font-size: 16px;
    line-height: 28px; /* 175% */
    letter-spacing: 1.3px;
  }
}
.junk-text {
  margin-top: calc(100vw * 50 / var(--lpw));
  p {
    font-weight: 300;
    line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
    letter-spacing: calc(100vw * 1.6 / var(--lpw));
  }
  @media (min-width: 1281px) {
    margin-top: 50px;
    p {
      line-height: 28px; /* 175% */
      letter-spacing: 1.6px;
    }
  }
  @media (max-width: 768px) {
    margin-top: 30px;
    p {
      line-height: 28px;
      letter-spacing: 1.6px;
    }
  }
}
.junk .attention {
  margin-top: calc(100vw * 20 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 20px;
  }
  @media (max-width: 768px) {
    margin-top: 20px;
  }
}

/* Result
---------------------------------------------*/
.result {
  overflow: hidden;
  background-color: #F1E4C5;
  .slick-list {
    margin: 0 calc(100vw * -15 / var(--lpw));
    @media (min-width: 1281px){
      margin: 0 -15px;
    }
    @media (max-width: 768px){
      margin: 0 -10px;
    }
  }
  .slick-slide {
    margin: 0 calc(100vw * 15 / var(--lpw));
    @media (min-width: 1281px){
      margin: 0 15px;
    }
    @media (max-width: 768px){
      margin: 0 10px;
    }
  }
}
.result .section-title {
  img {
    max-width: calc(100vw * 535 / var(--lpw));
    margin-inline: auto;
    @media (min-width: 1281px) {
      max-width: 535px;
    }
    @media (max-width: 768px) {
      max-width: 335px;
    }
  }
}

.result-text {
  margin-top: calc(100vw * 20 / var(--lpw));
  margin-inline: auto;
  @media (min-width: 1281px){
    margin-top: 20px;
  }
  @media (max-width: 768px){
    margin-top: 20px;
  }
  span {
    font-weight: 300;
    line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
    letter-spacing: calc(100vw * 1.6 / var(--lpw));
    &.bold {
      font-weight: 600;
    }
    sub {
      top: calc(100vw * -3 / var(--lpw));
      font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
    }
    @media (min-width: 1281px){
      top: -3px;
      line-height: 28px; /* 175% */
      letter-spacing: 1.6px;
    }
    @media (max-width: 768px){
      line-height: 28px;
      sub {
        top: -3px;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 1.3px;
      }
    }
  }
}
/* result-pickup-list
---------------------------------------------*/
.result-pickup-list {
  margin-top: calc(100vw * 32 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 32px;
  }
  @media (max-width: 768px){
    margin-top: 30px;
  }
}
.result-pickup-list .result-pickup-list-item + .result-pickup-list-item {
  margin-top: calc(100vw * 20 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 20px;
  }
  @media (max-width: 768px){
    margin-top: 20px;
  }
}
.result-pickup-list-item {
  background: #fff;
  border-radius: 5px;
  padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 20 / var(--lpw)) calc(100vw * 15 / var(--lpw));
  margin-inline: auto;
  @media (min-width: 769px){
    grid-template-columns: calc(100vw * 250 / var(--lpw)) 1fr;
    grid-template-areas: "image text";
    column-gap: calc(100vw * 15 / var(--lpw));
    align-items: start;
  }
  @media (min-width: 1281px){
    grid-template-columns: 250px 1fr;
    column-gap: 15px;
    padding: 20px 20px 15px;
  }
  @media (max-width: 768px){
    width: 100%;
    max-width: 335px;
    grid-template-areas:
    "title"
    "image"
    "body";
    row-gap: 10px;
    padding: 20px 15px;
  }
}
.result-pickup-list-item .result-item-image {
  grid-area: image;
  width: calc(100vw * 250 / var(--lpw));
  border-radius: 5px;
  img {
    border-radius: 5px;
  }
  @media (min-width: 1281px){
    width: 250px;
  }
  @media (max-width: 768px){
    width: 100%;
  }
}
.result-pickup-list-item .result-item-content {
  display: block;     /* contents を解除してブロックへ */
  grid-area: text;
  @media (max-width: 768px){
    display: contents;
  }
}
.result-pickup-list-item .result-item-title {
  grid-area: title;
  color: #43392F;
  font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
  font-weight: 600;
  line-height: calc(100vw * 32 / var(--lpw)); /* 160% */
  letter-spacing: calc(100vw * 2 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 32px;
    letter-spacing: 2px;
  }
  @media (max-width: 768px){
    font-size: 15px;
    line-height: 25px; /* 166.667% */
    letter-spacing: 0.45px;
  }
}
.result-pickup-list-item .result-item-desc {
  grid-area: body;
  margin-top: calc(100vw * 10 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 10px;
  }
  @media (max-width: 768px){
    margin-top: 0;
  }
}
.result-pickup-list-item .result-item-price {
  align-items: baseline;
  gap: calc(100vw * 5 / var(--lpw));
  @media (min-width: 1281px){
    gap: 5px;
  }
  @media (max-width: 768px){
    gap: 5px;
  }
}
.result-pickup-list-item .price-label {
  color: #E31A1A;
  font-weight: 600;
  line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 21px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px){
    line-height: 21px;
    letter-spacing: 1.3px;
  }
}
.result-pickup-list-item .price-amount {
  align-items: baseline;
  gap: calc(100vw * 3 / var(--lpw));
  @media (min-width: 1281px){
    gap: 3px;
  }
  @media (max-width: 768px){
    gap: 3px;
  }
}
.result-pickup-list-item .price-num {
  font-weight: 700;
  line-height: calc(100vw * 30 / var(--lpw)); /* 100% */
  letter-spacing: 0.6px;
  color: #E31A1A;
  top: calc(100vw * 2 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 30px;
    top: 2px;
  }
  @media (max-width: 768px){
    line-height: 30px;
    top: 2px;
  }
}
.result-pickup-list-item .price-unit {
  color: #E31A1A;
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
  letter-spacing: calc(100vw * 1.6 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 28px;
    letter-spacing: 1.6px;
  }
  @media (max-width: 768px){
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
.result-pickup-list-item .result-item-description {
  margin-top: calc(100vw * 10 / var(--lpw));
  color: #43392F;
  font-weight: 300;
  line-height: calc(100vw * 21 / var(--lpw));
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  width: 100%;
  max-width: 495px;
  .bold {
    font-weight: 600;
  }
  @media (min-width: 1281px){
    line-height: 21px;
    letter-spacing: 1.3px;
    margin-top: 10px;
  }
  @media (max-width: 768px){
    line-height: 21px;
    letter-spacing: 1.3px;
    margin-top: 5px;
  }
}

/* result-list
---------------------------------------------*/
.result-list-bg {
  position: absolute;
  top: calc(100vw * 140 / var(--lpw));
  background-color: #914A24;
  width: 100%;
  height: calc(100vw * 223 / var(--lpw));
  @media (min-width: 1281px){
    top: 140px;
    height: 223px;
  }
  @media (max-width: 768px){
    top: 170px;
    height: 187px;
  }
}
.result-list {
  margin-top: 30px;
  gap: calc(100vw * 20 / var(--lpw));
  @media (min-width: 1281px){
    gap: 20px;
  }
  @media (max-width: 768px){
    gap: 20px;
  }
  .result-list-item {
    width: calc(100vw * 285 / var(--lpw));
    padding-top: calc(100vw * 40 / var(--lpw));
    background-color: #fff;
    transition: all .35s ease-in-out;
    border-radius: 5px;
    @media (min-width: 1281px){
      width: 285px;
      padding-top: 40px;
    }
    @media (max-width: 768px){
      width: 285px;
      padding-top: 40px;
    }
  }
  .result-list-item .card-label {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100vw * 30 / var(--lpw));
    padding: calc(100vw * 4 / var(--lpw)) calc(100vw * 20 / var(--lpw));
    background-color: #fff;
    font-weight: 700;
    line-height: calc(100vw * 22 / var(--lpw));
    letter-spacing: calc(100vw * 0.65 / var(--lpw));
    border-radius: 0 5px 0 5px;
    @media (min-width: 1281px){
      height: 30px;
      padding: 4px 20px;
      line-height: 22px;
      letter-spacing: 0.65px;
    }
    @media (max-width: 768px){
      height: 30px;
      padding: 4px 20px;
      line-height: 22px;
      letter-spacing: 0.65px;
    }
    &.ceramics {
      background-color: #A9BEE8;
    }
    &.paintings {
      background-color: #EEC75E;
    }
    &.kakejiku {
      background-color: #F09A9C;
    }
    &.teathings {
      background-color: #BADE77;
    }
    &.tableware {
      background-color: #7DDAEF;
    }
  }
  .result-item-image {
    margin-inline: auto;
    img {
      margin-inline: auto;
      border-radius: 5px;
      width: calc(100vw * 180 / var(--lpw));
      @media (min-width: 1281px){
        width: 180px;
      }
      @media (max-width: 768px){
        width: 180px;
      }
    }
  }
  .result-item-title {
    margin-top: calc(100vw * 15 / var(--lpw));
    text-align: center;
    height: calc(100vw * 42 / var(--lpw));
    padding: 0 calc(100vw * 15 / var(--lpw));
    font-weight: 600;
    line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
    letter-spacing: calc(100vw * 1.3 / var(--lpw));
    &.flex {
      align-items: center;
      justify-content: center;
    }
    @media (min-width: 1281px){
      margin-top: 15px;
      height: 42px;
      padding: 0 15px;
      line-height: 21px;
      letter-spacing: 1.3px;
    }
    @media (max-width: 768px){
      margin-top: 15px;
      height: 42px;
      max-height: 100%;
      padding: 0 15px;
      line-height: 21px;
      letter-spacing: 1.3px;
    }
  }
  .result-list-item .result-item-price {
    justify-content: center;
    align-items: baseline;
    gap: calc(100vw * 5 / var(--lpw));
    margin: 0 0 calc(100vw * 15 / var(--lpw));
    @media (min-width: 1281px){
      gap: 5px;
      margin: 0 0 15px;
    }
    @media (max-width: 768px){
      gap: 5px;
      margin: 0 0 15px;
    }
  }
  .result-list-item .price-label {
    color: #E31A1A;
    font-weight: 600;
    line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
    letter-spacing: calc(100vw * 1.3 / var(--lpw));
    @media (min-width: 1281px){
      line-height: 21px;
      letter-spacing: 1.3px;
    }
    @media (max-width: 768px){
      line-height: 21px;
      letter-spacing: 1.3px;
    }
  }
  .result-list-item .price-amount {
    align-items: baseline;
    gap: calc(100vw * 3 / var(--lpw));
    @media (min-width: 1281px){
      gap: 3px;
    }
    @media (max-width: 768px){
      gap: 3px;
    }
  }
  .result-list-item .price-num {
    font-weight: 700;
    line-height: calc(100vw * 30 / var(--lpw)); /* 100% */
    letter-spacing: 0.6px;
    color: #E31A1A;
    top: calc(100vw * 2 / var(--lpw));
    @media (min-width: 1281px){
      line-height: 30px;
      top: 2px;
    }
    @media (max-width: 768px){
      line-height: 30px;
      top: 2px;
    }
  }
  .result-list-item .price-unit {
    color: #E31A1A;
    font-weight: 600;
    line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
    letter-spacing: calc(100vw * 1.6 / var(--lpw));
    @media (min-width: 1281px){
      line-height: 28px;
      letter-spacing: 1.6px;
    }
    @media (max-width: 768px){
      line-height: 28px;
      letter-spacing: 1.6px;
    }
  }
}
/* prev,next custom　*/
.result {
  .slick-prev,
  .slick-next {
    background: transparent;
    border: none;
    position: absolute;
    top: calc(100% + calc(100vw * 56 / var(--lpw)));
    z-index: 2;
    cursor: pointer;
    @media (min-width: 1281px){
      top: calc(100% + 56px);
    }
    @media (max-width: 768px){
      top: calc(100% + 56px);
    }
  }
  .slick-prev:before,
  .slick-next:before {
    content: none;
  }
  .custom-arrow {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    width: calc(100vw * 45 / var(--lpw));
    height: calc(100vw * 45 / var(--lpw));
    text-align: center;
    position: absolute;
    top: calc(100% + calc(100vw * 43 / var(--lpw)));
    z-index: 2;
    cursor: pointer;
    transition: background-color 0.3s;
    img {
      width: calc(100vw * 15 / var(--lpw));
    }
    @media (min-width: 1281px){
      width: 45px;
      height: 45px;
      top: calc(100% + 43px);
      img {
        width: 15px;
      }
    }
    @media (max-width: 768px){
      width: 45px;
      height: 45px;
      top: calc(100% + 43px);
      img {
        width: 15px;
      }
    }
  }
  .slick-prev {
    left: calc(50% - calc(100vw * 82.5 / var(--lpw)));
    img {
      right: 1px;
      transform: rotate(180deg);
    }
    @media (min-width: 1281px){
      left: calc(50% - 82.5px);
    }
    @media (max-width: 768px){
      left: calc(50% - 82.5px);
    }
  }
  .slick-next {
    right: calc(50% - calc(100vw * 82.5 / var(--lpw)));
    img {
      left: 1px;
    }
    @media (min-width: 1281px){
      right: calc(50% - 82.5px);
    }
    @media (max-width: 768px){
      right: calc(50% - 82.5px);
    }
  }
  .custom-arrow:hover,
  .custom-arrow:active,
  .custom-arrow:focus {
    opacity: 0.7;
    transition: opacity 0.3s;
    background-color: #fff;
  }
}
/* end prev,next custom　*/

/* slick_play_btn　*/
.slick_play_btn {
  position: absolute;
  bottom: calc(100vw * -66 / var(--lpw));
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw * 45 / var(--lpw));
  height: calc(100vw * 45 / var(--lpw));
  @media (min-width: 1281px){
    bottom: -66px;
    width: 45px;
    height: 45px;
  }
  @media (max-width: 768px){
    bottom: -66px;
    width: 45px;
    height: 45px;
  }
}
.slick_play_btn .slick_toggle {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: calc(100vw * 45 / var(--lpw));
  height: calc(100vw * 45 / var(--lpw));
  @media (min-width: 1281px){
    width: 45px;
    height: 45px;
  }
  @media (max-width: 768px){
    width: 45px;
    height: 45px;
  }
}
.slick_play_btn .slick_toggle {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  transition: .3s;
  opacity: 1;
}
.slick_play_btn .slick_toggle.pause {
  background: center/calc(100vw * 15 / var(--lpw)) url('../img/icon/carousel/icon_stop.svg') #fff no-repeat;
  @media (min-width: 1281px){
    background-size: 15px;
  }
  @media (max-width: 768px){
    background-size: 15px;
  }
}
.slick_play_btn .slick_toggle.play {
  background: calc(50% + 1px) 50%/16.7px url('../img/icon/carousel/icon_start.svg') #fff no-repeat;
}
.slick_play_btn .slick_toggle:hover {
  cursor: pointer;
  opacity: 0.7;
}
/* end slick_play_btn　*/

.result .attention {
  margin-inline: auto;
  max-width: calc(100vw * 800 / var(--lpw));
  padding-left: 0;
  padding-right: 0;
  &.top {
    margin-top: calc(100vw * 10 / var(--lpw));
  }
  &.bottom {
    margin-top: calc(100vw * 128 / var(--lpw));
  }
  @media (min-width: 1281px){
    max-width: 800px;
    padding-left: 0;
    padding-right: 0;
    &.top {
      margin-top: 10px;
    }
    &.bottom {
      margin-top: 128px;
    }
  }
  @media (max-width: 768px){
    margin-top: 60px;
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
    &.top {
      margin-top: 10px;
    }
    &.bottom {
      margin-top: 128px;
    }
  }
}
.result .attention.t-center {
  margin-top: 5px;
  padding-left: 0;
  padding-right: 0;
  p {
    padding-left: 0;
    text-align: center;
  }
  @media (max-width: 768px){
    margin-top: 10px;
    p {
      padding-left: 1em;
      text-align: left;
    }
  }
}

/* Marugoto
---------------------------------------------*/
.marugoto {
  background-color: #FBF8F0;
}

/* Reason
---------------------------------------------*/
.reason {
  background-color: #FBF8F0;
}
.reason::after {
  content: "";
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 187.5px solid transparent;
  border-right: 187.5px solid transparent;
  border-top: 56px solid #FBF8F0;
  z-index: 2;
}

/* Safety
---------------------------------------------*/
.safety {
  background-color: #F1E4C5;
  padding-top: 136px;
  @media (max-width: 768px) {
    padding-top: 90px;
  }
}
.safety .section-title {
  margin-inline: auto;
  img {
    margin-inline: auto;
    width: calc(100vw * 800 / var(--lpw));
    @media (min-width: 1281px) {
      width: 800px;
    }
    @media (max-width: 768px) {
      width: 335px;
    }
  }
}
.safety-list {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(100vw * 50 / var(--lpw));
  gap: calc(100vw * 30 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 50px;
    gap: 30px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
    gap: 20px;
  }
}
.safety-list-item {
  width: calc((100% - calc(100vw * 30 / var(--lpw))) / 2);
  background-color: #fff;
  padding: calc(100vw * 30 / var(--lpw));
  border-top: 2px solid #CB3D01;
  border-radius: 0 0 5px 5px;
  @media (min-width: 1281px) {
    width: calc((100% - 30px) / 2);
    padding: 30px;
  }
  @media (max-width: 768px) {
    width: 100%;
    padding: 20px;
  }
}
.safety-list-item-img {
  background-color: transparent;
  padding: 0;
  border-top: none;
  img {
    border-radius: 5px;
  }
}
.safety-item-title {
  img {
    height: calc(100vw * 30 / var(--lpw));
    @media (min-width: 1281px) {
      height: 30px;
    }
    @media (max-width: 768px) {
      height: 30px;
    }
  }
}
.safety-item-desc {
  margin-top: calc(100vw * 10 / var(--lpw));
  min-height: calc(100vw * 80 / var(--lpw));
  font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
  font-weight: 400;
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 10px;
    min-height: 80px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
    min-height: auto;
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.safety-item-button {
  margin-top: calc(100vw * 15 / var(--lpw));
  text-align: center;
  @media (min-width: 1281px) {
    margin-top: 15px;
  }
  @media (max-width: 768px) {
    margin-top: 15px;
  }
  a {
    display: inline-block;
    width: 100%;
    max-width: calc(100vw * 325 / var(--lpw));
    padding: calc(100vw * 8 / var(--lpw)) 0;
    background-color: #D9DEFF;
    color: #3A4BC9;
    font-weight: 400;
    letter-spacing: 0.8px;
    border-radius: 60px;
    @media (min-width: 1281px) {
      max-width: 325px;
      padding: 8px 0;
    }
    @media (max-width: 768px) {
      max-width: 325px;
      padding: 8px 0;
    }
  }
  a::after {
    content: "";
    background-image: url(../img/icon/icon_arrow_3A4BC9.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(100vw * 15 / var(--lpw));
    height: calc(100vw * 15 / var(--lpw));
    position: absolute;
    top: 50%;
    right: calc(100vw * 10 / var(--lpw));
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1281px) {
  .safety-item-button a::after {
    width: 15px;
    height: 15px;
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .safety-item-button a::after {
    width: 15px;
    height: 15px;
    right: 10px;
  }
}
.safety .attention {
  margin-top: calc(100vw * 50 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 50px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
  }
}

/* Achievements
---------------------------------------------*/
.achievements {
  background-color: #FBF8F0;
}

/* Review
---------------------------------------------*/
.review {
  background-color: #F1E4C5;
  .slick-list {
    margin: 0 calc(100vw * -15 / var(--lpw));
    padding-top: calc(100vw * 40 / var(--lpw))!important; /* overflow:hiddenによるアイコンはみ出しを見せるため */
    @media (min-width: 1281px){
      margin: 0 -15px;
      padding-top: 40px!important;
    }
    @media (max-width: 768px){
      margin: 0 -10px;
      padding-top: 40px!important;
    }
  }
  .slick-slide {
    margin: 0 calc(100vw * 15 / var(--lpw));
    @media (min-width: 1281px){
      margin: 0 15px;
    }
    @media (max-width: 768px){
      margin: 0 10px;
    }
  }
}
.review .section-title {
  color: #593623;
  line-height: 140%; /* 70px */
  letter-spacing: 5px;
  @media (max-width: 768px) {
    line-height: 142.857%; /* 40px */
    letter-spacing: 2.8px;
  }
}
.review-list {
  margin-top: calc(100vw * 30 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 30px;
  }
  @media (max-width: 768px) {
    margin-top: 20px;
  }
}
.review-list-item {
  width: calc(100vw * 310 / var(--lpw));
  height: calc(100vw * 270 / var(--lpw));
  background-color: #fff;
  padding: calc(100vw * 47 / var(--lpw)) calc(100vw * 20 / var(--lpw)) calc(100vw * 20 / var(--lpw));
  border-radius: 5px;
  @media (min-width: 1281px) {
    width: 310px;
    height: 270px;
    padding: 47px 20px 20px;
  }
  @media (max-width: 768px) {
    width: 310px;
    height: 270px;
    padding: 47px 20px 20px;
  }
}
/* review-icon */
.review-list-item:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: calc(100vw * 60 / var(--lpw));
  height: calc(100vw * 72 / var(--lpw));
  display: block;
  position: absolute;
  top: calc(100vw * -40 / var(--lpw));
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (min-width: 1281px){
  .review-list-item:before {
    width: 60px;
    height: 72px;
    top: -40px;
  }
}
@media only screen and (max-width: 768px){
  .review-list-item:before {
    width: 60px;
    height: 72px;
    top: -40px;
  }
}
/* レビューアイコン - 必要に応じて画像を追加してください */
.review-list-item.review-item-author-1:before {background-image: url(../img/icon/human/icon_man_age70.svg);}
.review-list-item.review-item-author-2:before {background-image: url(../img/icon/human/icon_woman_age70.svg);}
.review-list-item.review-item-author-3:before {background-image: url(../img/icon/human/icon_woman_age80.svg);}
.review-list-item.review-item-author-4:before {background-image: url(../img/icon/human/icon_man_age40.svg);}
.review-list-item.review-item-author-5:before {background-image: url(../img/icon/human/icon_man_age80.svg);}
.review-list-item.review-item-author-6:before {background-image: url(../img/icon/human/icon_woman_age60.svg);}
.review-list-item.review-item-author-7:before {background-image: url(../img/icon/human/icon_woman_age80.svg);}
.review-list-item.review-item-author-8:before {background-image: url(../img/icon/human/icon_man_age60.svg);}
.review-list-item.review-item-author-9:before {background-image: url(../img/icon/human/icon_man_age50.svg);}
/* end review-icon */

/* review-label */
.review-list-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  border-radius: 0 5px 0 5px;
  padding: calc(100vw * 3 / var(--lpw)) calc(100vw * 8 / var(--lpw)) calc(100vw * 5 / var(--lpw));
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: 1.3px;
}
@media only screen and (min-width: 1281px){
  .review-list-item:after {
    padding: 3px 8px 5px;
  }
}
@media only screen and (max-width: 768px){
  .review-list-item:after {
    padding: 3px 8px 5px;
    font-size: 13px;
  }
}
.review-list-item.label-ases:after {
  content: "査定対応";
  background-color: #4BBAF1;
}
.review-list-item.label-clean:after {
  content: "片付け";
  background-color: #F15658;
}
.review-list-item.label-first:after {
  content: "初めての方";
  background-color: #F19656;
}
/* end review-label */

.review-item-title {
  color: #593623;
  padding: 0 0 calc(100vw * 15 / var(--lpw));
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
  letter-spacing: calc(100vw * 1.6 / var(--lpw));
  @media (min-width: 1281px) {
    padding: 0 0 15px;
    line-height: 28px; /* 175% */
    letter-spacing: 1.6px;
  }
  @media (max-width: 768px) {
    padding: 0 0 15px;
    line-height: 28px; /* 175% */
    letter-spacing: 1.6px;
  }
}
.review-item-data {
  padding-top: calc(100vw * 15 / var(--lpw));
  font-weight: 300;
  line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  @media (min-width: 1281px) {
    padding-top: 15px;
    line-height: 21px; /* 161.538% */
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px) {
    padding-top: 15px;
    line-height: 21px; /* 161.538% */
    letter-spacing: 1.3px;
  }
}
.review-item-data:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #DAE0D1;
}
.review .slick-dots {
  bottom: calc(100vw * -40 / var(--lpw));
  li {
    width: 10px;
    height: 10px;
  }
  @media (min-width: 1281px){
    bottom: -40px;
  }
  @media (max-width: 768px){
    bottom: -40px;
  }
}
.review .slick-dots li {
  width: 10px !important;
  height: 10px !important;
}
.review .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
}
.review .slick-dots li button:before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  background-color: #fff !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.review .slick-dots li.slick-active button:before {
  background-color: #333 !important;
  opacity: 1 !important;
}
.review .attention {
  margin-top: calc(100vw * 60 / var(--lpw));
  margin-inline: auto;
  max-width: calc(100vw * 800 / var(--lpw));
  padding-left: 0;
  padding-right: 0;
  @media (min-width: 1281px){
    margin-top: 60px;
    max-width: 800px;
    padding-left: 0;
    padding-right: 0;
  }
  @media (max-width: 768px){
    margin-top: 60px;
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Staff
---------------------------------------------*/
.staff {
  background-color: #FBF8F0;
}

/* Area
---------------------------------------------*/
.area {
  background-color: #DFEBBD;
}

/* System
---------------------------------------------*/
.system {
  background-color: #F8F0DA;
}
.system .section-title {
  color: #593623;
  small {
    display: block;
    line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
    letter-spacing: calc(100vw * 1.6 / var(--lpw));
    @media (min-width: 1281px) {
      line-height: 28px; /* 175% */
      letter-spacing: 1.6px;
    }
    @media (max-width: 768px) {
      line-height: 28px; /* 175% */
      letter-spacing: 1.6px;
    }
  }
  span {
    display: inline-block;
    line-height: calc(100vw * 70 / var(--lpw)); /* 140% */
    letter-spacing: calc(100vw * 5 / var(--lpw));
    &.textcolor {
      color: #CB3D01;
    }
    @media (min-width: 1281px) {
      line-height: 70px; /* 140% */
      letter-spacing: 5px;
    }
    @media (max-width: 768px) {
      font-size: 32px;
      font-weight: 600;
      line-height: 50px; /* 156.25% */
      letter-spacing: 3.2px;
    }
  }
}
.system-selector-item.active {
  pointer-events: none;
  background-color: #fff;
}
.system-body-box--visit,
.system-body-box--store,
.system-body-box--delivery {
  background-color: #fff;
}
/* PC */
@media only screen and (min-width: 769px){
  .system-selector {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: calc(100vw * 30 / var(--lpw));
    gap: calc(100vw * 10 / var(--lpw));
  }
  .system-selector-item {
    color: #593623;
    text-align: center;
    width: calc((100% - calc(100vw * 10 / var(--lpw)) * 2) / 3);
    padding: calc(100vw * 15 / var(--lpw)) 0;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
  }
  .system-selector-item-sub {
    color: #914A24;
    border-radius: 5px;
    margin-inline: auto;
    text-align: center;
    span {
      display: inline-block;
      font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
      font-weight: 600;
      line-height: calc(100vw * 21 / var(--lpw));  /* 161.538% */
      letter-spacing: calc(100vw * 1.3 / var(--lpw));
    }
  }
  .system-selector-item-sub span::before,
  .system-selector-item-sub span::after {
    content: "/";
    position: absolute;
    top: calc(100vw * 4 / var(--lpw));
    width: calc(100vw * 6 / var(--lpw));
    height: calc(100vw * 12 / var(--lpw));
    font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
    line-height: calc(100vw * 12 / var(--lpw));
    color: #914A24;
  }
  .system-selector-item-sub span::before {
    left: calc(100vw * -10 / var(--lpw));
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
  }
  .system-selector-item-sub span::after {
    right: calc(100vw * -8 / var(--lpw));
  }
  .system-selector-item-desc {
    align-items: center;
    justify-content: center;
    margin-top: calc(100vw * 5 / var(--lpw));
    gap: calc(100vw * 15 / var(--lpw));
    .system-selector-icon {
      width: calc(100vw * 40 / var(--lpw));
      height: calc(100vw * 40 / var(--lpw));
      margin-inline: 0;
      @media (min-width: 1281px){
        width: 40px;
        height: 40px;
      }
    }
    p {
      font-size: clamp(1px, calc(100vw * 22 / var(--lpw)), 22px);
      font-weight: 700;
      letter-spacing: 2.2px;
    }
    @media (min-width: 1281px){
      margin-top: 5px;
      gap: 15px;
    }
  }
  .system-selector-item--visit,
  .system-selector-item--store,
  .system-selector-item--delivery {
    background-color: #FBF8F0;
  }
  .system-body-box {
    padding: calc(100vw * 30 / var(--lpw));
    border-radius: 0 0 10px 10px;
    @media (min-width: 1281px){
      padding: 30px;
    }
  }
  .system-body-box--store,
  .system-body-box--delivery {
    display: none;
  }
}
@media only screen and (min-width: 1281px){
  .system-selector {
    margin-top: 30px;
    gap: 10px;
  }
  .system-selector-item {
    width: calc((100% - 10px * 2) / 3);
    padding: 15px 0;
  }
  .system-selector-item-sub {
    span {
      line-height: 21px; /* 161.538% */
      letter-spacing: 1.3px;
    }
  }
  .system-selector-item-sub span::before,
  .system-selector-item-sub span::after {
    top: 4px;
    width: 6px;
    height: 12px;
    line-height: 12px;
  }
  .system-selector-item-sub span::before {
    left: -10px;
  }
  .system-selector-item-sub span::after {
    right: -8px;
  }
  .system-selector-item-desc {
    margin-top: 5px;
    gap: 15px;
    .system-selector-icon {
      width: 40px;
      height: 40px;
      margin-inline: 0;
    }
  }
  .system-body-box {
    padding: 30px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .system-selector {
    margin-top: 50px;
  }
  .system-selector-item {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    div.flex {
      align-items: center;
      justify-content: flex-start;
      gap: 15px;
    }
    &.accordion-trigger--active {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .system-selector-icon {
    width: 46px;
    height: 46px;
    margin-inline: 0;
  }
  .system-selector-item-desc {
    color: #593623;
    text-align: left;
    p {
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 2.2px;
    }
    p.system-selector-item-sub {
      color: #914A24;
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 1.3px;
    }
  }
  .system-selector-item.accordion-trigger:after {
    content: "";
    background-image: url(../img/icon/icon_plus_circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 20px;
  }
  .system-selector-item.accordion-trigger--active:after {
    background-image: url(../img/icon/icon_minus_circle.svg);
    transition: all 0.3s ease-in-out;
  }
  .system-body {
    margin-top: 30px;
  }
  .system-selector-item--visit,
  .system-selector-item--store,
  .system-selector-item--delivery {
    background-color: #fff;
  }
  .system-selector-item--store,
  .system-selector-item--delivery {
    margin-top: 15px;
  }
  .system-body-box--visit,
  .system-body-box--store,
  .system-body-box--delivery {
    display: none;
  }
  .system-body-box {
    padding: 20px;
    border-bottom: 1px solid #DAE0D1;
  }
  .system-body-box:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: calc(100% - 40px);
    height: 1px;
    background-color: #DAE0D1;
  }
}

/* System about
---------------------------------------------*/
.system-about {
  background-color: #fff;
  text-align: center;
}
.system-about-title {
  color: #593623;
  span {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    &.textcolor {
      color: #CB3D01;
    }
  }
}
.system-about-desc {
  margin-top: calc(100vw * 10 / var(--lpw));
  font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
  font-weight: 400;
  letter-spacing: 1.3px;
  @media (min-width: 1281px){
    margin-top: 10px;
  }
  @media (max-width: 768px){
    text-align: left;
    margin-top: 10px;
    font-size: 13px;
  }
}
/* System Visit
---------------------------------------------*/
.system-visit-schedule {
  margin-top: calc(100vw * 30 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 30px;
  }
  @media (max-width: 768px){
    margin-top: 20px;
  }
}

/* System Store
---------------------------------------------*/
.store .system-about-title {
  color: #914A24;
}
.store-list-division-name {
  border-left: none!important;
  padding-left: 0!important;
  color: #333!important; /*個別カラー*/
}
.store-head-more {
  background-color: #fff;
  color: #3A4BC9!important; /*個別カラー*/
  border: 1px solid #3A4BC9!important; /*個別カラー*/
}
.store-head-name {
  font-weight: 600!important; /*個別指定*/
}
.store-head-desc {
  color: #9A9A9A!important; /*個別カラー*/
}
.store-head-more svg .cls-1 {
  fill: #3A4BC9!important; /*個別カラー*/
}
.store-body-detail {
  border-top: 1px solid #f5f5f5;
}
.store-body-detail-data-link {
  background-color: #79af9b;
  color: #fff;
}
.parking-campaign {
  background-color: #f2f3ee;
}
.store-body-detail-data .textcolor-red {
  color: #C70C18;
}
.store-offer-title {
  color: #79af9b;
}
/* System Delivery
---------------------------------------------*/
/* System Step
---------------------------------------------*/
.flow-title {
  margin-top: calc(100vw * 30 / var(--lpw));
  text-align: center;
  small {
    display: block;
    font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
    font-weight: 600;
    letter-spacing: 1.3px;
  }
  span {
    color: #914A24;
    font-size: clamp(1px, calc(100vw * 25 / var(--lpw)), 25px);
    font-weight: 600;
    letter-spacing: 1.8px;
  }
  @media (min-width: 1281px){
    margin-top: 30px;
  }
  @media (max-width: 768px){
    margin-top: 30px;
    small {
      font-size: 13px;
    }
    span {
      font-size: 18px;
    }
  }
}
.flow-list {
  justify-content: space-between;
  margin-top: calc(100vw * 25 / var(--lpw));
  gap: calc(100vw * 25 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 25px;
    gap: 25px;
  }
  @media (max-width: 768px){
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
  }
}
.flow-list-item {
  width: calc((100% - calc(100vw * 25 / var(--lpw) * 3)) / 4);
  flex-direction: column;
  align-items: center;
  background-color: #FBF8F0;
  gap: calc(100vw * 10 / var(--lpw));
  padding: calc(100vw * 20 / var(--lpw)) 0;
  border-radius: 5px;
  @media (min-width: 1281px){
    width: calc((100% - (25px * 3)) / 4);
    gap: 10px;
    padding: 20px 0;
  }
  @media (max-width: 768px){
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px 10px 40px;
    gap: 10px;
  }
}
.flow-list-item:before {
  position: absolute;
  top: calc(100vw * -3 / var(--lpw));
  left: calc(100vw * -5 / var(--lpw));
  width: calc(100vw * 32 / var(--lpw));
  height: calc(100vw * 33 / var(--lpw));
  background-color: #914A24;
  border-radius: 90px;
  padding-left: calc(100vw * 1 / var(--lpw)); /* 少し右寄せに見せる */
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 33 / var(--lpw));
}
@media only screen and (min-width: 1281px){
  .flow-list-item:before {
    top: -3px;
    left: -5px;
    width: 32px;
    height: 33px;
    padding-left: 1px; /* 少し右寄せに見せる */
    font-size: 16px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 768px){
  .flow-list-item:before {
    top: -3px;
    left: -5px;
    width: 32px;
    height: 33px;
    padding-left: 1px; /* 少し右寄せに見せる */
    font-size: 16px;
    line-height: 33px;
  }
}
.flow-list-item:nth-of-type(1):before {content: "01";}
.flow-list-item:nth-of-type(2):before {content: "02";}
.flow-list-item:nth-of-type(3):before {content: "03";}
.flow-list-item:nth-of-type(4):before {content: "04";}
.flow-item-image {
  width: calc(100vw * 70 / var(--lpw));
  height: calc(100vw * 70 / var(--lpw));
  @media (min-width: 1281px){
    width: 70px;
    height: 70px;
  }
  @media (max-width: 768px){
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 768px){
  /* flowのアイコン画像は左寄せにする（globalのmargin-inline:autoを打ち消す） */
  .flow-list-item .img-responsive {
    margin-inline: 0;
  }
}
.flow-item-title {
  color: #914A24;
  text-align: center;
  font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
  font-weight: 700;
  letter-spacing: 1.3px;
  @media (max-width: 768px){
    font-size: 16px;
    letter-spacing: 0.8px;
  }
}
.system-body-box .attention {
  margin-top: calc(100vw * 15 / var(--lpw));
  span {
    color: #3A4BC9;
  }
  a.textdeco-underline {
    color: #3A4BC9;
  }
  @media (min-width: 1281px){
    margin-top: 15px;
  }
  @media (max-width: 768px){
    margin-top: 10px;
  }
}

/* Problem
---------------------------------------------*/
.problem {
  background-color: #F1E4C5;
}
.problem .section-title {
  color: #593623;
  line-height: 70px; /* 140% */
  letter-spacing: 5px;
  @media (max-width: 768px) {
    line-height: 50px; /* 156.25% */
    letter-spacing: 3.2px;
  }
}
.problem-list {
  flex-direction: column;
  gap: calc(100vw * 20 / var(--lpw));
  margin-top: calc(100vw * 30 / var(--lpw));
  margin-inline: auto;
  @media (min-width: 1281px) {
    margin-top: 30px;
    gap: 20px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
    gap: 15px;
  }
}
.problem-list-item {
  background-color: #fff;
  border-radius: 5px;
}
.problem-list-title {
  padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 75 / var(--lpw)) calc(100vw * 20 / var(--lpw)) calc(100vw * 30 / var(--lpw));
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 700;
  letter-spacing: 0.8px;
  .textcolor {
    color: #CB3D01;
  }
  @media (min-width: 1281px) {
    padding: 20px 75px 20px 30px;
  }
  @media (max-width: 768px) {
    padding: 20px 65px 20px 20px;
    font-size: 16px;
  }
}
.problem-list-title.accordion-trigger:after {
  content: "";
  background-image: url(../img/icon/icon_plus_circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw * 25 / var(--lpw));
  height: calc(100vw * 25 / var(--lpw));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: calc(100vw * 30 / var(--lpw));
}
.problem-list-title.accordion-trigger--active:after {
  background-image: url(../img/icon/icon_minus_circle.svg);
}
@media only screen and (min-width: 1281px){
  .problem-list-title.accordion-trigger:after {
    width: 25px;
    height: 25px;
    right: 30px;
  }
}
@media only screen and (max-width: 768px){
  .problem-list-title.accordion-trigger:after {
    width: 25px;
    height: 25px;
    right: 20px;
  }
}
.problem-list-desc {
  padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 30 / var(--lpw));
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 400;
  letter-spacing: 0.8px;
  @media (min-width: 1281px) {
    padding: 20px 30px;
  }
  @media (max-width: 768px) {
    padding: 20px 20px;
    font-size: 16px;
  }
}
.problem-list-desc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: calc(100% - 60px);
  height: 1px;
  background-color: #DAE0D1;
}
.accordion-trigger {
  cursor: pointer;
}

/* Prepare
---------------------------------------------*/
.prepare {
  background-color: #FBF8F0;
}

/* Contact Form
---------------------------------------------*/
.contact .section-title {
  small {
    display: block;
    font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: calc(100vw * 0.8 / var(--lpw));
    @media (min-width: 1281px) {
      letter-spacing: 0.8px;
    }
    @media (max-width: 768px) {
      font-size: 16px;
      letter-spacing: 0.8px;
    }
  }
  span {
    color: #593623;
    display: block;
    @media (max-width: 768px) {
      padding-top: 5px;
      font-size: 30px;
      font-weight: 600;
      line-height: 44px; /* 146.667% */
      letter-spacing: 3px;
    }
  }
}
.contactform-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}
.contactform-item-title {
  width: 30%;
  font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
}
.contactform-item-title:before {
  content: "任意";
  color: rgb(255, 255, 255);
  margin-right: 10px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1;
  background: linear-gradient(135deg, rgb(121, 155, 203) 0px, rgb(121, 155, 203) 50%, rgb(99, 124, 165) 50%, rgb(99, 124, 165) 100%);
  padding: 5px 10px;
  border-radius: 2px;
}
.contactform-item-title--require:before {
  content: "必須";
  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-item-data {
  width: 70%;
  input,select,textarea {
    font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
  }
}
.contactform-item-data--name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactform-input-text {
  width: 100%;
  height: 50px;
  background-color: #f2f3ee !important;
  border: none !important;
  border-radius: 5px;
  padding: 0 10px;
  resize: vertical;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contactform-input-text--name {
  width: 49%;
}
.contactform-input-text--remarks {
  padding: 10px;
  height: 150px;
}
.contactform, .contact_form-agree, .contact_form-button-box {
  margin-top: 30px;
}
.contact_form__button {
  background: none;
  text-shadow: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  text-align: center;
  font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', 'MS PMincho', serif;
  font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
  font-weight: 600;
  line-height: calc(100vw * 32 / var(--lpw)); /* 160% */
  letter-spacing: calc(100vw * 2 / var(--lpw));
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(92deg, #3C5BB7 1.09%, #112D80 100%);
  margin-top: 30px;
  max-width: calc(100vw * 500 / var(--lpw));
  height: calc(100vw * 78 / var(--lpw));
  margin-inline: auto;
  z-index: 1;
}
.contact_form-agree__label {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%; /* 26px */
}
.contact_form-privacy_policy {
  padding: 30px;
}
.contact_form-aboutinfomailBox {
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%; /* 20px */
}
@media only screen and (min-width: 1281px) {
  .contact_form__button {
    max-width: 500px;
    height: 78px;
    line-height: 32px; /* 160% */
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 768px){
  .contact .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .contactform-item {
    margin-top: 20px;
  }
  .contactform-item:first-child {
    margin-top: 0;
  }
  .contactform-item-title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
  }
  .contactform-item-data {
    width: 100%;
    margin-top: 10px;
    input,select,textarea {
      font-size: 16px;
    }
  }
  .contact_form__button {
    font-weight: 600;
    font-size: 16px;
    max-width: 335px;
    height: 65px;
  }
  .contact_form-agree__label {
    font-size: 12px;
    line-height: 150%;
  }
  .contact_form-aboutinfomailBox {
    line-height: 150%;
  }
}

/* Chatbot & Stalking Navi
---------------------------------------------*/
#chatplusview.closed #outline #eye_catcher {
  display: none!important;
}
.chatbot {
  width: 115px;
  height: 98px;
  background-color: #EED1A0;
  position: fixed;
  bottom: 80px;
  right: 0;
  transition: transform 0.8s ease;
  z-index: 2;
  padding: 15px 23px 15px 22px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #fff;
  border-right: none;
  color: #3C2509;
  cursor: pointer;
  .flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  p {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    letter-spacing: 0.65px;    
  }
  &.hide {
    transform: translateX(115px); /* 右にずらしておく */
    pointer-events: none;
  }
  &:not(.hide) {
    transform: translateX(0);
  }
  &:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
.chat-icon {
  display: block;
  width: 35px;
  margin-inline: auto;
  fill: #3C2509;
}
#stalking-navi {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0px;
  z-index: 2;
  padding: 10px 10px 12px;
  background-color: rgba(51, 51, 51, 0.9);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#stalking-navi.visible {
  opacity: 1;
  pointer-events: auto;
}
.stalking-navi-text {
  color: #FFF;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: 1.3px;
  .textcolor {
    color: #FBDA2E;
  }
}
.stalking-navi .flex {
  max-width: 430px;
  margin-top: 8px;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}
.stalking-navi-item {
  width: calc(100% / 3);
  height: 54px;
  border-radius: 5px;
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  p {
    margin-top: 5px;
    font-feature-settings: "palt";
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
  }
}
.stalking-navi-item.tel {
  background-color: #CB3D01;
  box-shadow: 0px 2px 0px 0px #8F2A00;
}
.stalking-navi-item.mail {
  background-color: #3A4BC9;
  box-shadow: 0px 2px 0px 0px #1224A8;
}
.stalking-navi-item.chat {
  background-color: #EED1A0;
  box-shadow: 0px 2px 0px 0px #B69B5D;
  p {
    color: #593623;
  }
}
.stalking-navi.dual-navi .stalking-navi-item {
  width: calc(100% / 2);
}
.stalking-navi.single-navi .stalking-navi-item {
  width: 100%;
}
.stalking-navi-item-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  fill: #fff;
}
.stalking-navi-item.chat .stalking-navi-item-icon {
  fill: #593623;
}
/* slick-dots
---------------------------------------------*/
.slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  background-color: #fff;
}
.campaign .slick-dots li button:before {
  background-color: #c0c0c0;
}
.slick-dots li.slick-active button:before {
  background-color: #333;
  opacity: 1;
}



/* ここから info*/
  /* common */
  .important {
    background-color: #fff;
    text-align: center;
    padding: calc(100vw * (20 / 1280)) calc(100vw * (40 / 1280));
    border-top: none;
    border-bottom: none;
    pointer-events: none;
  }
  .important-item {
    background-color: #FFEEB0;
    border-radius: 5px;
    padding: calc(100vw * (15 / 1280)) 0 calc(100vw * (13 / 1280));
    pointer-events: none;
    &:hover {
      opacity: 0.7;
    }
  }
  .important-item-data {
    display: inline-block;
    font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
    line-height: 1.5;
    margin-left: -10px;
  }
  .important-item-data a {
    color: #85511E;
    text-decoration: underline;
    font-weight: 300;
    display: inline-block;
    pointer-events: auto;
    position: relative;
    &:hover {
      opacity: 0.7;
    }
  }
  .important-item-data a:before {
    content: "";
    display: inline-block;
    background-image: url(../img/campaign/attention_distrust/icon/icon_caution_brown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: calc(100vw * (-25 / 1280));
    width: calc(100vw * (16 / 1280));
    height: calc(100vw * (16 / 1280));
  }
  .important-item-data a .arrow {
    width: calc(100vw * (20 / 1280));
    height: calc(100vw * (20 / 1280));
    position: absolute;
    display: inline-block;
    top: 50%;
    right: calc(100vw * (-45 / 1280));
    transform: translateY(-50%);
  }
  .arrow::before,
  .arrow::after {
    content: ""; 
    width: calc(100vw * (10 / 1280));
    height: calc(100vw * (2 / 1280));
    display: inline-block; 
    border-radius: 2px; 
    background: #85511E;
    position: absolute; 
    right: calc(100vw * (5 / 1280));
  }
  .arrow::before {
    top: calc(50% - 4px);     
    transform: rotate(45deg); 
  }
  .arrow::after {
    bottom: calc(50% - 4px);   
    transform: rotate(-45deg); 
  }
/* end - common */
/* mass */
  .important.mass {
    padding: 15px 20px;
    .important-item {
      display: flex;
      flex-direction: column;
      padding: 0;
      margin-inline: auto;
    }
    .important-item-title {
      padding: 7px 0;
      font-size: 13px;
      border-radius: 10px 10px 0 0;
    }
    .important-item-data {
      font-size: 13px;
      padding: 12px 40px 10px 15px;
      margin-left: 25px;
      text-align: center;
      letter-spacing: 1px;
      font-feature-settings: normal;
      white-space: normal;
    }
    .important-item-data a .arrow {
      right: -30px;
    }
  }
/* end - mass */
/* 1281px~ */
  @media only screen and (min-width: 1281px){
    .important {
      padding: 20px 40px;
    }
    .important-item {
      padding: 15px 0 13px;
    }
    .important-item-data a:before {
      left: -25px;
      width: 16px;
      height: 16px;
    }
    .important-item-data a .arrow {
      width: 20px;
      height: 20px;
      right: -45px;
    }
    .arrow::before,
    .arrow::after {
      width: 10px;
      height: 2px;
      right: 5px;
    }
  }
/* end 1281px~ */
/* 769px~ */
@media only screen and (min-width: 769px){
  .important.mt80 {
    margin-top: 80px;
  }
}
/* end 769px~ */
/* ~768px */
  @media only screen and (max-width: 768px){
    .important {
      padding: 15px 20px;
    }
    .important-item {
      display: flex;
      flex-direction: column;
      padding: 0;
      margin-inline: auto;
    }
    .important-item-data {
      font-size: 13px;
      padding: 12px 40px 10px 15px;
      margin-left: 25px;
      text-align: center;
      letter-spacing: 1px;
      font-feature-settings: normal;
      white-space: normal;
    }
    .important-item-data a:before{
      left: -25px;
      width: 16px;
      height: 16px;
    }
    .important-item-data a .arrow {
      width: 20px;
      height: 20px;
      right: -30px;
    }
    .arrow::before,
    .arrow::after {
      width: 10px;
      height: 2px;
      right: 5px;
    }
  }
/* end ~768px */
/* ~374px */
@media only screen and (max-width: 374px){
  .important-item-data {
    font-size: clamp( 1px, calc(100vw * 13 / 375), 13px );
    padding: 12px calc(100vw * 40 / 375) 10px calc(100vw * 15 / 375);
    margin-left: calc(100vw * 25 / 375);
  }
}
/* end ~374px */

/* attention_distrust
  ---------------------------------------------*/
  /* common */
  .attention_distrust {
      padding: 0 calc(100vw * (80 / 1280));
      font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
      line-height: 2;
    }
    @media only screen and (max-width: 768px) {
      #attention_distrust .img-responsive {
        margin-inline: 0;
      }
    }
    .attention_distrust-title {
      padding: 50px 0;
      font-size: clamp( 1px, calc(100vw * 28 / var(--lpw)), 28px );
      font-weight: 600;
      color: #896811;
      text-align: center;
      background-color: #F7EFDB;
    }
    .attention_distrust-desc {
      margin-top: 20px;
      font-weight: 300;
      line-height: 1.6;
      font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
    }
    .attention_distrust-section {
      margin-top: 50px;
    }
    .attention_distrust-section-title {
      font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
      border-bottom: 1px solid #896811;
      font-weight: 600;
      color: #896811;
    }
    .attention_distrust-section p {
      margin-top: 20px;
      font-weight: 500;
    }
    .attention_distrust-attention {
      color: #E31A1A;
      margin-top: 10px;
      text-indent: calc(100vw * (-22 / 1280));
      padding-left: calc(100vw * (22 / 1280));
      p{
        font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
        font-weight: 400;
        line-height: 1.6;
        text-indent: 0;
      }
    }
    .attention_distrust-attention:before {    
      content: "";
      display: inline-block;
      background-image: url(../img/campaign/attention_distrust/icon/icon_caution.svg);
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 0;
      width: calc(100vw * (16 / 1280));
      height: calc(100vw * (16 / 1280));
      margin-right: calc(100vw * (5 / 1280));
    }
    .attention_distrust-chk-list {
      margin-top: 20px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      background-color: #F9F5EB;
      border-radius: 10px;
      padding: 30px 41px;
      gap: 10px;
      li {
        width: calc(50% - 10px);
        font-weight: 600;
        font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
        padding-left: 21px;
        line-height: 1.6;
        letter-spacing: 1px;
        position: relative;
      }
      li:before {
        content: "";
        display: inline-block;
        background-image: url(../img/campaign/attention_distrust/icon/icon_checkbox.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        margin-right: 5px;
      }
    }
    .attention_distrust-step-list {
      .attention_distrust-list-item {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        width: 100%;
        img {
          width: 120px;
          height: 110px;
        }
        .attention_distrust-list-item-desc {
          margin-left: 15px;
        }
        p.title{
          margin-top: 0;
          font-weight: 600;
          line-height: 1.6;
          font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
        }
        p.text {
          margin-top: 5px;
          line-height: 1.6;
          font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
        }
      }
    }
    .attention_distrust-section.privacy {
      margin-top: 50px;
      background-color: #F9F5EB;
      border-radius: 10px;
      padding: 30px;
      h2 {
        font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
        font-weight: 600;
      }
      p{
        margin-top: 0;
        line-height: 1.6;
        font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
      }
      .soudansitsu{
        margin-top: 10px;
        padding: 25px 21px;
        border-radius: 10px;
        border: 1px solid #DFD2B0;
        background-color: #fff;
        display: flex;
        align-items: center;
        p.title{
          font-weight: 600;
          font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
          margin-right: 20px;
        }
        p.text {
          font-weight: 300;
          font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
          line-height: 1.5;
        }
      }
    }
    .attention_distrust-section.cpright {
      .flex {
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px;
        border-bottom: 1px solid #E7E8E7;
      }
      .left {
        display: flex;
        align-items: center;
        p{
          margin-top: 0;
          font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
          font-style: normal;
          font-weight: 400;
          letter-spacing: 1.3px;      
        }
      }
      .bs_logo {
        width: 80px;
        height: 35px;
        margin-right: 15px;
      }
      .right {
        display: flex;
        align-items: flex-end;
      }
      .pmark_logo {
        width: 40px;
        height: 40px;
      }
      .jpx_logo {
        width: 40px;
        height: 40px;
        margin-left: 15px;
      }
      .attention_distrust-section.cpright .img-responsive.jpx_logo {
        margin-inline: 0;
        margin-left: 15px;
      }
      .copyright {
        margin-top: 10px;
        text-align: left;
        font-size: 13px;
        font-weight: 400;
      }
    }
    .attention_distrust-close {
      text-align: center;
      margin-top: 30px;
      padding: 0 0 30px;
      cursor: pointer;
      text-decoration: underline;
      background: none;
      border: none;
      font-size: inherit;
      color: inherit;
      display: block;
      width: 100%;
    }
  /* end - common */
	/* 1281px~ */
    @media only screen and (min-width: 1281px){
      .attention_distrust {
        padding: 0 80px;
      }
      .attention_distrust-attention {
        color: #E31A1A;
        text-indent: -22px;
        padding-left: 22px;
      }
      .attention_distrust-attention:before {    
        width: 16px;
        height: 16px;
        margin-right: 5px;
      }
    }
	/* end 1281px~ */
	/* ~768px */
    @media only screen and (max-width: 768px){
      .attention_distrust {
        padding: 0 10px;
      }
      .attention_distrust-title {
        padding: 20px 0;
        font-size: 25px;
      }
      .attention_distrust-desc {
        margin-top: 20px;
        font-size: 16px;
      }
      .attention_distrust-section {
        margin-top: 30px;
      }
      .attention_distrust-section-title {
        font-size: 20px;
        line-height: 1.5;
        padding-bottom: 10px;
      }
      .attention_distrust-attention {
        text-indent: -22px;
        padding-left: 22px;
        p{
          font-size: 13px;
          font-weight: 400;
        }
      }
      .attention_distrust-attention:before {
        width: 16px;
        height: 16px;
        margin-right: 5px;
      }
      .attention_distrust-chk-list {
        margin-top: 20px;
        flex-direction: column;
        flex-wrap: wrap;
        border-radius: 10px;
        padding: 20px 15px;
        li {
          width: 100%;
          font-size: 16px;
        }
        li:before {
          top: 12px;
          width: 16px;
          height: 16px;
          margin-right: 5px;
        }
      }
      .attention_distrust-step-list {
        .attention_distrust-list-item {
          margin-top: 20px;
          display: flex;
          flex-direction: column;
          width: 100%;
          img {
            width: 335px;
            height: 70px;
          }
          .attention_distrust-list-item-desc {
            margin-left: 0;
          }
          p.title{
            margin-top: 0;
            font-size: 20px;
          }
          p.text {
            margin-top: 15px;
            font-size: 16px;
          }
        }
      }
      .attention_distrust-section.privacy {
        margin-top: 50px;
        background-color: #F9F5EB;
        border-radius: 10px;
        padding: 20px 15px;
        h2 {
          font-size: 20px;
        }
        p{
          margin-top: 0;
          font-size: 16px;
        }
        .soudansitsu{
          margin-top: 10px;
          padding: 15px;
          border-radius: 10px;
          flex-direction: column;
          align-items: flex-start;
          p.title{
            font-size: 16px;
            margin-right: 0;
          }
          p.text {
            font-size: 13px;
          }
        }
      }
      .attention_distrust-section.cpright {
        .flex {
          flex-direction: column;
        }
        .left {
          flex-direction: column;
          p{
            font-size: 13px;
            margin-top: 15px;
            line-height: 1.5;
          }
        }
        .bs_logo {
          width: 80px;
          height: 35px;
          margin-right: 15px;
        }
        .right {
          margin-top: 15px;
          align-items: center;
          justify-content: center;
        }
        .pmark_logo {
          width: 40px;
          height: 40px;
        }
        .jpx_logo {
          width: 40px;
          height: 40px;
          margin-left: 15px !important;
        }
        .copyright {
          text-align: center;
        }
      }
      .attention_distrust-close {
        font-size: 16px;
      }
    }
	/* end ~768px */

/* ここまで info */

/* adlp-modal
---------------------------------------------*/
.adlp-modal {
  display: none; /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.adlp-modal.--open {
  display: block;
}
.adlp-modal__base {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 153, 153, 0.9);
  cursor: pointer;
}
.adlp-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  min-height: min(calc(200 / 1080 * 100vw), 200px);
  max-height: 90%;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 0;
  box-sizing: border-box;
}
.adlp-modal__content__close {
  text-align: center;
  margin-top: 30px;
  padding: 0 0 30px;
  cursor: pointer;
  text-decoration: underline;
  background: none;
  border: none;
  font-size: inherit;
  color: inherit;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .adlp-modal__content {
    width: 95%;
    max-height: 95%;
    padding: 0;
  }
  .adlp-modal__content__close {
    font-size: 16px;
  }
}

/* cta-short
--------------------------------------------------- */
.cta.content-cta.short {
  background:
    url(../img/cta/short/bg_short_pc.png),
    linear-gradient(180deg, #593623 0%, #3B1D0D 100%);
  background-color: lightgray;
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  padding: calc(100vw * 35 / var(--lpw)) 0 calc(100vw * 36 / var(--lpw));
  .container {
    max-width: calc(100vw * 800 / var(--lpw));
  }
  @media (min-width: 1281px) {
    padding: 35px 0 36px;
    .container {
      max-width: 800px;
    }
  }
  @media (max-width: 768px) {
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 30px;
    background: #fef7df;
    background-image: none;
    .container {
      max-width: 375px;
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}
.cta.content-cta.short .cta-wrap {
	background-color: #fff;
	box-shadow: 0 6px 6px 0 rgba(65, 34, 11, 0.40);
	margin-top: 0;
	padding: calc(100vw * 25 / var(--lpw)) 0;
	border-radius: 5px;
	@media (min-width: 1281px) {
    margin-top: 0;
		padding: 25px 0;
	}
	@media (max-width: 768px) {
    margin-top: 0;
		padding: 15px 20px 20px;
	}
  @media (max-width: 375px) {
    padding: 15px 15px 20px;
  }
	.cta-wrap-title {
		max-width: calc(100vw * 368 / var(--lpw));
		margin-inline: auto;
		@media (min-width: 1281px) {
			max-width: 368px;
		}
		@media (max-width: 768px) {
			max-width: 265px;
		}
	}
  .cta-tel-text {
    margin-top: 0;
    @media (max-width: 768px) {
      margin-top: 10px;
    }
  }
}
.cta.content-cta.short .cta-column {
	flex-direction: row;
	margin-top: calc(100vw * 15 / var(--lpw));
	gap: calc(100vw * 25 / var(--lpw));
	@media (min-width: 1281px) {
		margin-top: 15px;
		gap: 25px;
	}
	@media (max-width: 768px) {
    flex-direction: row;
		margin-top: 10px;
		gap: 18px;
	}
  @media (max-width: 375px) {
    gap: 15px;
  }
  .cta-tel,
  .cta-web {
    @media (max-width: 768px) {
      width: 50%;
    }
  }
}

/* SP: 画像CTA（縦並び・cta-wrap なし）※ .sp は 769px 以上で非表示 */
@media only screen and (max-width: 768px) {
  .cta-sp-stack.sp {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-top: calc(100vw * 20 / var(--lpw));
    box-sizing: border-box;
  }
  .cta-sp-stack .cta-sp-imglink {
    display: block;
    line-height: 0;
  }
  .cta-sp-stack .img-responsive {
    width: 100%;
    height: auto;
    margin-inline: 0;
  }
}

/* tel */
.cta.content-cta.short .cta-tel {
  margin-inline: initial;
  text-align: left;
  .cta-tel-link .number {
		text-align: left;
    padding-left: calc(100vw * 43 / var(--lpw));
    @media (min-width: 1281px) {
      padding-left: 43px;
    }
  }
  .cta-tel-link .number::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
    width: calc(100vw * 36 / var(--lpw));
    height: calc(100vw * 36 / var(--lpw));
    display: inline-block;
    vertical-align: bottom;
    background: center/calc(100vw * 35 / var(--lpw)) url(../img/icon/icon_tel_circle_red.svg) no-repeat;
    margin-right: 8px;
  }
}
@media screen and (min-width: 1281px) {
  .cta.content-cta.short .cta-tel {
    .cta-tel-link .number::before {
      width: 36px;
      height: 36px;
      background: center/35px url(../img/icon/icon_tel_circle_red.svg) no-repeat;
    }
  }
}
@media screen and (max-width: 768px){
  .cta.content-cta.short .cta-tel-link {
		text-align: left;
    border-radius: 5px;
		margin-top: 0;
		padding: 0;
	}
  .cta.content-cta.short .cta-tel-link .flex {
    align-items: center;
    gap: 7px;
		padding: 15px 8px;
  }
  .cta.content-cta.short .cta-tel-icon {
		width: 30px;
		height: 30px;
		margin-right: 0;
    top: 0;
	}
  .cta.content-cta.short .cta-tel-button-text {
		font-weight: 600;
		line-height: 21px;
		letter-spacing: 1.6px;
    .common {
      line-height: 1.6;
      letter-spacing: 1.2px;
    }
	}
}
@media screen and (max-width: 375px){
  .cta.content-cta.short .cta-tel-link .flex {
		padding: 15px 5px;
  }
}

/* web */
.cta.content-cta.short .cta-web {
  .cta-web-item {
    align-items: center;
    justify-content: center;
    text-align: left;
    gap: 7px;
    width: calc(100vw * 280 / var(--lpw));
    border-radius: 5px;
    padding: calc(100vw * 16 / var(--lpw)) 0;
    @media (min-width: 1281px) {
      width: 280px;
      padding: 20px 0;
    }
    @media (max-width: 768px) {
      width: 100%;
      gap: 7px;
      padding: 15px 8px;
    }
		@media (max-width: 375px) {
      padding: 15px 5px;
		}
  }
  .cta-mail-icon {
    width: calc(100vw * 25 / var(--lpw));
    height: calc(100vw * 25 / var(--lpw));
    @media (min-width: 1281px) {
      width: 25px;
      height: 25px;
    }
    @media (max-width: 768px) {
      width: 30px;
      height: 30px;
    }
  }
  .cta-web-button-text {
    @media (max-width: 768px) {
      font-weight: 600;
      line-height: 21px;
      letter-spacing: 1.6px;
      .common {
        line-height: 1.6;
        letter-spacing: 1.2px;
      }
    }
  }
}

/* cta
----------------------------------------------------- */
/* CTA Section Styles - Antique Theme */
/* Based on style.css */

.cta.content-cta {
  background:
    url(../img/cta/bg_pc.png),
    linear-gradient(180deg, #593623 0%, #3B1D0D 100%);
  background-color: lightgray;
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  padding: calc(100vw * 35 / var(--lpw)) 0 calc(100vw * 36 / var(--lpw));
  .container {
    max-width: calc(100vw * 800 / var(--lpw));
  }
  @media (min-width: 1281px) {
    padding: 50px 0;
    .container {
      max-width: 800px;
    }
  }
  @media (max-width: 768px) {
    margin-top: 0;
    padding: 24px 0;
    background: #fef7df;
    background-image: none;
    .container {
      max-width: 440px;
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}
@media (max-width: 768px) {
  .cta.content-cta.content-cta--first {
    padding-top: 8px;
    overflow: hidden;
  }
  .cta.content-cta.content-cta--first .cta-sp-stack.sp {
    margin-top: 0;
  }
}
.cta-title {
	max-width: calc(100vw * 340 / var(--lpw));
	margin-inline: auto;
	@media (min-width: 1281px) {
		max-width: 340px;
	}
	@media (max-width: 768px) {
		max-width: 250px;
	}
}
.cta-wrap {
	background-color: #fff;
	box-shadow: 0 6px 6px 0 rgba(65, 34, 11, 0.40);
	margin-top: calc(100vw * 20 / var(--lpw));
	padding: calc(100vw * 25 / var(--lpw)) 0;
	border-radius: 5px;
	@media (min-width: 1281px) {
		margin-top: 0;
		padding: 32px 0;
	}
	@media (max-width: 768px) {
		margin-top: 20px;
		padding: 25px 20px;
	}
	.cta-wrap-title {
		max-width: calc(100vw * 420 / var(--lpw));
		margin-inline: auto;
		@media (min-width: 1281px) {
			max-width: 420px;
		}
		@media (max-width: 768px) {
			max-width: 295px;
		}
	}
  .cta-tel-text {
    display: block;
		margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.3px;
    @media (max-width: 768px) {
      text-align: center;
      font-size: 13px;
      letter-spacing: 1.3px;
    }
  }
  .cta-tel-text small {
    color: #CB3D01;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.3;
    @media (max-width: 768px) {
      font-size: 13px;
      letter-spacing: 1.3px;
    }
  }
}
.cta-column {
	flex-direction: column;
	justify-content: center;
	margin-top: calc(100vw * 20 / var(--lpw));
	gap: calc(100vw * 20 / var(--lpw));
	@media (min-width: 1281px) {
		margin-top: 12px;
		gap: 16px;
	}
	@media (max-width: 768px) {
		margin-top: 20px;
		gap: 20px;
	}
  .cta-tel,
  .cta-web {
    @media (max-width: 768px) {
      width: 100%;
    }
  }
}

/* tel */
.cta.content-cta .cta-tel {
	margin-inline: auto;
	text-align: center;
  .cta-tel-link .number {
		text-align: center;
		font-family: "Hiragino Mincho ProN";
		font-weight: 600;
		line-height: 45px; /* 100% */
		letter-spacing: 0.9px;
		/* グラデーションcss */
		background: linear-gradient(92deg, #E04909 1.49%, #C93C00 100.99%); /* 左→右グラデーション */
		-webkit-background-clip: text;   /* テキストで背景を切り抜く */
		-webkit-text-fill-color: transparent; /* テキストの色を透明にする（WebKit用） */
		
    padding-left: calc(100vw * 54 / var(--lpw));
    @media (min-width: 1281px) {
      padding-left: 54px;
    }
  }
  .cta-tel-link .number::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
    width: calc(100vw * 46 / var(--lpw));
    height: calc(100vw * 46 / var(--lpw));
    display: inline-block;
    vertical-align: bottom;
    background: center/calc(100vw * 45 / var(--lpw)) url(../img/icon/icon_tel_circle_red.svg) no-repeat;
    margin-right: 8px;
  }
}
@media screen and (min-width: 1281px) {
  .cta.content-cta .cta-tel {
    .cta-tel-link .number::before {
      width: 46px;
      height: 46px;
      background: center/45px url(../img/icon/icon_tel_circle_red.svg) no-repeat;
    }
  }
}
@media screen and (min-width: 769px){
  .cta-tel-link {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px){
  .cta.content-cta .cta-tel-link {
		display: block;
		text-align: center;
		width: 100%;
		border-radius: 10px;
    background: linear-gradient(92deg, #E04909 1.49%, #C93C00 100.99%);
    box-shadow: 0 2px 3px 0 rgba(205, 62, 2, 0.30);
		color: #fff;
		margin-inline: auto;
		z-index: 1;
	}
  .cta.content-cta .cta-tel-link .flex {
    align-items: center;
		justify-content: flex-start;
    gap: 10px;
		padding: 19px 0 18px 40px;
  }
  .cta.content-cta .cta-tel-icon {
		width: 35px;
		height: 35px;
		.cls-1 {
			fill: #c93c00;
		}
		.cls-2 {
			fill: #fff;
		}
	}
	.cta.content-cta .cta-tel-button-text {
		font-weight: 600;
		line-height: 1.7;
		letter-spacing: 1.6px;
	}
}
@media screen and (max-width: 375px){
  .cta.content-cta .cta-tel-link .flex {
		padding-left: 30px;
  }
}
/* web */
.cta.content-cta .cta-web {
  .cta-web-item {
		align-items: center;
		justify-content: center;
    text-align: center;
		gap: 8px;
		width: calc(100vw * 350 / var(--lpw));
		border-radius: 5px;
    color: #fff;
    margin-inline: auto;
    z-index: 1;
    @media (min-width: 1281px) {
			width: 460px;
    }
    @media (max-width: 768px) {
      width: 100%;
			align-items: center;
			justify-content: flex-start;
			gap: 10px;
			border-radius: 10px;
			padding: 17px 0 20px 40px;
      font-size: 16px;
      letter-spacing: 0.8px;
    }
		@media (max-width: 375px) {
			padding: 17px 0 20px 30px;
		}
  }
  .cta-mail-icon {
    display: inline-block;
    width: calc(100vw * 35 / var(--lpw));
    height: calc(100vw * 35 / var(--lpw));
    vertical-align: middle;
    @media (min-width: 1281px) {
      width: 35px;
      height: 35px;
    }
    @media (max-width: 768px) {
      width: 35px;
      height: 35px;
    }
		.cls-1 {
			fill: #fff;
		}
		.cls-2 {
			fill: #2a479c;
		}
  }
	.cta-web-button-text {
		font-weight: 600;
		line-height: 28px;
		letter-spacing: calc(100vw * 1.6 / var(--lpw));
    @media (min-width: 1281px) {
			letter-spacing: 1.6px;
    }
		@media (max-width: 768px) {
			line-height: 21px;
			letter-spacing: 1.6px;
		}
	}
}

/* bsLP/style.cssの不要な部分の打ち消し */
.cta.content-cta .container {
	width: 100%;
}
@media screen and (max-width: 768px){
  .cta.content-cta {
    .container::before {
      content: none;
    }
    .cta-title:before,
    .cta-title:after {
      content: none;
    }
  }
}

/* Campaign Section
---------------------------------------------*/
.campaign {
  padding-top: calc(100vw * 30 / var(--lpw));
  padding-bottom: calc(100vw * 50 / var(--lpw));
  
  @media (min-width: 1281px) {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  
  @media (max-width: 768px) {
    padding-top: 30px;
    padding-bottom: 48px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slick-dots {
    bottom: -36px;
  }
  
  .container {
    max-width: 1280px;
    
    @media (max-width: 768px) {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

/* Campaign List
---------------------------------------------*/
.campaign-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
  
  @media (max-width: 768px) {
    flex-wrap: wrap;
  }
  
  .campaign-list-item {
    width: calc(100vw * 397 / var(--lpw));
    
    @media (min-width: 1281px) {
      width: 397px;
    }
    
    @media (max-width: 768px) {
      width: 100%;
    }
    
    img {
      border-radius: 5px;
    }
  }
  
  .campaign-item-text {
    margin-top: 10px;
  }
}

/* Campaign Item Order
---------------------------------------------*/
/* PC: HTML の並び（遺品整理 → オファー → 注意喚起）に合わせる */
.campaign-list-item_03 { order: 1; }
.campaign-list-item_01 { order: 2; }
.campaign-list-item_02 { order: 3; }

/* Mobile Order Override
---------------------------------------------*/
@media only screen and (max-width: 768px) {
  .campaign-list-item_01 { order: 1; }
  .campaign-list-item_02 { order: 2; }
  .campaign-list-item_03 { order: 3; }
  
  /* Slick 未使用時（JSオフ時のフォールバック） */
  .campaign-list:not(.slick-initialized) .campaign-list-item_01 {
    width: 100% !important;
  }
  
  .campaign-list:not(.slick-initialized) .campaign-list-item_02,
  .campaign-list:not(.slick-initialized) .campaign-list-item_03 {
    width: calc(50% - 10px) !important;
  }

  /* キャンペーン3点カルーセル（Slick・中央＋左右チラ見え） */
  .campaign-list.slick-initialized {
    display: block;
    margin-bottom: 0;
  }

  .campaign-list.slick-initialized .campaign-list-item {
    padding: 0 6px;
    box-sizing: border-box;
  }

  .campaign-list.slick-initialized .campaign-list-item a {
    display: block;
    border-radius: 5px;
    overflow: hidden;
  }

  .campaign-list.slick-initialized .campaign-list-item img {
    width: 100%;
    height: auto;
    vertical-align: top;
    border-radius: 5px;
  }
}

/* Campaign Modal
---------------------------------------------*/
.campaign-modal-box {
  color: #333;
}

/* Modaal Override Styles
---------------------------------------------*/
.modaal-inner-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.modaal-content-container {
  padding: 0px !important;
}

/* Mobile Modal Styles
---------------------------------------------*/
@media only screen and (max-width: 768px) {
  .campaign-modal-box .offer-close {
    font-size: 13px;
  }
}

/* Offer modaal
---------------------------------------------*/
.offer-modaal {
  color: #000;
  line-height: 2;
}
.modaal-inner-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.modaal-content-container {
  padding: 0;
}
.offer-image {
  width: 100%;
  margin: auto;
}
.offer-image img {
  width: 100%;
  margin: auto;
}
.offer-summary {
  width: 100%;
  max-width: 750px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: normal;
}
.offer-summary-item {
  margin-top: 30px;
}
.offer-summary-item-title {
  background-color: #00647b;
  color: #fff;
  padding: 4px 10px 2px;
  font-weight: 600;
  font-size: 16px;
}
.offer-summary-item-data {
  margin-top: 10px;
  font-size: 16px;
  font-weight: normal;
}
.offer-data-list {
  list-style-position: outside;
  margin-left: 20px;
}
ul.offer-data-list {list-style-type: disc;}
ol.offer-data-list {list-style-type: decimal;}
.offer-data-list-item {
  font-weight: normal;
  font-size: 16px;
}
.offer-summary .attention {
/*  color: #F50201;*/
  font-weight: normal;
}
.offer-summary dl:last-child {
  margin-bottom: 30px;
}
.offer-target-item-name {
  color: #F50201;
}
/* media queries
------------------------------------------- */
@media only screen and (min-width: 769px){
}
@media only screen and (max-width: 768px){
  .modaal-content-container {
    padding: 0!important;
  }
  .offer-summary {
    padding: 0 10px;
  }
  .offer-summary-item-title {
      font-size: 16px;
  }
  .offer-summary-item-data {
      font-size: 15px;
  }
  .offer-data-list-item {
    font-size: 15px;
  }
}

/* Store Offer modaal CTA
---------------------------------------------*/
.store-campaign-modal-box {
  .cta {
    background-color: #F7F6F5!important;
    padding: 83px 0 58px;
  }
  .cta.pd-top__big {
    padding: 110px 0 58px;
  }
  .cta-title {
    background-color: #fff;
    width: 100%;
    max-width: 470px;
    text-align: center;
    border-radius: 5px;
    border: 3px solid #1B1204;
    padding: 15px 50px;
    font-size: 1.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-weight: 600;
    position: absolute;
    top: -11%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .cta-title.color-label {
    top: -15%;
  }
  .cta-title.color-label p {
    background-color: #333333;
    color: #fff;
    font-size: 14px;
    border-radius: 45px;
    padding: 3px 0 1px;
    margin-bottom: 10px;
  }
  .cta-title small {
    display: block;
    color: #928463;
    font-size: 1.3rem;
  }
  .cta-title:before {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -15px;
    border: 13px solid transparent;
    border-top: 22px solid #FFF;
    z-index: 2;
  }

  .cta-title:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -17px;
    border: 15px solid transparent;
    border-top: 25px solid #1B1204;
    z-index: 1;
  }
  .cta-tel {
    text-align: center;
  }
  .cta-tel-link {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1;
    color: #C70C0B;
  }
  .cta-tel-link .pc {
    background-image: url(../img/icon-tel2.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 55px;
    padding-left: 60px;
    font-weight: 700;
    letter-spacing: -0.015em;
    vertical-align: middle;
    font-size: 4.1rem;
  }
  .cta-web {
    margin-top: 30px;
  }
  .cta-web-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
  }
  .cta-web-item {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #C70C0B;
    font-weight: 600;
    padding: 25px 0 26px;
    font-size: 1.5rem;
    border: 3px solid #C70C0B;
    border-radius: 70px;
    box-shadow: 0 7px 1px #C70C0B;
    margin-top: 10px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .cta-web-item:active {
    box-shadow: 0 5px 1px #C70C0B;
    top: 5px;
  }
  .cta-mail-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    fill: #C70C0B;
    top: -2px;
  }
  .webreserve-link .cta-mail-icon {
    width: 30px;
    height: 30px;
  }
  .webreserve-link .cta-arrow-icon {
    transform: rotate(-90deg);
  }
  .cta-arrow-icon {
    right: 20px;
    position: absolute;
    top: calc(50% - 13px);
    width: 25px;
    height: 25px;
    fill: #C70C0B;
    fill-rule:evenodd;
    clip-rule:evenodd;
  }
  .offer-close {
    background-color: #F7F6F5 !important;
  }
  /* Web予約 */
  .webreserve-link {
    background: #fff!important;
  }
  /* PC */
  @media only screen and (min-width: 769px){
    .cta-tel-link {
      pointer-events: none;
    }
    .cta.single .cta-title {
      top: -30%;
    }
  }
  /* SP */
  @media only screen and (max-width: 768px){
    .cta {
      padding: 75px 0 58px;
      padding-left: 10px;
      padding-right: 10px;
    }
    .cta .container:before {
      content: none;
    }
    .cta.pd-top_big {
      padding: 100px 10px 58px;
    }
    .cta-title {
      width: 90%;
      padding: 15px;
      padding-left: clamp(20px, 8vw, 30px);
      padding-right: clamp(20px, 8vw, 30px);
      font-size: 1.3rem;
    }
    .cta-title.color-label {
      top: -14%;
    }
    .cta.single .cta-title {
      top: -20%;
    }
    .cta-title small {
      font-size: 1.0rem;
    }
    .cta-tel-link {
      display: block;
      text-align: center;
      background-color: #C70C0B;
      color: #fff;
      font-weight: 600;
      padding: 27px 0 24px;
      font-size: 1.1rem;
      border-radius: 70px;
      box-shadow: 0 7px 1px #A20A09;
      margin-top: 10px;
      max-width: 450px;
      margin-left: auto;
      margin-right: auto;
      z-index: 1;
    }
    .cta-tel-icon {
      width: 27px;
      height: 27px;
      margin-right: 10px;
      vertical-align: middle;
      fill: #fff;
      top: -3px;
    }
    .cta-web-item {
      font-size: 1.1rem;
      padding: 25px 0 22px;
    }
    .cta-web-item span{
      margin-left: -10px;
    }
    .cta-mail-icon {
      width: 27px;
      height: 27px;
      top: -2px;
      left: -10px;
    }
    .cta-arrow-icon {
      right: 19px;
      top: calc(50% - 10px);
      width: 22px;
      height: 22px;
    }
    .webreserve-link .cta-arrow-icon {
      top: calc(50% - 12px);
      right: 15px;
    }
  }
}

/* modal-offer-cta
------------------------------------------- */
.modal-cta {
  background-color: #F2E8D3;
  padding: 83px 0 58px;
}
.modal-cta .cta-title {
  background-color: #fff;
  width: 100%;
  max-width: 470px;
  text-align: center;
  border-radius: 5px;
  border: 3px solid #3C2509;
  padding: 15px 50px;
  font-size: 1.8rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-weight: 600;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.modal-cta .cta-title small {
  display: block;
  font-size: 1.3rem;
}
.modal-cta .cta-title:before {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin-left: -15px;
  border: 13px solid transparent;
  border-top: 22px solid #FFF;
  z-index: 2;
}
.modal-cta .cta-title:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -17px;
  border: 15px solid transparent;
  border-top: 25px solid #3C2509;
  z-index: 1;
}
.modal-cta .cta-tel {
  text-align: center;
}
.modal-cta .cta-tel-link {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 1;
  color: #008652;
}
.modal-cta .cta-tel-link .pc {
  background-image: url(../img/icon-tel2.svg);
/*  background-image: url(../img/icon-tel3.svg);*/
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 55px;
  padding-left: 60px;
  font-weight: 700;
  letter-spacing: -0.015em;
  vertical-align: middle;
  font-size: 4.1rem;
}
.modal-cta .cta-tel-text {
  display: block;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 10px;
  letter-spacing: 0.1em;
  color: #333;
}
.modal-cta .cta-tel-text small {
  font-size: 1.3rem;
}
.modal-cta .cta-web {
  margin-top: 30px;
}
.modal-cta .cta-web-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.modal-cta .cta-web-item {
  display: block;
  text-align: center;
  background-color: #FA7300;
  color: #fff;
  font-weight: 600;
  padding: 25px 0 26px;
  font-size: 1.5rem;
  border-radius: 70px;
  box-shadow: 0 7px 1px #b15800;
  margin-top: 10px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.modal-cta .cta-web-item:active {
  box-shadow: 0 5px 1px #b15800;
  top: 5px;
}
.modal-cta .cta-mail-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
  fill: #fff;
  top: -3px;
}
.modal-cta .cta-arrow-icon {
  right: 20px;
  position: absolute;
  top: calc(50% - 13px);
  width: 25px;
  height: 25px;
}
/* PC */
@media only screen and (min-width: 769px){
  .cta-tel-link {
    pointer-events: none;
  }
/* アフィリエイト用タイトル位置 */
  .modal-cta .cta-model.affiliate .cta-title {
    top: -48%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px){
  .modal-cta .cta-title:before {
    top: auto;
  }
  .modal-cta .cta-title:after {
    right: auto;
    top: auto;
  }
  .modal-cta .cta-title:before, .modal-cta .cta-title:after {
    width: auto;
    height: auto;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .modal-cta .cta {
    padding: 75px 0 58px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .cta.modal-cta .container:before {
    content: none;
  }
  .modal-cta .cta-title {
    width: 90%;
    padding: 15px 30px;
    font-size: 20px;
    font-feature-settings: "palt";
    letter-spacing: 0.075em;
  }
  .modal-cta .cta-title small {
    font-size: 1.0rem;
  }
  .modal-cta .cta-tel-text {
    margin-top: 0;
    font-size: 12px;
    font-weight: 600;
  }
  .modal-cta .cta-tel-text small {
    font-size: 12px;
  }
  .modal-cta .cta-tel-link {
    display: block;
    text-align: center;
    background-color: #007239;
    color: #fff;
    font-weight: 600;
    padding: 27px 0 24px;
    font-size: 20px;
    border-radius: 70px;
    box-shadow: 0 7px 1px #00532A;
    margin-top: 10px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .modal-cta .cta-tel-icon {
    width: 27px;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #79af9b;
    top: -3px;
  }
  .modal-cta .cta-web-item {
    font-size: 20px;
    padding: 25px 0 22px;
  }
  .modal-cta .cta-web-item span{
    margin-left: -10px;
  }
  .modal-cta .cta-mail-icon {
    width: 27px;
    height: 27px;
    top: -2px;
    left: -10px;
  }
  .modal-cta .cta-arrow-icon {
    right: 19px;
    top: calc(50% - 10px);
    width: 22px;
    height: 22px;
  }
}

/* ------------------------------------------------------------------------------------------
 Common
------------------------------------------------------------------------------------------ */
.modal-box {
  padding: calc(100vw * 50 / var(--lpw));
}
@media only screen and (min-width: 1281px) {
  .modal-box {
    padding: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .modal-box {
    padding: 30px 20px;
  }
}

/* ------------------------------------------------------------------------------------------
ihin-cleaning
------------------------------------------------------------------------------------------ */
.modal-box.ihin-cleaning {
  padding: 0;
  text-align: center;
  img {
    margin-inline: auto;
  }
}
.ihin-cleaning .modal-box-inner {
  margin-top: calc(100vw * 30 / var(--lpw));
  padding: 0 calc(100vw * 50 / var(--lpw)) calc(100vw * 86 / var(--lpw));
}
.ihin-cleaning .modal-box-inner-item-02 {
  margin-top: calc(100vw * 50 / var(--lpw));
}
@media only screen and (min-width: 1281px) {
  .modal-box.ihin-cleaning {
    padding: 0;
  }
  .ihin-cleaning .modal-box-inner {
    margin-top: 30px;
    padding: 0 50px 86px;
  }
  .ihin-cleaning .modal-box-inner-item-02 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .ihin-cleaning .modal-box-inner {
    margin-top: 20px;
    padding: 0 10px 13px;
  }
  .ihin-cleaning .modal-box-inner-item-02 {
    margin-top: 30px;
  }
}

/* ------------------------------------------------------------------------------------------
 CTA
------------------------------------------------------------------------------------------ */
.cta.modal-cta {
  background-color: #FBF8F0;
}
.modal-cta .cta-tel-text {
  small {
    color: #C93C00!important;
  }
}
.modal-cta .cta-tel-link .pc {
  background-image: url(../img/icon/icon_tel_red.svg)!important;
  background-size: calc(100vw * 55 / var(--lpw))!important;
  padding-left: calc(100vw * 60 / var(--lpw))!important;
  font-size: clamp( 1px, calc(100vw * 65 / var(--lpw)), 65px )!important;
  font-family: 'Montserrat'!important;
  color: #C93C00!important;
}
.modal-cta .cta-web-item {
  background: #2A479C!important;
  box-shadow: 0 7px 0 0 #02154C!important;
}
@media only screen and (min-width: 1281px) {
  .modal-cta .cta-tel-link .pc {
    background-size: 55px!important;
    padding-left: 60px!important;
  }
}
@media only screen and (max-width: 768px) {
  .modal-cta {
    margin-top: 0;
    padding-top: 30px!important;
  }
  .modal-cta .cta-title {
    position: relative!important;
    border-color: #928463!important;
    top: auto!important;
    left: auto!important;
    transform: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    small {
      color: #928463!important;
    }
  }
  .modal-cta .cta-title:before,
  .modal-cta .cta-title:after {
    content: none!important;
  }
  .modal-cta .cta-tel-text {
    font-size: 13px!important;
    letter-spacing: 2.08px;
    small {
      font-size: 13px!important;
      letter-spacing: 2.08px!important;
    }
  }
  .modal-cta .cta-tel-link {
    background-color: #C93C00!important;
    box-shadow: 0 7px 1px #812700!important;
  }
}

.offer .cta.modal-cta.modal-cta-shucho, .offer .offer-close {
    background-color: #F2E8D3;
}
.offer .cta.modal-cta-shucho {
  margin-top: 90px;
}
.offer .offer-close {
  color: #333;
  text-align: center;
  cursor: pointer;
  padding: 0 0 30px;
}
@media only screen and (max-width: 768px) {
    .campaign-modal-box .offer-close {
        font-size: 13px;
    }
}

/* user needs（info → 買取相場 の間）
------------------------------------------------- */
.user-needs.section {
  background-color: #FBF8F0;
  @media (max-width: 768px) {
    padding-top: 0;
    padding-bottom: 50px;
  }
  @media (min-width: 769px) {
    padding-top: 12px;
    padding-bottom: 50px;
  }
  img.img-responsive {
    @media (min-width: 769px) {
      max-width: 500px;
    }
  }
}

/* antique appraisal（point → CTA の間）
------------------------------------------------- */
.antique-appraisal.section {
  padding: 0;
  @media (max-width: 768px) {
    .container {
      max-width: none;
      padding-left: 0;
      padding-right: 0;
    }
  }
  img.img-responsive {
    display: block;
    margin-inline: auto;
    width: auto;
    max-width: min(500px, 100%);
    height: auto;
    @media (max-width: 768px) {
      width: 100%;
      max-width: none;
    }
  }
}

/* problems_parts
------------------------------------------------- */
.problems-parts.section {
  background-color: #fef7df;
  @media (max-width: 768px) {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    display: flow-root;
    .container {
      max-width: none;
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media (min-width: 769px) {
    padding: 20px 0;
  }
  .problems-parts-video {
    display: block;
    margin-inline: auto;
    margin-bottom: 0;
    width: 100%;
    max-width: min(750px, 100%);
    height: auto;
    pointer-events: none;
  }
  .problems-parts-video::-webkit-media-controls {
    display: none !important;
  }
  .problems-parts-video::-webkit-media-controls-enclosure {
    display: none !important;
  }
}

/* 骨董品の買取相場
------------------------------------------------- */
.marketprice {
  background-color: #F1E4C5;
  .container {
    padding-left: 0;
    padding-right: 0;
    @media (max-width: 768px) {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}
.marketprice .section-title {
  margin-inline: auto;
  img {
    margin-inline: auto;
    width: calc(100vw * 500 / var(--lpw));
  }
  @media (min-width: 1281px) {
    width: 500px;
  }
  @media (max-width: 768px) {
    img {
      width: 335px;
    }
  }
}
.marketprice-text {
  font-feature-settings: "palt";
  margin-top: calc(100vw * 20 / var(--lpw));
  text-align: center;
  font-weight: 300;
  @media (min-width: 1281px) {
    margin-top: 20px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
  }
}
.marketprice-content {
  margin-top: calc(100vw * 50 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 50px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
  }
}
.marketprice-content-text {
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 15 / var(--lpw));
  margin-inline: auto;
  color: #593623;
  font-size: clamp(1px, calc(100vw * 25 / var(--lpw)), 25px);
  font-weight: 600;
  line-height: 1.28;
  text-align: center;
  letter-spacing: 2.5px;
  
  &::before,
  &::after {
    content: "";
    width: calc(100vw * 2 / var(--lpw));
    height: calc(100vw * 20 / var(--lpw));
    background-color: #593623;
    border-radius: calc(100vw * 2 / var(--lpw));
    transform: rotate(20deg);
    flex-shrink: 0;
  }
  &::before {
    transform: rotate(-20deg);
  }
  @media (min-width: 1281px) {
    gap: 15px;
    font-size: 25px;
    
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  @media (max-width: 768px) {
    gap: 12px;
    font-size: 20px;
    
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  @media (max-width: 374px) {
    gap: 10px;
    font-size: 18px;
  }
}
.marketprice-list {
  margin-top: calc(100vw * 20 / var(--lpw));
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(100vw * 32 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 20px;
    gap: 32px;
  }
  @media (max-width: 768px) {
    margin-top: 15px;
    gap: 25px;
  }
  @media (max-width: 374px) {
    gap: 20px;
  }
}
.marketprice-list-item {
  width: calc(100vw * 176 / var(--lpw));
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 3px 0 rgba(185, 143, 65, 0.20);
  a {
    display: block;
    padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 15 / var(--lpw));
    border-radius: 5px;
    border: 2px solid #CB3D01;
  }
  img.model {
    margin-top: calc(100vw * 10 / var(--lpw));
  }
  @media (min-width: 1281px) {
    width: 176px;
    a {
      padding: 20px 15px;
    }
    img.model {
      margin-top: 10px;
    }
  }
  @media (max-width: 768px) {
    width: 95px;
    a {
      padding: 15px 10px;
    }
    img.model {
      margin-top: 10px;
    }
  }
  @media (max-width: 374px) {
    width: calc(100vw * 95 / 375);
  }
}
/* modal */
.modaal-container {
  width: calc(100vw * 1000 / var(--lpw));
  @media (min-width: 1281px) {
    width: 1000px;
  }
  @media (max-width: 768px) {
    width: 100%;
    max-width: 375px;
  }
}
.marketprice-modal-desc {
  background-color: #FBF8F0;
  padding: calc(100vw * 50 / var(--lpw));
  @media (min-width: 1281px) {
    padding: 50px;
  }
  @media (max-width: 768px) {
    padding: 30px 20px;
  }
  @media (max-width: 374px) {
    width: calc(100vw * 355 / 375);
    padding: calc(100vw * 30 / 375) calc(100vw * 20 / 375);
  }
}
.marketprice-modal-desc h3 {
  font-size: clamp(1px, calc(100vw * 32 / var(--lpw)), 32px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 3.2px;
  .text-color {
    color: #CB3D01;
  }
  @media (max-width: 768px) {
    font-size: 25px;
  }
}
.pc-tables {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(100vw * 20 / var(--lpw));
  .pc-table-left,
  .pc-table-right {
    width: 50%;
  }
  @media (min-width: 1281px) {
    gap: 20px;
  }
  @media (max-width: 768px) {
    display: none;
  }
}
.modal-mkprice-list {
  width: 100%;
  table-layout: fixed;
  margin-top: calc(100vw * 30 / var(--lpw));
  border-collapse: separate;  /* collapseではなくseparate */
  border-spacing: 0;          /* collapseっぽく見せる */
  border: 1px solid #593623;     /* 外枠の色 */
  border-radius: 10px;        /* 角丸 */
  overflow: hidden;           /* 内側のはみ出し防止 */
  @media (min-width: 1281px) {
    margin-top: 30px;
  }
  @media (max-width: 768px) {
    width: 317px;
    margin-top: 30px;
    margin-inline: auto;
    border-radius: 5px;
  }
  @media (max-width: 374px) {
    width: calc(100vw * 317 / 375);
  }
}
.modal-mkprice-list .mkprice-title {
  width: 100%;
  background-color: #593623;
  p {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #593623;
    padding: calc(100vw * 10 / var(--lpw)) calc(100vw * 15 / var(--lpw));
    font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
    font-weight: 600;
    line-height: 175%;
    &.th-left {
      width: calc(100vw * 250 / var(--lpw));
      text-align: left;
      border-top-left-radius: 5px;
    }
    &.th-right {
      width: calc(100vw * 190 / var(--lpw));
      text-align: right;
      border-top-right-radius: 5px;
    }
    @media (min-width: 1281px) {
      padding: 10px 15px;
      &.th-left {
        width: 250px;
      }
      &.th-right {
        width: 190px;
      }
    }
    @media (max-width: 768px) {
      vertical-align: middle;
      padding: 10px 15px;
      font-size: 16px;
      &.th-left {
        width: 50%;
      }
      &.th-right {
        width: 50%;
      }
    }
  }
}
.modal-mkprice-list .mkprice-desc {
  width: 100%;
  background-color: #fff;
}
.mkprice-desc-item {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: calc(100vw * 15 / var(--lpw));
  border-bottom: 1px solid #F5F5F5;
  padding: calc(100vw * 10 / var(--lpw)) calc(100vw * 15 / var(--lpw));
  @media (min-width: 1281px) {
    padding: 10px 15px;
    gap: 15px;
  }
  @media (max-width: 768px) {
    padding: 10px 15px;
    gap: 15px;
  }
}
.mkprice-desc-item:last-child {
  border-bottom: none;
}
.mkprice-desc-item .model {
  width: calc(100% - calc(100vw * 150 / var(--lpw)));
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw));
  letter-spacing: 1.6px;
  @media (min-width: 1281px) {
    width: calc(100% - 150px);
    line-height: 28px;
  }
  @media (max-width: 768px) {
    width: 160px;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 374px) {
    width: calc(100vw * 160 / 375);
  }
}
.mkprice-desc-item .price {
  font-feature-settings: "palt";
  width: calc(100vw * 150 / var(--lpw));
  color: #E31A1A;
  .cell-inner {
    justify-content: flex-end;
    align-items: center;
    line-height: calc(100vw * 28 / var(--lpw));
  }
  span.num {
    vertical-align: middle;
    font-size: clamp(1px, calc(100vw * 25 / var(--lpw)), 25px);
    font-weight: 700;
  }
  span.unit {
    top: calc(100vw * 3 / var(--lpw));
    vertical-align: middle;
    font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
    font-weight: 600;
    letter-spacing: 1.6px;
  }
  span.unit.before {
    top: calc(100vw * 1 / var(--lpw));
    margin-right: calc(100vw * 3 / var(--lpw));
    letter-spacing: 1.3px;
  }
  @media (min-width: 1281px) {
    width: 145px;
    .cell-inner {
      line-height: 28px;
    }
    span.unit {
      top: 3px;
    }
    span.unit.before {
      top: 1px;
      margin-right: 3px;
    }
  }
  @media (max-width: 768px) {
    width: 110px;
    .cell-inner {
      line-height: 21px;
    }
    span.num {
      font-size: 20px;
      letter-spacing: 0.4px;
    }
    span.unit {
      top: 2px;
      font-size: 13px;
    }
    span.unit.before {
      top: 1px;
    }
  }
  @media (max-width: 374px) {
    width: calc(100vw * 153 / 375);
  }
}
.marketprice-modal-desc .note {
  background-color: #FBF8F0;
  border-radius: 5px;
  border: 1px solid #E4CAAD;
  margin-top: calc(100vw * 30 / var(--lpw));
  margin-inline: auto;
  @media (min-width: 1281px) {
    margin-top: 30px;
  }
  @media (max-width: 768px) {
    width: 315px;
    margin-top: 20px;
  }
  @media (max-width: 374px) {
    width: calc(100vw * 315 / 375);
  }
}
.marketprice-modal-desc .note h4 {
  background-color: #E4CAAD;
  padding: calc(100vw * 10 / var(--lpw)) 0;
  color: #593623;
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.3px;
  @media (min-width: 1281px) {
    padding: 10px 0;
  }
  @media (max-width: 768px) {
    padding: 10px 0 9px;
    font-size: 13px;
  }
}
.marketprice-modal-desc .note .note-content {
  flex-direction: column;
  gap: calc(100vw * 10 / var(--lpw));
  padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 30 / var(--lpw));
  p {
    font-weight: 300;
  }
  @media (min-width: 1281px) {
    gap: 10px;
    padding: 20px 30px;
  }
  @media (max-width: 768px) {
    gap: 10px;
    padding: 15px;
  }
}
.marketprice-modal-desc .note-subtitle {
  display: flex;
  align-items: center;
  gap: calc(100vw * 5 / var(--lpw));
  .note-decorator {
    width: calc(100vw * 10 / var(--lpw));
    height: calc(100vw * 10 / var(--lpw));
    background-color: #EAC4AD;
    border-radius: 50%;
    flex-shrink: 0;
  }
  @media (min-width: 1281px) {
    gap: 5px;
    .note-decorator {
      width: 10px;
      height: 10px;
    }
  }
  @media (max-width: 768px) {
    gap: 6px;
    .note-decorator {
      width: 8px;
      height: 8px;
    }
  }
}
.marketprice-modal-close {
  justify-content: center;
  align-items: center;
  gap: calc(100vw * 8 / var(--lpw));
  border: none;
  margin-top: calc(100vw * 50 / var(--lpw));
  margin-inline: auto;
  width: calc(100vw * 200 / var(--lpw));
  padding: calc(100vw * 12 / var(--lpw)) 0;
  background-color: #914A24;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1.3px;
  cursor: pointer;
  img {
    width: calc(100vw * 16 / var(--lpw));
    height: calc(100vw * 16 / var(--lpw));
    margin-inline: 0;
    flex-shrink: 0;
  }
  @media (min-width: 1281px) {
    width: 200px;
    margin-top: 50px;
    padding: 12px 0;
    gap: 8px;
    img {
      width: 16px;
      height: 16px;
    }
  }
  @media (max-width: 768px) {
    width: 169px;
    margin-top: 30px;
    padding: 12px 0;
    gap: 8px;
    img {
      width: 16px;
      height: 16px;
    }
  }
}
.marketprice .attention {
  margin-top: calc(100vw * 30 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 30px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
  }
}

/* fotter notice
-------------------------------------------------------- */
.ir-box__footer {
    background: #f7f7f7;
    padding: 8px 0;
    text-align: left;
}
.ir-box__footer-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.ir-box__footer-img {
	width: 40px;
}
.ir-box__footer-text {
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	font-weight: 100;
	font-size: 0.825rem;
	line-height: 150%;
	letter-spacing: 0;
}
.ir-box__footer-code {
	display: block;
}
@media screen and (min-width:769px) {
	.ir-box__footer {
		padding: 7px 0;
		text-align: center;
	}
	.ir-box__footer-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.ir-box__footer-img {
	}
	.ir-box__footer-code {
		display: inline;
	}
}

/* 生成AI使用のお知らせ
------------------------------------------------ */
.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%;
  }
}
/* 

/* フッター古物商許可証追加対応
------------------------------------------------- */
.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;
  }
}

/* 店舗一覧導線
------------------------------------------------- */
.store-search-link-lead {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: clamp(1px, calc(100vw * 18 / 1280), 18px);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: calc(100vw * 1.8 / 1280);
  @media (min-width: 1281px) {
    letter-spacing: 1.8px;
  }
  @media (max-width: 768px) {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 1.8px;
  }
}
.store-search-link-text {
  margin-top: calc(100vw * 10 / 1280);
  text-align: center;
  /* font-family: "Noto Sans JP"; */
  font-size: clamp(1px, calc(100vw * 13 / 1280), 13px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: calc(100vw * 1.3 / 1280);
  @media (min-width: 1281px) {
    margin-top: 10px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px) {
    text-align: left;
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.store-search-link {
  display: block;
  width: 100%;
  max-width: calc(100vw * 600 / 1280);
  border-radius: 5px;
  overflow: hidden;
  margin-top: calc(100vw * 20 / 1280);
  margin-inline: auto;
  @media (min-width: 1281px) {
    max-width: 600px;
    margin-top: 20px;
  }
  @media (max-width: 768px) {
    max-width: 100%;
    margin-top: 10px;
  }
  :hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
.store-search-link-lead span.text-color {
  color: #CB3D01;
}