@charset "UTF-8";

.text-overlay {
  position: absolute;
  max-width: 100%;
  display: block;
  top: 50%;
  /*20 -> 50 変更20240414 by sunahara*/
  left: 50%;
  /*10 -> 50 変更20240414 by sunahara*/
  transform: translate(-50%, -50%);
  /*追加　20240414 by sunahara*/
  /*
  bottom: 20%;
  left: 15%;
  transform: translate(-20%, -50%);
   */

  /*
  color: #100129; 
  font-family:"fantasy";
*/
}


.mainvisual-inner {
  /*追加　20240414 by sunahara*/
  position: relative;
   /*追加　20251125 by sunahara*/
  /*background: linear-gradient(180deg, rgba(198, 197, 197, 1) 0%, rgba(249, 247, 242, 1) 100%);*/
  max-width: 1000px;
  margin: 0 auto;
}

.customer-area-top-pic img {
  /*追加　20240414 by sunahara*/
  width: 100%;
}

.customer-area-top-pic {  /*追加　20251125 by sunahara*/
  max-width: 95%;
  margin: 0 auto;
}

.region-title {
  text-align: center;
  font-size: 3.8em;
  /*変更2025/04/28 by ando*/
  color: #6f9b99;
  /* テキストの色 */
  font-weight: 900;
  text-shadow: 7px 7px 0 #FFF, -1px -1px 0 #FFF,
    /*2px2px0-> 7px7px 0 変更20240414 by sunahara*/
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF, 0-1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;
  /*background: linear-gradient(transparent 70%, #fdfda9 20%);*/

}


@media (max-width: 980px) {

  /*追加　20240414 by sunahara*/
  .region-title {
    font-size: 3.2rem;
  }
}

@media (max-width: 760px) {

  .region-title {
    text-align: center;
    font-size: 1.5rem;
    /*1.5rem -> 2.2em 変更20240414 by sunahara*/
    color: #0071BB;
    /* テキストの色 */
    font-weight: 900;
    text-shadow: 2px 2px 0 #FFF, -1px -1px 0 #FFF,
      -1px 1px 0 #FFF, 1px -1px 0 #FFF,
      0px 1px 0 #FFF, 0-1px 0 #FFF,
      -1px 0 0 #FFF, 1px 0 0 #FFF;
  }

}

/* 390px 追加2025/04/28 by ando */
@media (max-width: 390px) {
  .region-title {
    text-align: center;
    font-size: 1.2rem;
  }
}


.customer-area-contents {
  padding-top: 80px;
}

.customer-area-top {
  max-width: 1200px;
  margin: 1rem auto;
  background-color: #fdfcf6;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  /* ←縦中央揃え */
  justify-content: center;
  /*gap: 3rem;*/
  padding: 2rem 3rem;
  flex-wrap: nowrap;
  /* ←折り返しを無効に（2カラム固定） */
}

.customer-area-title {
  text-align: center;
}

/* 右カラム（画像） */
.customer-area-top div {
  flex: 0 0 auto;
  text-align: center;
}

/* 画像を大きく維持して中央配置 */
.customer-area-top img {
  display: block;
  width: auto;
  max-width: 380px;
  /* ←ここで画像サイズを上限設定 */
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}

/* 左カラム（テキスト） */
.customer-top-message {
  flex: 1;
  font-size: 1.2rem;
  padding: 2rem;
  line-height: 1.8;
  text-align: left;
}

.customer-area-strengthen {
  /*background: #f9f9f9;*/
  /*background-image: url(/wp-content/themes/twentytwentythree-child/images/customer-area-bk.png);*/
  background-color:rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.customer-area-subtitle {
  /*追加　20240414 by sunahara*/
  text-align: center;
  font-size: 1.75rem;
  margin: 3rem 0 2rem;
  color: #4b3b1f;
}

@media (max-width: 480px) {

  /*追加　20240414 by sunahara*/
  .customer-area-subtitle {
    font-size: 1.2rem;
  }
  .customer-top-message {
  font-size: 1rem;
  padding: 1rem;
}

}

/*.customer-top-message {
  text-align: left;
  margin-bottom: 2rem;
  padding: 2rem;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.5em;
  /*2023/8/9追加　by ishihara*/
/*}*/

/*.customer-top-message>span {
  color: red;
  font-weight: 600;
}*/

.customer-message {
  text-align: left;
  margin-bottom: 2rem;
  padding: 2rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fbfbca;
}

.customer-message img {
  width: 10%;
}

@media(max-width:760px) {

  .customer-message img {
    width: 20%;
  }
}

@media (max-width: 768px) {
  .customer-area-top {
    flex-direction: column;
    text-align: center;
  }

  .customer-top-message {
    text-align: left;
    margin-top: 1.25rem;
  }

  .customer-area-top img {
    display: none;
  }
}




.customer-message>p {
  color: red;
  font-weight: bold;
  font-size: 18px;


}


.chiiki-division {
  border: 2px #999288 solid;
  padding: 1rem;
  border-radius: 5px;
  margin-top: 1rem;
}

.rosen-list {
  text-align: center;
  margin-bottom: 1rem;
}

.rosen-list li {
  display: inline-block;
  padding: 0 1rem;
}

.ekimei-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  /* 任意の最大幅を指定 */
  margin: 0 auto;
  /* 中央揃えするために必要 */
  /*padding: 20px;*/
  background: #fff;
  text-align: center;
}

.ekimei-list li {
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  width: 23%;
  /* 4列に均等に表示されるように幅を指定 */
  margin-bottom: 20px;
}

/*対応エリアの地域を追加　20230706_sunahara */
.chiiki2 {
  border: 2px #999288 solid;
  padding: 1rem;
  border-radius: 5px;
  margin-top: 1rem;
}

.area-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  /* 任意の最大幅を指定 */
  margin: 0 auto;
  /* 中央揃えするために必要 */
  padding: 40px 40px 40px 50px;
  /*左側余白作成　2023/8/21 by ishihara*/
  background: #fff;
  text-align: center;
}

.area-list li {
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  width: 23%;
  /* 4列に均等に表示されるように幅を指定 */
  margin-bottom: 20px;
}

.wrap {
  max-width: 1220px;
  margin: 0 auto;
}

/* タブにするためスタイル修正 20230714 by ando */

.ctab-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ctab-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 45px;
  /*iconの幅分の空白を右側に作る by sunahara */
  font-size: 1.25rem;
  font-weight: bold;
  /*background-color: #e5f8f4;*/
  background-color: #d0c9c0b8;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}

.ctab-list-item.active {
  /*background-color: #6f9b99;*/
  background-color: #999288;
  color: #fff;
}

/*アイコン追加　sunahara*/
.tab-icon {
  width: 40px;
  margin-right: 5%;
  /* テキストとの間隔調整のため追加*/
}

/* ここまで　タブにするためスタイル修正 20230714 by ando */

.customer-act-message {
  text-align: center;
  margin-top: 1rem;
}

/* タブコンテンツ表示・非表示追加  20230714 by ando */
.ctab-contents-item {
  display: none;
}

.ctab-contents-item.show {
  display: block;
}

/* pointer追加 20230714 by ando*/
.ctab-list {
  cursor: pointer;
}

/* カードが画面いっぱい広がっていたので修正  20230714 by ando */
.customer-all .customer-card {
  max-width: 280px;
}

/*レスポンシブル対応　20230727 by sunahara*/
.sp_br {
  display: none;
  /*767px以上では改行タグを無効に。*/
}

@media (max-width: 767px) {
  .ctab-list-item {
    font-size: 1.1rem;
    padding-right: 20px;
  }

  .sp_br {
    display: block;
    /*767px未満で改行タグを有効に。*/
  }

  .area-list {
    padding: 8px 2px 2px 20px;
  }
}

/*page-area,php */

.area-section {
  margin-top: 80px;
}

@media (max-width: 768px) {   /*大小堂で追加*/
  .area-section {
    margin-top: 120px;
  }
}

.area-media {
  padding: 0 4%;
  margin-top: 1rem;
  /*margin-bottom: 1rem; */
  display: block;
}

.area-media-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.area-media-list li {
  flex-basis: 23%;
  height: auto;
  text-align: center;
  margin-bottom: 1rem;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #ccc;
  background-color: #f9f9f9;
  color: #333;
  border-radius: 4px;
  padding: 10px;
}

.area-media-list li:hover {
  border: 3px solid #0b7274;
  color: #0b7274;
  text-decoration: underline;

}

.pref-title {
  font-weight: bold;

}


/*2023/8/7 追加　by石原*/
/*目次*/
.mokuji-area {
  max-width: 920px;
  margin: 0 auto;
}

.mokuji-area h2 {
  background-color: #6f9b99;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
}

.mokuji-area ul {
  background-color: #e5f8e7;
  padding: 20px 20px 20px 50px;
  margin-bottom: 100px;
}

/*
.mokuji-area ol li {
  margin-bottom: 0.8rem;
  line-height: 1.6;
  position: relative;
  font-size: 1rem;
}

/* アンカーリンク基本 */
.mokuji-area ul li a {
  color: #6f9b99;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
  position: relative;
}

/* アンダーライン風アニメーション */
.mokuji-area ul li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #00aa8e;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.mokuji-area ul li a:hover::after,
.mokuji-area ul li a:focus::after {
  transform: scaleX(1);
}

/* フォーカス時の対応 */
.mokuji-area ul li a:focus {
  outline: none;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .mokuji-area {
    padding: 1rem;
  }

  .mokuji-area .mokuji-title {
    font-size: 1.1rem;
    padding: 8px 16px;
  }

  .mokuji-area ul {
    padding: 15px 15px 15px 30px;
  }

  .mokuji-area ul li {
    font-size: 0.95rem;
  }
}

.kari1_br {
  display: none;
}

.kari1-1 {
  display: flex;
  justify-content: space-between;
}

.kari1-1-1 {
  width: 30%;
}

.kari1-1-1-h3 {
  font-size: 16px;
  color: #00aa8e;
  /*2023/8/9 カラー変更 by ishihara*/
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

.kari1-1-1 p span {
  font-weight: bold;
  background: linear-gradient(transparent 50%, yellow 50%);
}

.kari1-1-1 p .span-red {
  font-weight: bold;
  background: linear-gradient(transparent 50%, yellow 50%);
  color: #ff0000;
}

/* .kari2の場合は非表示　20230807 by ando */
.kari2 .form_area {
  display: none;
}

/* 追加ここまで */

/* 2023/8/8 追加　by ishihara */
/* 横幅揃え*/
/*.card-wrapper{ section-wrapへ記述のためコメント化　2023/8/9 by ishihara
  max-width:920px !important;
  }*/
/* ボタン非表示*/
.customer-all .button {
  display: none;
}

/* 買取の流れのタイトルをsection-titleと揃え*/
/*#chiiki-flow-title{ 2023/8/9 コメント化 by ishihara
  font-size: 2.0rem ;
  background-color: #fff ;
  color:#444444 ;
}*?
/* 買取品目*/

.hinmoku-details-content {
  max-width: 920px;
  background-color: #fff;
  padding: 20px 40px 40px 40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /*品目が増え折り返すために追加　2025/04/30 by sunahara*/
  justify-content: space-between;
}

.hinmoku-details-content::before {
  /*最終行を順番に並べるためbefore,afterを追加　2025/04/30 by sunahara*/
  content: "";
  display: block;
  width: 22%;
  order: 1;
}

.hinmoku-details-content::after {
  content: "";
  display: block;
  width: 22%;
}

.hinmoku-item {
  width: 22%;
  /*30 -> 22% 変更　2025/04/30 by sunahara*/
  margin-bottom: 1.5rem;
  /*行が増えたので追加　2025/04/30 by sunahara*/
}

.image-wrap {
  cursor: pointer;
}

.under {
  /*リンク先をわかりやすくするため追加　2025/04/30 by sunahara*/
  color: #00cc9c;
  text-decoration: underline;
}

.hinmoku-details {
  color: #444;
  font-weight: bold;
  line-height: 2;
  max-width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
}

.hinmoku-details__summary {
  position: relative;
  display: block;
  background: #fff;
  ;
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 1.2rem;
  text-align: center;
}

.hinmoku-details__summary::-webkit-details-marker {
  display: none;
}

.hinmoku-details__summary::before {
  border-radius: 5px;
  content: "";
  background-color: #fff;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0.3rem;
  position: absolute;
  left: 0;
  width: 2rem;
}

.hinmoku-details__summary::after {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 6px);
  right: 17%;
  /*20 -> 17% 変更　2025/04/30 by sunahara*/
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #444;
  transition: all 0.4s ease-out;
  transform-origin: 3px 6px;
  transform: rotate(90deg);
}

.details[open] .hinmoku-details__summary::after {
  transform: rotate(-90deg);
}

.hinmoku-details__content {
  padding: 0;
}

.hinmoku-details__content::before {
  display: none;
}

.hinmoku-details__content p {
  padding: 0;
}

#kari3 {
  padding-bottom: 0;
}

/* 2023/8/8 追加　ここまで　by ishihara */
/* 2023/8/9 追加　ここから　by ishihara */
.customer-top-message {
  opacity: 0;
  transform: translateY(20px);
  animation: floatIn 1.5s forwards;
}

.customer-top-message .emph {      /*フレンドで追加　2025/11/19 by sunahara*/
  background: linear-gradient(transparent 70%, #9fe3da 50%);
}

@keyframes floatIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hinmoku-ichiran {
  padding-bottom: 0 !important;
}

.hinmoku-title {
  font-size: 32px !important;
}

.section-ttl {
  margin: 0 auto;
  padding: 10px;
  font-size: 1.8rem;
  text-align: center;

  color: #ffe266;
  /*background: linear-gradient(to right, #97d2cf, #6f9b99);*/
  background: #4a2f2f;
}

.section-subttl {
  text-align: center;
  padding: 20px;
  /*color: #6f9b99;*/
  font-size: 1.3rem;
  /*サブタイトルフォントサイズ　2023/8/10変更　by ishihara*/
  font-weight: 500;
  margin-top: 0;
}

.section-wrap {
  max-width: 920px;
  margin: 60px auto;
  padding: 0;
}

.section-wrap .button {
  display: none;
}

.details-chiiki-content {
  max-width: 920px;
  background-color: #fff;
  border: 2px solid #c6c6c6;
  padding: 20px 40px 40px 40px;
  border-radius: 16px;
  margin: 0 auto;
}

.details_chiiki {
  color: #444;
  font-weight: bold;
  line-height: 2;
  max-width: 100%;
  margin: 0 auto;
}

/*買取の流れをdisplay;flex;へ変更　2023/8/10 by ishihara*/
.nagare-box {
  display: flex !important;
  margin: 0 !important;
  justify-content: space-between;
}

.details_summary {
  position: relative;
  display: block;
  background: #fff;
  cursor: pointer;
  margin: 0;
  padding: 10px 40px 10px 52px;
  overflow: hidden;
  border-bottom: 1px solid #6f9b99;
}

.details_summary::before {
  background: #6f9b99;
  border-radius: 5px;
  content: "Q";
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0.3rem;
  position: absolute;
  left: 0;
  width: 2rem;
}

.details_summary::after {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 6px);
  right: 16px;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #6f9b99;
  transition: all 0.4s ease-out;
  transform-origin: 3px 6px;
  transform: rotate(90deg);
}

@media (max-width: 760px) {
  /* 2025/04/02 by ando*/

  .details-chiiki-content {
    padding: 20px 10px 40px 0;
    /* 2025/04/02 by ando*/

  }

  .brue-change::before {
    /* 2025/04/02 by ando*/
    margin-left: 10px;
  }

  .details__summary.brue-change {
    padding-left: 60px;
    /* 2025/04/30 by ando*/
  }
}

.details-answer {
  font-weight: 400;
  padding-left: 34px;
}

.brue-change {
  border-bottom: 1px solid #6f9b99;
}

.brue-change::before {
  background: #4a2f2f;
}

.brue-change::after {
  border-left: 6px solid #4a2f2f;
}

.shucchoarea-wrap {
  margin-bottom: 0;
  /*background-color: rgba(255, 255, 255, 90%);  試し追加　by sunahara*/
}

/* 2023/8/9 追加　ここまで　by ishihara */



/*767px未満で1カラムに*/
@media (max-width: 767px) {

  /*.mokuji-area,#kari1{
    padding: 5%;
  2023/8/9 コメント化　by ishihara*/
  /* 文字が切れてしますのでコメントアウト 2025/04/10 by ando
  .mokuji-area,.section-wrap{
    padding: 5%;
  } */
  .mokuji-area ol {
    margin-bottom: 0;
  }

  .section-wrap {
    margin: 20px 0;
  }

  .section-ttl {
    font-size: 1.2rem;
  }

  .section-subttl {
    font-size: 1.1rem;
  }

  .kari1_br {
    display: block;
  }

  .kari1-1 {
    display: block;
  }

  .kari1-1-1 {
    width: 100%;
    text-align: center;
  }

  .kari1-1-1 img {
    width: 100%;
  }

  .kari1-1-1 p {
    text-align: left;
  }

  .hinmoku-details-content {
    /*display: block;*/
    /*コメント化　2025/04/30 by sunahara*/
    padding: 0;
  }

  .hinmoku-item {
    width: 50%;
    /*100 -> 50% 変更　2025/04/30 by sunahara*/
    margin-bottom: 30px;
  }

  .image-wrap {
    text-align: center;
  }

  .image-wrap img {
    width: 100%;
  }

  .pcard {
    padding: 0 !important;
  }

  .nagare-box {
    display: block !important;
  }

  .point-list {
    margin-bottom: 30px;
  }

  .flex-box2 {
    text-align: center;
  }

  .step-box {
    padding: 20px 0 !important;
  }

  .hinmoku-details__summary::after {
    position: absolute;
    right: 5%;
  }
}

/*2023/8/22 by ishihara */
@media screen and (max-width: 440px) {
  .pref-title {
    font-size: 12px;
  }

  .kanagawa-title {
    font-size: 10px;
  }
}

@media screen and (max-width: 330px) {
  .area-media-list .kanagawa-list {
    padding: 10px 0;
  }

  .kanagawa-list img {
    padding: 0 10px;
  }

  .kanagawa-title {
    padding: 0 0 10px 0;
  }
}

/*ここから 対応エリアh1クラス追加　2023/11/15 sunahara*/
.customer-area-section-title {
  height: 20px;
  line-height: 10px;
  font-size: 1.5rem;
  color: #4b3b1f;
  /* テキストの色 */
  font-weight: 900;
}

@media (max-width: 767px) {
  .customer-area-section-title {
    height: 10px;
    line-height: 1.2;
    /* 修正 2025/04/28 by audo */
    font-size: 1.0rem;
    color: #4b3b1f;
    /* テキストの色 */
    margin-top: 30px;
  }

  .customer-area-top-pic {
    margin-top: 40px;
  }
}

@media (max-width: 480px) {
  .customer-area-section-title {
    margin-top: 60px;
  }

}
/*ここまで　sunahara*/
.customer-area-bg01 {
 /* background-image: url(/consumer/wp-content/themes/twentytwentythree-child/images/area-bg03.png);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


#kari9 a {
  color: #6f9b99;
  text-decoration: underline;
}

/*.shucchoarea-bg {     試し追加　by sunahara
  background: #f4f6f7;
}*/



/*市区町村ページ　建具*/
.case1 {
  max-width: 920px;
  margin: 0 auto;
}