@charset "UTF-8";

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: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Sans','Noto Sans JP',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
  font-weight: 500;
  font-size: 16px;
  font-feature-settings: initial;
  letter-spacing: 0.075em;
  line-height: 1.5;
  color: #333;
}
blockquote, body, button, dd, div, dl, dt, embed, fieldset, form, li, object, p, pre, table, td, th {
  font-weight: 600;
}
a:hover, a > span:hover, button:hover {
  opacity: 0.7;
  transition: 0.3s;
}
/* ------------------------------------------------------------------------------------------
 Common
------------------------------------------------------------------------------------------ */
.overtop_attent {
  display: none;
}
.container {
  max-width: calc(100vw * 800 / var(--lpw));
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1281px){
  .container {
    max-width: 800px;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .container {
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

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

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

/* Display
---------------------------------------------*/
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.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 img {
  display: inline-block;
  width: clamp(1px, calc(100vw * 30 / var(--lpw)), 30px);
  vertical-align: middle;
}
.header-cta-tel-text {
  display: block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5px;
}
.header-cta-tel-num {
  line-height: 1;
  font-size: clamp(1px, calc(100vw * 30 / var(--lpw)), 30px);
  font-weight: 600;
  letter-spacing: -0.015em;
  vertical-align: middle;
  color: #0F5B00; 
}
.header-cta-mail img {
  display: inline-block;
  width: clamp(1px, calc(100vw * 30 / var(--lpw)), 30px);
  vertical-align: middle;
}
/* PC */
@media only screen and (min-width: 769px){
  .header-cta-tel-text {
    color: #333;
  }
  .header-cta-tel {
    pointer-events: none;
  }
  .header-cta-mail {
    display: flex;
		align-items: center;
		justify-content: center;
    text-align: center;
		gap: clamp(1px, calc(100vw * 8 / var(--lpw)), 8px);
		width: clamp(1px, calc(100vw * 263 / var(--lpw)), 263px);
    font-weight: 600;
    letter-spacing: clamp(1px, calc(100vw * 1.3 / var(--lpw)), 1.3px);
    border-radius: 5px;
    background: #2D33A7;
    box-shadow: 0 2px 3px 0 rgba(45, 51, 167, 0.30);
    color: #fff;
    padding: clamp(1px, calc(100vw * 14 / var(--lpw)), 14px) 0;
  }
/* アフィリエイト用ヘッダー */
  .header-cta.affiliate {
    align-items: flex-end;
  }
  .header-cta-tel-area.affiliate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-text {
    text-align: right;
    width: 100%;
    margin-right: 20px;
    font-size: 14px;
  }
  .header-cta-tel-area.affiliate .header-cta-tel {
    background-color: #008652;
    width: 232px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-radius: 70px;
    box-shadow: 0 4px 1px #005534;
    pointer-events: auto;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-icon {
    margin-right: 5px;
    top: -2px;
    width: 21px;
  }
  .header-cta-tel-area.affiliate .header-cta-tel-icon .st0 {
    fill: #ffffff;
  }
}
/* SP */
@media only screen and (max-width: 768px){
  .header-top {
    height: auto;
  }
  .header-cta {
    padding-right: 0;
  }
  .header-cta-tel {
    font-size: 12px;
    font-weight: 600;
    display: block;
    width: 100px;
    text-align: center;
    margin-right: 0;
    padding: 10px 0 5px;
    border-left: 1px solid #e5e5e5;
    order: 1;
  }
  .header-cta-tel-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    .cls-1 {
      fill: none;
    }
    .cls-2 {
      fill: #0F5B00;
    }
  }
  .header-cta-mail {
    font-size: 12px;
    font-weight: 600;
    width: 120px;
    text-align: center;
    padding: 10px 0 5px;
    border-left: 1px solid #e5e5e5;
    order: 2;
  }
  .header-cta-mail-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
    .cls-1 {
      fill: none;
    }
    .cls-2 {
      fill: #2A479C;
    }
  }  
}

/* MV
---------------------------------------------*/
.mv {
  background-color: #F2ECD6;
}
.mv .container {
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
}
.mv-item img {
  width: 100%;
  margin: auto;
}

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

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

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

/* Info
---------------------------------------------*/
.info {
  background-image: url('../img/info/bg_pc.jpg');
  background-position: center;
  background-repeat: repeat;
  background-size: 100% auto;
  @media (max-width: 768px) {
    margin-top: 26px;
    background-image: url('../img/info/bg_sp.jpg');
  }
}
.info-box{
  max-width: calc(100vw * 640 / var(--lpw));
  margin: auto;
  @media (min-width: 1281px) {
    max-width: 640px;
  }
  @media (max-width: 768px) {
    max-width: 335px;
  }
}
.info .border-line {
  width: 100%;
  background-image: url('../img/info/bg_pattern.svg');
  background-repeat: repeat-x;
  background-size: 16px 16px;
  &.top,&.bottom{
    padding-top: calc(100vw * 16 / var(--lpw));
    padding-bottom: calc(100vw * 50 / var(--lpw));
    @media (min-width: 1281px) {
      padding-top: 16px;
      padding-bottom: 50px;
    }
    @media (max-width: 768px) {
      padding-top: 16px;
      padding-bottom: 40px;
    }
  }
  &.top {
    background-position: left top;
  }
  &.bottom {
    background-position: left bottom;
  }
}
.info .section-title {
  margin-inline: auto;
  img {
    margin-inline: auto;
    width: calc(100vw * 380 / var(--lpw));
  }
  @media (min-width: 1281px) {
    width: 380px;
  }
  @media (max-width: 768px) {
    img {
      width: 335px;
    }
  }
}
.info-list-title {
  align-items: center;
  justify-content: center;
  gap: calc(100vw * 8 / var(--lpw));
  margin-inline: auto;
  margin-top: calc(100vw * 30 / var(--lpw));
  text-align: center;
  font-size: clamp(1px, calc(100vw * 20 / var(--lpw)), 20px);
  font-weight: 600;
  line-height: 32px; /* 160% */
  letter-spacing: 2px;
  &::before,
  &::after {
    content: "";
    width: calc(100vw * 2 / var(--lpw));
    height: calc(100vw * 20 / var(--lpw));
    background-color: #593623;
    border-radius: calc(100vw * 2 / var(--lpw));
    transform: rotate(20deg);
    flex-shrink: 0;
  }
  &::before {
    transform: rotate(-20deg);
  }
  @media (min-width: 1281px) {
    gap: 8px;
    margin-top: 30px;
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  @media (max-width: 768px) {
    gap: 8px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px; /* 175% */
    letter-spacing: 1.6px;
    &::before,
    &::after {
      width: 2px;
      height: 20px;
      border-radius: 2px;
    }
  }
  span {
    color:#CB3D01;
  }
}
.info-list {
  justify-content: space-between;
  width: 100%;
  margin-inline: auto;
  margin-top: calc(100vw * 10 / var(--lpw));
  gap: calc(100vw * 20 / var(--lpw));
  @media (min-width: 1281px) {
    margin-top: 10px;
    gap: 20px;
  }
  @media (max-width: 768px) {
    margin-top: 10px;
    gap: 10px;
  }
}
.info-list-item {
  width: clamp(1px, calc(100vw * 210 / var(--lpw)), 210px);
  height: clamp(1px, calc(100vw * 105 / var(--lpw)), 105px);
  font-size: clamp(1px, calc(100vw * 20 / var(--lpw)), 20px);
  font-weight: 700;
  letter-spacing: 0.8px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transition: opacity 0.8s ease;
  @media (min-width: 1281px) {
    width: calc((100% - 36px) / 3);
  }
  @media (max-width: 768px) {
    width: 105px;
    height: 82px;
    font-size: 13px;
    line-height: 130%; /* 16.9px */
    letter-spacing: 1.3px;
  }
  &.menu01{
    background-image: url(../img/info/button_menu01_pc.svg);
    background-size: min(100%, 210px) auto;
    @media (max-width: 768px) {
      background-image: url(../img/info/button_menu01_sp.svg);
    }
  }
  &.menu02{
    background-image: url(../img/info/button_menu02_pc.svg);
    background-size: min(100%, 210px) auto;
    @media (max-width: 768px) {
      background-image: url(../img/info/button_menu02_sp.svg);
    }
  }
  a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333;
    padding-bottom: clamp(1px, calc(100vw * 15 / var(--lpw)), 15px);
    @media (min-width: 1281px) {
      padding-bottom: 15px;
    }
    @media (max-width: 768px) {
      padding-bottom: 10px;
    }
  }
  &:hover {
    opacity: 0.7;
  }
}


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

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

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

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

/* Result
---------------------------------------------*/
.result {
  overflow: hidden;
  background-color: #0B1C2E;
    background-image: 
    url("../img/result/bg_top.png"),
    url("../img/result/bg_bottom.png");
  background-position: top center, bottom center;
  background-repeat: no-repeat;
  background-size: min(100%, 1280px) auto;
  padding: calc(100vw * 150 / var(--lpw)) 0;
  @media (min-width: 1281px){
    padding: 150px 0;
  }
  @media (max-width: 768px){
    padding: 75px 0;
      background-image: 
      url("../img/result/bg_top_sp.png"),
      url("../img/result/bg_bottom_sp.png");
  }
  .slick-list {
    margin: 0 calc(100vw * -15 / var(--lpw));
    @media (min-width: 1281px){
      margin: 0 -15px;
    }
    @media (max-width: 768px){
      margin: 0 -10px;
    }
  }
  .slick-slide {
    margin: 0 calc(100vw * 15 / var(--lpw));
    @media (min-width: 1281px){
      margin: 0 15px;
    }
    @media (max-width: 768px){
      margin: 0 10px;
    }
  }
}
.result .section-title {
  img {
    width: calc(100vw * 400 / var(--lpw));
    margin-inline: auto;
    @media (min-width: 1281px) {
      max-width: 400px;
    }
    @media (max-width: 768px) {
      width: 277px;
    }
  }
}
.result-text {
  margin-top: calc(100vw * 20 / var(--lpw));
  margin-inline: auto;
  color: #fff;
  text-align: center;
  font-size: calc(100vw * 25 / var(--lpw));
  line-height: calc(100vw * 40 / var(--lpw));
  letter-spacing: calc(100vw * 2.5 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 20px;
    font-size: 25px;
    line-height: 40px;
    letter-spacing: 2.5px;
  }
  @media (max-width: 768px){
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
  p {
    font-weight: 300;
    span.bold {
      font-weight: 600;
    }
    sub {
      top: calc(100vw * -3 / var(--lpw));
      font-size: clamp( 1px, calc(100vw * 13 / var(--lpw)), 13px);
      @media (max-width: 768px){
        top: -3px;
        font-size: 13px;
      }
    }
  }
}
/* result-pickup-list
---------------------------------------------*/
.result-pickup-list {
  margin-top: calc(100vw * 50 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 50px;
  }
  @media (max-width: 768px){
    margin-top: 39px;
  }
}
.result-pickup-list .result-pickup-list-item + .result-pickup-list-item {
  margin-top: calc(100vw * 20 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 20px;
  }
  @media (max-width: 768px){
    margin-top: 20px;
  }
}
.result-pickup-list-item {
  background: #fff;
  border-radius: 5px;
  padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 20 / var(--lpw)) calc(100vw * 15 / var(--lpw));
  margin-inline: auto;
  position: relative;
  @media (min-width: 769px){
    grid-template-columns: calc(100vw * 250 / var(--lpw)) 1fr;
    grid-template-areas: "image text";
    column-gap: calc(100vw * 15 / var(--lpw));
    align-items: start;
  }
  @media (min-width: 1281px){
    grid-template-columns: 250px 1fr;
    column-gap: 15px;
    padding: 20px 20px 15px;
  }
  @media (max-width: 768px){
    width: 100%;
    max-width: 335px;
    grid-template-areas:
    "title"
    "image"
    "body";
    row-gap: 10px;
    padding: 20px 15px;
  }
  /* 本場大島紬 */
  &.top{
    padding: calc(100vw * 40 / var(--lpw)) calc(100vw * 66 / var(--lpw)) calc(100vw * 30 / var(--lpw));
    @media (min-width: 1281px){
      padding: 40px 66px 30px;
    }
    @media (max-width: 768px){
      padding: 38px 0 20px;
    }
    &::before{
      content: "";
      position: absolute;
      top: 5px;
      right: 5px;
      bottom: 5px;
      left: 5px;
      border-radius: 5px;
      border: 3px solid #CB3D01;
    }
    .pickup-title{
      width: calc(100vw * 500 / var(--lpw));
      height: calc(100vw * 50 / var(--lpw));
      position: absolute;
      transform: translate(-50%, -50%);
      top: 0;
      left: 50%;
      @media (min-width: 1281px){
        width: 500px;
        height: 50px;
      }
      @media (max-width: 768px){
        width: 300px;
        height: 50px;
      }
    }
    .result-item-image{
      width: calc(100vw * 275 / var(--lpw));
      height: calc(100vw * 250 / var(--lpw));
      @media (min-width: 1281px){
        width: 275px;
        height: 250px;
      }
      @media (max-width: 768px){
        width: 116px;
        height: 105px;
      }
    }
    .result-item-title {
      text-align: center;
      color: #CB3D01;
      font-size: clamp( 1px, calc(100vw * 30 / var(--lpw)), 30px );
      line-height: calc(100vw * 44 / var(--lpw));
      letter-spacing: calc(100vw * 3 / var(--lpw));
      @media (min-width: 1281px){
        line-height: 44px;
        letter-spacing: 3px;
      }
      @media (max-width: 768px){
        font-size: 20px;
        line-height: 25px; /* 166.667% */
        letter-spacing: 0.45px;
        .sp-small{
          font-size: 13px;
        }
      }
    }
    .result-item-attention p{
      text-align: center;
      color: #333;
      font-weight: 300;
      @media (max-width: 768px){
        margin-top: 5px;
      }
    }
    .result-item-wrap{
      width: calc(100vw * 363 / var(--lpw));
      padding: calc(100vw * 20 / var(--lpw)) calc(100vw * 35 / var(--lpw));
      margin-top: calc(100vw * 10 / var(--lpw));
      background-color: #FFF3D1;
      display: flex;
      flex-direction: column;
      gap: calc(100vw * 16 / var(--lpw));
      @media (min-width: 1281px){
        width: 363px;
        padding: 20px 35px;
        margin-top: 10px;
        gap: 16px;
      }
      @media (max-width: 768px){
        width: 305px;
        padding: 15px;
        margin: 10px auto 0;
      }
      @media (max-width: 374px){
        width: calc(100vw * 305 / 375);
        padding: calc(100vw * 15 / 375) calc(100vw * 10 / 375);
        margin-top: calc(100vw * 10 / 375);
      }
      
      .price-other,.price-buysell{
        white-space: nowrap;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
      }
      .price-other{
        .price-num,.price-unit{
          color: #333;
        }
        .price-store{
          color:#FFF;
          border-radius: 2px;
          background: #593623;
          padding: calc(100vw * 4 / var(--lpw)) calc(100vw * 15 / var(--lpw));
          margin-right: calc(100vw * 10 / var(--lpw));
          @media (min-width: 1281px){
            padding: 4px 15px;
            margin-right: 10px;
          }
          @media (max-width: 768px){
            padding: 4px 26px;
            margin-right: 12px;
          }
          @media (max-width: 374px) {
            padding: calc(100vw * 4 / 375) calc(100vw * 26 / 375);
            margin-right: calc(100vw * 10 / 375);
          }
        }
        .price-note{
          margin-right: calc(100vw * 5 / var(--lpw));
          @media (min-width: 1281px){
            margin-right: 5px;
          }
        }
      }
      .price-buysell{
        color:#CB3D01;
        .price-store{
          margin-right: calc(100vw * 10 / var(--lpw));
          @media (min-width: 1281px){
            margin-right: 10px;
          }
          @media (max-width: 768px){
            font-size: 20px;
            margin-right: 10px;
          }
        }
      }
    }
    .result-item-sp-wrap{
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
.result-pickup-list-item .result-item-image {
  grid-area: image;
  width: calc(100vw * 250 / var(--lpw));
  border-radius: 5px;
  img {
    border-radius: 5px;
  }
  @media (min-width: 1281px){
    width: 250px;
  }
  @media (max-width: 768px){
    width: 100%;
  }
}
.result-pickup-list-item .result-item-content {
  display: block;     /* contents を解除してブロックへ */
  grid-area: text;
  margin: auto;
  @media (max-width: 768px){
    display: contents;
  }
}
.result-pickup-list-item .result-item-title {
  grid-area: title;
  color: #43392F;
  font-size: clamp( 1px, calc(100vw * 20 / var(--lpw)), 20px );
  font-weight: 600;
  line-height: calc(100vw * 32 / var(--lpw)); /* 160% */
  letter-spacing: calc(100vw * 2 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 32px;
    letter-spacing: 2px;
  }
  @media (max-width: 768px){
    font-size: 15px;
    line-height: 25px; /* 166.667% */
    letter-spacing: 0.45px;
  }
}
.result-pickup-list-item .result-item-desc {
  grid-area: body;
  margin-top: calc(100vw * 10 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 10px;
  }
  @media (max-width: 768px){
    margin-top: 0;
  }
}
.result-pickup-list-item .result-item-price {
  align-items: baseline;
  gap: calc(100vw * 5 / var(--lpw));
  @media (min-width: 1281px){
    gap: 5px;
  }
  @media (max-width: 768px){
    gap: 5px;
  }
}
.result-pickup-list-item .price-label {
  color: #CB3D01;
  font-weight: 600;
  line-height: calc(100vw * 21 / var(--lpw)); /* 161.538% */
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 21px;
    letter-spacing: 1.3px;
  }
  @media (max-width: 768px){
    line-height: 21px;
    letter-spacing: 1.3px;
  }
}
.result-pickup-list-item .price-amount {
  align-items: baseline;
  gap: calc(100vw * 3 / var(--lpw));
  @media (min-width: 1281px){
    gap: 3px;
  }
  @media (max-width: 768px){
    gap: 3px;
  }
}
.result-pickup-list-item .price-num {
  font-weight: 700;
  line-height: calc(100vw * 30 / var(--lpw)); /* 100% */
  letter-spacing: 0.6px;
  color: #CB3D01;
  top: calc(100vw * 2 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 30px;
    top: 2px;
  }
  @media (max-width: 768px){
    line-height: 30px;
    top: 2px;
  }
}
.result-pickup-list-item .price-unit {
  color: #CB3D01;
  font-weight: 600;
  line-height: calc(100vw * 28 / var(--lpw)); /* 175% */
  letter-spacing: calc(100vw * 1.6 / var(--lpw));
  @media (min-width: 1281px){
    line-height: 28px;
    letter-spacing: 1.6px;
  }
  @media (max-width: 768px){
    line-height: 28px;
    letter-spacing: 1.6px;
  }
}
.result-pickup-list-item .result-item-description {
  margin-top: calc(100vw * 10 / var(--lpw));
  color: #43392F;
  font-weight: 300;
  line-height: calc(100vw * 21 / var(--lpw));
  letter-spacing: calc(100vw * 1.3 / var(--lpw));
  width: 100%;
  max-width: 495px;
  .bold {
    font-weight: 600;
  }
  @media (min-width: 1281px){
    line-height: 21px;
    letter-spacing: 1.3px;
    margin-top: 10px;
  }
  @media (max-width: 768px){
    line-height: 21px;
    letter-spacing: 1.3px;
    margin-top: 5px;
  }
}

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

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

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

/* Marugoto
---------------------------------------------*/
.marugoto {
  background-image: url(../img/junk/bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  @media (max-width: 768px){
    background-image: url(../img/junk/bg_sp.jpg);
  }
}

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

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

/* Achievements
---------------------------------------------*/
.achievements {
  background-color: #0B1C2E;
  background-image: 
  url("../img/achievements/bg_top_pc.png"),
  url("../img/achievements/bg_bottom_pc.png");
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-size: auto;
  @media (max-width: 768px){
    background-image: 
    url("../img/achievements/bg_top_sp.png"),
    url("../img/achievements/bg_bottom_sp.png");
    padding: 75px 0;
    background-size: contain;
  }
}

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

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

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

/* Staff
---------------------------------------------*/
.staff {
  background-image: url(../img/staff/bg_pc.jpg);
  background-position: center;
  background-repeat: repeat;
  background-size: 100% auto;
  @media (max-width: 768px){
    background-image: url(../img/staff/bg_sp.jpg);
  }
}

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

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

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

/* System Store
---------------------------------------------*/
/* /inc/store-search-link.php の個別スタイル */
.store-search-link-lead span.text-color {
  color: #CB3D01;
}
/* End: /inc/store-search-link.php の個別スタイル */

/* System Delivery
---------------------------------------------*/
/* System Step
---------------------------------------------*/
.flow-title {
  margin-top: calc(100vw * 30 / var(--lpw));
  text-align: center;
  small {
    display: block;
    font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
    font-weight: 600;
    letter-spacing: 1.3px;
  }
  span {
    color: #914A24;
    font-size: clamp(1px, calc(100vw * 25 / var(--lpw)), 25px);
    font-weight: 600;
    letter-spacing: 1.8px;
  }
  @media (min-width: 1281px){
    margin-top: 30px;
  }
  @media (max-width: 768px){
    margin-top: 30px;
    small {
      font-size: 13px;
    }
    span {
      font-size: 18px;
    }
  }
}
.flow-list {
  justify-content: space-between;
  margin-top: calc(100vw * 25 / var(--lpw));
  gap: calc(100vw * 25 / var(--lpw));
  @media (min-width: 1281px){
    margin-top: 25px;
    gap: 25px;
  }
  @media (max-width: 768px){
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
  }
}
.flow-list-item {
  width: calc((100% - calc(100vw * 25 / var(--lpw) * 3)) / 4);
  flex-direction: column;
  align-items: center;
  background-color: #FBF8F0;
  gap: calc(100vw * 10 / var(--lpw));
  padding: calc(100vw * 20 / var(--lpw)) 0;
  border-radius: 5px;
  @media (min-width: 1281px){
    width: calc((100% - (25px * 3)) / 4);
    gap: 10px;
    padding: 20px 0;
  }
  @media (max-width: 768px){
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px 10px 40px;
    gap: 10px;
  }
}
.flow-list-item:before {
  position: absolute;
  top: calc(100vw * -3 / var(--lpw));
  left: calc(100vw * -5 / var(--lpw));
  width: calc(100vw * 32 / var(--lpw));
  height: calc(100vw * 33 / var(--lpw));
  background-color: #914A24;
  border-radius: 90px;
  padding-left: calc(100vw * 1 / var(--lpw)); /* 少し右寄せに見せる */
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-size: clamp(1px, calc(100vw * 16 / var(--lpw)), 16px);
  font-style: normal;
  font-weight: 700;
  line-height: calc(100vw * 33 / var(--lpw));
}
@media only screen and (min-width: 1281px){
  .flow-list-item:before {
    top: -3px;
    left: -5px;
    width: 32px;
    height: 33px;
    padding-left: 1px; /* 少し右寄せに見せる */
    font-size: 16px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 768px){
  .flow-list-item:before {
    top: -3px;
    left: -5px;
    width: 32px;
    height: 33px;
    padding-left: 1px; /* 少し右寄せに見せる */
    font-size: 16px;
    line-height: 33px;
  }
}
.flow-list-item:nth-of-type(1):before {content: "01";}
.flow-list-item:nth-of-type(2):before {content: "02";}
.flow-list-item:nth-of-type(3):before {content: "03";}
.flow-list-item:nth-of-type(4):before {content: "04";}
.flow-item-image {
  width: calc(100vw * 70 / var(--lpw));
  height: calc(100vw * 70 / var(--lpw));
  @media (min-width: 1281px){
    width: 70px;
    height: 70px;
  }
  @media (max-width: 768px){
    width: 50px;
    height: 50px;
  }
}
.flow-item-title {
  color: #914A24;
  text-align: center;
  font-size: clamp(1px, calc(100vw * 13 / var(--lpw)), 13px);
  font-weight: 700;
  letter-spacing: 1.3px;
  @media (max-width: 768px){
    font-size: 16px;
    letter-spacing: 0.8px;
  }
}
.system-body-box .attention {
  margin-top: calc(100vw * 15 / var(--lpw));
  span {
    color: #3A4BC9;
  }
  a.textdeco-underline {
    color: #3A4BC9;
  }
  @media (min-width: 1281px){
    margin-top: 15px;
  }
  @media (max-width: 768px){
    margin-top: 10px;
  }
}

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

/* Prepare
---------------------------------------------*/
.prepare {
  background-image: url(../img/staff/bg_pc.jpg);
  @media (max-width: 768px){
    background-image: url(../img/staff/bg_sp.jpg);
  }
}

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

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