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

body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
}
html, body, input, option, select, textarea {
/*  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;*/
  font-family: 'Montserrat','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-weight: 500;
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: 0.075em;
  line-height: 1.5;
  color: #3C2509;
}
blockquote, body, button, dd, div, dl, dt, embed, fieldset, form, li, object, p, pre, table, td, th {
  font-weight: 600;
}
sup {
  font-weight: normal;
  vertical-align: top;
}
/* PC */
@media only screen and (min-width: 769px){
  sup {
    font-size: 13px;
  }
}
/* other */
@media only screen and (max-width: 1540px) and (max-height: 740px) {
/*
  html, body, input, option, select, textarea {
    font-size: 13px;
  }
*/
}
/* SP */
@media only screen and (max-width: 768px){
/*
  html, body, input, option, select, textarea {
    font-size: 3.5vw;
  }
*/
  sup {
    font-size: 10px;
  }
}

/* ------------------------------------------------------------------------------------------
 Common
------------------------------------------------------------------------------------------ */
.overtop_attent {
  display: none;
}
.container {
  max-width: 1280px;
}
.w800 {
  max-width: 800px;
  margin: auto;
}
.ptop30 {
  padding-top: calc(100vw * 30 / 1280);
}
@media only screen and (min-width: 1281px){
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  .ptop30 {
    padding-top: 30px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ptop30 {
    padding-top: 20px;
  }
}

/* Section
---------------------------------------------*/
.main {
  overflow: hidden;
}
.section {
  padding-top: 50px;
  padding-bottom: 80px;
}
.section-title {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.section-title-sub {
  font-size: 1.6rem;
}
.section-title small {
  display: block;
  font-size: 0.65em;
  font-weight: 700;
}
.subsection {
  padding-top: 30px;
  padding-bottom: 30px;
}
.attention {
  font-weight: normal;
}
/* SP */
@media only screen and (max-width: 768px){
  .section {
    padding-top: 25px;
    padding-bottom: 50px;
  }
  .section-title {
    font-size: 1.6rem;
  }
  .section-title-sub {
    font-size: 1.0rem;
  }
  .subsection {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* Text
---------------------------------------------*/
.font-oswald {
  font-family: 'Oswald', sans-serif;
}
.font-opensans {
  font-family: 'Open Sans', sans-serif;
}
.textcolor-red {
  color: #C91E1E;
}
.textcolor-orange {
  color: #C7A734;
}
.textcolor-blue {
  color: #006AAF;
}

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

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

/* 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-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-icon {
  display: inline-block;
  width: 25px;
  vertical-align: middle;
}
.header-cta-tel-icon .st0 {
  fill: #028553;
}
.header-cta-tel-text {
  display: block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5px;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
}
.header-cta-tel-num {
  line-height: 1;
  color: #028553;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  vertical-align: middle;
  font-family: 'Montserrat','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
}
.header-cta-mail-icon {
  fill: #fff;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-top:2px;
}
.header-cta-mail .header-cta-mail-icon path {
  fill: #C00F0F;
}
.header-cta-arrow-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  top: -2px;
}
/* PC */
@media only screen and (min-width: 769px){
  .header-cta-tel-text {
    color: #3C2509;
  }
  .header-cta-tel {
    pointer-events: none;
  }
  .header-cta-mail {
    background-color: #C00F0F;
    width: 232px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 12px 5px 10px 10px;
    border-radius: 70px;
    box-shadow: 0 4px 1px #8A0B0D;
  }
  .header-cta-mail .header-cta-mail-icon path {
    fill: #ffffff;
  }
  .header-cta-mail-icon {
    top: -2px;
  }
/* アフィリエイト用ヘッダー */
  .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: #FA7300;
    width: 232px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-radius: 70px;
    box-shadow: 0 4px 1px #AD3500;
    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: 10px;
    font-weight: 600;
    color: #3C2509;
    display: block;
    width: 100px;
    text-align: center;
    margin-right: 0;
    padding: 10px 0 5px;
    border-left: 1px solid #e5e5e5;
    order: 1;
  }
  .header-cta-tel.sp {
    color: #000000;
  }
  .header-cta-tel .sp {
    font-size: 0.8rem;
  }
  .header-cta-tel-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
  }
  .header-cta-mail {
    font-size: 0.8rem;
    font-weight: 600;
    color: #3C2509;
    width: 120px;
    text-align: center;
    padding: 10px 0 5px;
    border-left: 1px solid #e5e5e5;
    order: 2;
  }
  .header-cta-mail-icon {
/*    fill: #FA7300;*/
    fill: #C00F0F;
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
  }
}

/* MV
---------------------------------------------*/
.mv {
  background-color: #E6F1F8;
}
.mv.mv_202402 {
  background-color: #CBE8EF;
}
.mv.extra-a {
  width: 100%;
}
.mv.extra-a img {
  display: block;
  width: 100%;
  height: auto;
}

.mv-item {
  background-image: url(../img/mv_pc.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: calc(500 / 1200 * 100%);
  width: 100%;
}
.mv_202402 .mv-item {
  background-image: url(../img/mv_202402_pc.png);
}
/* SP */
@media only screen and (max-width: 768px){
  .mv .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mv-item {
    background-image: url(../img/mv_sp.png);
    padding-top: calc(700 / 750 * 100%);
  }
  .line-cp .mv-item {
    background-image: url(../img/mv_line-cp_sp.png);
  }
  .mv_202402 .mv-item {
    background-image: url(../img/mv_202402_sp.png);
  }
}

/* Important
---------------------------------------------*/
.important {
  background-color: #FFE9E8;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 11.5px;
  padding-bottom: 11.5px;
}
.important-item {
}
.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
---------------------------------------------*/
.campaign {
  padding-top: 30px;
  padding-bottom: 130px;
}
.campaign-list {
  display: flex;
  align-items: initial;
  justify-content: space-between;
  flex-wrap: wrap;
}
.campaign-list-item {
  width: 32%;
}
.campaign-item-text {
  margin-top: 10px;
}
.campaign-list-item_offer {order:2;}
.campaign-list-item_cm {order:1;}
.campaign-list-item_shucho {order:3;}
.campaign .slick-dots {
  bottom: -35px;
}
.campaign-modal-box {
  color: #3C2509;
}
.modaal-inner-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.modaal-content-container {
  padding: 0px !important;
}
/* SP */
@media only screen and (max-width: 768px){
  .campaign {
    padding-bottom: 100px!important;
  }
  .campaign .container {
    padding-left: 0;
    padding-right: 0;
  }
  .campaign-list-item {
    margin-left: 5px;
    margin-right: 5px;
  }
  .campaign-list-item_offer {order:1;}
  .campaign-list-item_cm {order:2;}
  .campaign-list-item_shucho {order:3;}
}
/* gopla-soaring
---------------------------------------------*/
.gopla-soaring.section {
  background-color: #DFE9F0;
  padding-top: 80px!important;
}
.gopla-soaring .container {
  max-width: 950px!important;
}
/* SP */
@media only screen and (max-width: 768px){
  .gopla-soaring.section {
      padding-top: 50px!important;
    }
}
/* Result
---------------------------------------------*/
.result {
  overflow: hidden;
  background-color: #DFE9F0;
}
.result .section-title {
  font-size: 2.5rem;
}
.result .section-title small{
  display: inline-block;
  font-size: 2.5rem;
  color: #0F5ADB;
}

/* result slider (marquee) */
.result-slide-area {
  margin-top: 30px;
  pointer-events: none;
}
.result-slide-area * {
  pointer-events: none;
}

.result-slide-area .slide-row {
  margin-bottom: 25px;
}

.result-slide-area .slide-row-inner {
  width: 100%;
  overflow: hidden;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: -18px;
  margin-bottom: -40px;
}

.result-slide-area .slide-track {
  display: flex;
  width: max-content;
  padding-left: 20px;
  padding-right: 20px;
}

.result-slide-area .slide-left .slide-track {
  animation: result-slide-left 40s linear infinite;
  animation-delay: -40s;
}

.result-slide-area .slide-right .slide-track {
  animation: result-slide-right 40s linear infinite;
  animation-delay: -40s;
}

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

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

.result-card {
  width: 280px;
  height: 387px;
  background-color: #fff;
  border-radius: 24px;
  padding: 10px;
  box-shadow: 3px 7px 30px rgba(25, 93, 189, 0.35);
  flex-shrink: 0;
  margin-right: 24px;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.result-card-image {
  border-radius: 16px;
  overflow: hidden;
}

.result-card-image img {
  width: 260px;
  height: 193px;
  display: block;
  object-fit: cover;
}

.result-card-text {
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 12px 0;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.result-card-label {
  display: block;
  width: 112px;
  height: 28px;
  background: #F69917;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 999px;
  margin: 0 auto;
  text-align: center;
  line-height: 28px;
}

.result-card-price {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #195DBD;
  text-align: center;
}

.price-number {
  font-size: 48px;
  letter-spacing: -0.02em;
}

.comma {
  font-family: inherit;
  font-size: 0.95em;
  position: relative;
  top: -0.05em;
}

.price-unit {
  font-size: 28px;
  font-weight: 900;
}

.result-list {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.result-list-item {
  width: 20%;
  background-color: #fff;
  opacity: 0.5;
  transform: scale(0.9);
  transition: all .35s ease-in-out;
  border-radius: 10px;
}
.result-list-item.slick-current {
  transform: scale(1);
  opacity: 1;
}
.result-item-image {}
.result-item-image img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}
.result-item-title {
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.7;
  margin: 49px 0;
}
.result-item-title.price-bottom {
  margin: 40px 0 0;
}
.result-item-price {
  margin-top: 10px;
  padding-bottom: 20px;
  text-align: center;
}
.result-price-data {
  font-weight: 600;
  color: #C91E1E;
  line-height: 1.7;
}
.result-price-data .num {
  font-size: 1.8rem;
  letter-spacing: 0px;
}
.result-price-title {
  font-size: 13px;
  font-weight: normal;
  margin-right: 5px;
  color: #122033;
}
.result .slick-dots {
  bottom: -50px;
}
.result .attention {
  font-size: 0.8rem;
  margin: 70px auto 0;
  padding: 0 40px;
  max-width: 900px;
  text-align: left;
  line-height: 1.45;
}
.result .attention.w800 {
  margin: 10px auto 0;
}
.result .attention p {
  font-size: 0.8rem;
  font-weight: normal;
  text-align: left;
  line-height: 1.45;
  margin: 0 0 0.45em;
}
.result .attention p:last-child {
  margin-bottom: 0;
}
.result .attention.w800 {
  max-width: 800px;
  padding: 0;
}

/* PC */
@media only screen and (min-width: 769px){
  .result .attention {
    max-width: 1040px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: -0.65em;
  }
  .result .attention p {
    margin: 0;
    width: 100%;
  }
  .result .attention.w800 {
    padding: 0;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .result .section-title{
    font-size: 1.85rem;
  }
  .result .section-title small{
    font-size: 1.85rem;
  }
  .result-slide-area {
    margin-top: 25px;
  }
  .result-slide-area .slide-track {
    padding-left: 10px;
    padding-right: 10px;
  }
  .result-card {
    width: 224px;   /* 280px * 0.8 */
    height: 310px;  /* 387px * 0.8 ≒ 310px */
    margin-right: 16px;
  }
  .result-card-image img {
    width: 100%;
    height: 154px; /* 193px * 0.8 ≒ 154px */
  }
  .result-card-text {
    font-size: 13px;
    margin: 5px 0;
    min-height: 3em;
  }
  .price-number {
    font-size: 34px; /* 42px * 0.8 */
  }
  .price-unit {
    font-size: 21px; /* 26px * 0.8 */
  }
  .result-list {
    margin-top: 50px;
  }
  .result-item-title {
/*    font-size: 0.6rem;*/
    font-size: 1.0rem;
    line-height: 1.5;
    margin: 40px 0;
    max-height: 100%;
  }

  .result .slick-dots {
    bottom: -40px;
  }
  .result .attention {
    font-size: 0.8rem;
    margin-top: 60px;
    padding: 0 20px;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
  }
  .result .attention p {
    font-size: 0.8rem;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
  }
  .result .attention.w800 {
    padding: 0 20px;
    text-indent: 0;
  }
  .result .attention.w800 p {
    padding: 0 20px;
    text-indent: 0;
  }

}

/* Unit01
---------------------------------------------*/
.unit01 {
  background-color: #006AAF;
}
.unit01 .container {
  max-width: 800px;
}
.unit01 .section-title {
  font-size: clamp(30px, 3vw, 35px);
  line-height: 1.25;
  color: #fff;
}
.unit01.section {
  z-index: 1;
}
.unit01::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 2;
}
.unit01 .container:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: clamp(110.4px,20vw,138px);
  height: clamp(145.6px,20vw,182px);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/icon-man-guts.png);
}
.unit01>* {
  position: relative;
  z-index: 3;
}
/* PC */
@media only screen and (min-width: 769px){
  .unit01 {
    padding-bottom: 0;
  }
  .unit01 .container {
    padding-bottom: 30px;
  }
  .unit01::before {
    bottom: -62px;
    margin-left: -30px;
    border: 24px solid transparent;
    border-top: 38px solid #006AAF;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .unit01 .section-title {
    font-size: clamp(22px, 7vw, 24px);
    line-height: 1.5;
  }
  .unit01::before {
    bottom: -22px;
    left: calc(50% - 21.6565px);
    border-right: 15px solid transparent;
    border-top: 23.30125px solid #006AAF;
    border-left: 15px solid transparent;
  }
  .unit01 .container:after {
    content: none;
  }
}
/* Merit
---------------------------------------------*/
.merit {
  background-color: #fff;
}
.merit .section-title{
  font-size: clamp(28px, 2vw, 30px);
  background-color: #fff;
  position: absolute;
  width: 100%;
}
.merit .section-title small {
  display: inline-block;
  font-size: clamp(28px, 2vw, 30px);
}
.merit-box {
  border: 2px solid #006AAF;
  border-radius: 10px;
  margin: auto;
}
.merit-image {
  margin: auto;
  max-width: 500px;
}
.merit-icon-arrow {
  display: block;
  margin: auto;
  margin-top: 30px;
  width: 44px;
  height: 45.941px;
}
.merit-icon-arrow .cls-1 { fill: #5299c7;}
.merit-icon-arrow .cls-2 { fill: #00395f;}

.merit .section-subtitle {
  width: 100%;
  max-width: 385px;
  margin: auto;
  margin-top: 30px;
  font-size: clamp(28px, 6vw, 30px);
  text-align: center;
}
.merit .section-subtitle::before,
.merit .section-subtitle::after {
  background-color: #006AAF; /* 線色 */
  border-radius: 4px; /* 線幅の半分 */
  content: "";
  display: inline-block;
  height: 30px; /* 線の長さ */
  vertical-align: middle;
  margin-bottom: 5px;
  width: 4px; /* 線幅 */
}
.merit .section-subtitle::before {
  margin-right: 17px; /* 線右の余白 */
  transform: rotate(-25deg);
}
.merit .section-subtitle::after {
  margin-left: 15px; /* 線右の余白 */
  transform: rotate(25deg);
}
.merit-list {
  margin-top: 30px;
}
.merit-list-item-desc {
  margin-top: 20px;
  text-align: center;
  font-size: clamp(16px, 2vw, 20px);
}
.merit-list-item-desc span {
  display: inline-block;
  font-size: clamp(16px, 2vw, 20px);
}
/* PC */
@media only screen and (min-width: 769px){
  .merit.section {
    padding-top: 100px;
    padding-bottom: 150px;
  }
  .merit .section-title{
    max-width: 666px;
    top: -45px;
    left: calc(50% - 333px);
  }
  .merit-box {
    max-width: 950px;
    padding: 77px 60px 50px;
  }
  .merit-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .merit-list-item {
    width: 38%;
/*    border-left: 1px solid #C9C9C9;*/
    padding: 15px;
    padding-left: clamp(20px, 3vw, 50px);
    padding-right: clamp(20px, 3vw, 50px);
    letter-spacing: 0;
  }
  .merit-list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    border-left: 1px solid #C9C9C9;
    margin: 10px 0 5px;
    height: 100%;
    max-height: clamp(150px, 13vw, 204px);
  }
  .merit-list li:nth-of-type(1)::before {
    content: none;
  }
  .merit-list li:nth-of-type(1) {width: 32%;padding-left: 0;border-left: none;}
  .merit-list li:nth-of-type(3) {width: 32%;padding-right: 0;}
  .merit-list-item img {
    max-width: clamp(130px, 13vw, 210px);
    margin: auto;
  }
}
/* tablet */
@media only screen and (min-width: 560px) and (max-width: 768px){
  .merit-box {
    padding: 60px 20px 20px;
  }
  .merit-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .merit-list-item {
    width: 38%;
/*    border-left: 1px solid #C9C9C9;*/
    padding: 10px;
    padding-left: clamp(10px, 2vw, 20px);
    padding-right: clamp(10px, 2vw, 20px);
  }
  .merit-list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-left: 1px solid #C9C9C9;
    margin: 10px 0 5px;
    height: 100%;
    max-height: clamp(140px, 13vw, 150px);
  }
  .merit-list li:nth-of-type(1)::before {
    content: none;
  }
  .merit-list li:nth-of-type(1) {width: 32%;padding-left: 0;border-left: none;}
  .merit-list li:nth-of-type(3) {width: 32%;padding-right: 0;}
  .merit-list-item img {
    max-width: clamp(110px, 13vw, 130px);
    margin: auto;
  }
  .merit-list-item-desc {
    margin-top: 10px;
    font-size: 13px;
  }
  .merit-list-item-desc span {
    font-size: 13px;
  }
}
/* SP-01 */
@media only screen and (max-width: 768px){
  .merit .container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 28px;
    padding-bottom: 30px;
  }
  .merit .section-title {
    font-size: clamp(18px, 5vw, 20px);
    max-width: 300px;
    top: -45px;
    left: calc(50% - 150px);
  }
  .merit .section-title small {
    font-size: clamp(18px, 5vw, 20px);
  }
  .merit-image {
    max-width: 300px;
  }
  .merit-icon-arrow {
    margin-top: 20px;
    width: 23.11px;
    height: 28px;
  }
  .merit .section-subtitle{
    font-size: clamp(18px, 5vw, 20px);
    margin-top: 20px;
  }
  .merit .section-subtitle::before,
  .merit .section-subtitle::after {
    height: 25px; /* 線の長さ */
    margin-bottom: 5px;
  }
  .merit-list {
    margin-top: 20px;
  }
  .merit-list li:nth-of-type(1) {margin-top: 0;}
}
/* SP-02 */
@media only screen and (max-width: 559px){
  .merit-box {
    padding: 60px 30px 30px;
  }
  .merit-list-item {
    width: 100%;
    max-width: 180px;
    margin: auto;
    margin-top: 30px;
  }
  .merit-list-item-desc {
    margin-top: 15px;
    font-size: 1.0rem;
  }
}
/* SP-03 */
@media only screen and (max-width: 400px){
  .merit .section-title {
    max-width: 230px;
    top: -40px;
    left: calc(50% - 115px);
  }
}
/* Buy-item
---------------------------------------------*/
.buy-item {
  background-color: #F2F5F7;
}
.buy-item .section-title span {
  display: block;
}
.buy-item .section-title small {
  font-size: 2.2rem;
}
.buy-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  max-width: 800px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 50px 0;
  padding-left: clamp(60px, 6vw, 95px);
  padding-right: clamp(60px, 6vw, 95px);
  border-radius: 5px;
}
.buy-item-list-item {
  width: 33%;
  max-width: clamp(200px, 20vw, 220px);
}
.buy-item-item-image img {
  width: 150px;
  height: 112.76px;
  display: block;
  margin: auto;
}
.buy-item-item-desc {
  margin-top: 15px;
  font-size: 1.0rem;
  text-align: center;
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
}
/* PC */
@media only screen and (min-width: 769px){
/*  .buy-item-list li:nth-of-type(n+2) {margin-left: 80px;}*/
/*  .buy-item-list li:nth-of-type(3n+1) {margin-left: 0;}*/
  .buy-item-list li:nth-of-type(n+4) {margin-top: 30px;}
}
/* SP */
@media only screen and (max-width: 768px){
  .buy-item .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .buy-item .section-title small {
    font-size: 1.6rem;
  }
  .buy-item-list {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px;
  }
  .buy-item-list li:nth-of-type(n+4) {margin-top: 30px;}
/*
  .buy-item-list li {margin-left: 8px;}
  .buy-item-list li:nth-of-type(3n+1) {margin-left: 0;}
*/
  .buy-item-list-item {
    max-width: 200px;
  }
  .buy-item-item-image img {
    width: 90px;
    height: 67px;
  }
  .buy-item-item-desc {
    font-size: 0.8rem;
  }
}
/* System
---------------------------------------------*/
.system {
  background-color: #DFE9F0;
}
.system-selector {}
.system-selector-item {
  text-align: center;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  box-shadow: 0px 0px 5px #00000026;
}
.system-selector-item.active {
  pointer-events: none;
  background-color: #fff;
}
.system-selector-item.active::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  display: block;
  content: "";
  z-index: 1;
}
.system-selector-item-sub {}
.system-selector-item-main {
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 600;
  vertical-align: middle;
}
.system-selector-item-main svg {
  vertical-align: middle;
}
.system-selector-item-main svg .cls-1{
  fill: none;
}
.system-body-box--visit,
.system-body-box--store,
.system-body-box--delivery {
  background-color: #fff;
  box-shadow: 0px 0px 5px #00000026;
}

.system-selector-item-desc {
  display: none;
  margin-top: 10px;
}
.system-selector-item.active .system-selector-item-desc {
  display: block;
}
.system-body-box {
  padding: 50px;
  border-radius: 0 0 10px 10px;
}
/* PC */
@media only screen and (min-width: 769px){
  .system .section-title small {
    font-size: 1.6rem;
  }
  .system .section-title small.textcolor {
    display: inline-block;
    font-size: 2.2rem;
  }
  .system-selector {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 30px;
  }
  .system-selector-item {
    width: calc(100% / 3 - 11px);
  }
  .system-selector-item-sub {
/*    background-color: #F5EDDC;*/
    padding: 4px;
    border-radius: 5px;
    margin: 0 90px;
    margin-bottom: 12px;
  }
  .system-selector-item.active .system-selector-item-main {
    color: #C7A734;
  }
  .system-selector-item-main svg {
    width: 48.5px;
    height: 41.7px;
    top: -3px;
  }
  .system-selector-item-main svg .cls-2{
    fill: #333333;
    fill-rule: evenodd;
  }
  .system-selector-item.active .system-selector-item-main svg .cls-2 {
    fill: #C7A734;
  }
  .system-selector-item--visit,
  .system-selector-item--store,
  .system-selector-item--delivery {
    background-color: #F4F4F4;
  }
  .system-body-box--store,
  .system-body-box--delivery {
    display: none;
  }
  /* #system-store へ遷移したとき店頭買取タブの内容を表示 */
  #system-store:target {
    display: block !important;
  }
  .system-body:has(#system-store:target) .system-body-box--visit {
    display: none !important;
  }
  .system.section:has(#system-store:target) .system-selector.pc .system-selector-item--visit {
    color: inherit;
  }
  .system.section:has(#system-store:target) .system-selector.pc .system-selector-item--visit.active .system-selector-item-main {
    color: #333;
  }
  .system.section:has(#system-store:target) .system-selector.pc .system-selector-item--visit.active .system-selector-item-main svg .cls-2 {
    fill: #333333;
  }
  .system.section:has(#system-store:target) .system-selector.pc .system-selector-item--store .system-selector-item-main {
    color: #C7A734;
  }
  .system.section:has(#system-store:target) .system-selector.pc .system-selector-item--store .system-selector-item-main svg .cls-2 {
    fill: #C7A734;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .system {
    padding-bottom: 140px;
  }
  .system .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .system .section-title small {
    font-size: 1.3rem;
  }
  .system .section-title small.textcolor {
    display: inline-block;
    font-size: 1.6rem;
  }
  .system-selector {
    margin-top: 50px;
  }
  .system-selector-item {
    width: 100%;
    padding: 15px;
    text-align: left;
    border-radius: 5px;
    border-bottom: 2px solid #DFE9F0;
  }
  .system-selector-item.active::before {
    content: none;
  }
  .system-selector-item.accordion-trigger--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .system-selector-item-sub {
  }
  .system-selector-item-main {
    font-size: 1.5rem;
    color: #333;
  }
  .system-selector-item-main:after {
    border-width: 6px 5px 0 5px;
    top: calc(50% - 3px);
  }
  .system-selector-item.active .system-selector-item-desc {
    text-align: center;
    font-size: 0.9rem;
    margin-top: 0;
  }
  .system-selector-item-main svg {
    width: 28px;
    height: 24px;
    top: -3px;
  }
  .system-selector-item-main svg .cls-2{
    fill: #333;
    fill-rule: evenodd;
  }
  .system-selector-item.accordion-trigger:after {
    content: "";
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 9px;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
  }
  .system-selector-item.accordion-trigger--active:after {
    background-image: url(../img/arrow.svg);
    transform: rotateZ(180deg);
  }
  .system-body {
    margin-top: 30px;
  }
  .system-selector-item--visit,
  .system-selector-item--store,
  .system-selector-item--delivery {
    background-color: #F4F4F4;
  }
  .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-store で店舗一覧（店頭買取）ブロックを表示 */
  #system-store:target {
    display: block !important;
  }
  .system-body:has(#system-store:target) .system-selector-item--store.accordion-trigger {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .system-body:has(#system-store:target) .system-selector-item--store.accordion-trigger::after {
    transform: rotateZ(180deg);
  }
  .system-body-box {
    padding: 30px 15px;
  }
}

/* System Visit
---------------------------------------------*/
.system-body-box--visit {}
.system-visit-about {
  background-color: #fff;
  text-align: center;
}
.system-visit-about-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.system-visit-about-title small.textcolor {
  font-size: 2.2rem;
}
.system-visit-about-desc {
  font-weight: normal;
}
/* PC */
@media only screen and (min-width: 769px){
  .system-visit-about {
    border-radius: 10px;
  }
  .system-visit-about-desc {
    padding: 0 200px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .system-visit-about {
    border-radius: 5px;
  }
  .system-visit-about-title {
    font-size: 1.3rem;
  }
  .system-visit-about-title small.textcolor {
    font-size: 1.3rem;
  }
  .system-visit-about-desc {
    margin-top: 10px;
    letter-spacing: 0.05rem;
    text-align: left;
  }
}

/* System Store
---------------------------------------------*/
.store-list-division-name {
  border-left: 5px solid #C7A734!important; /*個別カラー*/
  color: #C7A734!important; /*個別カラー*/
}
.store-head-more {
  background-color: #fff;
  color: #333333;
  border: 1px solid #C7A734!important; /*個別カラー*/
}
.store-head-desc {
  color: #727272;
}
.store-head-more svg .cls-1 {
  fill: #C7A734!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;
}
/* PC */
@media only screen and (min-width: 769px){
}
/* SP */
@media only screen and (max-width: 768px){
}

/* System Delivery
---------------------------------------------*/
.system-delivery-about {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}
.system-delivery-about-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.system-delivery-about-title small.textcolor {
  font-size: 2.2rem;
}
.system-delivery-about-desc {
  font-weight: normal;
}
.delivery-disabled {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-top: 50px;
}
.delivery-disabled-title {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.delivery-disabled-title:before {
  content: "";
  display: inline-block;
  background-image: url(../img/sec6-caution-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.delivery-disabled-subtitle {
  text-align: center;
  color: #79af9b;
  font-weight: 600;
  font-size: 1.2rem;
  margin-top: 10px;
}
.delivery-disabled-text {
  text-align: center;
  margin-top: 10px;
}
.delivery-disabled-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.delivery-disabled-list-item {}
.delivery-disabled-item-name {
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}
/* PC */
@media only screen and (min-width: 769px){
  .system-delivery-about-desc {
    padding: 0 150px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .system-delivery-about {}
  .system-delivery-about-title {
    font-size: 1.3rem;
    letter-spacing: -0.01rem;
  }
  .system-delivery-about-title small.textcolor {
    font-size: 1.3rem;
  }
  .system-delivery-about-desc {
    letter-spacing: 0.03rem;
    text-align: left;
  }
  .delivery-disabled {
    padding: 10px;
  }
  .delivery-disabled-text {
    text-align: left;
  }
  .delivery-disabled-list-item {
    width: 33.3%;
  }
}

/* System Flow
---------------------------------------------*/
.flow-title {
  margin-top: 50px;
}
.flow-title small {
  font-size: 1.3rem;
}
.flow-title span {
  font-size: 1.9rem;
}
.flow-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: transparent;
  margin-top: 30px;
}
.flow-list-item {
  width: 23%;
  background-color: #F4F4F4;
  padding: 30px;
  border-radius: 10px;
}
.flow-list-item:before {
  font-family: 'Montserrat', sans-serif;
  color: #3C2509;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
  left: 0;
  line-height: 1;
}
.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 {}
.flow-item-image img {
  margin-left: auto;
  margin-right: auto;
}
.flow-item-title {
  text-align: center;
  color: #3C2509;
  font-weight: 600;
  font-size: 1.2rem;
}
.system-body-box .attention {
  font-size: 0.8rem;
  margin-top: 30px;
  font-weight: normal;
  line-height: 2;
}
.system-body-box .attention p {
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}

/* PC */
@media only screen and (min-width: 769px){
  .flow-item-title {}
}
/* other */
@media only screen and (max-width: 1540px) and (max-height: 740px) {
  .flow-item-title {
    font-size: 1.0rem;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .flow-title span {
    font-size: 1.6rem;
  }
  .flow-list-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-top: 3%;
  }
  .flow-list-item:first-child {
    margin-top: 0;
  }
  .flow-list-item:before {
    text-align: left;
    padding-left: 39%;
    top: 42%;
    position: absolute;
    left: 0;
    font-size: 1.3rem;
    font-family: 'Montserrat', Bold;
    width: auto;
  }
  .flow-item-image {
    width: 25%;
  }
  .flow-item-title {
    padding-top: 1.5%;
    margin-left: calc(15% + 19px);
  }
  .system-body-box .attention p {
    padding-left: 1em;
    text-indent: -1em;
    font-weight: normal;
  }
}

/* Review
---------------------------------------------*/
.review {
  background-color: #F2F5F7;
}
.review .section-title {
  font-size: 2.5rem;
}
.review .section-title small {
  font-size: 1.6rem;
}
.review-list-item {
  width: 32%;
  background-color: #fff;
  font-size: 1.2rem;
/*  padding: 30px;*/
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.review-item-data {
  font-size: 1.0rem;
  font-weight: normal;
  padding: 30px;
  letter-spacing: 0.1rem;
/*  line-height: 1.9;*/
  line-height: 1.6;
}
.review-item-title {
  font-weight: 600;
  background-color: #006AAF;
  color: #fff;
  padding: 20px 15px 20px 125px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.review-item-title:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: calc(50% - 17.5px);
  border: 12.5px solid transparent;
  border-top: 17.5px solid #006AAF;
}
.review-item-title:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: clamp(1px,22vw,80px);
  height: clamp(1px,22vw,95px);
  display: block;
  position: absolute;
  bottom: 0;
  left: 25px;
}
.review-item-author-1:after {background-image: url(../img/icon-man.svg);}
.review-item-author-2:after {background-image: url(../img/icon-old-woman.svg);}
.review-item-author-3:after {background-image: url(../img/icon-man_02.svg);}
.review-item-author-4:after {background-image: url(../img/icon-woman.svg);}
.review-item-author-5:after {background-image: url(../img/icon-man.svg);}
.review-item-author-6:after {background-image: url(../img/icon-old-woman.svg);}
.review-item-author-7:after {background-image: url(../img/icon-old-woman_02.svg);}
.review-item-author-8:after {background-image: url(../img/icon-man.svg);}
.review-item-author-9:after {background-image: url(../img/icon-woman.svg);}

.review-list .slick-track {
  display: flex !important;
  align-items: flex-end;
  padding-top: 30px;
}
.review .slick-dots {
  bottom: -50px;
}
.review .attention {
  font-size: 0.8rem;
  margin-top: 70px;
  line-height: 2;
}
.review .attention p {
  font-weight: normal;
}
/* PC */
@media only screen and (min-width: 769px){
  .review-list {
    margin-top: 50px;
  }
  .review-item-title {
    font-size: 1.1rem;
  }
  .review-item-data {
/*    max-width: 550px;*/
/*    height: 226px;*/
    height: 289px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .review .section-title {
    font-size: 1.6rem;
  }
  .review .section-title small {
    font-size: 1.3rem;
  }
  .review-list {
    margin-top: 37px;
  }
  .review-list-item {
/*    padding: 30px 20px;*/
  }
  .review-item-title {
    font-size: 0.9rem;
    padding: 20px 10px 20px 105px;
  }
  .review-item-title:after {
    left: 11.75px;
  }
  .review-item-data {
    font-size: 0.9rem;
    padding: 30px 20px;
    height: 346px;
  }
  .review-list .slick-track {
    padding-top: 37px;
  }
  .review .attention {
    padding-left: 20px;
    padding-right: 20px;
  }
  .review .attention p {
    padding-left: 1em;
    text-indent: -1em;
    font-weight: normal;
  }
}
/* Problem
---------------------------------------------*/
.problem {
  background-color: #DFE9F0;
}
.problem-list {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
.problem-list-item {
  max-width: 800px;
  margin: auto;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #00000026;
}
.problem-list-title {
  padding: 25px 7%;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: justify;
  text-justify: inter-ideograph;
}
.problem-list-title:before {
  content: "Q.";
  color: #006AAF;
  margin-right: 10px;
  position: absolute;
  left: 20px;
  top: calc(50% - 0.7em);
}
.problem-list-title.accordion-trigger:after {
  content: "";
  background-image: url(../img/arrow02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 12px;
  position: absolute;
  top: calc(50% - 5px);
  right: 25px;
}
.problem-list-title.accordion-trigger--active:after {
  background-image: url(../img/arrow02.svg);
  transform: rotateZ(180deg)
}
.problem-list-desc {
  padding: 0 60px 20px;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}
.accordion-trigger {
  cursor: pointer;
}
/* SP */
@media only screen and (max-width: 768px){
  .problem .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .problem-list {
    margin-top: 30px;
  }
  .problem-list-item {
    margin-top: 15px;
  }
  .problem-list-title {
    padding: 20px 15% 20px 10%;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.02rem;
  }
  .problem-list-title:before {
    left: 10px;
    top: 1.16rem;
  }
  .problem-list-title.accordion-trigger:after {
    width: 15px;
    height: 9px;
    top: calc(50% - 5px);
    right: 15px;
  }
  .problem-list-title.accordion-trigger--active:after {
    top: calc(50% - 10px);
  }
  .problem-list-desc {
    padding: 0 15px 20px;
  }
}

/* Item
---------------------------------------------*/
.item {
  background-color: #F2F5F7!important;
}
.item .section-title small {
  font-size: 1.6rem;
}
.item .section-title small.textcolor-red {
  display: inline-block;
  font-size: 2.2rem;
  color: #006AAF;
}
.item-list-item svg {
  margin-left: auto;
  margin-right: auto;
}
.item-list-item svg .cls-1 {
  fill: #fff;
}
.item-list-item svg .cls-2 {
  fill: #006AAF!important;
  fill-rule: evenodd;
}
/* PC */
@media only screen and (min-width: 769px){
}
/* SP */
@media only screen and (max-width: 768px){
  .item {
    padding-bottom: 140px;
  }
  .item .section-title {
    font-size: 1.3rem!important;
  }
  .item .section-title small {
    font-size: 1.0rem;
  }
  .item .section-title small.textcolor-red {
    font-size: 1.3rem;
  }
  .item-list-item:nth-child(n+5) {
    margin-top: 20px!important;
  }
  .item-list-item svg {
    width: 75px;
    height: 75px;
  }
  .item-name {
    font-size: 0.7rem!important;
  }
  .item .attention {
    margin-top: 30px!important;
    font-size: 1.2rem;
  }
}
/* CTA
---------------------------------------------*/
/* base
-----------------------*/
.cta-011 {
  background-color: #CBE5F5!important;
}
/* title
-----------------------*/
.cta-011 .cta-title {
  border: 3px solid #3C2509!important;
  box-shadow: 0px 0px 5px #00000026;
}
.cta-011 .cta-title small {
  color: #333333!important;
}
.cta-011 .cta-title:after {
  border-top-color: #3C2509!important;
}

/* tel
-----------------------*/
.cta-011 .cta-tel-link .number {
  color: #FA7300!important;
}
.cta-011 .cta-tel-link .number::before {
  background-image: url(../img/cta/cta-icon-tel-orange.svg)!important;
}
.cta-011 .cta-tel-text {
  color: #3C2509!important;
}
.cta-011 .cta-tel-text small {
  color: #3C2509!important;
}
@media only screen and (min-width: 1281px) {
  .cta-011 .cta-tel-link .number::before {
    background-image: url(../img/cta/cta-icon-tel-orange.svg)!important;
  }
}
@media only screen and (max-width: 768px){
  .cta-011 .cta-tel-link {
    background-color: #FA7300!important;
    box-shadow: 0 7px 1px #ad3500!important;
  }
}
/* web
-----------------------*/
.cta-011 .cta-web-item {
  background-color: #0070F4!important;
  box-shadow: 0 calc(100vw * 7 / var(--lpw)) 1px #134AA2!important;
}
.cta-011 .cta-web-item:active {
  box-shadow: 0 calc(100vw * 5 / var(--lpw)) 1px #134AA2!important;
}
.cta-011 .cta-mail-icon {
  fill: #fff!important;
}
@media only screen and (min-width: 1281px) {
  .cta-011 .cta-web-item {
    box-shadow: 0 7px 1px #134AA2!important;
  }
  .cta-011 .cta-web-item:active {
    box-shadow: 0 5px 1px #134AA2!important;
  }
}
@media only screen and (max-width: 768px){
  .cta-011 .cta-web-item {
    box-shadow: 0 7px 1px #134AA2!important;
  }
}

/* Contact Form
---------------------------------------------*/
.contactform {}
.contactform-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}
.contactform-item-title {
  width: 30%;
}
.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%;
}
.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;
/*  background-color: #FA7300;*/
  background-color: #0070F4;
  color: #fff;
  font-weight: 600;
  padding: 22px 0 26px;
  font-size: 1.5rem;
  border-radius: 70px;
/*  box-shadow: 0 7px 1px #b15800;*/
  box-shadow: 0 7px 1px #134AA2;
  margin-top: 10px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.contact_form-privacy_policy {
  padding: 30px;
}

/* SP */
@media only screen and (max-width: 768px){
  .contact .section-title {
    font-size: 1.3rem;
  }
  .contactform-item {
    margin-top: 20px;
  }
  .contactform-item:first-child {
    margin-top: 0;
  }
  .contactform-item-title {
    width: 100%;
  }
  .contactform-item-data {
    width: 100%;
    margin-top: 10px;
  }
}

/* Other
---------------------------------------------*/
#chatplusview.closed #outline #eye_catcher {
  display: none!important;
}
.chatbot {
  width: 142px;
  height: 142px;
  background-color: #C00F0F;
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 4;
  padding: 30px 0;
  border: 3px solid #C00F0F;
  border-radius: 90px;
  box-shadow: 0 5px 0 #8A0B0D;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  cursor: pointer;
}
.chat-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  fill: #ffffff;
  padding-left: 4px;
}
.chat-icon path {
  fill: #ffffff;
}
.chatbot:active {
  box-shadow: 0 2px 0 #8A0B0D;
  bottom: 15px;
}
.stalking-navi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0px;
  z-index: 2;
  background-color: #fff;
  border-top: 1px solid #333;
}
.stalking-navi-item {
  width: calc(100% / 3);
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  color: #333;
  padding: 10px 0 5px;
  border-left: 1px solid #333;
}
.stalking-navi.dual-navi .stalking-navi-item {
  width: calc(100% / 2);
}
.stalking-navi.single-navi .stalking-navi-item {
  width: 100%;
}
.stalking-navi-item:first-child {
  border-left: 0;
}
.stalking-navi-item-icon {
  display: block;
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  fill: #79af9b;
}
/*
.stalking-navi-item-icon.tel {fill: #0070F4;}
.stalking-navi-item-icon.mail {fill: #FA7300;}
.stalking-navi-item-icon.chat {fill: #3C2509;}
*/
.stalking-navi-item-icon.tel {fill: #028553;}
.stalking-navi-item-icon.mail {fill: #0070F4;}
.stalking-navi-item-icon.chat {fill: #3C2509;}
.stalking-navi-item-icon.store {fill: #C00F0F;}
.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: #333333;
  opacity: 1;
}

/* modal
---------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .cta.modal-cta .container {
    padding-top: 0;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .cta.modal-cta .container {
    padding: 0 20px;
  }
}
/* offer
---------------------------------------------*/
.offer {}
.offer-desc {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 30px;
  padding: 0 10px;
}
.offer-title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin-top: 50px;
}
.offer-target-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.offer-target-list-item {
  width: 15%;
}
.offer-target-item-image {
  border-radius: 50%;
  padding: 1.5%;
}
.offer-target-item-image--brand {
  padding: 17.5%;
}
.offer-target-item-name {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.offer-target-item-brand {
  padding: 3%;
}
.offer-summary {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.offer-summary-item {
    margin-top: 30px;
}
.offer-summary-item-title {
/*  color: #fff;*/
  padding: 5px 10px 2px;
  font-weight: 600;
  background-color: #ff4a00;
  line-height: 2;
}
.offer-summary-item-data {
  margin-top: 10px;
  font-weight: normal;
  font-size: 0.9rem;
}
.offer-data-list {
  list-style-position: outside;
  margin-left: 20px;
}
.offer-data-list li {
  font-weight: normal;
}
ul.offer-data-list {list-style-type: disc;}
ol.offer-data-list {list-style-type: decimal;}
.offer-data-list-item {}
.offer .cta {
  margin-top: 90px;
}
.offer .cta-title {
  top: -50px;
}
.offer-close {
  text-align: center;
  cursor: pointer;
  padding-bottom: 30px;
  background-color: #79af9b;
}
.offer-store-close {
  text-align: center;
  padding-bottom: 30px;
  cursor: pointer;
  margin-top: 30px;
}
.offer .cta-offer {
  display: none;
}

/* color theme */
.offer .cta,
.offer .offer-close {
  background-color: #F2E8D3;
}
.offer-summary-item-title,
.offer-target-item-image {
  background-color: #F2E8D3;
/*  background-color: #F50201;*/
}
.offer-target-item-name,
.offer .attention {
  color: #F50201;
}
.offer .cta-web-item,
.offer .cta-tel-icon,
.offer .cta-mail-icon {
  fill: #fff;
}

/* SP */
@media only screen and (max-width: 768px){
  .offer {
    font-size: 1.2rem;
  }
  .offer-title {
    margin-top: 30px;
  }
  .offer-target-list {
    padding-left: 10px;
    padding-right: 10px;
  }
  .offer-target-list-item {
    margin-top: 20px;
    width: 30%;
  }
  .offer-target-list-item:nth-of-type(-n + 3) {
    margin-top: 0;
  }
  .offer-target-item-name {
    margin-top: 5px;
  }
  .offer .cta {
    padding-top: 90px;
  }
  .offer .cta-title {
    padding: 15px 20px;
    font-size: 1.3rem;
  }
  .offer .cta-tel-text.sp {
    font-size: 0.8rem;
  }
  .offer .attention {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .offer .cta-tel-link {
    color: #fff;
  }
}

/* Area
---------------------------------------------*/
.area-section {
  margin-top: 30px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.area-section-title {
  background-color: #A8B11C;
  color: #fff;
  padding: 0 10px;
  font-weight: 600;
}
.area-section-data {
  margin-top: 10px;
}
.modal-container {
  max-width: 750px;
  margin-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
/* SP */
@media only screen and (max-width: 768px){
  .area {
    font-size: 1.2rem;
  }
}

/* Voice
---------------------------------------------*/
.voice-section {
  margin-top: 30px;
}
.voice-section-title {
  background-color: #B48246;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}
.voice-section-data {
  margin-top: 10px;
  font-weight: normal;
  font-size: 0.9rem;
}
.voice-rate {
  margin-top: 10px;
}
.voice .cta {
  margin-top: 90px;
}
.voice .offer-close {
  background-color: #E6F1F8;
}
.voice .cta-tel-icon,
.voice .cta-mail-icon {
  fill: #F2E8D3;
}
.voice .cta-web-item,
.voice .cta-offer {
  color: #F2E8D3;
}

/* PC */
@media only screen and (min-width: 769px){}
/* SP */
@media only screen and (max-width: 768px){
  .voice {
    font-size: 1.2rem;
  }
  .voice .cta-tel-link {
/*    color: #663813;*/
  }
  .voice-section-title {
    padding: 5px 10px;
    font-size: 0.9rem;
  }
  .voice-section-data {
    font-size: 0.9rem;
    font-weight: normal;
  }
}

/* covid19
---------------------------------------------*/
.covid19 {
  padding: 50px;
}
.covid19-title {
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: underline;
}
.covid19-date {
  font-size: 0.9rem;
}
.covid19-desc {
  margin-top: 30px;
}
.covid19-section {
  margin-top: 30px;
}
.covid19-section-title {
  font-size: 1.3rem;
}
.covid19-list {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}
.covid19-list-item {}
.covid19-close {
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
  text-decoration: underline;
}
/* SP */
@media only screen and (max-width: 768px){
  .covid19 {
    padding: 20px;
    font-size: 1.2rem;
  }
}
/* PrivacyPolicy
---------------------------------------------*/
.modaal-privacypolicy .cta-tel {
  text-align: center;
  margin-top: 10px;
}
.modaal-privacypolicy .cta-tel-link {
  font-size: 4.5rem;
  font-weight: 600;
  font-family: 'Oswald', ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  color: #b91b1b;
  line-height: 1;
}
.modaal-privacypolicy .cta-tel-link .pc {
  background-image: url(../img/cta/cta_icon_tel_red.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 45px;
  padding-left: 75px;
}
.modaal-privacypolicy .cta-tel-text {
  display: block;
  color: #78410b;
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  margin-top: 10px;
}
.modaal-privacypolicy .cta-model {
  background-color: #E8F1EE;
}
.modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel-link {
  color: #79af9b;
}
.privacypolicy-section-text {
  text-align: center;
  margin-top: 50px;
  font-size: 0.9rem;
}
.privacypolicy-section-text  a {
  font-size: 0.9rem;
  color: #0033cc;
  text-decoration-line: underline;
}
.privacypolicy-close {
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
  text-decoration: underline;
}
/* PC */
@media only screen and (min-width: 769px){
  .modaal-privacypolicy {
    padding: 60px 0 50px;
  }
  .modaal-privacypolicy .cta-tel-link {
    pointer-events: none;
  }
  .modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel-icon {
    background-image: url(../img/icon-tel_mint_.svg);
  }
}
/* TABLET(CTA43のみ) */
@media only screen and (min-width: 769px) and (max-width: 900px){
  .modaal-privacypolicy .container {
    max-width: 769px;
  }
  .modaal-privacypolicy .cta-tel {
    margin-top: 30px;
  }
  .modaal-privacypolicy .cta-tel-link {
    font-size: 2.5rem;
  }
  .modaal-privacypolicy .cta-tel-link .pc {
    background-size: 30px;
    padding-left: 40px;
  }
  .modaal-privacypolicy .cta-tel-icon {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #fff;
    top: -2px;
  }
  .modaal-privacypolicy .cta-tel-text {
    font-size: 13px;
  }
}
/* SP-TABLET(CTA、CTA43のみ) */
@media only screen and (min-width: 420px) and (max-width: 768px){
  .modaal-privacypolicy {
    padding: 40px 0 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .modaal-privacypolicy .container {
    max-width: 400px;
  }
  .modaal-privacypolicy .cta-tel-link {
    display: block;
    text-align: center;
    background-color: #c90008;
    color: #fff;
    font-weight: 600;
    padding: 22px 0 16px;
    font-size: 22px;
    border-radius: 8px;
    box-shadow: 0 5px 0 rgba(158,0,0,1);
    margin-top: 30px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
  }
  .modaal-privacypolicy .cta-tel-icon {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #fff;
    top: -2px;
  }
  .modaal-privacypolicy .cta-tel-text {
    font-size: 13px;
  }
  .modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel:before {
    content: "";
    background-image: url(../img/sp_cta_model.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: calc(260 / 231 * 40%);
    width: 40%;
    height: auto;
    position: absolute;
    bottom: 70px;
    right: 0;
  }
}
/* SP */
@media only screen and (max-width: 419px){
  .modaal-privacypolicy {
    padding: 40px 0 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .modaal-privacypolicy .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modaal-privacypolicy .cta-tel-link {
    display: block;
    text-align: center;
    background-color: #c90008;
    color: #fff;
    font-weight: 600;
    padding: 22px 0 16px;
    font-size: 19px;
    border-radius: 8px;
    box-shadow: 0 5px 0 rgba(158,0,0,1);
    margin-top: 30px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
  }
  .modaal-privacypolicy .cta-tel-icon {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #fff;
    top: -2px;
  }
  .modaal-privacypolicy .cta-tel-text {
    font-size: 12.6px;
  }
}
/*緊急電話番号変更対応 @20210506
---------------------------------------------*/
/*
.header {
  margin-top: 49px;
}
@media screen and (max-width:768px) {
    .header {
       margin-top: 66px;
    }
}*/
/* gopla-soaring
---------------------------------------------*/
.modaal-gopla_soaring .modal-container {
  width: 100%;
  max-width: 730px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.modaal-gopla_soaring .modaal-item {
  padding: 40px 0;
}
.modaal-gopla_soaring .modaal-item .section-title {
  line-height: 1;
  color: #603418;
  font-size: 35px;
}
.modaal_item-result_list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
.modaal_item_result_list-item {
  width: calc(50% - 30px);
}
.modaal-item .result-item-image {}
.modaal-item .result-item-image img {
  width: 100%;
  max-width: 350px;
  margin: auto;
  border-radius: 5px;
}
.modaal-item .result-item-title {
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  margin-top: 15px;
}
.modaal-item .result-item-price {
  margin-top: 20px;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modaal-item .result-price-title {
  background-color: #C91E1E;
  padding: 5px 1px 5px 3px;
  width: 100%;
  max-width: 68px;
}
.modaal-item .result-price-title p {
  color: #fff;
  font-weight: 600;
  line-height: 1;
  font-size: clamp(12px, 3vw, 14px);
}
.modaal-item .result-price-data {
  font-weight: 600;
  color: #C91E1E;
  line-height: 1.2;
  font-size: clamp(18px, 4vw, 20px);
}
.modaal-item .result-price-data .num {
  font-size: clamp(28px, 5vw, 30px);
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  letter-spacing: 0.001rem;
  margin-left: 10px;
}
.modaal-gopla_soaring .cta {
  margin-top: 40px;
}
.modaal-gopla_soaring .offer-close {
  background-color: #F5F5EF;
  color: #000;
}

/* SP */
@media only screen and (max-width: 768px){
  .modaal-gopla_soaring .modal-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modaal-gopla_soaring .modaal-item {
    padding: 25px 0;
  }
  .modaal-gopla_soaring .modaal-item .section-title {
    font-size: 25px;
  }
  .modaal_item-result_list {
    gap: 30px;
  }
  .modaal_item_result_list-item {
    width: 100%;
  }
  .modaal-item .result-item-image {}
  .modaal-item .result-item-image img {
    max-width: 295px;
  }
  .modaal-item .result-item-title {
    font-size: clamp(14px, 4vw, 16px);
    line-height: 1.2;
    margin-top: 15px;
  }
  .modaal-item .result-item-price {
    align-items: center;
    justify-content: center;
/*    flex-wrap: wrap;*/
    margin-top: 15px;
  }
  .modaal-item .result-price-title {
    margin-top: 0;
    padding: 4px 3px 4px 5px;
  }
  .modaal-item .result-price-title p {
    font-size: 13px;
    text-align: center;
    margin-top: 0;
  }
  .modaal-item .result-price-data {
    font-size: 16px;
  }
  .modaal-item .result-price-data .num {
/*    font-size: clamp(24px, 8vw, 26px);*/
    font-size: clamp(21px, 8vw, 22px);
    letter-spacing: 0.001rem;
    margin-left: 8px;
  }
}

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

/* 注意喚起
-------------------------------------------------------- */
.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 */

/* campaign
---------------------------------------------*/
.campaign {
  padding-top: calc(100vw * 30 / var(--lpw));
  padding-bottom: calc(100vw * 130 / var(--lpw));
  .container {
    max-width: 1280px;
    @media (max-width: 768px){
      padding-left: 0;
      padding-right: 0;
    }
  }
  .slick-dots {
    bottom: -35px;
  }
}
@media only screen and (min-width: 1281px){
  .campaign {
    padding-top: 30px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 768px){
  .campaign {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.campaign-featured {
  display: flex;
  justify-content: center;
  margin-top: calc(15px + (100vw * 24 / var(--lpw)));
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 1281px){
  .campaign-featured {
    margin-top: 39px;
  }
}

@media only screen and (max-width: 768px){
  .campaign-featured {
    margin-top: 50px;
    padding-bottom: 50px;
    padding-left: calc(100vw * 10 / var(--lpw));
    padding-right: calc(100vw * 10 / var(--lpw));
  }
}

.campaign-featured .campaign-list-item_featured {
  flex: 0 1 auto;
  max-width: calc(397px * 3 + 20px * 2);
}

@media only screen and (min-width: 769px){
  .campaign-featured .campaign-list-item_featured {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px){
  .campaign-featured .campaign-list-item_featured {
    width: 100%;
  }
}

@media only screen and (min-width: 1281px){
  .campaign-featured .campaign-list-item_featured {
    max-width: 1231px;
  }
}

/* デフォルト＝SP（375px 等でも max-width 系 MQ に依存しない） */
.campaign-featured .campaign-list-item_featured img {
  display: block;
  width: 315px;
  height: 90px;
  max-width: none;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border-radius: 5px;
}

@media only screen and (min-width: 769px){
  .campaign-featured .campaign-list-item_featured img {
    width: 390px;
    max-width: 100%;
    height: 111px;
  }
}

.campaign-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
  z-index: 2;
  .campaign-list-item {
    width: calc(100vw * 397 / var(--lpw));
    @media (min-width: 1281px){
      width: 397px;
    }
    @media (max-width: 768px){
      width: 315px;
      margin-inline: 5px;
    }
    img {
      border-radius: 5px;
    }
  }
  .campaign-item-text {
    margin-top: 10px;
  }
}
.campaign .slick-dots {
  z-index: 3;
}
.campaign-list-item_01 {order:2;}
.campaign-list-item_02 {order:1;}
.campaign-list-item_03 {order:3;}
/* SP */
@media only screen and (max-width: 768px){
  .campaign-list-item_01 {order:2;}
  .campaign-list-item_02 {order:1;}
  .campaign-list-item_03 {order:3;}
}

.campaign-modal-box {
  color: #333;
}
.modaal-inner-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.modaal-content-container {
  padding: 0px !important;
}
/* SP */
@media only screen and (max-width: 768px){
  .campaign-modal-box .offer-close {
    font-size: 13px;
  }
}

/* modaal
------------------------------------------ */
/* offer
---------------------------------------------*/
.offer {}
.offer-summary {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.offer-summary-item {
    margin-top: 30px;
}
.offer-summary-item-title {
  color: #fff;
  padding: 5px 10px 2px;
  font-weight: 600;
  /* background-color: #ff4a00; */
  line-height: 2;
}
.offer-summary-item-data {
  margin-top: 10px;
  font-weight: normal;
}
.offer-data-list {
  list-style-position: outside;
  margin-left: 20px;
}
.offer-data-list li {
  font-weight: normal;
}
ul.offer-data-list {list-style-type: disc;}
ol.offer-data-list {list-style-type: decimal;}
.offer-data-list-item {}
.offer .cta {
  margin-top: 90px;
}
.offer .cta-title {
  top: -50px;
}
.box-modaal-close,
.offer-close {
  text-align: center;
  cursor: pointer;
  padding: 0 0 30px;
  background-color: #fff;
}
.offer-store-close {
  text-align: center;
  padding-bottom: 30px;
  cursor: pointer;
  margin-top: 30px;
}
.offer .cta-offer {
  display: none;
}

/* color theme */
.offer .cta,
.offer .offer-close {
  background-color: #F2E8D3!important;
}
.offer .offer-close {
  color: #333;
}
.offer-target-item-image {
  background-color: #F2E8D3;
/*  background-color: #F50201;*/
}
.offer-summary-item-title {
  /* background-color: #00647b!important; */
}
.offer-target-item-name,
.offer .attention {
  color: #F50201;
}
.offer .cta-web-item,
.offer .cta-tel-icon,
.offer .cta-mail-icon {
  fill: #fff;
}

/* SP */
@media only screen and (max-width: 768px){
  .offer {
    font-size: 0.9rem;
  }
  .offer .cta {
    padding-top: 80px;
  }
  .offer .cta-title {
    padding: 15px 20px;
    font-size: 1.3rem;
  }
  .offer .attention {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .offer .cta-tel-link {
    color: #fff;
  }
}

/* Area
---------------------------------------------*/
.area-section {
  margin-top: 30px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.area-section-title {
  background-color: #A8B11C;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}
.area-section-data {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  font-size: 0.9rem;
}
.modal-container {
  max-width: 750px;
  margin-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.area-section-data dt {
  margin-top: 15px;
}
.area-section-data dd {
  font-weight: normal;
}
/* SP */
@media only screen and (max-width: 768px){
.area {
  font-size: 1.2rem;
}
}
/* Voice
---------------------------------------------*/
.voice-section {
  margin-top: 30px;
}
.voice-section-title {
  background-color: #B48246;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}
.voice-section-data {
  margin-top: 10px;
  font-weight: normal;
  font-size: 0.9rem;
}
.voice-rate {
  margin-top: 10px;
}
.modaal-voice .cta {
  margin-top: 90px;
}
.modaal-voice .cta-tel-icon,
.modaal-voice .cta-mail-icon {
  fill: #F2E8D3;
}
.modaal-voice .cta-web-item,
.modaal-voice .cta-offer {
  color: #F2E8D3;
}

/* color theme */
.offer-close {
background-color: #F2E8D3!important;
color: #333;
}
/* PC */
@media only screen and (min-width: 769px){}
/* SP */
@media only screen and (max-width: 768px){
  .modaal-voice {
    font-size: 1.2rem;
  }
  .voice-section-title {
    padding: 5px 10px;
    font-size: 0.9rem;
  }
  .voice-section-data {
    font-size: 0.9rem;
    font-weight: normal;
  }
}

/* PrivacyPolicy
---------------------------------------------*/
.modaal-privacypolicy .cta-tel {
text-align: center;
margin-top: 10px;
}
.modaal-privacypolicy .cta-tel-link {
font-size: 4.5rem;
font-weight: 600;
font-family: 'Oswald', ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
color: #b91b1b;
line-height: 1;
}
.modaal-privacypolicy .cta-tel-link .pc {
background-image: url(/wp-content/themes/bsLP/img/cta/cta_icon_tel_red.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 45px;
padding-left: 75px;
}
.modaal-privacypolicy .cta-tel-text {
display: block;
color: #78410b;
font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
font-size: 1.1rem;
font-weight: 300;
margin-top: 10px;
}
.modaal-privacypolicy .cta-model {
background-color: #E8F1EE;
}
.modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel-link {
color: #79af9b;
}
.privacypolicy-section-text {
text-align: center;
margin-top: 50px;
font-size: 0.9rem;
}
.privacypolicy-section-text  a {
font-size: 0.9rem;
color: #0033cc;
text-decoration-line: underline;
}
.privacypolicy-close {
font-size: 0.9rem;
text-align: center;
margin-top: 30px;
cursor: pointer;
text-decoration: underline;
}

/* PC */
@media only screen and (min-width: 769px){
  .modaal-privacypolicy {
    padding: 60px 0 50px;
  }
  .modaal-privacypolicy .cta-tel-link {
    pointer-events: none;
  }
  .modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel-icon {
    background-image: url(../img/icon-tel_mint_.svg);
  }
  }
  /* TABLET(CTA43のみ) */
  @media only screen and (min-width: 769px) and (max-width: 900px){
  .modaal-privacypolicy .container {
    max-width: 769px;
  }
  .modaal-privacypolicy .cta-tel {
    margin-top: 30px;
  }
  .modaal-privacypolicy .cta-tel-link {
    font-size: 2.5rem;
  }
  .modaal-privacypolicy .cta-tel-link .pc {
    background-size: 30px;
    padding-left: 40px;
  }
  .modaal-privacypolicy .cta-tel-icon {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #fff;
    top: -2px;
  }
  .modaal-privacypolicy .cta-tel-text {
    font-size: 13px;
  }
}
/* SP-TABLET(CTA、CTA43のみ) */
@media only screen and (min-width: 420px) and (max-width: 768px){
.modaal-privacypolicy {
  padding: 40px 0 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.modaal-privacypolicy .container {
  max-width: 400px;
}
.modaal-privacypolicy .cta-tel-link {
  display: block;
  text-align: center;
  background-color: #c90008;
  color: #fff;
  font-weight: 600;
  padding: 22px 0 16px;
  font-size: 22px;
  border-radius: 8px;
  box-shadow: 0 5px 0 rgba(158,0,0,1);
  margin-top: 30px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.modaal-privacypolicy .cta-tel-icon {
  width: 23px;
  height: 23px;
  margin-right: 10px;
  vertical-align: middle;
  fill: #fff;
  top: -2px;
}
.modaal-privacypolicy .cta-tel-text {
  font-size: 13px;
}
.modaal-privacypolicy .cta-model .modaal-privacypolicy .cta-tel:before {
  content: "";
  background-image: url(../img/sp_cta_model.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: calc(260 / 231 * 40%);
  width: 40%;
  height: auto;
  position: absolute;
  bottom: 70px;
  right: 0;
}
}
/* SP */
@media only screen and (max-width: 419px){
.modaal-privacypolicy {
  padding: 40px 0 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.modaal-privacypolicy .container {
  padding-left: 10px;
  padding-right: 10px;
}
.modaal-privacypolicy .cta-tel-link {
  display: block;
  text-align: center;
  background-color: #c90008;
  color: #fff;
  font-weight: 600;
  padding: 22px 0 16px;
  font-size: 19px;
  border-radius: 8px;
  box-shadow: 0 5px 0 rgba(158,0,0,1);
  margin-top: 30px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.modaal-privacypolicy .cta-tel-icon {
  width: 23px;
  height: 23px;
  margin-right: 10px;
  vertical-align: middle;
  fill: #fff;
  top: -2px;
}
.modaal-privacypolicy .cta-tel-text {
  font-size: 12.6px;
}
}

/* gopla-soaring
---------------------------------------------*/
.modaal-gopla_soaring .modal-container {
  width: 100%;
  max-width: 730px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.modaal-gopla_soaring .modaal-item {
  padding: 40px 0;
}
.modaal-gopla_soaring .modaal-item .section-title {
  line-height: 1;
  color: #603418;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.modaal_item-result_list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
.modaal_item_result_list-item {
  width: calc(50% - 30px);
}
.modaal-item .result-item-image {}
.modaal-item .result-item-image img {
  width: 100%;
  max-width: 350px;
  margin: auto;
  border-radius: 5px;
}
.modaal-item .result-item-title {
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  margin-top: 15px;
}
.modaal-item .result-item-price {
  margin-top: 20px;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modaal-item .result-price-title {
  background-color: #C91E1E;
  padding: 5px 1px 5px 3px;
  width: 100%;
  max-width: 68px;
}
.modaal-item .result-price-title p {
  color: #fff;
  font-weight: 600;
  line-height: 1;
  font-size: clamp(12px, 3vw, 14px);
}
.modaal-item .result-price-data {
  font-weight: 600;
  color: #C91E1E;
  line-height: 1.2;
  font-size: clamp(18px, 4vw, 20px);
}
.modaal-item .result-price-data .num {
  font-size: clamp(28px, 5vw, 30px);
  font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  letter-spacing: 0.001rem;
  margin-left: 10px;
}
.modaal-gopla_soaring .cta {
  margin-top: 90px;
}
/* SP */
@media only screen and (max-width: 768px){
  .modaal-gopla_soaring .modal-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modaal-gopla_soaring .modaal-item {
    padding: 25px 0;
  }
  .modaal-gopla_soaring .modaal-item .section-title {
    font-size: 25px;
  }
  .modaal_item-result_list {
    gap: 30px;
  }
  .modaal_item_result_list-item {
    width: 100%;
  }
  .modaal-item .result-item-image {}
  .modaal-item .result-item-image img {
    max-width: 295px;
  }
  .modaal-item .result-item-title {
    font-size: clamp(14px, 4vw, 16px);
    line-height: 1.2;
    margin-top: 15px;
  }
  .modaal-item .result-item-price {
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    border-top: none;
  }
  .modaal-item .result-price-title {
    margin-top: 0;
    padding: 4px 3px 4px 5px;
  }
  .modaal-item .result-price-title p {
    font-size: 13px;
    text-align: center;
    margin-top: 0;
  }
  .modaal-item .result-price-data {
    font-size: 16px;
  }
  .modaal-item .result-price-data .num {
    font-size: clamp(21px, 8vw, 22px);
    letter-spacing: 0.001rem;
    margin-left: 8px;
  }
}

/* USP適用条件変更のお知らせ - ptn1 */
/* common */
.modaal-warranty-revision-ptn1 {
  .wrap{
    padding: calc(100vw * (40 / 1280)) calc(100vw * (50 / 1280)) calc(100vw * (50 / 1280));
    margin-top: 0;
    overflow: hidden;
    font-family: "Noto Sans JP", sans-serif;
    color: #4D4D4D;
  }
  .warranty-revision-lead{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: calc(100vw * (30 / 1280));
    h2{
      color: #4C454E;
      font-size: clamp( 1px, calc(100vw * 24 / var(--lpw)), 24px );
      font-weight: 700;
      margin-bottom: 10px;
    }
    p{
      font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
      font-weight: 500;
    }
  }
  .warranty-revision-desc{
    margin-top: calc(100vw * (30 / 1280));
    .title{
      color: #F27184;
      font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
      font-weight: 700;
      margin-bottom: 5px;
    }
    .text{
      font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
      p{
        font-weight: 500;
      }
      ul{
        text-indent: -1em;
        padding-left: 1em;
        li{
          list-style-type: disc;
          text-indent: 0;
          font-weight: 500;
        }
        li:first-child{
          list-style-type: none;
          text-indent: -1em;
        }
      }
    }
  }
}
.modaal-close.warranty-revision-close{
  background:#F45E86;
  border-radius: 50%;
  width: calc(100vw * (60 / 1280));
  height: calc(100vw * (60 / 1280));
  right: calc(100vw * (20 / 1280));
  top: calc(100vw * (20 / 1280));
  position: absolute;
}
.modaal-close.warranty-revision-close:after, .modaal-close.warranty-revision-close:before{
  height: calc(100vw * (32 / 1280));
  top: calc(100vw * (14 / 1280));
  left: calc(100vw * (28 / 1280));
}
.modaal-close.warranty-revision-close:focus:after, .modaal-close.warranty-revision-close:focus:before, .modaal-close.warranty-revision-close:hover:after, .modaal-close.warranty-revision-close:hover:before{
  background: #fff;
  opacity: .8;
}

/* end - common */
/* 1281px~ */
@media only screen and (min-width: 1281px){
  .modaal-warranty-revision-ptn1 {
    .wrap{
      padding: 40px 50px 50px;
    }
    .warranty-revision-lead{
      padding-bottom: 30px;
    }
    .warranty-revision-desc{
      margin-top: 30px;
    }
  }
  .modaal-close.warranty-revision-close{
    width: 60px;
    height: 60px;
    right: 20px;
    top: 20px;
  }
  .modaal-close.warranty-revision-close:after, .modaal-close.warranty-revision-close:before{
    height: 32px;
    top: 14px;
    left: 28px;
  }
}
/* end 1281px~ */
/* ~768px */
@media only screen and (max-width: 768px){
  .modaal-warranty-revision-ptn1 {
    .wrap{
      padding: 65px 20px 30px;
    }
    .warranty-revision-lead{
      padding-bottom: 30px;
      h2{
        font-size: 24px;
        line-height: 1.2;
      }
      p{
        font-size: 16px;
      }
    }
    .warranty-revision-desc{
      margin-top: 30px;
      .title{
        font-size: 20px;
      }
      .text{
        font-size: 16px;
      }
    }
  }
  .modaal-close.warranty-revision-close{
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
  }
  .modaal-close.warranty-revision-close:after, .modaal-close.warranty-revision-close:before{
    width: 2px;
    height: 20px;
    top: 10px;
    left: 19px;
  }
}
/* end ~768px */

/* USP適用条件変更のお知らせ ptn0 */
/* common */
.modaal-warranty-revision-ptn0 {
  .warranty-revision-lead{
    h2{
      padding: calc(100vw * (50 / 1280)) 0;
      background-color: #FFFAD0;
      color: #333333;
      font-size: clamp( 1px, calc(100vw * 28 / var(--lpw)), 28px );
      font-weight: 700;
      text-align: center;
    }
  }
  .wrap{
    padding: 0 calc(100vw * (100 / 1280)) calc(100vw * (50 / 1280));
    overflow: hidden;
    color: #4D4D4D;
    .warranty-revision-close {
      margin-top: calc(100vw * (50 / 1280));
      padding-bottom: 0;
    }
  }
  .warranty-revision-sublead{
    border-bottom: 1px solid #CCCCCC;
    padding: calc(100vw * (30 / 1280)) 0;
    p{
      font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
      font-weight: 400;
    }
  }
  .warranty-revision-desc{
    margin-top: calc(100vw * (30 / 1280));
    .title{
      color: #DE310B;
      font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
      font-weight: 600;
      margin-bottom: 5px;
    }
    .text{
      font-size: clamp( 1px, calc(100vw * 16 / var(--lpw)), 16px );
      p{
        font-weight: 400;
      }
      ul{
        text-indent: -1em;
        padding-left: 1em;
        li{
          font-weight: 400;
          list-style-type: disc;
          text-indent: 0;
        }
        li:first-child{
          list-style-type: none;
          text-indent: -1em;
        }
      }
    }
  }
}
/* end - common */
/* ~1281px */
@media only screen and (min-width: 1281px){
  .modaal-warranty-revision-ptn0 {
    .warranty-revision-lead{
      h2{
        padding: 50px 0;
      }
    }
    .wrap{
      padding: 0 100px 50px;
      .warranty-revision-close {
        margin-top: 50px;
      }
    }
    .warranty-revision-sublead{
      padding: 30px 0;
    }
    .warranty-revision-desc{
      margin-top: 30px;
    }
  }
}
/* end 1281px~ */
/* ~768px */
@media only screen and (max-width: 768px){
  .modaal-warranty-revision-ptn0 {
    .warranty-revision-lead{
      h2{
        font-size: 25px;
        padding: 20px 0;
      }
    }
    .wrap{
      padding: 0 10px 30px;
      .warranty-revision-close {
        margin-top: 50px;
      }
    }
    .warranty-revision-sublead{
      padding: 40px 0 20px;
      p{
        font-size: 16px;
      }
    }
    .warranty-revision-desc{
      margin-top: 30px;
      .title{
        font-size: 20px;
      }
      .text{
        font-size: 16px;
      }
    }
  }
}
/* end ~768px */
/* glpgs実装用 modal */
.adlp-modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  transition: 0.3s;
}
.adlp-modal.--open {
  visibility: visible;
  opacity: 1;
}
.adlp-modal__base {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 153, 153, 0.9);
}
.adlp-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  min-height: min(calc(200 / 1080 * 100vw), 200px);
  max-height: 90vh;
  background: #fff;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  padding-bottom: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 768px) {
  .adlp-modal__content {
    width: calc(690 / 750 * 100vw);
  }
}
.adlp-modal:not(#modal_attention_distrust) .adlp-modal__content {
  width: min(calc(1080 / 1080 * 100vw), 1080px);
  padding: min(calc(40 / 1080 * 100vw), 40px) min(calc(80 / 1080 * 100vw), 80px);
}
@media screen and (max-width: 768px) {
  .adlp-modal:not(#modal_attention_distrust) .adlp-modal__content {
    width: calc(690 / 750 * 100vw);
    padding: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw);
  }
}
.adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-top01 {
  width: min(calc(70 / 1080 * 100vw), 70px);
  height: min(calc(70 / 1080 * 100vw), 70px);
  position: absolute;
  top: max(calc(-40 / 1080 * 100vw), -40px);
  right: max(calc(-80 / 1080 * 100vw), -80px);
  cursor: pointer;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70 70L-3.0598e-06 1.19363e-05L70 8.87651e-06L70 70Z' fill='%231CA0A0'/%3E%3Crect x='57.749' y='30.6069' width='25' height='5' transform='rotate(-135 57.749 30.6069)' fill='white'/%3E%3Crect x='40.0713' y='27.0715' width='25' height='5' transform='rotate(-45 40.0713 27.0715)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-top01 {
    width: calc(88 / 750 * 100vw);
    height: calc(88 / 750 * 100vw);
    top: calc(-40 / 750 * 100vw);
    right: calc(-30 / 750 * 100vw);
  }
}
.adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(180 / 1080 * 100vw), 180px);
  height: min(calc(48 / 1080 * 100vw), 48px);
  border-radius: min(calc(4 / 1080 * 100vw), 4px);
  background: var(--main01, #1CA0A0);
  color: var(--ffffff, #FFF);
  text-align: center;
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: min(calc(1.76 / 1080 * 100vw), 1.76px);
  padding-left: min(calc(20 / 1080 * 100vw), 20px);
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-bottom {
    width: calc(212 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
    border-radius: calc(6 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    letter-spacing: calc(2.55 / 750 * 100vw);
    padding-left: calc(35 / 750 * 100vw);
  }
}
.adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-bottom:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.58545' y='20.2446' width='19.6' height='4.2' transform='rotate(-45 5.58545 20.2446)' fill='white'/%3E%3Crect x='8.55518' y='6.38525' width='19.6' height='4.2' transform='rotate(45 8.55518 6.38525)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(calc(30 / 1080 * 100vw), 30px);
  height: min(calc(30 / 1080 * 100vw), 30px);
  position: absolute;
  left: min(calc(20 / 1080 * 100vw), 20px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .adlp-modal:not(#modal_attention_distrust) .adlp-modal__content__close .close-bottom:before {
    width: calc(44 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }
}
.adlp-modal .adlp-modal__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: min(calc(1080 / 1080 * 100vw), 1080px);
}
@media screen and (max-width: 768px) {
  .adlp-modal .adlp-modal__wrapper {
    width: calc(690 / 750 * 100vw);
  }
}
.adlp-modal .adlp-modal__wrapper .adlp-modal__content__close.--store {
  position: absolute;
  top: max(calc(-20 / 1080 * 100vw), -20px);
  right: max(calc(-20 / 1080 * 100vw), -20px);
  width: min(calc(45 / 1080 * 100vw), 45px);
  height: min(calc(45 / 1080 * 100vw), 45px);
  cursor: pointer;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.4' cy='22.4' r='22.4' fill='%231CA0A0'/%3E%3Crect x='12.0059' y='29.8242' width='25.2' height='4.2' transform='rotate(-45 12.0059 29.8242)' fill='white'/%3E%3Crect x='14.9756' y='12.0059' width='25.2' height='4.2' transform='rotate(45 14.9756 12.0059)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .adlp-modal .adlp-modal__wrapper .adlp-modal__content__close.--store {
    width: calc(64 / 750 * 100vw);
    height: calc(64 / 750 * 100vw);
    top: calc(-30 / 750 * 100vw);
    right: calc(-20 / 750 * 100vw);
  }
}
.adlp-modal .adlp-modal__wrapper .adlp-modal__content {
  position: relative;
  top: auto;
  left: auto;
  transform: translateX(0) translateY(0);
}

/* 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;
}
.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;
  }
  .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;
}
/* 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;
    }
    .copyright {
      text-align: center;
    }
  }
  .attention_distrust-close {
    font-size: 16px;
  }
}
/* end ~768px */

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

.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-cp-close.box-modaal-close {
  justify-content: center;
  align-items: center;
  gap: calc(100vw * 8 / var(--lpw));
  width: calc(100vw * 200 / var(--lpw));
  height: calc(100vw * 52 / var(--lpw));
  padding: calc(100vw * 12 / var(--lpw)) 0;
  margin: calc(100vw * 50 / var(--lpw)) auto calc(100vw * 30 / var(--lpw));
  border-radius: 5px;
  background-color: #DEBA70;
  text-align: center;
  cursor: pointer;
}
.store-cp-close.box-modaal-close img {
  width: calc(100vw * 16 / var(--lpw));
}
.store-cp-close.box-modaal-close span {
  color: #fff;
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-style: normal;
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw));
  letter-spacing: calc(100vw * 1.6 / var(--lpw));
}

@media only screen and (min-width: 1281px) {
  .store-cp-close.box-modaal-close {
    gap: 8px;
    width: 200px;
    height: 52px;
    padding: 12px 0;
    margin: 50px auto 30px;
  }
  .store-cp-close.box-modaal-close img {
    width: 16px;
  }
  .store-cp-close.box-modaal-close span {
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
@media only screen and (max-width: 768px) {
  .store-cp-close.box-modaal-close {
    gap: 8px;
    width: 169px;
    height: 52px;
    padding: 12px 0;
    margin: 30px auto 20px;
  }
  .store-cp-close.box-modaal-close img {
    width: 16px;
  }
  .store-cp-close.box-modaal-close span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
.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(/wp-content/themes/bsLP/80_tempo-general2022-1.0/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-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;
  }
  .cta-tel-text small {
    font-size: 1.3rem;
  }
  .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-text {
      margin-top: 0;
      font-size: 0.9rem;
      font-weight: 600;
    }
    .cta-tel-text small {
      font-size: 0.9rem;
    }
    .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-cta
---------------------------------------------*/
.modal-cta {
  background-color: #F2E8D3!important;
  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(/wp-content/themes/bsLP/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;
  }
}

/* CTA-011
---------------------------------------------*/
/* base
-----------------------*/
.cta-011 {
  background-color: #F2E8D3; /* 各テンプレートで上書き */
  padding: calc(100vw * (99 / var(--lpw))) 0 calc(100vw * (58 / var(--lpw)));
}
.cta-011.webonly {
  padding: calc(100vw * (93 / var(--lpw))) 0 calc(100vw * (78 / var(--lpw)));
}
.cta-011 .container {
  width: 100%;
  max-width: calc(100vw * (800 / var(--lpw)));
  padding: 0;
}
.cta-011.webonly .container {
  max-width: calc(100vw * (665 / var(--lpw)));
}
.cta-011.cta-store .container {
  max-width: calc(100vw * (750 / var(--lpw)));
}
.cta-011 .cta-body {
  width: 100%;
  max-width: calc(100vw * (800 / var(--lpw)));
  padding-left: calc(100vw * (230 / var(--lpw)));
}
.cta-011.affiliate .cta-body {
  padding-left: calc(100vw * (250 / var(--lpw)));
}
.cta-011.webonly .cta-body {
  padding-left: calc(100vw * (210 / var(--lpw)));
}
.cta-011 .cta-body::before {
  content: '';
  width: calc(100vw * (200 / var(--lpw)));
  height: calc(100vw * (290 / var(--lpw)));
  display: inline-block;
  position: absolute;
  top: calc(100vw * -76 / var(--lpw));
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom right;  /* 配置: 右下寄せ */
  background-size: contain;           /* 縦横比を維持してフィット */
  /* 1) フォールバック (image-set非対応ブラウザ用) */
  background-image: url("../img/cta/ip/cta-200×290.png");

  /* 2) Safari用 (-webkit-) */
  background-image: -webkit-image-set(
    url("../img/cta/ip/cta-200×290.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-200×290.png")  type("image/png") 1x
  );

  /* 3) 標準仕様 */
  background-image: image-set(
    url("../img/cta/ip/cta-200×290.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-200×290.png")  type("image/png") 1x
  );
}
.cta-011.affiliate .cta-body::before {
  width: calc(100vw * (220 / var(--lpw)));
  height: calc(100vw * (350 / var(--lpw)));
  top: calc(100vw * -63 / var(--lpw));
  /* 1) フォールバック (image-set非対応ブラウザ用) */
  background-image: url("../img/cta/ip/cta-220×350.png");

  /* 2) Safari用 (-webkit-) */
  background-image: -webkit-image-set(
    url("../img/cta/ip/cta-220×350.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-220×350.png")  type("image/png") 1x
  );

  /* 3) 標準仕様 */
  background-image: image-set(
    url("../img/cta/ip/cta-220×350.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-220×350.png")  type("image/png") 1x
  );
}
.cta-011.webonly .cta-body::before {
  width: calc(100vw * (160 / var(--lpw)));
  height: calc(100vw * (220 / var(--lpw)));
  top: calc(100vw * -85 / var(--lpw));
  /* 1) フォールバック (image-set非対応ブラウザ用) */
  background-image: url("../img/cta/ip/cta-160×220.png");

  /* 2) Safari用 (-webkit-) */
  background-image: -webkit-image-set(
    url("../img/cta/ip/cta-160×220.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-160×220.png")  type("image/png") 1x
  );

  /* 3) 標準仕様 */
  background-image: image-set(
    url("../img/cta/ip/cta-160×220.webp") type("image/webp") 1x,
    url("../img/cta/ip/cta-160×220.png")  type("image/png") 1x
  );
}
.cta-011.cta-store .cta-body::before {
  top: calc(100vw * -60 / var(--lpw));
}
@media only screen and (min-width: 1281px) {
  .cta-011 {
    padding: 99px 0 58px;
  }
  .cta-011.webonly {
    padding: 93px 0 78px;
  }
  .cta-011 .container {
    max-width: 800px;
  }
  .cta-011.webonly .container {
    max-width: 665px;
  }
  .cta-011.cta-store .container {
    max-width: 750px;
  }
  .cta-011 .cta-body {
    width: 800px;
    padding-left: 230px;
  }
  .cta-011.affiliate .cta-body {
    padding-left: 250px;
  }
  .cta-011.webonly .cta-body {
    width: 665px;
    padding-left: 205px;
  }
  .cta-011.cta-store .cta-body {
    width: 750px;
  }
  .cta-011 .cta-body::before {
    width: 200px;
    height: 290px;
    top: -76px;
  }
  .cta-011.affiliate .cta-body::before {
    width: 220px;
    height: 350px;
    top: -63px;
  }
  .cta-011.webonly .cta-body::before {
    width: 160px;
    height: 220px;
    top: -85px;
  }
  .cta-011.cta-store .cta-body::before {
    top: -60px;
  }
}
@media only screen and (max-width: 768px){
  .cta-011,
  .cta-011.affiliate,
  .cta-011.webonly {
    padding: 2px 0 50px;
  }
  .cta-011 .container,
  .cta-011.affiliate .container,
  .cta-011.webonly .container,
  .cta-011.cta-store .container {
    max-width: 375px;
    padding: 0 20px;
  }
  .cta-011 .container:before {
    content: "";
    width: 200px;
    height: 105px;
    position: absolute;
    top: -102px;
    left: calc(50% - 100px);
    background-repeat: no-repeat;
    background-position: bottom right;  /* 配置: 右下寄せ */
    background-size: contain;           /* 縦横比を維持してフィット */
    /* 1) フォールバック (image-set非対応ブラウザ用) */
    background-image: url("../img/cta/ip/cta_sp.png");
  
    /* 2) Safari用 (-webkit-) */
    background-image: -webkit-image-set(
      url("../img/cta/ip/cta_sp.webp") type("image/webp") 1x,
      url("../img/cta/ip/cta_sp.png")  type("image/png") 1x
    );
  
    /* 3) 標準仕様 */
    background-image: image-set(
      url("../img/cta/ip/cta_sp.webp") type("image/webp") 1x,
      url("../img/cta/ip/cta_sp.png")  type("image/png") 1x
    );  
  }
  .cta-011 .cta-body,
  .cta-011.affiliate .cta-body,
  .cta-011.webonly .cta-body,
  .cta-011.cta-store .cta-body {
    max-width: 375px;
    padding: 0;
  }
  .cta-011 .cta-body::before,
  .cta-011.affiliate .cta-body::before,
  .cta-011.webonly .cta-body::before {
    content: none;
  }
}
/* title
-----------------------*/
.cta-011 .cta-title {
  position: absolute;
  background-color: #fff;
  width: 100%;
  max-width: calc(100vw * (470 / var(--lpw)));
  padding: calc(100vw * (15 / var(--lpw))) calc(100vw * (50 / var(--lpw)));
  margin-inline: auto;
  margin-bottom: calc(100vw * (20 / var(--lpw)));
  font-size: clamp( 1px, calc(100vw * 28 / var(--lpw)), 28px );
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
  border: 3px solid #333333;
  top: calc(100vw * (-138 / var(--lpw)));
  left: calc(50% + calc(100vw * (115 / var(--lpw))));
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 2;
}
.cta-011.webonly .cta-title {
  top: calc(100vw * (-158 / var(--lpw)));
  left: calc(50% + calc(100vw * (102 / var(--lpw))));
}
.cta-011 .cta-title small {
  display: block;
  color: #333333;
  font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
}
.cta-011 .cta-title:before {
  content: "";
  position: absolute;
  bottom: calc(100vw * -32 / var(--lpw));
  left: 50%;
  margin-left: calc(100vw * -15 / var(--lpw));
  border: calc(100vw * 13 / var(--lpw)) solid transparent;
  border-top: calc(100vw * 22 / var(--lpw)) solid #FFF;
  z-index: 2;
}
.cta-011 .cta-title:after {
  content: "";
  position: absolute;
  bottom: calc(100vw * -40 / var(--lpw));
  left: 50%;
  margin-left: calc(100vw * -17 / var(--lpw));
  border: calc(100vw * 15 / var(--lpw)) solid transparent;
  border-top: calc(100vw * 25 / var(--lpw)) solid #333333;
  z-index: 1;
}
@media only screen and (min-width: 1281px) {
  .cta-011 .cta-title {
    max-width: 470px;
    padding: 15px 50px;
    margin-bottom: 20px;
    top: -138px;
    left: calc(50% + 115px);
  }
  .cta-011.webonly .cta-title {
    top: -158px;
    left: calc(50% + 102px);
  }
  .cta-011 .cta-title:before {
    bottom: -32px;
    margin-left: -15px;
    border: 13px solid transparent;
    border-top: 22px solid #FFF;
  }
  .cta-011 .cta-title:after {
    bottom: -40px;
    margin-left: -17px;
    border: 15px solid transparent;
    border-top: 25px solid #333333;
  }
}
@media only screen and (max-width: 768px){
  .cta-011 .cta-title,
  .cta-011.webonly .cta-title {
    position: relative;
    top: 0;
    left: 50%;
    max-width: 335px;
    padding: 15px 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
  }
  .cta-011 .cta-title:before,
  .cta-011 .cta-title:after {
    content: none;
  }
  .cta-011 .cta-title small {
    font-size: 12px;
  }
}
/* tel
-----------------------*/
.cta-011 .cta-tel {
  text-align: center;
}
.cta-011 .cta-tel-link {
  font-weight: 600;
  line-height: 1;
  color: #007B4B;
}
.cta-011 .cta-tel-link .pc {
  font-weight: 700;
  letter-spacing: -0.015em;
}
.cta-011 .cta-tel-link .number::before {
  content: "";
  width: calc(100vw * (47 / var(--lpw)));
  height: calc(100vw * (55 / var(--lpw)));
  display: inline-block;
  vertical-align: bottom;
  background: center/calc(100vw * (47 / var(--lpw))) url(../img/cta/cta-icon-tel-green-3.svg) no-repeat;
  margin-right: calc(100vw * (15 / var(--lpw)));
}
.cta-011 .cta-tel-text {
  display: block;
  font-weight: 600;
  margin-top: calc(100vw * (10 / var(--lpw)));
  letter-spacing: 0.1em;
  color: #333;
}
.cta-011 .cta-tel-text small {
  color: #81560A;
}
@media only screen and (min-width: 1281px) {
  .cta-011 .cta-tel-link .number::before {
    width: 47px;
    height: 55px;
    background-size: 47px;
    margin-right: 15px;
  }
  .cta-011 .cta-tel-text {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 769px){
  .cta-011 .cta-tel-link {
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px){
  .cta-011 .cta-tel-text {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
  }
  .cta-011 .cta-tel-text small {
    font-size: 14px;
  }
  .cta-011 .cta-tel-link {
    display: block;
    text-align: center;
    background-color: #007B4B;
    color: #fff;
    font-weight: 600;
    padding: 27px 0 24px;
    font-size: 20px;
    border-radius: 70px;
    box-shadow: 0 7px 1px #005534;
    margin-top: 10px;
    max-width: 335px;
    margin-inline: auto;
    z-index: 1;
  }
  .cta-011 .cta-tel-icon {
    width: 27px;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    fill: #fff;
    top: -3px;
  }
}
/* web
-----------------------*/
.cta-011 .cta-web {
  margin-top: calc(100vw * (30 / var(--lpw)));
}
.cta-011 .cta-web-item {
  display: block;
  text-align: center;
  background-color: #E05D0E;
  color: #fff;
  font-weight: 600;
  padding: calc(100vw * (25 / var(--lpw))) 0 calc(100vw * (26 / var(--lpw)));
  font-size: clamp( 1px, calc(100vw * 24 / var(--lpw)), 24px );
  border-radius: calc(100vw * (70 / var(--lpw)));
  box-shadow: 0 calc(100vw * 7 / var(--lpw)) 1px #833101;
  margin-top: calc(100vw * (10 / var(--lpw)));
  width: 100%;
  max-width: calc(100vw * (450 / var(--lpw)));
  margin-inline: auto;
  z-index: 1;
}
.cta-011 .cta-web-item:active {
  box-shadow: 0 calc(100vw * 5 / var(--lpw)) 1px #833101;
  top: 5px;
}
.cta-011 .cta-mail-icon {
  display: inline-block;
  width: calc(100vw * (30 / var(--lpw)));
  height: calc(100vw * (30 / var(--lpw)));
  margin-right: calc(100vw * (5 / var(--lpw)));
  vertical-align: middle;
  fill: #fff;
  top: calc(100vw * (-3 / var(--lpw)));
}
.cta-011 .cta-arrow-icon {
  right: calc(100vw * (20 / var(--lpw)));
  position: absolute;
  top: calc(50% - calc(100vw * (13 / var(--lpw))));
  width: calc(100vw * (25 / var(--lpw)));
  height: calc(100vw * (25 / var(--lpw)));
}
@media only screen and (min-width: 1281px) {
  .cta-011 .cta-web {
    margin-top: 30px;
  }
  .cta-011 .cta-web-item {
    padding: 25px 0 26px;
    border-radius: 70px;
    box-shadow: 0 7px 1px #833101;
    margin-top: 10px;
    max-width: 450px;
  }
  .cta-011 .cta-web-item:active {
    box-shadow: 0 5px 1px #833101;
    top: 5px;
  }
  .cta-011 .cta-mail-icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    top: -3px;
  }
  .cta-011 .cta-arrow-icon {
    right: 20px;
    top: calc(50% - 13px);
    width: 25px;
    height: 25px;
  }
}
@media only screen and (max-width: 768px){
  .cta-011 .cta-web {
    margin-top: 30px;
  }
  .cta-011 .cta-web-item {
    max-width: 375px;
    font-size: 20px;
    border-radius: 80px;
    box-shadow: 0 7px 1px #833101;
    padding: 25px 0 22px;
  }
  .cta-011 .cta-web-item span{
    margin-left: -10px;
  }
  .cta-011 .cta-mail-icon {
    width: 27px;
    height: 27px;
    top: -2px;
    left: -10px;
  }
  .cta-011 .cta-arrow-icon {
    right: 19px;
    top: calc(50% - 10px);
    width: 22px;
    height: 22px;
  }
}

/* line
-----------------------*/
.cta-011.cta-store .cta-web {
  margin-top: calc(100vw * 20 / var(--lpw));
}
.cta-011.cta-store .cta-line-item {
  display: block;
  text-align: center;
  background-color: #07B53A;
  color: #fff;
  font-weight: 600;
  padding: calc(100vw * 25 / var(--lpw)) 0 calc(100vw * 26 / var(--lpw));
  font-size: clamp( 1px, calc(100vw * 24 / var(--lpw)), 24px );
  border-radius: 70px;
  box-shadow: 0 calc(100vw * 7 / var(--lpw)) 0 #08821F;
  margin-top: calc(100vw * 10 / var(--lpw));
  max-width: calc(100vw * 450 / var(--lpw));
  margin-inline: auto;
  z-index: 1;
}
.cta-011.cta-store .cta-line-text {
  font-weight: 400;
  margin-top: calc(100vw * 15 / var(--lpw));
  text-align: center;
}
.cta-011.cta-store .cta-line-icon {
  display: inline-block;
  width: calc(100vw * 30 / var(--lpw));
  height: calc(100vw * 30 / var(--lpw));
  margin-right: calc(100vw * 5 / var(--lpw));
  vertical-align: middle;
  fill: #fff;
  top: calc(100vw * -3 / var(--lpw));
}
.cta-011.cta-store .cta-line-icon .st0 {
  fill: none;
}
.cta-011.cta-store .cta-line .cta-arrow-icon {
  transform: rotate(-90deg);
  margin-left: 0;
}
@media only screen and (min-width: 1281px) {
  .cta-011.cta-store .cta-web {
    margin-top: 20px;
  }
  .cta-011.cta-store .cta-line-item {
    padding: 25px 0 26px;
    border-radius: 70px;
    box-shadow: 0 7px 0 #08821F;
    margin-top: 10px;
    max-width: 450px;
  }
  .cta-011.cta-store .cta-line-text {
    margin-top: 15px;
  }
  .cta-011.cta-store .cta-line-icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    top: -3px;
  }
  .cta-011.cta-store .cta-line-icon .st0 {
    fill: none;
  }
  .cta-011.cta-store .cta-line .cta-arrow-icon {
    transform: rotate(-90deg);
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px){
  .cta-011.cta-store .cta-web {
    margin-top: 20px;
  }
  .cta-011.cta-store .cta-line-item {
    margin-top: 10px;
    max-width: 450px;
    box-shadow: 0 7px 0 #08821F;
    font-size: 20px;
    padding: 25px 0 22px;
  }
  .cta-011.cta-store .cta-line-item span {
    margin-left: -10px;
  }
  .cta-011.cta-store .cta-line-text {
    margin-top: 15px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  .cta-011.cta-store .cta-line-icon {
    width: 27px;
    height: 27px;
    top: -2px;
    left: -10px;
  }
}

.grid { display: grid; }
.flex { display: flex; }
/* base
---------------------------------------------*/
.warranty-usp {
  padding-bottom: 0;
}
.warranty-usp .container {
  max-width: calc(100vw * 800 / 1280);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1281px){
  .warranty-usp .container {
    width: 800px;
  }
}
@media screen and (max-width: 768px){
  .warranty-usp .container {
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* 状態 junk
---------------------------------------------*/
.junk {
  background-color: #fff;
  padding-bottom: calc(100vw * 50 / 1280);
  @media (min-width: 1281px) {
    padding-bottom: 50px;
  }
  @media (max-width: 768px) {
    padding-bottom: 30px;
  }
}
.junk::after {
  content: '';
  position: absolute;
  bottom: calc(100vw * -98 / 1280);
  left: 0;
  width: 0;
  height: 0;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: calc(100vw * 100 / 1280) solid #fff;
  z-index: 2;
}
@media screen and (min-width: 1281px){
  .junk::after {
    bottom: -100px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 100px solid #fff;
  }
}
@media screen and (max-width: 768px){
  .junk::after {
    bottom: -50px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 50px solid #fff;
  }
}

/* junk-about
---------------------------------------------*/
.junkabout-title img {
  margin-inline: auto;
}
.junkabout-box {
  margin-top: calc(100vw * 30 / 1280);
}

/* junk 下部の画像（index.html の junk_sp / junk_pc） */
.junk-visual {
  display: block;
  margin-top: calc(100vw * 30 / 1280);
}
@media (min-width: 1281px) {
  .junk-visual {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .junk-visual {
    margin-top: 30px;
  }
}
/* junk_pc：PC表示で拡大（130% に対しさらに約50% → 195%／767px以下は junk_sp） */
@media (min-width: 768px) {
  .junk-visual img.img-responsive {
    width: 195%;
    max-width: none;
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 769px) {
  .junkabout-title img,
  .junkabout-box picture.pc img {
    width: 80%;
    display: block;
    margin-inline: auto;
  }
}
@media (min-width: 1281px) {
  .junkabout-box {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .junkabout-box {
    margin-top: 30px;
  }
}
/* end junk-about
---------------------------------------------*/

/* junk-content のCSSは削除（index.html 652-754 対象） */

/* 買取保証 warranty
---------------------------------------------*/
.warranty {
  background-color: #FFDC84;
  padding-top: calc(100vw * 180 / 1280);
  padding-bottom: calc(100vw * 75 / 1280);
}
/* PC */
@media only screen and (min-width: 1281px){
  .warranty {
    padding-top: 180px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 768px){
  .warranty {
    padding-top: 90px;
    padding-bottom: 140px;
  }
}
/* warranty-about
---------------------------------------------*/
.warrantyabout-title img {
  margin-inline: auto;
}
.warrantyabout-box {
  margin-top: calc(100vw * 60 / 1280);
  @media (min-width: 1281px) {
    margin-top: 60px;
  }
  @media (max-width: 768px) {
    margin-top: 30px;
  }
}
/* end warranty-about
---------------------------------------------*/

/* warranty-content
---------------------------------------------*/
.warranty-lead {
  background-color: #ED4700;
  border-radius: 10px 10px 0 0;
  padding: calc(100vw * 25 / 1280);
  margin-top: calc(100vw * 20 / 1280);
  img {
    height: calc(100vw * 55 / 1280);
    margin-inline: auto;
  }
  @media (min-width: 1281px) {
    padding: 25px;
    margin-top: 20px;
    img {
      height: 55px;
    }
  }
  @media (max-width: 768px) {
    padding: 20px;
    margin-top: 20px;
    img {
      height: 32px;
    }
  }
}
.warranty-wrap {
  background-color: #fff;
  border: 3px solid #ED4700;
  margin-inline: auto;
  border-radius: 0 0 calc(100vw * 10 / 1280) calc(100vw * 10 / 1280);
  padding: calc(100vw * 20 / 1280) calc(100vw * 30 / 1280) calc(100vw * 30 / 1280);
  @media (min-width: 1281px) {
    border-radius: 0 0 10px 10px;
    padding: 20px 30px 30px;
  }
  @media (max-width: 768px) {
    border-radius: 0 0 10px 10px;
    padding: 20px;
  }
}
.fukidashi.nanto{
  width: calc(100vw * (740 / 1280));
  margin: auto;
  @media (min-width: 1281px) {
    width: 740px;
  }
  @media (max-width: 768px) {
    width: 100%;
  }
}
.warranty-list {
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  margin-inline: auto;
  margin-top: calc(100vw * 20 / 1280);
  gap: calc(100vw * 30 / 1280) calc(100vw * 20 / 1280);
  @media (min-width: 1281px) {
    margin-top: 20px;
    gap: 30px 20px;
  }
  @media (max-width: 768px) {
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  @media (max-width: 374px) {
    gap: calc(100vw * 15 / 375);
  }
}
.warranty-item-image img {
  width: 100%;
  margin: auto;
  border-radius: 5px;
}
.warranty-item-desc {
  margin-top: calc(100vw * 10 / 1280);
  font-size: clamp( 1px, calc(100vw * 16 / 1280), 16px );
  text-align: center;
  font-feature-settings: "palt";
  @media (min-width: 1281px) {
    margin-top: 10px;
    font-size: 16px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 1.6px;
  }
}
.warranty-target-desc {
  background-color: #FFECEC;
  color: #DE310B;
  border-radius: 5px;
  font-size: clamp( 1px, calc(100vw * 16 / 1280), 16px );
  font-weight: 600;
  text-align: center;
  padding: calc(100vw * 10 / 1280) 0;
  margin-top: 6px;
  @media (min-width: 1281px) {
    font-size: 16px;
    letter-spacing: 1.6px;
    padding: 10px 0;
  }
  @media (max-width: 768px) {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: 1.3px;
    padding: 15px 20px;
  }

}
.warranty .attention {
  margin-top: 10px;
  p {
    font-size: clamp( 1px, calc(100vw * 13 / 1280), 13px );
    padding-left: 1em;
    text-indent: -1em;
    font-weight: 300;
    line-height: calc(100vw * 22 / 1280);
    @media (min-width: 1281px) {
      font-size: 13px;
      line-height: 22px;
    }
    @media (max-width: 768px) {
      font-size: 13px;
      line-height: 22px;
    }
  }
}
/* end warranty-content
---------------------------------------------*/
.warranty .consult-text {
  margin-top: calc(100vw * 30 / 1280);
  span,small {
    text-align: center;
    font-size: clamp( 1px, calc(100vw * 20 / 1280), 20px );
    font-weight: 600;
    letter-spacing: 2px;
  }
  span {
    display: block;
  }
  small.textcolor {
    color: #ED4700;
  }
  p {
    margin-top: 5px;;
    text-align: center;
    font-size: clamp( 1px, calc(100vw * 30 / 1280), 30px );
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 3px;
  }
  @media (min-width: 1281px) {
    margin-top: 30px;
    span,small {
      font-size: 20px;
    }
    p {
      font-size: 30px;
    }
  }
  @media (max-width: 768px) {
    margin-top: 30px;
    span,small {
      font-size: 13px;
      letter-spacing: 0.156px;
    }
    p {
      font-size: 20px;
      letter-spacing: 0.04px;
    }
  }
}

/* USP直下のpadding調整の背景色
---------------------------------------------*/
.warranty-usp + div.ptop30 {
  background-color: #FFDC84;
}

/* 店舗一覧導線
------------------------------------------------- */
.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: #C7A734;
}

/* Item
---------------------------------------------*/
.archives,
.item {
  background-color: #f4f3e1;
  .container {
    max-width: calc(100vw * 1240 / var(--lpw));
    @media (min-width: 1281px){
      max-width: 1240px;
    }
    @media (max-width: 768px){
      max-width: 375px;
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .attention {
    margin-top: calc(100vw * 50 / var(--lpw));
    font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px );
    font-weight: 400;
    padding-left: 1em;
    text-indent: -1em;
    @media (min-width: 1281px){
      margin-top: 50px;
    }
    @media (max-width: 768px){
      font-size: 13px;
    }
  }
}
.archives {
  .container {
    @media (min-width: 769px){
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}
.item .section-title,
.archives .section-title {
  font-size: clamp( 1px, calc(100vw * 35 / var(--lpw)), 35px );
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  p,
  small {
    font-size: clamp( 1px, calc(100vw * 25 / var(--lpw)), 25px );
    font-weight: 700;
    @media (max-width: 768px){
      font-size: 20px;
    }
  }
  small.textcolor-red {
    display: inline-block;
    font-size: clamp( 1px, calc(100vw * 35 / var(--lpw)), 35px );
    font-weight: 700;
    @media (max-width: 768px){
      font-size: 25px;
    }
  }
  @media (max-width: 768px){
    font-size: 25px;
    line-height: 1.2;
    p {
      font-size: 20px;
    }
    small,
    span {
      margin-top: 10px;
      font-size: 22px;
    }
    small.textcolor-red {
      display: inline-block;
      font-size: 22px;
      font-weight: 700;
    }
  }
}
.archives .section-title small {
  display: block;
  &.textcolor-red {
    color: #DF5C01;
  }
}
.item-desc {
  margin-top: calc(100vw * 30 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 30px;
  }
  @media (max-width: 768px){
    margin-top: 30px;
    font-size: 19px;
  }
}
.item-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: calc(100vw * 30 / var(--lpw));
  gap: calc(100vw * 20 / var(--lpw)) calc(100vw * 15 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 30px;
    gap: 20px 15px;
  }
  @media (min-width: 769px){
    &:after {
      display: block;
      content: "";
      width: calc(100% / 1.77);
    }
  }
  @media (max-width: 768px){
    margin-top: 30px;
    gap: 15px 10px;
    font-size: 19px;
  }
  @media (max-width: 370px){
    gap: 15px 5px;
  }
}
.item-list-item {
  width: calc(100vw * 144 / var(--lpw));
  border-radius: 50%;
  @media (min-width: 1281px){
    width: 144px;
  }
  @media (max-width: 768px){
    width: 75px;
  }
  @media (max-width: 370px){
    width: calc(100vw * 75 / 369);
  }
  svg {
    width: calc(100vw * 144 / var(--lpw));
    margin-inline: auto;
    @media (min-width: 1281px){
      width: 144px;
    }
    @media (max-width: 768px){
      width: 75px;
    }
    .cls-1 {
      fill: #fff;
    }
    .cls-2 {
      fill: #ff7b0d;
      fill-rule: evenodd;
    }
  }
}
.item-name {
  width: 100%;
  text-align: center;
  font-size: clamp( 1px, calc(100vw * 14 / var(--lpw)), 14px );
  margin-top: calc(100vw * 10 / var(--lpw));
  font-weight: 600;
  @media (min-width: 1281px){
    margin-top: 10px;
  }
  @media (max-width: 768px){
    margin-top: 10px;
    font-size: 12px;
  }
}

.item-header {
  @media (min-width: 769px){
    .section-title {
      text-align: left;
    }
  }
  @media (max-width: 768px){
    width: 100%;
  }
}
.item-body {
  @media (max-width: 768px){
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
}

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