@charset "shift_jis";

:root {
  --main-color: #ea3341;
  --btn-color: #ff9c00;
  --bg-blue-color: #f5f5f5;
}

@media screen and (max-width: 768px) {

  /*--- rikonここから ---*/
  .sale_rikon_wrap {

    /* メイン画像 */
    .rikon_main_wrap {
      background: url(../img/lp/rikon/main_bg.webp);
      background-size: cover;
      background-position: center;

      .rikon_main_inner {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 90px 0 77px;
        line-height: 10px;

        span {
          font-size: clamp(14px, 4.2vw, 16px);
          font-weight: bold;
          color: #fff;
          line-height: 16px;
          border-bottom: 1px solid #fff;
          display: inline-block;
		  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);

          b {
            font-size: clamp(28px, 8vw, 35px);
          }
        }

        p {
          font-size: clamp(14px, 4.2vw, 16px);
          font-weight: 500;
          color: #fff;
          line-height: 16px;
          border-bottom: 1px solid #fff;
          display: inline-block;
		  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
        }
      }
    }

    /* 悩み */
    .nayami {
      width: 96%;
      margin: 0 auto;

      h2 {
        margin: 30px 0;
      }

      .nayami_group {
        position: relative;
        margin: 0px 0;

        ul {
          display: block;
          padding: 0;
          width: 90%;
          margin: 0 auto;

          li {
            width: 100%;
            font-size: clamp(14px, 4.2vw, 16px);
            font-weight: bold;
            line-height: 180%;
            border: 1px solid #bfbfbf;
            padding: 20px 10px;
            box-sizing: border-box;
            list-style: none;
            border-radius: 10px;
            margin-bottom: 15px;
            text-align: center;

            span {
              background: linear-gradient(transparent 60%, #fff899 0%);
            }
          }
        }
      }
    }

    /* 当社なら */
    .rik_strong {
      background-color: #f5f5f5;
      padding: 80px 0 60px;
      margin-top: 60px;

      .rik_str_fhkidashi {
        text-align: center;
        margin: 0 auto 40px;
        width: 70%;

        img {
          width: 100%;
        }
      }

      .rik_str_txt {
        p {
          font-size: clamp(19px, 5.4vw, 22px);
          letter-spacing: 1.8px;
          line-height: 1.8;
          font-weight: bold;
          text-align: center;
          margin: 0 auto 40px;
          width: 85%;
        }
      }

      .rik_str_list {
        ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          width: 90%;
          margin: 0 auto;
          padding: 0;

          li {
            width: 100%;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-bottom: 20px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            padding: 20px;
            justify-content: space-between;

            .img {
              width: 25%;

              img {
                width: 100%;
              }
            }

            .txt {
              width: 65%;

              p {
                font-size: clamp(14px, 4.2vw, 16px);
                line-height: 30px;
                margin: 0;
                font-weight: bold;
              }
            }
          }
        }
      }
    }

    /* ご自宅を財産分与する方法 */
    .rik_property {
      padding: 80px 0 80px;

      .rik_pro_about {
        position: relative;
        width: 90%;
        margin: 80px auto 60px;
        background-color: #ffffff;
        border: 3px solid #ea3341;
        border-radius: 10px;
        padding: 50px 30px 40px;
        box-sizing: border-box;

        h3 {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          font-size: clamp(15px, 4.7vw, 18px);
          text-align: center;
          line-height: 50px;
          display: inline-block;
          width: 170px;
          border-radius: 50px;
          background-color: #ea3341;
          color: #fff;
          top: -25px;
        }

        p {
          font-size: clamp(15px, 4.5vw, 17px);
          line-height: 30px;
          margin: 0;

          span {
            color: #ea3341;
          }
        }
      }

      .rik_pro_list {
        ul {
          width: 90%;
          margin: 0 auto;
          padding: 0;

          li {
            width: 100%;
            background-color: #ffffff;
            border: 3px solid #ea3341;
            border-radius: 10px;
            list-style-type: none;
            padding: 50px 30px 30px;
            margin-bottom: 20px;
            box-sizing: border-box;
            text-align: center;
            position: relative;

            &:first-child h3:after {
              position: absolute;
              /* content: "おすすめ"; */
              content: "\304a\3059\3059\3081";
              background-color: #ea3341;
              width: 95px;
              line-height: 28px;
              color: #fff;
              font-size: clamp(18px, 5.3vw, 20px);
              top: 10px;
              left: 0;
              right: 0;
              margin: 0 auto;
              border-radius: 5px;
            }

            h3 {
              font-size: clamp(20px, 5.8vw, 24px);
              font-weight: bold;
              background: linear-gradient(transparent 70%, #fff899 0%);
              line-height: 1.3;
              color: #ea3341;
              display: inline;
            }

            img {
              display: block;
              margin: 50px auto;
              width: 100%;
            }

            p {
              font-size: clamp(15px, 4.7vw, 18px);
              line-height: 30px;
              text-align: left;
            }
          }
        }
      }

      .rik_pro_txt {
        text-align: center;
        width: 85%;
        margin: 50px auto 0;

        p {
          font-size: clamp(18px, 5.3vw, 20px);
          font-weight: bold;
          line-height: 35px;

          span {
            background: linear-gradient(transparent 70%, #fff899 0%);
            line-height: 1.3;
          }
        }
      }
    }

    /* 離婚時の不動産の財産分与の流れ */
    .rik_flow {
      background-color: #f5f5f5;
      padding: 80px 0 80px;

      .rik_flow_block {
        background-color: #fff;
        border-radius: 20px;
        padding: 40px 30px;
        width: 90%;
        margin: 50px auto 0;
        box-sizing: border-box;

        ul {
          padding: 0;
          margin: 0;

          li {
            list-style-type: none;
            margin-bottom: 70px;
            position: relative;
            border-bottom: solid 2px #ea3341;

            &:last-child {
              margin-bottom: 0px;
              border-bottom: none;
            }

            &::after {
              position: absolute;
              content: "";
              bottom: -65px;
              left: 0px;
              right: 0px;
              margin: 0 auto;
              box-sizing: border-box;
              width: 4px;
              height: 4px;
              border: 20px solid transparent;
              border-left: 20px solid #ea3341;
              transform: rotate(90deg);
            }

            &:last-child::after {
              content: none;
            }

            .rik_fl_ti {
              width: 100%;
              line-height: 21px;

              h3 {
                font-size: clamp(18px, 5.3vw, 20px);
                font-weight: bold;
                color: #ea3341;
                margin: 0px 0 0;
                line-height: 30px;
              }
            }

            .rik_fl_txt {
              width: 100%;

              p {
                font-size: clamp(14px, 4.2vw, 16px);
                line-height: 30px;
                margin: 20px 0;
              }
            }
          }
        }
      }
    }

    /* 離婚の相談事例 */
    .salec_result_wrap {
      background-color: #eee;
      padding: 80px 0 50px;

      &.rik_result {
        background-color: #fff;
      }

      .salec_res_list {
        ul {
          width: 90%;
          margin: 0 auto;
          padding: 0;

          li {
            list-style-type: none;
            background-color: #fff;
            border: 3px solid #ea3341;
            border-radius: 5px;
            box-sizing: border-box;
            padding: 30px;
            margin-bottom: 30px;

            .res_list_top {
              p {
                font-size: clamp(18px, 5.3vw, 20px);
                color: #ea3341;
                font-weight: bold;
                margin: 0 0 20px;
                line-height: normal;

                .res_list_number {
                  display: block;
                  background-color: #ea3341;
                  color: #fff;
                  padding: 10px 20px;
                  margin-bottom: 20px;
                  font-size: clamp(15px, 4.7vw, 18px);
                  text-align: center;
                  line-height: normal;
                }

                .res_list_name {
                  font-size: clamp(14px, 4.2vw, 16px);
                  display: block;
                }
              }
            }

            .res_list_btm {
              .img {
                text-align: center;
              }

              .txt {

                p {
                  font-size: clamp(14px, 4.2vw, 16px);
                  line-height: 1.5;
                  margin: 20px 0;
                }
              }
            }
          }
        }
      }
    }


    /* CV */
    #sa_inq {
      .sa_inq_txt {
        width: 96%;
        margin: 0 auto;
        letter-spacing: normal !important;
      }

      h2 {
        margin: 10px auto 30px;
        line-height: 1.3;
      }
    }

    /* title */
    h2 {
      font-size: clamp(14px, 6vw, 24px);
      line-height: 1.8;
      font-weight: bold;
      text-align: center;
      color: #000;
      margin: 0 0 30px;

      &.sa_conts_tit_line::after {
        content: "";
        display: block;
        width: 70px;
        height: 5px;
        background-color: #ea3341;
        margin: 20px auto 0;
      }
    }

    /* svg */
    svg {
      margin: 0 auto;
      display: block;

      .cls-1 {
        fill: var(--main-color);
      }
    }

    /* btn */
    .btn_link {
      display: block;
      width: 80%;
      line-height: 60px;
      background-color: var(--btn-color);
      color: #fff;
      text-align: center;
      position: relative;
      margin: 0 auto 00px;
      border-radius: 5px;
      font-weight: bold;
      font-size: clamp(15px, 4.7vw, 18px);

      &:hover {
        opacity: .8;
      }
    }

    /* fadein（下から上） */
    .fadein {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-out;

      &.sale_show {
        opacity: 1;
        transform: translateY(0);
      }

      &.fadein-1 {
        transition-delay: 0.2s;
      }

      &.fadein-2 {
        transition-delay: 0.4s;
      }

      &.fadein-3 {
        transition-delay: 0.6s;
      }

      &.fadein-4 {
        transition-delay: 0.8s;
      }

      &.fadein-5 {
        transition-delay: 1.0s;
      }

      &.fadein-6 {
        transition-delay: 1.2s;
      }
    }
  }
  /*--- rikonここまで ---*/


  /*--- sumikaeここから ---*/
  .sale_sumikae_wrap {
  	/* メイン画像 */
  	.sumikae_main_wrap {
  		background: url(../img/lp/sumikae/main_bg.webp);
  		background-size: cover;
  		background-position: center;
		.area_main_inner{
			.svg-text text{
				font-size: 43px;
			}
			.svg-text_b{
				font-size: 52px !important;
			}
		}
  		.sumikae_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			padding: 80px 0;
  			span {
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  				color: #fff;
  				line-height: 30px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  				b {
  					font-size: clamp(28px, 8vw, 35px);
  				}
  			}
  			p {
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: 500;
  				color: #fff;
  				line-height: 30px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				text-shadow: 0 0 10px rgba(54, 118, 142, 0.8);
  			}
  		}
  	}
  	/* 悩み */
  	.nayami {
  		width: 96%;
  		margin: 0 auto;
  		h2 {
  			margin: 30px 0;
  		}
  		.sumi_nayami_img {
  			.sumi_nayami_img_sp {
  				display: block;
  				margin: 0 auto;
  				text-align: center;
  				img {
  					width: 48%;
  					margin-bottom: 5px;
  				}
  				.flex {
  					display: flex;
  					justify-content: space-between;
  				}
  			}
  		}
  	}
  	/* ライフスタイルに合わせた暮らし */
  	.sumi_life_wrap {
  		h2 {
  			margin: 40px auto;
  		}
  		.sumi_life_block {
  			display: flex;
  			flex-direction: column;
  			margin: 0 auto 60px;
  			width: 85%;
  			.sumi_life_graph {
  				order: 2;
  				margin: 30px auto 0;
  				img {
  					width: 100%;
  				}
  			}
  			.sumi_life_txt {
  				order: 1;
  				text-align: center;
  				font-weight: bold;
  				.fukidashi {
  					position: relative;
  					font-size: clamp(14px, 4.2vw, 16px);
  					color: #ea3341;
  					line-height: 28px;
  					margin: 0 auto 30px;
  					position: relative;
  					width: 100%;
  					&::before {
  						content: "";
  						width: 50px;
  						display: block;
  						height: 2px;
  						background-color: #ea3341;
  						transform: rotate(70deg);
  						position: absolute;
  						left: -30px;
  						bottom: 20px;
  					}
  					&::after {
  						content: "";
  						width: 50px;
  						display: block;
  						height: 2px;
  						background-color: #ea3341;
  						transform: rotate(-70deg);
  						position: absolute;
  						right: -30px;
  						bottom: 20px;
  					}
  				}
  				.big_txt {
  					font-size: clamp(21px, 6vw, 25px);
  					line-height: 40px;
  					margin: 20px 0;
  					span {
  						color: #ea3341;
  						font-size: clamp(24px, 7vw, 30px);
  					}
  				}
  				.annotation {
  					font-size: clamp(8px, 2vw, 10px);
  					line-height: 15px;
  				}
  			}
  		}
  		.sumi_q {
  			margin-bottom: 100px;
  			.sumi_q_block {
  				width: 90%;
  				margin: 0 auto 50px;
  				.sumi_q_txt {
  					h3 {
  						font-size: clamp(21px, 6vw, 25px);
  						line-height: 1.5;
  						font-weight: bold;
  						margin: 0 0 20px;
  					}
  					p {
  						font-size: clamp(15px, 4.5vw, 17px);
  						line-height: 1.8;
  						margin: 0 0 30px;
  					}
  				}
  				.sumi_q_img {
  					img {
  						width: 100%;
  					}
  				}
  			}
  		}
  	}
  	/* 住み替えタイプから選ぶ */
  	.sumi_type_wrap {
  		background-color: #f5f5f5;
  		padding: 80px 0 40px;
  		h2 {
  			&.sa_conts_tit_line::after {
  				background-color: #ea3341;
  			}
  		}
  		.sumi_type_txt {
  			p {
  				font-size: clamp(15px, 4.5vw, 17px);
  				text-align: left;
  				line-height: 1.8;
  				margin: 50px auto 50px;
  				width: 85%;
  			}
  		}
  		.sumi_tp_block_wrap {
  			width: 90%;
  			margin: 0 auto;
  			.sumi_tp_block {
  				padding: 40px 20px;
  				box-sizing: border-box;
  				background-color: #fff;
  				margin-bottom: 20px;
  				.sumi_tp_ti {
  					text-align: center;
  					h3 {
  						font-size: clamp(28px, 8vw, 35px);
  						color: #ea3341;
  						background: linear-gradient(transparent 70%, #fff899 0%);
  						line-height: 1.3;
  						display: inline-block;
  						margin: 0px;
  					}
  					p {
  						font-size: clamp(15px, 4.7vw, 18px);
  						color: #ea3341;
  						margin: 20px 0 30px;
  						font-weight: bold;
  					}
  				}
  				.sumi_tp_merit {
  					border: 2px solid #ea3341;
  					box-sizing: border-box;
  					padding: 20px 20px 10px;
  					p {
  						font-size: clamp(15px, 4.7vw, 18px);
  						color: #ea3341;
  						margin: 0 0 10px;
  						line-height: 1;
  						font-weight: bold;
  					}
  					ul {
  						padding: 0 0 0 30px;
  						margin: 0;
  						li {
  							font-size: clamp(15px, 4.5vw, 17px);
  							line-height: 1.4;
  							margin-bottom: 20px;
  							position: relative;
  							list-style-type: none;
  							font-weight: bold;
  							&::before {
  								content: "";
  								position: absolute;
  								top: 8px;
  								left: -25px;
  								display: block;
  								width: 10px;
  								height: 10px;
  								border-radius: 50px;
  								background-color: #ea3341;
  							}
  						}
  					}
  					&.demerit {
  						border: 2px solid #0d73a2;
  						margin-top: 20px;
  						p {
  							color: #0d73a2;
  						}
  						ul {
  							li::before {
  								background-color: #0d73a2;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 住み替えの成功の秘訣とは？ */
  	.sumi_point_wrap {
  		padding: 100px 0 60px;
  		.sumi_pt_komoku {
  			display: none;
  			p {
  				line-height: 50px;
  				font-size: clamp(18px, 5.3vw, 20px);
  				width: 330px;
  				text-align: center;
  				border-radius: 50px;
  				background-color: #ebebeb;
  				margin: 20px 80px;
  				&:nth-child(2) {
  					background-color: #ea3341;
  					color: #fff;
  				}
  			}
  		}
  		.sumi_pt_list {
  			width: 90%;
  			margin: 0 auto;
  			ul {
  				margin: 0 0 20px;
  				padding: 0;
  				font-weight: bold;
  				li {
  					list-style-type: none;
  					&:nth-child(1) {
  						width: 100%;
  						display: flex;
  						align-items: center;
  						background-color: #ea3341;
  						color: #fff;
  						text-align: center;
  						justify-content: center;
  						line-height: 50px;
  					}
  					&:nth-child(2) {
  						margin: 0 0px 5px 0;
  						background-color: #ebebeb;
  						padding: 20px;
  						box-sizing: border-box;
  						display: flex;
  					}
  					&:nth-child(3) {
  						margin: 0 0px 5px 0;
  						background-color: #ffebeb;
  						color: #ea3341;
  						padding: 20px;
  						box-sizing: border-box;
  						display: flex;
  					}
  					&:nth-child(1) {
  						p {
  							line-height: 50px;
  						}
  					}
  					p {
  						margin: 0;
  						font-size: clamp(15px, 4.5vw, 17px);
  						width: 80%;
  						line-height: normal;
  					}
  					span {
  						width: 20%;
  						font-size: clamp(13px, 3.8vw, 15px);
  					}
  				}
  			}
  		}
  		.sumi_pt_img {
  			text-align: center;
  			margin: 40px auto 50px;
  			width: 75%;
  			img {
  				width: 100%;
  			}
  		}
  		.sumi_pt_txt {
  			p {
  				text-align: center;
  				font-size: clamp(21px, 6vw, 25px);
  				line-height: 40px;
  				font-weight: bold;
  				span {
  					background: linear-gradient(transparent 70%, #fff899 0%);
  					line-height: 1.3;
  					font-weight: bold;
  				}
  			}
  		}
  	}
  	/* 住み替え事例 */
  	.sumi_result_wrap {
  		padding: 100px 0 0;
  		.sumi_re_block {
  			width: 90%;
  			margin: 0 auto;
  			.sumi_re_bl_ti {
  				font-size: clamp(18px, 5.3vw, 20px);
  				line-height: 1;
  				font-weight: bold;
  				margin: 0 0 50px;
  				text-align: center;
  				letter-spacing: 3px;
  				span {
  					background: linear-gradient(transparent 70%, #fff899 0%);
  					line-height: 1.3;
  					font-size: clamp(24px, 7vw, 30px);
  				}
  			}
  			.sumi_re_bl_komoku {
  				text-align: center;
  				img {
  					width: 100%;
  				}
  			}
  			.sumi_re_list_wrap {
  				margin-bottom: 100px;
  				.sumi_re_list {
  					width: 100%;
  					.sumi_re_list_img {
  						text-align: center;
  						margin-top: 40px;
  						img {
  							margin: 0 auto;
  							width: 80%;
  						}
  					}
  					ul {
  						margin: 0;
  						padding: 0;
  						border: 2px solid #0d73a2;
  						border-radius: 10px;
  						box-sizing: border-box;
  						padding: 40px;
  						li {
  							list-style-type: none;
  							font-size: clamp(15px, 4.7vw, 18px);
  							color: #0d73a2;
  							margin-bottom: 25px;
  							line-height: 1.4;
  							position: relative;
  							padding-left: 40px;
  							font-weight: bold;
  							&:last-child {
  								margin-bottom: 0px;
  							}
  							&::before {
  								position: absolute;
  								content: url(../img/lp/sumikae/sumi_re_moya.webp);
  								top: 0px;
  								left: 0;
  							}
  						}
  					}
  					&:nth-child(2) ul {
  						border: 2px solid #ea3341;
  						li {
  							color: #ea3341;
  							&::before {
  								content: url(../img/lp/sumikae/sumi_re_check.webp);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 30px;
  			;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  		&.sa_conts_tit_line::after {
  			content: "";
  			display: block;
  			width: 70px;
  			height: 5px;
  			background-color: #ea3341;
  			margin: 20px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		display: block;
  		width: 80%;
  		line-height: 60px;
  		background-color: var(--btn-color);
  		color: #fff;
  		text-align: center;
  		position: relative;
  		margin: 0 auto 00px;
  		border-radius: 5px;
  		font-weight: bold;
  		font-size: clamp(15px, 4.7vw, 18px);
  		&:hover {
  			opacity: .8;
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- sumikaeここまで ---*/


  /*--- akiyaここから ---*/
  .sale_akiya_wrap {
  	/* メイン画像 */
  	.akiya_main_wrap {
  		background: url(../img/lp/akiya/main_bg.webp);
  		background-size: cover;
  		background-position: center;
  		box-sizing: border-box;
  		.akiya_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			span {
  				color: #fff;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  				line-height: 30px;
  				border-bottom: 1px solid #fff;
  				padding: 0 10px 5px;
  			}
  			p {
  				color: #fff;
  				font-size: clamp(22px, 6.5vw, 28px);
  				line-height: 1.8;
  				font-weight: bold;
  				margin: 15px 0 20px;
  			}
  			ul {
  				display: flex;
  				justify-content: center;
  				li {
  					background: var(--main-color);
  					color: #fff;
  					line-height: 40px;
  					border-radius: 5px;
  					font-size: clamp(12px, 3.5vw, 14px);
  					letter-spacing: 0.05em;
  					font-weight: bold;
  					padding: 0 10px;
  					&:first-child {
  						margin-right: 5px;
  					}
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.akiya_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/akiya/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 146px;
  				margin: 20px auto 0;
  			}
  		}
  	}
  	/* 空き家を放置していませんか？ */
  	.akiya_risk_wrap {
  		background: var(--bg-blue-color);
  		padding: 60px 0;
  		.akiya_risk_inner {
  			width: 90%;
  			margin: 0 auto;
  			.akiya_risk_txt {
  				p {
  					text-align: left;
  					font-size: clamp(15px, 4.7vw, 18px);
  					line-height: 32px;
  					font-weight: 500;
  					margin: 0 0 30px;
  					span {
  						background: linear-gradient(transparent 60%, #fff899 60%);
						color: var(--main-color);
  					}
  				}
  			}
  			ul {
  				li {
  					box-sizing: border-box;
  					background: #fff;
  					padding: 20px 5%;
  					margin-bottom: 20px;
  					border: 3px solid var(--main-color);
  					border-radius: 5px;
  					h3 {
  						margin: 0 0 20px;
  						color: var(--main-color);
  						font-size: clamp(14px, 5.8vw, 24px);
  						line-height: 1.6;
  						span {
  							display: block;
  							background: var(--main-color);
  							width: 80px;
  							line-height: 35px;
  							text-align: center;
  							color: #fff;
  							font-size: clamp(12px, 3.5vw, 14px);
  							font-weight: bold;
  							letter-spacing: 0.1em;
  							margin-bottom: 10px;
  						}
  					}
  					.akiya_risk_con {
  						img {
  							display: block;
  							margin: 0 auto 12px;
  						}
  						p {
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: 500;
  							line-height: 32px;
  							letter-spacing: 0.05em;
  							margin: 10px 0 0;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 物件を探しています */
  	.akiya_point_wrap {
  		width: 90%;
  		margin: 60px auto;
  		.akiya_point_txt {
  			text-align: center;
  			h2 {
  				display: inline;
  				position: relative;
  				background: linear-gradient(transparent 60%, #fff899 60%);
  				&::before {
  					content: "";
  					display: block;
  					width: 2px;
  					height: 35px;
  					background: #000;
  					transform: rotate(-25deg);
  					position: absolute;
  					bottom: -5px;
  					left: -5%;
  				}
  				&::after {
  					content: "";
  					display: block;
  					width: 2px;
  					height: 35px;
  					background: #000;
  					transform: rotate(25deg);
  					position: absolute;
  					bottom: -5px;
  					right: -18%;
  				}
  			}
  			p {
  				text-align: left;
  				font-size: clamp(15px, 4.7vw, 18px);
  				line-height: 32px;
  				letter-spacing: 0.05em;
  				font-weight: 500;
  				margin: 30px 0;
  			}
  		}
  		ul {
  			li {
  				&:first-child {
  					margin-bottom: 30px;
  				}
  				h3 {
  					font-size: clamp(14px, 5vw, 22px);
  					line-height: 1.6;
  					font-weight: bold;
  					letter-spacing: 0.05em;
  					margin: 0 0 10px;
  					padding: 0 5%;
					color: #ea3341;
  					span {
  						display: block;
  						width: 100px;
  						font-size: clamp(13px, 3.8vw, 15px);
  						line-height: 40px;
  						background: #ea3341;
  						color: #fff;
  						text-align: center;
  						border-radius: 3px;
  						margin-bottom: 10px;
  					}
  				}
  				.akiya_point_con {
  					background: var(--bg-blue-color);
  					border-radius: 5px;
  					padding: 20px 5%;
  					img {
  						width: 100%;
  					}
  					p {
  						font-size: clamp(15px, 4.7vw, 18px);
  						line-height: 32px;
  						font-weight: 500;
  						margin: 10px 0 0;
  					}
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 30px;
  			;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  		&.sa_conts_tit_line::after {
  			content: "";
  			display: block;
  			width: 70px;
  			height: 5px;
  			background-color: var(--main-color);
  			margin: 20px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		display: block;
  		width: 80%;
  		line-height: 60px;
  		background-color: var(--btn-color);
  		color: #fff;
  		text-align: center;
  		position: relative;
  		margin: 0 auto 00px;
  		border-radius: 5px;
  		font-weight: bold;
  		font-size: clamp(15px, 4.7vw, 18px);
  		&:hover {
  			opacity: .8;
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- akiyaここまで ---*/


  /*--- sozokuここから ---*/
  .sale_sozoku_wrap {
  	/* メイン画像 */
  	.sozoku_main_wrap {
  		background: url(../img/lp/sozoku/main_bg.webp);
  		background-size: cover;
  		background-position: 60% 0;
  		box-sizing: border-box;
  		.sozoku_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			.sozoku_main_subti {
  				text-align: center;
  				span {
  					color: #fff;
  					font-size: clamp(14px, 4.2vw, 16px);
  					font-weight: 500;
  					line-height: 30px;
  					border-bottom: 1px solid #fff;
  					padding-bottom: 5px;
  					margin: 0 5px;
  				}
  			}
  			.sozoku_main_ti {
  				margin: 15px 0;
  				p {
  					color: #fff;
  					font-size: clamp(14px, 6vw, 28px);
  					line-height: 1.4;
  					margin: 15px 0;
  					font-weight: bold;
  					text-align: center;
  					span {
  						font-weight: bold;
  						font-size: clamp(14px, 10vw, 38px);
  					}
  				}
  				span {
  					font-size: clamp(14px, 4.4vw, 24px);
  					font-weight: 500;
  					letter-spacing: 0.05em;
  					color: #fff;
  				}
  			}
  			ul {
  				display: flex;
  				justify-content: center;
  				gap: 0px 8px;
  				li {
  					background: #ea3341;
  					color: #fff;
  					line-height: 40px;
  					border-radius: 5px;
  					font-size: clamp(12px, 3.5vw, 14px);
  					letter-spacing: 0.05em;
  					font-weight: bold;
  					padding: 0 30px;
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.sozoku_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/sozoku/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 130px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  		}
  	}
  	/* 不動産の相続対策とは */
  	.sozoku_about_wrap {
  		background: var(--bg-blue-color);
  		padding: 60px 0;
  		.sozoku_about_inner {
  			width: 90%;
  			margin: 0 auto;
  			.sozoku_about_point {
  				border: 2px solid #ea3341;
  				background: #ffffff;
  				box-sizing: border-box;
  				border-radius: 5px;
  				padding: 30px 5%;
  				position: relative;
  				margin-bottom: 70px;
  				h3 {
  					color: #ea3341;
  					font-size: clamp(14px, 6vw, 24px);
  					line-height: 1.8;
  					font-weight: bold;
  					letter-spacing: 0.05em;
  					margin: 0;
  				}
  				p {
  					font-size: clamp(15px, 4.7vw, 18px);
  					font-weight: bold;
  					line-height: 28px;
  					color: #000;
  					letter-spacing: 0.1em;
  					margin: 15px 0;
  				}
  				ul {
  					li {
  						position: relative;
  						padding-left: 40px;
  						font-size: clamp(15px, 4.7vw, 18px);
  						color: #ea3341;
  						font-weight: 500;
  						line-height: 25px;
  						margin-bottom: 10px;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/sozoku/check_icon.webp);
  							width: 25px;
  							height: 25px;
  							position: absolute;
  							top: 0;
  							left: 0;
  						}
  					}
  				}
  				img {
  					width: 84%;
  					display: block;
  					margin: 30px auto 15px;
  				}
  			}
  		}
  		.sozoku_problem_wrap {
  			width: 90%;
  			margin: 0 auto;
  			.sozoku_problem_top {
  				h2 {
  					color: #ea3341;
  				}
  				p {
  					font-size: clamp(15px, 4.7vw, 18px);
  					font-weight: 500;
  					line-height: 28px;
  					text-align: left;
  					letter-spacing: 0.1em;
  					margin: 0;
  				}
  				ul {
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					margin: 30px 0;
  					li {
  						margin-bottom: 2%;
  						background: #fff;
  						width: 49%;
  						box-sizing: border-box;
  						border: 1px solid #ccc;
  						border-radius: 5px;
  						text-align: center;
  						padding: 15px 3%;
  						span {
  							display: block;
  							text-align: center;
  							font-size: clamp(11px, 4vw, 20px);
  							line-height: 1.8;
  							color: #000;
  							font-weight: bold;
  						}
  						p {
  							color: #ea3341;
  							margin: 0;
  							margin-top: 5px;
  							font-size: clamp(12px, 3vw, 20px);
  							line-height: 1.8;
  						}
  					}
  				}
  			}
  			.sozoku_problem_con {
  				ul {
  					li {
  						background: #fff;
  						padding: 15px;
  						border-radius: 10px;
  						margin-bottom: 30px;
  						h3 {
  							background: var(--bg-blue-color);
  							line-height: 50px;
  							border-radius: 10px;
  							text-align: left;
  							color: #ea3341;
  							font-size: clamp(20px, 5.8vw, 24px);
  							font-weight: bold;
  							letter-spacing: 0.1em;
  							text-align: center;
  							margin: 0px 0 20px;
  						}
  						.sozoku_problem_flex {
  							.sozoku_problem_txt {
  								h4 {
  									font-size: clamp(14px, 5vw, 24px);
  									font-weight: bold;
  									line-height: 1.8;
  									margin: 0 0 10px;
  								}
  								p {
  									font-size: clamp(14px, 4vw, 16px);
  									font-weight: 500;
  									line-height: 28px;
  									letter-spacing: 0.04em;
  									margin: 0;
  								}
  							}
  							img {
  								width: 100%;
  								margin-top: 20px;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 不動産相続の成功と失敗の分岐点 */
  	.sozoku_point_wrap {
  		width: 90%;
  		margin: 80px auto;
  		ul {
  			margin-top: 60px;
  			li {
  				box-sizing: border-box;
  				border: 2px solid #ea3341;
  				border-radius: 10px;
  				background: #ffffff;
  				padding: 50px 4% 20px;
  				text-align: center;
  				margin-bottom: 60px;
  				position: relative;
  				&:nth-child(2) {
  					img {
  						width: auto;
  					}
  				}
  				&:last-child {
  					h3 {
  						top: -30px;
  					}
  				}
  				h3 {
  					width: 90%;
  					box-sizing: border-box;
  					text-align: left;
  					background: #ea3341;
  					border-radius: 10px;
  					font-size: clamp(14px, 4.8vw, 22px);
  					font-weight: bold;
  					line-height: 1.6;
  					letter-spacing: 0.05em;
  					padding: 5px 15px;
  					position: absolute;
  					left: 5%;
  					top: -40px;
  					z-index: 10;
  					margin: 0;
  					color: #fff;
  				}
  				img {
  					width: 80%;
  					display: block;
  					margin: 0 auto;
  				}
  				p {
  					font-size: clamp(15px, 4.7vw, 18px);
  					line-height: 30px;
  					margin: 15px 0 0;
  					text-align: left;
  					letter-spacing: 0.05em;
  					span {
  						font-weight: bold;
  						color: #ea3341;
  					}
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 30px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  		&.sa_conts_tit_line::after {
  			content: "";
  			display: block;
  			width: 70px;
  			height: 5px;
  			background-color: #ea3341;
  			margin: 20px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		display: block;
  		width: 80%;
  		line-height: 60px;
  		background-color: var(--btn-color);
  		color: #fff;
  		text-align: center;
  		position: relative;
  		margin: 0 auto 00px;
  		border-radius: 5px;
  		font-weight: bold;
  		font-size: clamp(15px, 4.7vw, 18px);
  		&:hover {
  			opacity: .8;
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- sozokuここまで ---*/


  /*--- kaitoriここから ---*/
  .sale_kaitori_wrap {
  	/* メイン画像 */
  	.kaitori_main_wrap {
  		background: url(../img/lp/kaitori/main_bg.webp);
  		background-size: cover;
  		background-position: 25% 0;
  		box-sizing: border-box;
  		.kaitori_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			ul {
  				display: flex;
  				justify-content: center;
  				flex-wrap: wrap;
  				li {
  					width: 38%;
  					background: #ea3341;
  					color: #fff;
  					line-height: 38px;
  					border-radius: 5px;
  					font-size: clamp(12px, 3.8vw, 14px);
  					letter-spacing: 0.05em;
  					font-weight: 500;
  					padding: 0 10px;
  					text-align: center;
  					margin-bottom: 5px;
  					&:nth-child(odd) {
  						margin-right: 5px;
  					}
  				}
  			}
  			p {
  				color: #fff;
  				font-weight: bold;
  				font-size: clamp(28px, 8vw, 35px);
  				line-height: 1.5;
  				padding: 10px 0;
  				text-align: center;
  				border-top: 1px solid #fff;
  				border-bottom: 1px solid #fff;
  				margin: 15px 0;
  			}
  			span {
  				font-size: clamp(14px, 4.4vw, 24px);
  				line-height: 1.6;
  				color: #fff;
  				font-weight: 500;
  			}
  		}
  	}
  	/* 悩み */
  	.kaitori_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/kaitori/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 125px;
  				height: 130px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  		}
  	}
  	/* 当社の3つの特徴 */
  	.kaitori_feature_wrap {
  		background: var(--bg-blue-color);
  		padding: 60px 0;
  		.kaitori_feature_inner {
  			width: 90%;
  			margin: 0 auto;
  			ul {
  				li {
  					display: flex;
  					flex-direction: column-reverse;
  					margin-bottom: 40px;
  					&:last-child {
  						margin-bottom: 0;
  					}
  					img {
  						width: 100%;
  					}
  					.kaitori_feature_txt {
  						margin-bottom: 30px;
  						span {
  							display: block;
  							width: 120px;
  							line-height: 40px;
  							text-align: center;
  							border-radius: 30px;
  							background: #ea3341;
  							color: #fff;
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: bold;
  							letter-spacing: 0.1em;
  						}
  						h3 {
  							font-size: clamp(14px, 6vw, 24px);
  							line-height: 1.8;
  							color: #000;
  							letter-spacing: 0.05em;
  							margin: 15px 0;
  						}
  						p {
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: 500;
  							margin: 0;
  							line-height: 26px;
  							letter-spacing: 0.04em;
  							font-size: clamp(13px, 4vw, 15px);
  						}
  						.kaitori_feature_point {
  							p {
  								background: #fff;
  								box-sizing: border-box;
  								padding: 15px;
  								font-weight: bold;
  								margin: 15px 0 10px;
  								border-radius: 10px;
  								line-height: 26px;
  								letter-spacing: 0.04em;
  								font-size: clamp(13px, 4vw, 15px);
  							}
  							span {
  								font-size: clamp(10px, 2.8vw, 12px);
  								line-height: 12px ! IMPORTANT;
  								letter-spacing: 0.05em;
  								color: #000;
  								display: initial;
  								background: none;
  								font-weight: 500;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 買取までの流れ */
  	.kaitori_flow_wrap {
  		width: 90%;
  		margin: 60px auto 40px;
  		ul {
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			li {
  				background: #f5f5f5;
  				width: 49%;
  				border-radius: 5px;
  				box-sizing: border-box;
  				margin-bottom: 40px;
  				text-align: center;
  				padding: 0 10px 15px;
  				span {
  					display: block;
  					width: 80px;
  					line-height: 30px;
  					text-align: center;
  					border-radius: 20px;
  					background: #ea3341;
  					color: #fff;
  					font-size: clamp(11px, 3.2vw, 13px);
  					font-weight: bold;
  					letter-spacing: 0.1em;
  					margin: -15px auto 15px;
  				}
  				img {
  					width: 40%;
  				}
  				h3 {
  					color: #ea3341;
  					font-weight: bold;
  					font-size: clamp(11px, 4vw, 20px);
  					line-height: 1.6;
  					margin: 10px 0;
  				}
  				p {
  					color: #666;
  					font-weight: 500;
  					margin: 0;
  					text-align: left;
  					font-size: clamp(12px, 3vw, 20px);
  					line-height: 1.8;
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  			font-size: clamp(15px, 4.7vw, 18px);
  		}
  		h2 {
  			margin: 10px auto 30px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 7vw, 25px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  		&.sa_conts_tit_line::after {
  			content: "";
  			display: block;
  			width: 70px;
  			height: 5px;
  			background-color: #ea3341;
  			margin: 20px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		display: block;
  		width: 80%;
  		line-height: 60px;
  		background-color: var(--btn-color);
  		color: #fff;
  		text-align: center;
  		position: relative;
  		margin: 0 auto 00px;
  		border-radius: 5px;
  		font-weight: bold;
  		font-size: clamp(15px, 4.7vw, 18px);
  		&:hover {
  			opacity: .8;
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- kaitoriここまで ---*/


  /*--- reform_sellここから ---*/
  .sale_reform_sell_wrap {
  	/* メイン画像 */
  	.reform_main_wrap {
  		background: url(../img/lp/reform_sell/main_bg.webp);
  		background-size: cover;
  		background-position: center;
  		.reform_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			.main_ti {
  				font-size: clamp(18px, 5.3vw, 20px);
  				font-weight: bold;
  				line-height: 32px;
  				color: #fff;
  				text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  				text-align: center;
  				b {
  					display: block;
  					font-size: clamp(28px, 8vw, 35px);
  				}
  			}
  			p {
  				display: block;
  				text-align: left;
  				font-size: clamp(12px, 3.5vw, 14px);
  				font-weight: bold;
  				color: #fff;
  				line-height: 24px;
  				margin: 15px 0;
  				padding: 15px 0;
  				text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  				border-top: 1px solid #fff;
  				border-bottom: 1px solid #fff;
  			}
  		}
  	}
  	/* 悩み */
  	.reform_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			display: flex;
  			flex-wrap: wrap;
  			justify-content: center;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/reform_sell/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 146px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				margin-right: 2%;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  				&:nth-child(even) {
  					margin-right: 0;
  				}
  				&:last-child {
  					margin-bottom: 0;
  				}
  			}
  		}
  	}
  	/* リフォーム提案 */
  	.reform_point_wrap {
  		background: var(--bg-blue-color);
  		padding: 40px 0;
  		margin-top: 60px;
  		.reform_point_inner {
  			width: 90%;
  			margin: 0 auto;
  			h2 {
  				color: #ea3341;
  			}
  			ul {
  				li {
  					background: #fff;
  					padding: 60px 5% 30px;
  					border-radius: 10px;
  					position: relative;
  					margin-bottom: 30px;
  					.reform_point {
  						width: 85px;
  						background: #ea3341;
  						color: #fff;
  						border-radius: 2px;
  						text-align: center;
  						line-height: 30px;
  						font-size: clamp(14px, 4.2vw, 16px);
  						font-weight: bold;
  						position: absolute;
  						left: 0;
  						top: 20px;
  					}
  					h3 {
  						color: #ea3341;
  						font-size: clamp(19px, 5.4vw, 22px);
  						line-height: 30px;
  						letter-spacing: 0.05em;
  						margin: 0 0 20px;
  						font-weight: bold;
  						b {
  							background: linear-gradient(transparent 60%, #fff899 60%);
  							display: inline;
  						}
  					}
  					img {
  						width: 100%;
  					}
  					.reform_point_txt {
  						p {
  							font-size: clamp(13px, 3.8vw, 15px);
  							line-height: 25px;
  							font-weight: bold;
  							color: #222;
  							margin: 0 0 20px;
  							span {
  								font-weight: bold;
  								background: linear-gradient(transparent 60%, #fafce0 60%);
  							}
  						}
  						.reform_point_con {
  							box-sizing: border-box;
  							border: 1px solid #ea3341;
  							background: #ffffff;
  							border-radius: 5px;
  							text-align: center;
  							padding: 20px;
  							margin-bottom: 20px;
  							&:last-child {
  								margin-bottom: 0;
  							}
  							h4 {
  								font-size: clamp(15px, 4.7vw, 18px);
  								font-weight: bold;
  								letter-spacing: 0.1em;
  								line-height: 25px;
  								color: #ea3341;
  								margin: 0 0 20px;
  							}
  							p {
  								text-align: left;
  								font-size: clamp(11px, 3.2vw, 13px);
  								line-height: 20px;
  								letter-spacing: 0.05em;
  								margin: 20px 0 0;
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 気を付けること */
  	.caution_wrap {
  		width: 90%;
  		margin: 60px auto;
  		.caution_top {
  			margin: 40px 0;
  			h3 {
  				display: inline;
  				color: #ea3341;
  				font-size: clamp(18px, 5.3vw, 20px);
  				line-height: 34px;
  				letter-spacing: 0.05em;
  				margin: 0;
  				background: linear-gradient(transparent 60%, #fff899 60%);
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 25px;
  				margin: 20px 0;
  			}
  			img {
  				width: 100%;
  			}
  		}
  		.caution_point {
  			h3 {
  				color: #000;
  				font-size: clamp(19px, 5.4vw, 22px);
  				line-height: 32px;
  				letter-spacing: 0.05em;
  				margin: 0 0 30px;
  				padding-left: 15px;
  				border-left: 5px solid #ea3341;
  			}
  			ul {
  				li {
  					background: #ffffff;
  					border: 1px solid #ea3341;
  					padding: 20px 5%;
  					margin-bottom: 30px;
  					h4 {
  						font-size: clamp(18px, 5.3vw, 20px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						color: #ea3341;
  						margin: 0 0 15px;
  						display: flex;
  						align-items: center;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/reform_sell/check_icon.webp);
  							width: 27px;
  							height: 28px;
  							margin-right: 10px;
  						}
  						p {
  							margin: 0;
  							font-size: clamp(13px, 3.8vw, 15px);
  							line-height: 25px;
  							letter-spacing: 0.1em;
  							.color_b {
  								color: #ea3341;
  							}
  						}
  					}
  					p {
  						margin: 0;
  						font-size: clamp(13px, 3.8vw, 15px);
  						line-height: 25px;
  						letter-spacing: 0.1em;
  						.color_b {
  							color: #ea3341;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 30px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		display: block;
  		width: 80%;
  		line-height: 60px;
  		background-color: var(--btn-color);
  		color: #fff;
  		text-align: center;
  		position: relative;
  		margin: 0 auto 00px;
  		border-radius: 5px;
  		font-weight: bold;
  		font-size: clamp(15px, 4.7vw, 18px);
  		&:hover {
  			opacity: .8;
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- reform_sellここまで ---*/


  /*--- 事故物件ここから ---*/
  .sale_incident_wrap {
  	/* メイン画像 */
  	.incident_main {
  		background-image: url(../img/lp/incident/main_bg.webp);
		background-size: cover;
		background-position: center;
		.label {
			line-height: 35px;
		}
		h2 {
			margin: 0 0 30px;
		}
  	}
	#sa_worries{
		margin: 50px auto 0px auto;
	}
  	/* ご相談ください */
  	#sa_inci_please {
  		width: 100%;
  		padding: 30px 0 30px 0;
  		background: #f6f6f6;
  		>div {
  			display: flex;
  			align-items: flex-start;
  			justify-content: space-between;
  			width: fit-content;
  			margin: 0 auto;
  			padding: 0 0 0 0;
  			>div h2 {
  				width: fit-content;
  				box-sizing: border-box;
  				margin: 0 0 20px 0;
  				padding: 10px 15px 10px 15px;
  				background: #FFF;
  				font-size: clamp(16px, 4.2vw, 18px);
  				line-height: 1.5;
  				font-weight: 500;
  				letter-spacing: 0.12em;
  				position: relative;
  			}
  			>div h2:after {
  				content: "";
  				display: block;
  				width: 18px;
  				height: 10px;
  				clip-path: polygon(0 0, 100% 0%, 50% 100%);
  				background: #FFF;
  				position: absolute;
  				bottom: -10px;
  				left: 20px;
  			}
  			>div p {
  				font-size: clamp(20px, 5.3vw, 22px);
  				line-height: 1.8;
  				color: #ea3341;
  				letter-spacing: 0.1em;
  				font-feature-settings: "palt";
  			}
  			.my_svg {
  				display: none;
  			}
  		}
  	}
  	/* 事故物件とは */
  	#sa_inci_about {
  		width: 90%;
  		margin: 40px auto 40px auto;
  		>p.sa_conts_txt {
  			margin: 0 0 30px 0;
  		}
  		.sa_inci_ab_ex {
  			padding: 15px 15px 0 15px;
  			&:not(:last-of-type) {
  				margin-bottom: 20px;
  			}
  			& h3 {
  				box-sizing: border-box;
  				margin: auto;
  				padding: 10px 0;
  				border: 1px solid #FFF;
  				font-size: clamp(18px, 4.8vw, 20px);
  				line-height: 1.6;
  				text-align: center;
  			}
  			>ul {
  				display: flex;
  				align-items: center;
  				justify-content: center;
  				flex-wrap: wrap;
  				gap: 0 24px;
  				padding: 15px 0;
  				>li {
  					display: flex;
  					align-items: center;
  					gap: 0 8px;
  				}
  				>li:before {
  					content: "";
  					width: 4px;
  					height: 4px;
  					border-radius: 50%;
  					background: #333;
  				}
  			}
  		}
  		.sa_inci_ab_need {
  			border: 3px solid #c80000;
  			& h3 {
  				background: #fff899;
  				color: #c80000;
  			}
  			>div {
  				padding: 15px 0;
  				border-bottom: 2px solid #c80000;
  				>p.sa_conts_txt {
  					width: fit-content;
  					margin: 15px auto 0 auto;
  				}
  				>div {
  					display: flex;
  					justify-content: center;
  					gap: 20px;
  					>div {
  						text-align: center;
  					}
  					.my_svg {
  						display: inline-block;
  						width: 105px;
  						margin: 0 0 3px 0;
  					}
  					>p {
  						font-size: clamp(14px, 3.7vw, 16px);
  						line-height: 1.8;
  					}
  				}
  			}
  		}
  		.sa_inci_ab_noneed {
  			border: 3px solid #ea3341;
  			& h3 {
  				background: #ffebeb;
  				color: #ea3341;
  			}
  		}
  	}
  	/* メリット */
  	#sa_inci_merit {
  		& ul {
  			display: flex;
  			flex-wrap: wrap;
  			gap: 10px;
  			width: 90%;
  			margin: 0 auto 30px auto;
  			padding: 0 0 0 0;
  			& li {
  				width: calc((100% - 10px)/2);
  				box-sizing: border-box;
  				padding: 10px;
  				background: #ffebeb;
  				border: 2px solid #ea3341;
  				border-radius: 5px;
  				& h3 {
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					height: 50px;
  					margin: 0 auto 10px auto;
  					background: #ea3341;
  					border-radius: 4px;
  					font-size: clamp(14px, 3.7vw, 16px);
  					line-height: 1.3;
  					color: #FFF;
  					text-align: center;
  				}
  				& div {
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					width: 100px;
  					height: 100px;
  					margin: 0 auto 10px auto;
  					background: #FFF;
  					border-radius: 50%;
  				}
  				.my_svg {
  					width: 70px;
  				}
  				& p {
  					font-size: clamp(12px, 3.2vw, 14px);
  					line-height: 1.5;
  				}
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- 事故物件ここまで ---*/


  /*--- ikkodateここから ---*/
  .sale_ikkodate_wrap {
  	/* メイン画像 */
  	.ikkodate_main_wrap {
  		background: url(../img/lp/ikkodate/main_bg.webp);
  		background-size: cover;
  		background-position: 65%;
  		.ikkodate_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			span {
  				display: initial;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  				line-height: 32px;
  				letter-spacing: 0.05em;
  				color: #fff;
  				border-bottom: 1px solid #fff;
  			}
  			p {
  				font-size: clamp(20px, 5.8vw, 24px);
  				font-weight: bold;
  				color: #fff;
  				line-height: 43px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				&:first-of-type {
  					letter-spacing: 1.8px;
  				}
  				b {
  					font-size: clamp(28px, 8vw, 35px);
  				}
  			}
  			ul {
  				display: flex;
  				flex-wrap: wrap;
  				justify-content: center;
  				width: 80%;
  				margin: 14px auto 0;
  				li {
  					width: 30%;
  					padding: 3px;
  					background: #fff;
  					margin-right: 2%;
  					margin-bottom: 2%;
  					box-sizing: border-box;
  					span {
  						display: block;
  						border: 1px solid #ea3341;
  						text-align: center;
  						font-size: clamp(11px, 3.2vw, 13px);
  						font-weight: bold;
  						color: #ea3341;
  						letter-spacing: 0.1em;
  						margin: 0;
  						line-height: 32px;
  					}
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.ikkodate_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/ikkodate/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 130px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  		}
  	}
  	/* よくある売却ケース */
  	.ikkodate_case_wrap {
  		background: var(--bg-blue-color);
  		padding: 20px 0 40px;
  		.ikkodate_case_inner {
  			width: 90%;
  			margin: 0 auto;
  			h2 {
  				&::before {
  					content: "";
  					display: block;
  					background: url(../img/lp/ikkodate/case_icon.webp);
  					background-size: contain;
  					background-repeat: no-repeat;
  					width: 40px;
  					height: 26px;
  					margin: 0 auto 10px;
  				}
  			}
  			ul {
  				li {
  					background: #fff;
  					border-radius: 5px;
  					position: relative;
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
  					margin-bottom: 19px;
  					padding: 20px 3%;
  					span {
  						display: block;
  						width: 85px;
  						line-height: 28px;
  						text-align: center;
  						background: #ea3341;
  						color: #fff;
  						border-radius: 2px;
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						position: absolute;
  						left: 15px;
  						top: -13px;
  					}
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						text-align: center;
  						line-height: 25px;
  						margin: 0;
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 50px 0 0;
  		.s_t_ti {
  			padding-bottom: 20px;
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 30px;
  				text-align: left;
  				margin: 0 5%;
  			}
  		}
  		.s_t_sr_con {
  			padding: 0px 0 80px;
  			.s_t_sr_con_l {
  				img {
  					max-width: 90%;
  					margin: 0 auto 30px;
  					display: block;
  				}
  			}
  			.s_t_sr_con_r {
  				width: 94%;
  				padding: 0 0 5px 0;
  				margin: 0 auto;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						box-sizing: border-box;
  						width: 50%;
  						padding: 10px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						line-height: 25.6px;
  						p {
  							font-size: clamp(13px, 3.7vw, 15px);
  							margin: 10px 0;
  							font-weight: bold;
  							line-height: 1.2;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: clamp(16px, 5vw, 19px);
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: clamp(16px, 5vw, 19px);
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 100%;
  		margin: 40px auto 50px;
  		.s_t_result_ti {
  			background-image: url(../img/lp/ikkodate/result_bg.webp);
  			background-repeat: no-repeat;
  			background-position: center bottom;
  			img {
  				width: 80%;
  				display: block;
  				margin: 0 auto 20px;
  			}
  			h3 {
  				margin: 0;
  				font-size: clamp(24px, 7vw, 30px);
  				color: #ea3341;
  				letter-spacing: 1px;
  				text-align: center;
  				line-height: 1;
  				padding: 0 0 10px;
  			}
  		}
  		.sp_off,
  		.smart_off {
  			display: none !important;
  		}
  		.i_b_r {
  			border-right: 1px solid #dcdcdc;
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 10px auto 0;
  			font-weight: bold;
  			justify-content: center;
  			width: 96%;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 34%;
  				background: #ea3341;
  				text-align: center;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  			}
  		}
  		.sale_result_ma {
  			width: 100%;
  			margin: 0 auto 20px;
  			.sale_result_box {
  				width: 100%;
  				margin: 0 auto;
  				display: flex;
  				justify-content: space-evenly;
  				flex-direction: row;
  				flex-wrap: wrap;
  				>li {
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					width: 46%;
  					margin-bottom: 4%;
					position: relative;
					box-sizing: border-box;
					padding: 0px 0px 10px 0px;
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 94%;
  						margin: 3% auto;
  						img {
  							display: block;
  							padding: 3% 0%;
  							max-height: 125px;
  							margin: auto;
							width: 100%;
							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							flex-direction: column;
  							flex-wrap: nowrap;
  							margin: 6px 0px 0px 0px;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								border-radius: 3px;
  								color: #ffffff;
  								font-size: 12px;
  								font-weight: bold;
  								text-align: center;
  								padding: 1px 8px;
  							}
  							.sale_result_box_city {
  								width: 100%;
  								color: #ea3341;
  								font-size: 14px;
  								line-height: 20px;
  								margin: 5px 0px 0px 0px;
  								font-weight: bold;
  							}
  						}
  						.sale_result_box_black {
  							letter-spacing: 0.01em;
  							font-size: 14px;
  							line-height: 20px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  							margin: 5px 0px 0px 0px;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 12px;
  							line-height: 17px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 5px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #eee;
  		padding: 60px 5%;
  		.s_t_df_block {
  			margin: 0 auto;
  			.s_t_df_box {
  				width: 100%;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				margin-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: clamp(16px, 5vw, 19px);
  				}
  				img {
  					display: block;
  					margin: 30px auto;
  					max-width: 100%;
  				}
  				.tokucho {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						display: flex;
  						align-items: center;
  						span {
  							display: inline-block;
  							width: 20%;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: clamp(10px, 2.8vw, 12px);
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							display: inline-block;
  							width: 80%;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/ikkodate/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/ikkodate/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #ea3341;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_img {
  			img {
  				width: 90%;
  				margin: 0 auto;
  				display: block;
  			}
  		}
  	}
  	/* 売却前の注意点 */
  	.ikkodate_point_wrap {
  		width: 90%;
  		margin: 60px auto;
  		.lp_point_con {
  			margin-bottom: 40px;
  			padding: 0 0 40px;
  			&:not(:last-child) {
  				border-bottom: 1px solid #0e6e98;
  			}
  			&:nth-child(2) {
  				.lp_point_check {
  					padding: 0;
  				}
  			}
  			img {
  				width: 100%;
  				margin-top: 20px;
  			}
  			.lp_point_txt {
  				.lp_point {
  					color: #333;
  					font-size: clamp(16px, 5vw, 19px);
  					line-height: 30px;
  				}
  				h3 {
  					color: #ea3341;
  					font-size: clamp(19px, 5.4vw, 22px);
  					font-weight: bold;
  					line-height: 30px;
  					letter-spacing: 0.05em;
  					margin: 10px 0;
  					span {
  						font-weight: bold;
  						background: linear-gradient(transparent 60%, #fff899 60%);
  					}
  				}
  				p {
  					font-weight: 500;
  					color: #000;
  					margin: 0;
  					line-height: 26px;
  					letter-spacing: 0.04em;
  					font-size: clamp(13px, 4vw, 15px);
  				}
  			}
  			.lp_point_md_wrap {
  				margin: 40px auto 0;
  				.lp_point_md {
  					background: #ffebeb;
  					border: 1px solid #ea3341;
  					padding: 15px;
  					box-sizing: border-box;
  					margin-bottom: 10px;
  					h4 {
  						color: #ea3341;
  						font-size: clamp(15px, 4.7vw, 18px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						display: flex;
  						align-items: center;
  						margin: 0 0 15px;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/ikkodate/check_icon.webp);
  							background-size: contain;
  							width: 25px;
  							height: 25px;
  							margin-right: 10px;
  						}
  					}
  					span {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.1em;
  					}
  					ul {
  						margin-bottom: 10px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							letter-spacing: 0.02em;
  						}
  					}
  				}
  			}
  			.lp_point_cost {
  				background: #ffebeb;
  				border: 1px solid #ea3341;
  				padding: 15px;
  				box-sizing: border-box;
  				margin: 30px auto 0;
  				h4 {
  					color: #ea3341;
  					font-size: clamp(15px, 4.7vw, 18px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.05em;
  					display: flex;
  					align-items: center;
  					margin: 0;
  					&:before {
  						content: "";
  						display: block;
  						background: url(../img/lp/ikkodate/check_icon.webp);
  						background-size: contain;
  						width: 25px;
  						height: 25px;
  						margin-right: 10px;
  					}
  				}
  				ul {
  					margin-top: 15px;
  					li {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						margin-bottom: 5px;
  						&:first-child {
  							margin-bottom: 0;
  							span {
  								display: block;
  								margin-left: 15px;
  							}
  						}
  						span {
  							font-size: clamp(10px, 2.8vw, 12px);
  							line-height: 18px;
  							font-weight: 500;
  						}
  					}
  				}
  			}
  			.lp_point_check {
  				margin-top: 40px;
  				ul {
  					li {
  						background: #ffebeb;
  						border: 1px solid #ea3341;
  						padding: 15px;
  						box-sizing: border-box;
  						margin-bottom: 10px;
  						h4 {
  							color: #ea3341;
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: bold;
  							line-height: 25px;
  							letter-spacing: 0.05em;
  							display: flex;
  							align-items: center;
  							margin: 0;
  							&::before {
  								content: "";
  								display: block;
  								background: url(../img/lp/ikkodate/check_icon.webp);
  								background-size: contain;
  								background-repeat: no-repeat;
  								width: 28px;
  								height: 28px;
  								margin-right: 10px;
  							}
  						}
  						p {
  							font-size: clamp(12px, 3.5vw, 14px);
  							font-weight: 500;
  							line-height: 24px;
  							margin: 15px 0 0;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売却活動期間の注意点 */
  	.ikkodate_cation_wrap {
  		background: var(--bg-blue-color);
  		padding: 40px 0;
  		.ikkodate_cation_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			.ikkodate_cation_subti {
  				img {
  					height: 80px;
  				}
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 28px;
  				font-weight: 500;
  				margin: 30px 0 60px;
  				text-align: left;
  			}
  			.ikkodate_cation_con {
  				.ikkodate_cation_list {
  					box-sizing: border-box;
  					background: #fff;
  					border: 1px solid #ea3341;
  					position: relative;
  					padding: 50px 20px 10px;
  					margin-bottom: 50px;
  					h3 {
  						width: 60%;
  						text-align: center;
  						line-height: 50px;
  						background: #fff;
  						border: 1px solid #ea3341;
  						font-size: clamp(18px, 5.3vw, 20px);
  						font-weight: bold;
  						color: #ea3341;
  						margin: 0;
  						position: absolute;
  						left: 20%;
  						top: -26px;
  					}
  					ul {
  						padding: 10px;
  						background: var(--bg-blue-color);
  						border-radius: 5px;
  						margin-bottom: 20px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							text-align: left;
  						}
  					}
  					img {
  						width: 80%;
  					}
  				}
  			}
  			.ikkodate_cation_check {
  				margin-top: 80px;
  				ul {
  					li {
  						background: #fff;
  						border: 1px solid #ea3341;
  						padding: 20px 5%;
  						border-radius: 5px;
  						margin-bottom: 20px;
  						.ikkodate_cation_txt {
  							text-align: left;
  							margin-bottom: 20px;
  							span {
  								display: block;
  								width: 110px;
  								background: var(--bg-blue-color);
  								line-height: 25px;
  								text-align: center;
  								border-radius: 3px;
  								color: #333;
  								font-size: clamp(13px, 3.8vw, 15px);
  								margin-bottom: 10px;
  							}
  							h3 {
  								color: #ea3341;
  								font-size: clamp(18px, 5.3vw, 20px);
  								font-weight: bold;
  								letter-spacing: 0.05em;
  								line-height: 30px;
  								margin: 0 0 20px;
  							}
  							p {
  								font-weight: 500;
  								margin: 0;
  								line-height: 26px;
  								letter-spacing: 0.04em;
  								font-size: clamp(13px, 4vw, 15px);
  							}
  						}
  						img {
  							width: 100%;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売買契約における注意点 */
  	.ikkodate_contract_wrap {
  		width: 90%;
  		margin: 60px auto;
  		ul {
  			li {
  				border: 1px solid #ea3341;
  				text-align: center;
  				box-sizing: border-box;
  				padding: 0 20px 20px;
  				margin-bottom: 20px;
  				h3 {
  					color: #ea3341;
  					font-size: clamp(18px, 5.3vw, 20px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.1em;
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					margin: 25px 0;
  					&::before {
  						content: "";
  						display: block;
  						background: url(../img/lp/ikkodate/check_icon.webp);
  						background-size: contain;
  						background-repeat: no-repeat;
  						width: 22px;
  						height: 22px;
  						margin-right: 10px;
  					}
  				}
  				p {
  					margin: 0;
  					font-size: clamp(13px, 3.8vw, 15px);
  					line-height: 25px;
  					font-weight: 500;
  					margin-top: 10px;
  					text-align: left;
  				}
  			}
  		}
  	}
  	/* 引き渡し後の注意点 */
  	.ikkodate_delivery_wrap {
  		background: #eee;
  		padding: 40px 5%;
  		.ikkodate_delivery_con {
  			img {
  				width: 100%;
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				font-weight: 500;
  				line-height: 25px;
  				margin: 5px 0 0;
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 20px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 20px;
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 80%;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: clamp(15px, 4.7vw, 18px);
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- ikkodateここまで ---*/


  /*--- mansionここから ---*/
  .sale_mansion_wrap {
  	/* メイン画像 */
  	.mansion_main_wrap {
  		background: url(../img/lp/mansion/main_bg.webp);
  		background-size: cover;
  		background-position: 65%;
  		.mansion_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			span {
  				display: initial;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  				line-height: 32px;
  				letter-spacing: 0.05em;
  				color: #fff;
  				border-bottom: 1px solid #fff;
  			}
  			p {
  				font-size: clamp(20px, 5.8vw, 24px);
  				font-weight: bold;
  				color: #fff;
  				line-height: 43px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				&:first-of-type {
  					letter-spacing: 1.8px;
  				}
  				b {
  					font-size: clamp(28px, 8vw, 35px);
  				}
  			}
  			ul {
  				display: flex;
  				flex-wrap: wrap;
  				justify-content: center;
  				width: 80%;
  				margin: 14px auto 0;
  				li {
  					width: 30%;
  					padding: 3px;
  					background: #fff;
  					margin-right: 2%;
  					margin-bottom: 2%;
  					box-sizing: border-box;
  					span {
  						display: block;
  						border: 1px solid #ea3341;
  						text-align: center;
  						font-size: clamp(11px, 3.2vw, 13px);
  						font-weight: bold;
  						color: #ea3341;
  						letter-spacing: 0.1em;
  						margin: 0;
  						line-height: 32px;
  					}
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.mansion_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/mansion/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 130px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  		}
  	}
  	/* よくある売却ケース */
  	.mansion_case_wrap {
  		background: var(--bg-blue-color);
  		padding: 20px 0 40px;
  		.mansion_case_inner {
  			width: 90%;
  			margin: 0 auto;
  			h2 {
  				&::before {
  					content: "";
  					display: block;
  					background: url(../img/lp/mansion/case_icon.webp);
  					background-size: contain;
  					background-repeat: no-repeat;
  					width: 40px;
  					height: 26px;
  					margin: 0 auto 10px;
  				}
  			}
  			ul {
  				li {
  					background: #fff;
  					border-radius: 5px;
  					position: relative;
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
  					margin-bottom: 19px;
  					padding: 20px 3%;
  					span {
  						display: block;
  						width: 85px;
  						line-height: 28px;
  						text-align: center;
  						background: #ea3341;
  						color: #fff;
  						border-radius: 2px;
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						position: absolute;
  						left: 15px;
  						top: -13px;
  					}
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						text-align: center;
  						line-height: 25px;
  						margin: 0;
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 50px 0 0;
  		.s_t_ti {
  			padding-bottom: 20px;
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 30px;
  				text-align: left;
  				margin: 0 5%;
  			}
  		}
  		.s_t_sr_con {
  			padding: 0px 0 80px;
  			.s_t_sr_con_l {
  				img {
  					max-width: 90%;
  					margin: 0 auto 30px;
  					display: block;
  				}
  			}
  			.s_t_sr_con_r {
  				width: 94%;
  				padding: 0 0 5px 0;
  				margin: 0 auto;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						box-sizing: border-box;
  						width: 50%;
  						padding: 10px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						line-height: 25.6px;
  						p {
  							font-size: clamp(13px, 3.7vw, 15px);
  							margin: 10px 0;
  							font-weight: bold;
  							line-height: 1.2;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: clamp(16px, 5vw, 19px);
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: clamp(16px, 5vw, 19px);
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 100%;
  		margin: 40px auto 50px;
  		.s_t_result_ti {
  			background-image: url(../img/lp/mansion/result_bg.webp);
  			background-repeat: no-repeat;
  			background-position: center bottom;
  			img {
  				width: 80%;
  				display: block;
  				margin: 0 auto 20px;
  			}
  			h3 {
  				margin: 0;
  				font-size: clamp(24px, 7vw, 30px);
  				color: #ea3341;
  				letter-spacing: 1px;
  				text-align: center;
  				line-height: 1;
  				padding: 0 0 10px;
  			}
  		}
  		.sp_off,
  		.smart_off {
  			display: none !important;
  		}
  		.i_b_r {
  			border-right: 1px solid #dcdcdc;
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 10px auto 0;
  			font-weight: bold;
  			justify-content: center;
  			width: 96%;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 34%;
  				background: #ea3341;
  				text-align: center;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  			}
  		}
  		.sale_result_ma {
  			width: 96%;
  			margin: 0 auto 20px;
  			.sale_result_box {
  				width: 100%;
  				margin: 0 auto;
  				display: flex;
  				justify-content: space-evenly;
  				flex-direction: row;
  				flex-wrap: wrap;
  				>li {
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					width: 46%;
  					margin-bottom: 4%;
  					position: relative;
  					box-sizing: border-box;
  					padding: 0px 0px 10px 0px;
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 94%;
  						margin: 3% auto;
  						img {
  							display: block;
  							padding: 3% 0%;
  							max-height: 125px;
  							margin: auto;
  							width: 100%;
							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							flex-direction: column;
  							flex-wrap: nowrap;
  							margin: 6px 0px 0px 0px;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								border-radius: 3px;
  								color: #ffffff;
  								font-size: 12px;
  								font-weight: bold;
  								text-align: center;
  								padding: 1px 8px;
  							}
  							.sale_result_box_city {
  								width: 100%;
  								color: #ea3341;
  								font-size: 14px;
  								line-height: 20px;
  								margin: 5px 0px 0px 0px;
  								font-weight: bold;
  							}
  						}
  						.sale_result_box_black {
  							letter-spacing: 0.01em;
  							font-size: 14px;
  							line-height: 20px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  							margin: 5px 0px 0px 0px;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 12px;
  							line-height: 17px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 5px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #eee;
  		padding: 60px 5%;
  		.s_t_df_block {
  			margin: 0 auto;
  			.s_t_df_box {
  				width: 100%;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				margin-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: clamp(16px, 5vw, 19px);
  				}
  				img {
  					display: block;
  					margin: 30px auto;
  					max-width: 100%;
  				}
  				.tokucho {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						display: flex;
  						align-items: center;
  						span {
  							display: inline-block;
  							width: 20%;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: clamp(10px, 2.8vw, 12px);
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							display: inline-block;
  							width: 80%;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/mansion/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/mansion/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #ea3341;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_img {
  			img {
  				width: 90%;
  				margin: 0 auto;
  				display: block;
  			}
  		}
  	}
  	/* 売却前の注意点 */
  	.mansion_point_wrap {
  		width: 90%;
  		margin: 60px auto;
  		.lp_point_con {
  			margin-bottom: 40px;
  			padding: 0 0 40px;
  			img {
  				width: 100%;
  				margin-top: 20px;
  			}
  			.lp_point_txt {
  				.lp_point {
  					color: #333;
  					font-size: clamp(13px, 3.8vw, 15px);
  					line-height: 30px;
  				}
  				h3 {
  					color: #ea3341;
  					font-size: clamp(19px, 5.4vw, 22px);
  					font-weight: bold;
  					line-height: 30px;
  					letter-spacing: 0.05em;
  					margin: 10px 0;
  					span {
  						font-weight: bold;
  						background: linear-gradient(transparent 60%, #fff899 60%);
  					}
  				}
  				p {
  					font-weight: 500;
  					color: #000;
  					margin: 0;
  					line-height: 26px;
  					letter-spacing: 0.04em;
  					font-size: clamp(13px, 4vw, 15px);
  				}
  			}
  			.lp_point_md_wrap {
  				margin: 40px auto 0;
  				.lp_point_md {
  					background: #ffebeb;
  					border: 1px solid #ea3341;
  					padding: 15px;
  					box-sizing: border-box;
  					margin-bottom: 10px;
  					h4 {
  						color: #ea3341;
  						font-size: clamp(15px, 4.7vw, 18px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						display: flex;
  						align-items: center;
  						margin: 0 0 15px;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/mansion/check_icon.webp);
  							background-size: contain;
  							width: 25px;
  							height: 25px;
  							margin-right: 10px;
  						}
  					}
  					span {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.1em;
  					}
  					ul {
  						margin-bottom: 10px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							letter-spacing: 0.02em;
  						}
  					}
  				}
  			}
  			.lp_point_cost {
  				background: #ffebeb;
  				border: 1px solid #ea3341;
  				padding: 15px;
  				box-sizing: border-box;
  				margin: 30px auto 0;
  				h4 {
  					color: #ea3341;
  					font-size: clamp(15px, 4.7vw, 18px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.05em;
  					display: flex;
  					align-items: center;
  					margin: 0;
  					&:before {
  						content: "";
  						display: block;
  						background: url(../img/lp/mansion/check_icon.webp);
  						background-size: contain;
  						width: 25px;
  						height: 25px;
  						margin-right: 10px;
  					}
  				}
  				ul {
  					margin-top: 15px;
  					li {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						margin-bottom: 5px;
  						&:first-child {
  							margin-bottom: 0;
  							span {
  								display: block;
  								margin-left: 15px;
  							}
  						}
  						span {
  							font-size: clamp(10px, 2.8vw, 12px);
  							line-height: 18px;
  							font-weight: 500;
  						}
  					}
  				}
  			}
  			.lp_point_check {
  				margin-top: 40px;
  				ul {
  					li {
  						background: #ffebeb;
  						border: 1px solid #ea3341;
  						padding: 15px;
  						box-sizing: border-box;
  						margin-bottom: 10px;
  						h4 {
  							color: #ea3341;
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: bold;
  							line-height: 25px;
  							letter-spacing: 0.05em;
  							display: flex;
  							align-items: center;
  							margin: 0;
  							&::before {
  								content: "";
  								display: block;
  								background: url(../img/lp/mansion/check_icon.webp);
  								background-size: contain;
  								background-repeat: no-repeat;
  								width: 28px;
  								height: 28px;
  								margin-right: 10px;
  							}
  						}
  						p {
  							font-size: clamp(12px, 3.5vw, 14px);
  							font-weight: 500;
  							line-height: 24px;
  							margin: 15px 0 0;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売却活動期間の注意点 */
  	.mansion_cation_wrap {
  		background: var(--bg-blue-color);
  		padding: 40px 0;
  		.mansion_cation_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			.mansion_cation_subti {
  				img {
  					height: 80px;
  				}
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 28px;
  				font-weight: 500;
  				margin: 30px 0 60px;
  				text-align: left;
  			}
  			.mansion_cation_con {
  				.mansion_cation_list {
  					box-sizing: border-box;
  					background: #fff;
  					border: 1px solid #ea3341;
  					position: relative;
  					padding: 50px 20px 10px;
  					margin-bottom: 50px;
  					h3 {
  						width: 60%;
  						text-align: center;
  						line-height: 50px;
  						background: #fff;
  						border: 1px solid #ea3341;
  						font-size: clamp(18px, 5.3vw, 20px);
  						font-weight: bold;
  						color: #ea3341;
  						margin: 0;
  						position: absolute;
  						left: 20%;
  						top: -26px;
  					}
  					ul {
  						padding: 10px;
  						background: var(--bg-blue-color);
  						border-radius: 5px;
  						margin-bottom: 20px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							text-align: left;
  						}
  					}
  					img {
  						width: 80%;
  					}
  				}
  			}
  			.mansion_cation_check {
  				margin-top: 80px;
  				ul {
  					li {
  						background: #fff;
  						border: 1px solid #ea3341;
  						padding: 20px 5%;
  						border-radius: 5px;
  						margin-bottom: 20px;
  						.mansion_cation_txt {
  							text-align: left;
  							margin-bottom: 20px;
  							span {
  								display: block;
  								width: 110px;
  								background: var(--bg-blue-color);
  								line-height: 25px;
  								text-align: center;
  								border-radius: 3px;
  								color: #333;
  								font-size: clamp(13px, 3.8vw, 15px);
  								margin-bottom: 10px;
  							}
  							h3 {
  								color: #ea3341;
  								font-size: clamp(18px, 5.3vw, 20px);
  								font-weight: bold;
  								letter-spacing: 0.05em;
  								line-height: 30px;
  								margin: 0 0 20px;
  							}
  							p {
  								font-weight: 500;
  								margin: 0;
  								line-height: 26px;
  								letter-spacing: 0.04em;
  								font-size: clamp(13px, 4vw, 15px);
  							}
  						}
  						img {
  							width: 100%;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売買契約における注意点 */
  	.mansion_contract_wrap {
  		width: 90%;
  		margin: 60px auto;
  		ul {
  			li {
  				border: 1px solid #ea3341;
  				text-align: center;
  				box-sizing: border-box;
  				padding: 0 20px 20px;
  				margin-bottom: 20px;
  				h3 {
  					color: #ea3341;
  					font-size: clamp(18px, 5.3vw, 20px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.1em;
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					margin: 25px 0;
  					&::before {
  						content: "";
  						display: block;
  						background: url(../img/lp/mansion/check_icon.webp);
  						background-size: contain;
  						background-repeat: no-repeat;
  						width: 22px;
  						height: 22px;
  						margin-right: 10px;
  					}
  				}
  				p {
  					margin: 0;
  					font-size: clamp(13px, 3.8vw, 15px);
  					line-height: 25px;
  					font-weight: 500;
  					margin-top: 10px;
  					text-align: left;
  				}
  			}
  		}
  	}
  	/* 引き渡し後の注意点 */
  	.mansion_delivery_wrap {
  		background: #eee;
  		padding: 40px 5%;
  		ul {
  			width: 90%;
  			margin: 0 auto;
  			li {
  				background: #fff;
  				padding: 20px 5%;
  				box-sizing: border-box;
  				margin-bottom: 20px;
  				h3 {
  					display: flex;
  					align-items: center;
  					font-size: clamp(15px, 4.7vw, 18px);
  					color: #ea3341;
  					line-height: 28px;
  					margin: 0 0 15px;
  					&::before {
  						content: "";
  						display: block;
  						background: url(../img/lp/mansion/check_icon.webp);
  						background-size: contain;
  						background-repeat: no-repeat;
  						width: 20px;
  						height: 20px;
  						margin-right: 10px;
  					}
  				}
  				p {
  					color: #000;
  					font-size: clamp(12px, 3.5vw, 14px);
  					font-weight: 500;
  					margin: 0;
  					line-height: 23px;
  				}
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 20px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 20px;
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 80%;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: clamp(15px, 4.7vw, 18px);
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- mansionここまで ---*/

  /*--- tochiここから ---*/
  .sale_tochi_wrap {
  	/* メイン画像 */
  	.tochi_main_wrap {
  		background: url(../img/lp/tochi/main_bg.webp);
  		background-size: cover;
  		background-position: 65%;
  		.tochi_main_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			span {
  				display: initial;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  				line-height: 32px;
  				letter-spacing: 0.05em;
  				color: #fff;
  				border-bottom: 1px solid #fff;
  			}
  			p {
  				font-size: clamp(20px, 5.8vw, 24px);
  				font-weight: bold;
  				color: #fff;
  				line-height: 43px;
  				border-bottom: 1px solid #fff;
  				display: inline;
  				&:first-of-type {
  					letter-spacing: 1.8px;
  				}
  				b {
  					font-size: clamp(28px, 8vw, 35px);
  				}
  			}
  			ul {
  				display: flex;
  				flex-wrap: wrap;
  				justify-content: center;
  				width: 80%;
  				margin: 14px auto 0;
  				li {
  					width: 30%;
  					padding: 3px;
  					background: #fff;
  					margin-right: 2%;
  					margin-bottom: 2%;
  					box-sizing: border-box;
  					span {
  						display: block;
  						border: 1px solid #ea3341;
  						text-align: center;
  						font-size: clamp(11px, 3.2vw, 13px);
  						font-weight: bold;
  						color: #ea3341;
  						letter-spacing: 0.1em;
  						margin: 0;
  						line-height: 32px;
  					}
  				}
  			}
  		}
  	}
  	/* 悩み */
  	.tochi_nayami_wrap {
  		width: 90%;
  		margin: 60px auto 0;
  		ul {
  			position: relative;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			&::after {
  				content: "";
  				display: block;
  				background: url(../img/lp/tochi/nayami_icon.webp);
  				background-size: contain;
  				background-repeat: no-repeat;
  				width: 200px;
  				height: 130px;
  				margin: 20px auto 0;
  			}
  			li {
  				width: 49%;
  				border: 1px solid #ccc;
  				border-radius: 5px;
  				padding: 10px 3%;
  				font-weight: bold;
  				position: relative;
  				text-align: center;
  				margin-bottom: 2%;
  				box-sizing: border-box;
  				font-size: clamp(11px, 3vw, 20px);
  				line-height: 1.8;
  				span {
  					font-weight: bold;
  					background: linear-gradient(transparent 60%, #fff899 60%);
  				}
  			}
  		}
  	}
  	/* よくある売却ケース */
  	.tochi_case_wrap {
  		background: var(--bg-blue-color);
  		padding: 20px 0 40px;
  		.tochi_case_inner {
  			width: 90%;
  			margin: 0 auto;
  			h2 {
  				&::before {
  					content: "";
  					display: block;
  					background: url(../img/lp/tochi/case_icon.webp);
  					background-size: contain;
  					background-repeat: no-repeat;
  					width: 40px;
  					height: 26px;
  					margin: 0 auto 10px;
  				}
  			}
  			ul {
  				li {
  					background: #fff;
  					border-radius: 5px;
  					position: relative;
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
  					margin-bottom: 19px;
  					padding: 20px 3%;
  					span {
  						display: block;
  						width: 85px;
  						line-height: 28px;
  						text-align: center;
  						background: #ea3341;
  						color: #fff;
  						border-radius: 2px;
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						position: absolute;
  						left: 15px;
  						top: -13px;
  					}
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.05em;
  						text-align: center;
  						line-height: 25px;
  						margin: 0;
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 50px 0 0;
  		.s_t_ti {
  			padding-bottom: 20px;
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 30px;
  				text-align: left;
  				margin: 0 5%;
  			}
  		}
  		.s_t_sr_con {
  			padding: 0px 0 80px;
  			.s_t_sr_con_l {
  				img {
  					max-width: 90%;
  					margin: 0 auto 30px;
  					display: block;
  				}
  			}
  			.s_t_sr_con_r {
  				width: 94%;
  				padding: 0 0 5px 0;
  				margin: 0 auto;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						box-sizing: border-box;
  						width: 50%;
  						padding: 10px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						line-height: 25.6px;
  						p {
  							font-size: clamp(13px, 3.7vw, 15px);
  							margin: 10px 0;
  							font-weight: bold;
  							line-height: 1.2;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: clamp(16px, 5vw, 19px);
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: clamp(16px, 5vw, 19px);
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 100%;
  		margin: 40px auto 50px;
  		.s_t_result_ti {
  			background-image: url(../img/lp/tochi/result_bg.webp);
  			background-repeat: no-repeat;
  			background-position: center bottom;
  			img {
  				width: 80%;
  				display: block;
  				margin: 0 auto 20px;
  			}
  			h3 {
  				margin: 0;
  				font-size: clamp(24px, 7vw, 30px);
  				color: #ea3341;
  				letter-spacing: 1px;
  				text-align: center;
  				line-height: 1;
  				padding: 0 0 10px;
  			}
  		}
  		.sp_off,
  		.smart_off {
  			display: none !important;
  		}
  		.i_b_r {
  			border-right: 1px solid #dcdcdc;
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 10px auto 0;
  			font-weight: bold;
  			justify-content: center;
  			width: 96%;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 34%;
  				background: #ea3341;
  				text-align: center;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  			}
  		}
  		.sale_result_ma {
  			width: 96%;
  			margin: 0 auto 20px;
  			.sale_result_box {
  				width: 100%;
  				margin: 0 auto;
  				display: flex;
  				justify-content: space-evenly;
  				flex-direction: row;
  				flex-wrap: wrap;
  				>li {
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					width: 46%;
  					margin-bottom: 4%;
  					position: relative;
  					box-sizing: border-box;
  					padding: 0px 0px 10px 0px;
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 94%;
  						margin: 3% auto;
  						img {
  							display: block;
  							padding: 3% 0%;
  							max-height: 125px;
  							margin: auto;
  							width: 100%;
							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							flex-direction: column;
  							flex-wrap: nowrap;
  							margin: 6px 0px 0px 0px;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								border-radius: 3px;
  								color: #ffffff;
  								font-size: 12px;
  								font-weight: bold;
  								text-align: center;
  								padding: 1px 8px;
  							}
  							.sale_result_box_city {
  								width: 100%;
  								color: #ea3341;
  								font-size: 14px;
  								line-height: 20px;
  								margin: 5px 0px 0px 0px;
  								font-weight: bold;
  							}
  						}
  						.sale_result_box_black {
  							letter-spacing: 0.01em;
  							font-size: 14px;
  							line-height: 20px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  							margin: 5px 0px 0px 0px;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 12px;
  							line-height: 17px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 5px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #eee;
  		padding: 60px 5%;
  		.s_t_df_block {
  			margin: 0 auto;
  			.s_t_df_box {
  				width: 100%;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				margin-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: clamp(16px, 5vw, 19px);
  				}
  				img {
  					display: block;
  					margin: 30px auto;
  					max-width: 100%;
  				}
  				.tokucho {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						display: flex;
  						align-items: center;
  						span {
  							display: inline-block;
  							width: 20%;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: clamp(10px, 2.8vw, 12px);
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							display: inline-block;
  							width: 80%;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/tochi/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/tochi/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #c63e3e;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_img {
  			img {
  				width: 90%;
  				margin: 0 auto;
  				display: block;
  			}
  		}
  	}
  	/* 売却前の注意点 */
  	.tochi_point_wrap {
  		width: 90%;
  		margin: 60px auto;
  		.lp_point_con {
  			margin-bottom: 40px;
  			padding: 0 0 40px;
  			&:not(:last-child) {
  				border-bottom: 1px solid #0e6e98;
  			}
  			&:nth-child(2) {
  				.lp_point_check {
  					padding: 0;
  				}
  			}
  			img {
  				width: 100%;
  				margin-top: 20px;
  			}
  			.lp_point_txt {
  				.lp_point {
  					color: #333;
  					font-size: clamp(16px, 5vw, 19px);
  					line-height: 30px;
  				}
  				h3 {
  					color: #ea3341;
  					font-size: clamp(19px, 5.4vw, 22px);
  					font-weight: bold;
  					line-height: 30px;
  					letter-spacing: 0.05em;
  					margin: 10px 0;
  					span {
  						font-weight: bold;
  						background: linear-gradient(transparent 60%, #fff899 60%);
  					}
  				}
  				p {
  					font-weight: 500;
  					color: #000;
  					margin: 0;
  					line-height: 26px;
  					letter-spacing: 0.04em;
  					font-size: clamp(13px, 4vw, 15px);
  					span {
  						font-weight: 500;
  						font-size: clamp(12px, 3.5vw, 14px);
  						letter-spacing: inherit;
  					}
  				}
  			}
  			.lp_point_md_wrap {
  				margin: 40px auto 0;
  				.lp_point_md {
  					background: #ffebeb;
  					border: 1px solid #ea3341;
  					padding: 15px;
  					box-sizing: border-box;
  					margin-bottom: 10px;
  					h4 {
  						color: #ea3341;
  						font-size: clamp(15px, 4.7vw, 18px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						display: flex;
  						align-items: center;
  						margin: 0 0 15px;
  						&::before {
  							content: "";
  							display: block;
  							background: url(../img/lp/tochi/check_icon.webp);
  							background-size: contain;
  							width: 25px;
  							height: 25px;
  							margin-right: 10px;
  						}
  					}
  					span {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						letter-spacing: 0.1em;
  					}
  					ul {
  						margin-bottom: 10px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							letter-spacing: 0.02em;
  						}
  					}
  				}
  			}
  			.lp_point_cost {
  				background: #ffebeb;
  				border: 1px solid #ea3341;
  				padding: 15px;
  				box-sizing: border-box;
  				margin: 30px auto 0;
  				h4 {
  					color: #ea3341;
  					font-size: clamp(15px, 4.7vw, 18px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.05em;
  					display: flex;
  					align-items: center;
  					margin: 0;
  					&:before {
  						content: "";
  						display: block;
  						background: url(../img/lp/tochi/check_icon.webp);
  						background-size: contain;
  						width: 25px;
  						height: 25px;
  						margin-right: 10px;
  					}
  				}
  				ul {
  					margin-top: 15px;
  					li {
  						font-size: clamp(13px, 3.8vw, 15px);
  						font-weight: bold;
  						line-height: 25px;
  						letter-spacing: 0.05em;
  						margin-bottom: 5px;
  						&:first-child {
  							margin-bottom: 0;
  							span {
  								display: block;
  								margin-left: 15px;
  							}
  						}
  						span {
  							font-size: clamp(10px, 2.8vw, 12px);
  							line-height: 18px;
  							font-weight: 500;
  						}
  					}
  				}
  			}
  			.lp_point_check {
  				margin-top: 40px;
  				ul {
  					li {
  						background: #ffebeb;
  						border: 1px solid #ea3341;
  						padding: 15px;
  						box-sizing: border-box;
  						margin-bottom: 10px;
  						h4 {
  							color: #ea3341;
  							font-size: clamp(15px, 4.7vw, 18px);
  							font-weight: bold;
  							line-height: 25px;
  							letter-spacing: 0.05em;
  							display: flex;
  							align-items: center;
  							margin: 0;
  							&::before {
  								content: "";
  								display: block;
  								background: url(../img/lp/tochi/check_icon.webp);
  								background-size: contain;
  								background-repeat: no-repeat;
  								width: 28px;
  								height: 28px;
  								margin-right: 10px;
  							}
  						}
  						p {
  							font-size: clamp(12px, 3.5vw, 14px);
  							font-weight: 500;
  							line-height: 24px;
  							margin: 15px 0 0;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売却活動期間の注意点 */
  	.tochi_cation_wrap {
  		background: var(--bg-blue-color);
  		padding: 40px 0;
  		.tochi_cation_inner {
  			width: 90%;
  			margin: 0 auto;
  			text-align: center;
  			.tochi_cation_subti {
  				img {
  					height: 80px;
  				}
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 28px;
  				font-weight: 500;
  				margin: 30px 0 60px;
  				text-align: left;
  			}
  			.tochi_cation_con {
  				.tochi_cation_list {
  					box-sizing: border-box;
  					background: #fff;
  					border: 1px solid #ea3341;
  					position: relative;
  					padding: 50px 20px 10px;
  					margin-bottom: 50px;
  					h3 {
  						width: 60%;
  						text-align: center;
  						line-height: 50px;
  						background: #fff;
  						border: 1px solid #ea3341;
  						font-size: clamp(18px, 5.3vw, 20px);
  						font-weight: bold;
  						color: #ea3341;
  						margin: 0;
  						position: absolute;
  						left: 20%;
  						top: -26px;
  					}
  					ul {
  						padding: 10px;
  						background: var(--bg-blue-color);
  						border-radius: 5px;
  						margin-bottom: 20px;
  						li {
  							font-size: clamp(12px, 3.5vw, 14px);
  							line-height: 24px;
  							text-align: left;
  						}
  					}
  					img {
  						width: 80%;
  					}
  				}
  			}
  			.tochi_cation_check {
  				margin-top: 80px;
  				ul {
  					li {
  						background: #fff;
  						border: 1px solid #ea3341;
  						padding: 20px 5%;
  						border-radius: 5px;
  						margin-bottom: 20px;
  						.tochi_cation_txt {
  							text-align: left;
  							margin-bottom: 20px;
  							span {
  								display: block;
  								width: 110px;
  								background: var(--bg-blue-color);
  								line-height: 25px;
  								text-align: center;
  								border-radius: 3px;
  								color: #333;
  								font-size: clamp(13px, 3.8vw, 15px);
  								margin-bottom: 10px;
  							}
  							h3 {
  								color: #ea3341;
  								font-size: clamp(18px, 5.3vw, 20px);
  								font-weight: bold;
  								letter-spacing: 0.05em;
  								line-height: 30px;
  								margin: 0 0 20px;
  							}
  							p {
  								font-weight: 500;
  								margin: 0;
  								line-height: 26px;
  								letter-spacing: 0.04em;
  								font-size: clamp(13px, 4vw, 15px);
  							}
  						}
  						img {
  							width: 100%;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* 売買契約における注意点 */
  	.tochi_contract_wrap {
  		width: 90%;
  		margin: 60px auto;
  		ul {
  			li {
  				border: 1px solid #ea3341;
  				text-align: center;
  				box-sizing: border-box;
  				padding: 0 20px 20px;
  				margin-bottom: 20px;
  				h3 {
  					color: #ea3341;
  					font-size: clamp(18px, 5.3vw, 20px);
  					font-weight: bold;
  					line-height: 25px;
  					letter-spacing: 0.1em;
  					display: flex;
  					align-items: center;
  					justify-content: center;
  					margin: 25px 0;
  					&::before {
  						content: "";
  						display: block;
  						background: url(../img/lp/tochi/check_icon.webp);
  						background-size: contain;
  						background-repeat: no-repeat;
  						width: 22px;
  						height: 22px;
  						margin-right: 10px;
  					}
  				}
  				p {
  					margin: 0;
  					font-size: clamp(13px, 3.8vw, 15px);
  					line-height: 25px;
  					font-weight: 500;
  					margin-top: 10px;
  					text-align: left;
  				}
  			}
  		}
  	}
  	/* 引き渡し後の注意点 */
  	.tochi_delivery_wrap {
  		background: #eee;
  		padding: 40px 5%;
  		.tochi_delivery_con {
  			img {
  				width: 100%;
  			}
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				font-weight: 500;
  				line-height: 25px;
  				margin: 5px 0 0;
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 20px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 20px;
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 80%;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: clamp(15px, 4.7vw, 18px);
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- tochiここまで ---*/

  /*--- areaここから ---*/
  .sale_area_wrap {
  	/* メイン画像 */
  	.area_main_wrap {
  		background: url(../img/lp/area/main_bg.webp);
  		background-size: cover;
  		background-position: center;
  		position: relative;
  	}
  	/* 不動産売却の成功実績 */
  	.s_t_result_wrap {
  		width: 100%;
  		margin: 40px auto 0px;
  		.s_t_result_ti {
  			background-image: url(../img/lp/area/result_bg.webp);
  			background-repeat: no-repeat;
  			background-position: center bottom;
  			img {
  				width: 80%;
  				display: block;
  				margin: 0 auto 20px;
  			}
  			.sale_top_tit {
  				&:before {
  					background-image: url(../img/lp/area/sale_result_en.webp);
  					left: 0;
  					right: 0;
  					margin: auto;
  					width: 90%;
  					height: auto;
  					aspect-ratio: 1035 / 125;
  					top: 0px;
  				}
  			}
  		}
  		.sale2_list_title {
  			display: flex;
  			margin: 10px auto 0;
  			font-weight: bold;
  			justify-content: center;
  			width: 96%;
  			.sale2_l_ti {
  				color: #fff;
  				border: 1px solid #ccc;
  				padding: 15px;
  				box-sizing: border-box;
  				width: 34%;
  				background: #ea3341;
  				text-align: center;
  				font-size: clamp(14px, 4.2vw, 16px);
  				font-weight: bold;
  			}
  			.sp_off,
  			.smart_off {
  				display: none !important;
  			}
  		}
  		.sale_result_ma {
  			width: 96%;
  			margin: 0 auto 20px;
  			.sale_result_box {
  				width: 100%;
  				margin: 0 auto;
  				display: flex;
  				justify-content: space-evenly;
  				flex-direction: row;
  				flex-wrap: wrap;
  				>li {
  					background-color: #f6f6f6;
  					border-radius: 5px;
  					width: 46%;
  					margin-bottom: 4%;
  					position: relative;
  					box-sizing: border-box;
  					padding: 0px 0px 10px 0px;
  					>a {
  						display: block;
  						width: 100%;
  						height: 100%;
  						position: absolute;
  						top: 0;
  						left: 0;
  					}
  					.sale_result_boxin {
  						width: 94%;
  						margin: 3% auto;
  						img {
  							display: block;
  							padding: 3% 0%;
  							max-height: 125px;
  							margin: auto;
  							width: 100%;
  							object-fit: cover;
  						}
  						.sale_result_boxtext {
  							display: flex;
  							align-items: flex-start;
  							flex-direction: column;
  							flex-wrap: nowrap;
  							margin: 6px 0px 0px 0px;
  							.sale_result_box_btn {
  								background-color: #ea3341;
  								border-radius: 3px;
  								color: #ffffff;
  								font-size: 12px;
  								font-weight: bold;
  								text-align: center;
  								padding: 1px 8px;
  							}
  							.sale_result_box_city {
  								width: 100%;
  								color: #ea3341;
  								font-size: 14px;
  								line-height: 20px;
  								margin: 5px 0px 0px 0px;
  								font-weight: bold;
  							}
  						}
  						.sale_result_box_black {
  							letter-spacing: 0.01em;
  							font-size: 14px;
  							line-height: 20px;
  							font-weight: bold;
  							margin: 0px;
  							color: #000;
  							margin: 5px 0px 0px 0px;
  						}
  						.sale_result_box_black2 {
  							color: #000;
  							font-size: 12px;
  							line-height: 17px;
  							letter-spacing: 0.01em;
  							overflow: hidden;
  							display: -webkit-box;
  							-webkit-box-orient: vertical;
  							-webkit-line-clamp: 2;
  							margin: 5px 0px 0px 0px;
  						}
  					}
  				}
  			}
  		}
  	}
  	/* わたしたちの強み */
  	.s_t_strong {
  		padding: 50px 0 0;
  		margin-top: 50px;
  		.s_t_ti {
  			padding-bottom: 20px;
  			p {
  				font-size: clamp(13px, 3.8vw, 15px);
  				line-height: 30px;
  				text-align: left;
  				margin: 0 5%;
  			}
  		}
  		.s_t_sr_con {
  			padding: 0px 0 80px;
  			.s_t_sr_con_l {
  				img {
  					max-width: 90%;
  					margin: 0 auto 30px;
  					display: block;
  				}
  			}
  			.s_t_sr_con_r {
  				width: 94%;
  				padding: 0 0 5px 0;
  				margin: 0 auto;
  				ul {
  					margin: 0 0 25px;
  					display: flex;
  					justify-content: space-between;
  					flex-wrap: wrap;
  					li {
  						width: 50%;
  						padding: 10px;
  						box-sizing: border-box;
  						border-left: dotted 1px #aaa;
  						margin-bottom: 20px;
  						p {
  							font-size: clamp(12px, 3.5vw, 14px);
  							margin: 10px 0;
  							font-weight: bold;
  							line-height: 1.2;
  						}
  						h3 {
  							margin: 0;
  							padding: 0;
  							font-size: clamp(16px, 5vw, 19px);
  							;
  							line-height: 28px;
  							position: relative;
  							color: #ea3341;
  							span {
  								font-size: clamp(16px, 5vw, 19px);
  								;
  								font-weight: bold;
  								line-height: 1;
  								background: linear-gradient(transparent 70%, #fff000 70%);
  							}
  						}
  					}
  				}
  			}
  		}
  	}
  	/* あなたはどっち？ */
  	.s_t_differ {
  		background-color: #fcfcfc;
  		padding: 60px 5%;
		.sale_top_tit {
			&:before {
				width: 80%;
				height: auto;
				aspect-ratio: 578 / 125;
				background-image: url(../img/lp/area/which_eng.webp);
				left: 0;
				right: 0;
				margin: auto;
				top: -10px;
			}
		}
  		.s_t_df_block {
  			margin: 0 auto;
  			.s_t_df_box {
  				width: 100%;
  				background-color: #fff;
  				overflow: hidden;
  				border-radius: 5px;
  				margin-bottom: 30px;
  				h3 {
  					background-color: #0e6e98;
  					margin: 0;
  					text-align: center;
  					line-height: 65px;
  					color: #fff;
  					font-size: clamp(16px, 5vw, 19px);
  				}
  				img {
  					display: block;
  					margin: 30px auto;
  					max-width: 100%;
  				}
  				.tokucho {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					li {
  						margin-bottom: 10px;
  						display: flex;
  						align-items: center;
  						span {
  							display: inline-block;
  							width: 20%;
  							line-height: 30px;
  							text-align: center;
  							border: 1px solid #aaa;
  							background-color: #eee;
  							font-size: clamp(10px, 2.8vw, 12px);
  							margin-right: 10px;
  							border-radius: 3px;
  							font-weight: bold;
  						}
  						p {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							display: inline-block;
  							width: 80%;
  							margin: 0;
  						}
  					}
  				}
  				.merit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #ea3341;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #ea3341;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/area/merit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				.demerit {
  					padding: 0 20px;
  					margin-bottom: 30px;
  					p {
  						font-size: clamp(13px, 3.8vw, 15px);
  						color: #62a4c1;
  						padding: 0 0 10px 10px;
  						border-bottom: 1px solid #62a4c1;
  						margin-bottom: 15px;
  						font-weight: bold;
  						line-height: 1;
  					}
  					ul {
  						li {
  							font-size: clamp(14px, 4.2vw, 16px);
  							font-weight: bold;
  							padding-left: 30px;
  							background-image: url(../img/lp/area/demerit_check.webp);
  							background-repeat: no-repeat;
  							background-position: center left;
  							margin-bottom: 10px;
  							line-height: normal;
  						}
  					}
  				}
  				&.kaitori_box {
  					h3 {
  						background-color: #c63e3e;
  					}
  					img {
  						padding: 8px 0;
  					}
  				}
  			}
  		}
  		.chart_img {
  			img {
  				width: 90%;
  				margin: 0 auto;
  				display: block;
  			}
  		}
  	}
  	/* CV */
  	#sa_inq {
  		.sa_inq_txt {
  			width: 96%;
  			margin: 0 auto;
  			letter-spacing: normal !important;
  		}
  		h2 {
  			margin: 10px auto 15px;
  			line-height: 1.3;
  		}
  	}
  	/* title */
  	h2 {
  		font-size: clamp(14px, 6vw, 24px);
  		line-height: 1.8;
  		font-weight: bold;
  		text-align: center;
  		color: #000;
  		margin: 0 0 30px;
  		&.sa_conts_tit_line::after {
  			content: "";
  			width: 70px;
  			height: 5px;
  			background-color: #ea3341;
  			margin: 20px auto 0;
  		}
  	}
  	/* svg */
  	svg {
  		margin: 0 auto;
  		display: block;
  		.cls-1 {
  			fill: var(--main-color);
  		}
  	}
  	/* btn */
  	.btn_link {
  		a {
  			display: block;
  			width: 80%;
  			line-height: 60px;
  			background-color: var(--btn-color);
  			color: #fff;
  			text-align: center;
  			position: relative;
  			margin: 0 auto 00px;
  			border-radius: 5px;
  			font-weight: bold;
  			font-size: clamp(15px, 4.7vw, 18px);
  			&:hover {
  				opacity: .8;
  			}
  		}
  	}
  	/* fadein（下から上） */
  	.fadein {
  		opacity: 0;
  		transform: translateY(30px);
  		transition: all 0.8s ease-out;
  		&.sale_show {
  			opacity: 1;
  			transform: translateY(0);
  		}
  		&.fadein-1 {
  			transition-delay: 0.2s;
  		}
  		&.fadein-2 {
  			transition-delay: 0.4s;
  		}
  		&.fadein-3 {
  			transition-delay: 0.6s;
  		}
  		&.fadein-4 {
  			transition-delay: 0.8s;
  		}
  		&.fadein-5 {
  			transition-delay: 1.0s;
  		}
  		&.fadein-6 {
  			transition-delay: 1.2s;
  		}
  	}
  }
  /*--- areaここまで ---*/
}


.moji_noto {
	font-family: "Noto Sans JP", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}
.sale_top_tit {
	font-size: clamp(22px, 6.3vw, 25px);
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-weight: 900;
	text-align: center;
	position: relative;
	z-index: 0;
	&:before {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: -35%;
		right: 0;
		left: 0;
		margin: auto;
		z-index: -1;
	}
}
.sale_con_btn {
	border-radius: 45px;
	border: 2px solid #ffffff;
	background: linear-gradient(to right, #fc5048, #e61f1b, #e41512);
	text-align: center;
	color: #ffffff;
	display: block;
	width: 60%;
	line-height: 45px;
	font-size: clamp(12px, 3.4vw, 15px);
	filter: drop-shadow(0px 4px 3px rgba(170, 170, 170, 1));
	font-weight: bold;
	position: relative;
	letter-spacing: 0.05em;
	&:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #ffffff;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 15px;
		position: absolute;
	}
}
.ad_con_btn {
	border-radius: 35px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	text-align: center;
	display: block;
	width: 60%;
	line-height: 45px;
	font-size: clamp(12px, 3.4vw, 15px);
	font-weight: bold;
	position: relative;
	box-shadow: 4px 4px 0px 0px #ea3341;
	&:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #ea3341;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 15px;
		position: absolute;
	}
}
.swiper-container {
	overflow: hidden;
}

/*  家どっとgroupの強み  */
.ad_w {
	background-color: #534748;
	margin: 50px 0px 0px 0px;
	padding: 50px 0px;
	.ad_in {
		.ad_con {
			width: 90%;
			margin: 0 auto;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column-reverse;
			.ad_l {
				background-color: #ffffff;
				border-radius: 10px;
				width: 100%;
				box-sizing: border-box;
				padding: 40px 8% 30px 8%;
				margin: 50px 0px 0px 0px;
				>ul {
					>li {
						position: relative;
						padding: 20px 0px;
						border-bottom: 2px dotted #cccccc;
						.ad_box_l {
							.ad_point_num {
								font-size: clamp(14px, 4vw, 17px);
								color: #ea3341;
								font-weight: 900;
								letter-spacing: 0.05em;
								line-height: 1.2;
							}
							>h3 {
								font-size: clamp(16px, 4.6vw, 19px);
								font-weight: bold;
								letter-spacing: 0.05em;
								line-height: 1.3;
								margin: 10px 0px 0px 0px;
								>span {
									font-size: clamp(22px, 6.3vw, 25px);
									color: #ea3341;
									position: relative;
									z-index: 0;
									&:after {
										content: "";
										display: block;
										width: 100%;
										height: 10px;
										background-color: #f1cf21;
										position: absolute;
										bottom: 3px;
										left: 0;
										right: 0;
										margin: auto;
										z-index: -1;
									}
								}
							}
							.ad_text {
								line-height: 1.5;
								letter-spacing: 0.05em;
								font-weight: bold;
								margin: 10px 0px 0px 0px;
								font-size: clamp(11px, 3.1vw, 14px);
							}
						}
						>img {
							width: 32%;
							position: absolute;
							top: 15px;
							right: 0;
						}
					}
					>li:first-child {
						padding: 0px 0px 20px 0px;
						>img {
							top: -5px;
						}
					}
					>li:last-child {
						padding: 20px 0px 0px 0px;
						border-bottom: none;
					}
				}
			}
			.ad_r {
				width: 100%;
				>div {
					position: relative;
					&:after {
						content: "";
						display: block;
						width: clamp(90px, 26vw, 110px);
						height: auto;
						background-image: url(/img/top/ad_cala.webp);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: -35px;
						right: 20px;
						aspect-ratio: 41 / 44;
					}
					>h2 {
						font-size: clamp(23px, 6.6vw, 26px);
						letter-spacing: 0.1em;
						color: #ffffff;
						font-weight: 900;
						position: relative;
						&:before {
							content: "";
							display: block;
							width: clamp(300px, 86.9vw, 320px);
							height: auto;
							background-image: url(/img/top/ad_tit_en.webp);
							background-repeat: no-repeat;
							background-size: contain;
							position: absolute;
							top: 0px;
							left: 0;
							aspect-ratio: 1036 / 125;
						}
					}
					>p {
						font-size: clamp(11px, 3.1vw, 14px);
						letter-spacing: 0.05em;
						color: #ffffff;
						font-weight: bold;
						margin: 15px 0px 0px 0px;
						line-height: 1.7;
					}
					.ad_con_btn {
						margin: 30px 0px 0px 0px;
					}
				}
			}
		}
	}
}
/*  選べる不動産売却プラン  */
.ad_plan_con {
	width: 90%;
	margin: 90px auto 0px auto;
	.sale_top_tit {
		color: #ffffff;
		&:before {
			width: clamp(220px, 63.7vh, 250px);
			height: auto;
			background-image: url(/img/top/ad_plan_tit_en.webp);
			aspect-ratio: 18 / 5;
			top: -70%;
		}
	}
	>p {
		font-weight: bold;
		color: #ffffff;
		letter-spacing: 0.05em;
		text-align: center;
		margin: 25px 0px 0px 0px;
		font-size: clamp(11px, 3.1vw, 14px);
		line-height: 1.7;
	}
	.ad_plan_box {
		margin: 20px 0px 0px 0px;
		background-color: #ffffff;
		border-radius: 10px;
		padding: 20px 5%;
		>ul {
			display: flex;
			flex-wrap: wrap;
			gap: 40px 20px;
			position: relative;
			&:before {
				position: absolute;
				content: "";
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 100%;
				height: 1px;
				background-color: #dddddd;
			}
			&:after {
				position: absolute;
				content: "";
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 1px;
				height: 100%;
				background-color: #dddddd;
			}
			>li {
				text-align: center;
				position: relative;
				width: calc((100% - 20px) / 2);
				.ad_plan_cir {
					width: clamp(60px, 17.3vw, 70px);
					aspect-ratio: 1 / 1;
					color: #ffffff;
					border-radius: 50%;
					font-size: clamp(15px, 4.3vw, 18px);
					font-weight: bold;
					line-height: 1.2;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
					align-content: center;
					margin: 0 auto;
					>span {
						font-size: clamp(11px, 3.1vw, 14px);
						width: 100%;
						display: inline-block;
					}
				}
				.ad_plan_text {
					font-size: clamp(12px, 3.4vw, 15px);
					font-weight: bold;
					letter-spacing: 0.05em;
					line-height: 1.4;
					margin: 10px 0px 0px 0px;
				}
				>img {
					width: clamp(80px, 23.1vw, 100px);
					margin: 5px 0px 0px 0px;
				}
				>h3 {
					font-size: clamp(14px, 4vw, 17px);
					font-weight: bold;
					letter-spacing: 0;
					line-height: 1.4;
					margin: 2px 0px 0px 0px;
					text-align: center;
				}
			}
			>li:nth-child(1) {
				.ad_plan_cir {
					background-color: #478fe4;
				}
				>h3 {
					color: #478fe4;
				}
			}
			>li:nth-child(2) {
				.ad_plan_cir {
					background-color: #f1cf21;
				}
				>h3 {
					color: #f1cf21;
				}
			}
			>li:nth-child(3) {
				.ad_plan_cir {
					background-color: #83ab38;
				}
				>h3 {
					color: #83ab38;
				}
			}
			>li:nth-child(4) {
				border-right: none;
				.ad_plan_cir {
					background-color: #e988b8;
				}
				>h3 {
					color: #e988b8;
				}
			}
		}
		.ad_con_btn {
			margin: 25px auto 0px auto;
			border: 2px solid #dc3c37;
			width: 90%;
			&:after {
				right: 15%;
			}
		}
	}
}

/*  不動産売却コラム  */
.column_w {
	margin: 50px 0px 0px 0px;
	overflow: hidden;
	background: linear-gradient(to right, #fc5048, #e61f1b, #e41512);
	box-sizing: border-box;
	padding: 50px 0px 40px 0px;
	.column_in {
		width: 90%;
		margin: 0 auto;
		justify-content: space-between;
		position: relative;
		&:before {
			content: "";
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			left: -11%;
			width: auto;
			height: clamp(600px, 85.7vh, 650px);
			background-image: url(/img/top/column_tit_en.webp);
			aspect-ratio: 125 / 732;
		}
		.column_l {
			>h2 {
				font-size: clamp(26px, 7.5vw, 29px);
				line-height: 1.2;
				letter-spacing: 0.1em;
				font-weight: 900;
				color: #ffffff;
			}
			>p {
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #ffffff;
				margin: 15px 0px 0px 10px;
				font-size: clamp(11px, 3.1vw, 14px);
				line-height: 1.7;
			}
			>a {
				box-shadow: 6px 6px 0px 0px #b52e29;
				margin: 20px 0px 0px 0px;
				width: 70%;
			}
		}
		.column_r {
			margin: 30px 0px 0px 0px;
			position: relative;
			&:before {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: clamp(-110px, -14.2vh, -100px);
				right: -3%;
				width: clamp(90px, 26vw, 110px);
				height: auto;
				background-image: url(/img/top/column_cala.webp);
				aspect-ratio: 274 / 295;
			}
			>li:first-child {
				margin: 0px;
			}
			>li {
				margin: 18px 0px 0px 0px;
				>a {
					display: flex;
					background-color: #ffffff;
					border-radius: 5px;
					box-sizing: border-box;
					padding: 12px;
					box-shadow: 5px 5px 0px 0px #b52e29;
					gap: 0px 10px;
					position: relative;
					&:after {
						content: "";
						display: block;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 8px;
						right: 8px;
						width: 24px;
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/top/column_arrow.webp);
					}
					.column_box_l {
						width: 40%;
						border-radius: 5px;
						flex-shrink: 0;
						overflow: hidden;
						aspect-ratio: 4 / 3;
						>img {
							width: 100%;
							height: 100% !important;
							object-fit: cover;
						}
					}
					.column_box_r {
						margin: 10px 0px 0px 0px;
						width: 52%;
						.column_box_r_tit {
							font-size: clamp(13px, 3.7vw, 16px);
							line-height: 1.2;
							font-weight: bold;
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							letter-spacing: 0.05em;
						}
						.column_tag {
							width: 90%;
							margin: 8px 0px 0px 0px;
							>p {
								display: flex;
								gap: 5px;
								flex-wrap: wrap;
								>label {
									font-size: clamp(9px, 2.6vw, 11px);
									line-height: 14px;
									font-weight: bold;
									padding: 0px 6%;
									text-align: center;
									color: #dc3c36;
									display: inline-block;
									border-radius: 3px;
									border: 2px solid #dc3c36;
									box-sizing: border-box;
									background-color: #fff0f1;
									letter-spacing: 0.05em;
									&:not(:nth-of-type(-n + 6)) {
										display: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
/*  スタッフ紹介  */
.staff_w {
	margin: 80px 0px 0px 0px;
	.staff_in {
		width: 90%;
		margin: 0 auto;
		align-items: center;
		.sale_top_tit {
			text-align: left;
			&:before {
				width: clamp(260px, 75.3vw, 280px);
				height: auto;
				background-image: url(/img/top/staff_tit_en.webp);
				aspect-ratio: 523 / 125;
				right: auto;
				top: -70%;
			}
		}
		.staff_r {
			margin: 25px 0px 0px 0px;
			.staff_r_b {
				font-size: clamp(18px, 5.2vw, 21px);
				line-height: 1.5;
				letter-spacing: 0.05em;
				font-weight: bold;
				>span {
					color: #dc3c36;
				}
			}
			.staff_r_s {
				font-size: clamp(11px, 3.1vw, 14px);
				line-height: 1.7;
				letter-spacing: 0.05em;
				font-weight: bold;
				margin: 10px 0px 0px 0px;
			}
		}
	}
	.staff_slide {
		margin: 30px 0px 0px 0px;
		>ul {
			>li {
				width: 60%;
				>a {
					display: block;
					position: relative;
					padding: 0px 0px 30px 0px;
					&:after {
						content: "";
						display: block;
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 0px;
						right: 0px;
						width: clamp(25px, 7.2vw, 30px);
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/top/column_arrow.webp);
					}
					.staff_pho_box_w {
						position: relative;
						.staff_pho_box_in {
							overflow: hidden;
							aspect-ratio: 15 / 19;
							>img {
								width: 100%;
								height: 100% !important;
								object-fit: cover;
							}
						}
						.staff_name {
							position: absolute;
							bottom: -1px;
							right: -1px;
							background-color: #ffffff;
							border-radius: 10px 0px 0px 0px;
							box-sizing: border-box;
							padding: 12px 7% 10px 7%;
							width: 60%;
							>p {
								font-size: clamp(15px, 4.3vw, 18px);
								line-height: 1.2;
								letter-spacing: 0.05em;
								font-weight: bold;
							}
							.staff_tag {
								margin: 5px 0px 0px 0px;
								background-color: #ea3341;
								font-size: clamp(10px, 2.8vw, 12px);
								line-height: 20px;
								font-weight: bold;
								padding: 0px 7px;
								text-align: center;
								color: #ffffff;
								display: inline-block;
								border-radius: 2px;
								letter-spacing: 0.05em;
							}
						}
					}
					>p {
						font-size: clamp(10px, 2.8vw, 13px);
						line-height: 1.5;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 13px 0px 0px 0px;
						>span {
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
						}
					}
				}
			}
			>li:nth-child(2n+1) {
				.staff_pho_box_in {
					border-radius: 100px;
				}
			}
			>li:nth-child(2n) {
				margin: 40px 0px 0px 0px;
				.staff_pho_box_in {
					border-radius: 10px;
				}
			}
		}
	}
	.ad_con_btn {
		margin: 30px auto 0px auto;
		border: 2px solid #dc3c37;
	}
}
/*  家どっとGroupについて  */
.about_w {
	margin: 60px 0px 0px 0px;
	background-color: #fff3ee;
	box-sizing: border-box;
	padding: 60px 0px 50px 0px;
	.about_in {
		width: 90%;
		margin: 0 auto;
		.about_intro {
			.sale_top_tit {
				color: #ea3341;
				&:before {
					width: clamp(300px, 86.9vw, 330px);
					height: auto;
					background-image: url(/img/top/abou_tit_en.webp);
					aspect-ratio: 881 / 125;
				}
			}
			>p {
				letter-spacing: 0.05em;
				font-weight: bold;
				margin: 15px 0px 0px 0px;
				text-align: center;
				z-index: 2;
				position: relative;
				font-size: clamp(11px, 3.1vw, 14px);
				line-height: 1.7;
				-webkit-text-stroke: 3px #ffffff;
				paint-order: stroke fill;
			}
		}
		.about_box_w {
			margin: 25px 0px 0px 0px;
			position: relative;
			z-index: 0;
			&:before {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: clamp(-85px, -11.4vh, -80px);
				left: -5%;
				width: clamp(90px, 26vw, 100px);
				height: auto;
				background-image: url(/img/top/about_cala1.webp);
				z-index: -1;
				aspect-ratio: 296 / 323;
			}
			&:after {
				content: "";
				display: block;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: clamp(-85px, -11.4vh, -80px);
				right: -5%;
				width: clamp(90px, 26vw, 100px);
				height: auto;
				background-image: url(/img/top/about_cala2.webp);
				z-index: -1;
				aspect-ratio: 35 / 38;
			}
			>li {
				background-color: #ea3341;
				border-radius: 5px;
				box-sizing: border-box;
				padding: 15px;
				margin: 15px 0px 0px 0px;
				>img {
					border-radius: 5px;
					width: 100%;
				}
				.about_box_btm {
					background-color: #ffffff;
					border-radius: 5px;
					margin: 5px 0px 0px 0px;
					box-sizing: border-box;
					padding: 15px 5% 10px 5%;
					.about_box_com {
						display: flex;
						gap: 0px 10px;
						align-items: center;
						>p {
							font-size: clamp(15px, 4.3vw, 18px);
							line-height: 1.5;
							letter-spacing: 0.05em;
							font-weight: bold;
						}
						>a {
							display: block;
							font-size: clamp(10px, 0.76vw, 12px);
							letter-spacing: 0.05em;
							font-weight: bold;
							color: #ffffff;
							position: relative;
							border-radius: 3px;
							line-height: 21px;
							box-sizing: border-box;
							padding: 0px 10px 0px 20px;
							&:before {
								content: "";
								display: block;
								width: 0;
								height: 0;
								border-top: 3.5px solid transparent;
								border-bottom: 3.5px solid transparent;
								border-left: 5px solid #ffffff;
								top: 0;
								bottom: 0;
								margin: auto;
								left: 10px;
								position: absolute;
							}
						}
					}
					.about_box_ad {
						font-size: clamp(11px, 3.1vw, 14px);
						line-height: 1.3;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 10px 0px 0px 0px;
					}
					.about_box_info {
						font-size: clamp(11px, 3.1vw, 14px);
						line-height: 1.5;
						letter-spacing: 0.05em;
						font-weight: bold;
						margin: 10px 0px 0px 0px;
					}
				}
			}
			>li:nth-child(1) {
				margin: 0px;
				.about_box_com {
					>a {
						background-color: #f37d4f;
					}
				}
			}
			>li:nth-child(2) {
				.about_box_com {
					>a {
						background-color: #a072a1;
					}
				}
			}
		}
		.ad_con_btn {
			margin: 30px auto 0px auto;
			border: 2px solid #dc3c37;
		}
	}
}

footer{
	margin: 50px 0px 0px 0px;
}


/* 一度ご相談ください。 */
.s_t_category {
	padding: 60px 0 20px 0px;
	>h2 {
		&:before {
			width: 90%;
			height: auto;
			aspect-ratio: 920 / 125;
			background-image: url(../img/lp/area/categoly_eng.webp);
			left: 0;
			right: 0;
			margin: auto;
			top: -2px;
		}
	}
	.s_t_category_ti {
		color: #000;
		text-align: center;
		font-size: clamp(24px, 7vw, 30px);
		line-height: 1.3;
		margin: 0 0 40px;
		font-weight: bold;
	}
	ul {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		gap: 15px;
		li {
			width: calc((100% - 15px) / 2);
			border-bottom: 1px solid #eee;
			box-sizing: border-box;
			a {
				background-color: #fff5f5;
				border-radius: 10px;
				display: block;
				padding: 15px 15px 30px 15px;
				box-sizing: border-box;
				text-decoration: none;
				color: #333;
				position: relative;
				height: 100%;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
				overflow: hidden;
				box-sizing: border-box;
				.img {
					text-align: center;
					background-color: #ffffff;
					border-radius: 50%;
					aspect-ratio: 1 / 1;
					display: flex;
					justify-content: center;
					align-items: center;
					img {
						max-width: 100px;
					}
				}
				h3 {
					font-size: clamp(11px, 3.2vw, 13px);
					font-weight: bold;
					margin: 20px 0 10px;
					text-align: center;
				}
				p {
					font-size: clamp(9px, 2.5vw, 11px);
					line-height: 1.5;
					margin: 0;
				}
				&::after {
					content: "";
					position: absolute;
					width: 30px;
					height: 6px;
					border-bottom: 1px solid #333;
					border-right: 1px solid #333;
					transform: skew(40deg);
					right: 20px;
					margin: 0 auto;
					bottom: 20px;
				}
			}
		}
	}
}

/* よくある質問 */
#sa_qa {
	padding: 0!important;
	background: #fff3ee!important;
	.skf_qa_wrap {
		padding: 60px 0 40px 0px;
		width: 100%;
		>h2 {
			&:before {
				width: 90%;
				height: auto;
				aspect-ratio: 892 / 156;
				background-image: url(../img/lp/area/question_eng.webp);
				left: 0;
				right: 0;
				margin: auto;
				top: -5px;
			}
		}
	}
	.accordionlist{
		width: 100%;
	}
}


.area_main_inner {
	width: 96%;
	margin: 0 auto;
	padding: 70px 0px 10px 0px;
	position: relative;
	z-index: 0;
	.area_main_ti {
		>h2 {
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 900;
			color: #333;
			.banner-container {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
			}
			.line {
				display: flex;
				align-items: center;
				margin-bottom: 5px;
			}
			.line:nth-of-type(2) {
				margin-bottom: 5px;
			}
			.line:last-child {
				margin-bottom: 0;
			}
			.label {
				color: #ffffff;
				border-radius: 5px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				margin-right: 5px;
				background-image: linear-gradient(to bottom, #f0642b, #ee3135);
				font-size: clamp(18px, 5.2vw, 22px);
				padding: 0px 12px 2px 12px;
				letter-spacing: 0.1em;
				box-sizing: border-box;
				white-space: nowrap;
			}
			.svg-text {
				filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.4));
				letter-spacing: 0.1em;
				text-align: left;
			}
			.svg-text_b {
				font-size: 52px !important;
				stroke-width: 10px !important;
			}
			.svg-text:last-child {
				margin-right: 0;
			}
			.svg-text text {
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 900;
				stroke-linejoin: round;
				paint-order: stroke fill;
				stroke-width: 7px;
				font-size: 31px;
				letter-spacing: 0.1em;
				text-align: left;
			}
			/* 文字ごとの色設定 */
			.fill-white {
				fill: white;
			}
			.fill-black {
				fill: #333;
			}
			.stroke-black {
				stroke: #333;
			}
			.stroke-white {
				stroke: white;
			}
		}
		>img {
			width: 100%;
		}
	}
	>img {
		position: absolute;
		top: 0px;
		z-index: -1;
		width: 80%;
		right: 0;
		opacity: 0.8;
	}
}

.area_main_satei_w {
	background-color: #ea3341;
	border-radius: 10px;
	width: calc(100% - 30px);
	margin: 20px auto 0px auto;
	box-sizing: border-box;
	padding: 20px 5% 20px 5%;
	box-shadow: 0px 2px 4px 0.3px #666666;
	ul {
		background-color: #ffffff;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 15px 5%;
		>li {
			width: 100%;
			margin: 15px 0px 0px 0px;
			.area_main_satei_step_num {
				font-size: clamp(11px, 3.1vw, 13px);
				line-height: 25px;
				letter-spacing: 0.05em;
				font-weight: bold;
				color: #ffffff;
				display: inline-block;
				box-sizing: border-box;
				padding: 0px 10px;
			}
			select, input {
				width: 100%;
				margin: 5px 0px 0px 0px;
				border-radius: 5px;
				height: 40px;
				box-sizing: border-box;
				padding: 0px 5px;
			}
			select.jcjs_sf,
			input.fo_err {
				background-color: #fff !important;
				/* 背景色を強制的に白にする */
				-webkit-appearance: none;
				/* iOS特有のインナーシャドウ（内側の影）を消す */
				appearance: none;
			}
			/* 2. 【重要】ブラウザの自動入力（オートコンプリート）で黄色やグレーになるのを防ぐ */
			input.fo_err:-webkit-autofill,
			input.fo_err:-webkit-autofill:hover,
			input.fo_err:-webkit-autofill:focus,
			input.fo_err:-webkit-autofill:active {
				-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
				/* 背景を白で塗りつぶす */
				-webkit-text-fill-color: #333 !important;
				/* 入力文字色を黒に固定 */
				transition: background-color 5000s ease-in-out 0s;
			}
			/* 1. 全てのセレクトボックス共通の設定 */
			select.jcjs_sf {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				/* 矢印と文字が重ならないように右側の余白を調整 */
				padding-right: 30px !important;
				background-repeat: no-repeat;
				/* 位置：右から10px、上下中央 */
				background-position: right 10px center;
				/* サイズ：横幅10px、高さ28px */
				background-size: 10px 9px;
				cursor: pointer;
				-webkit-text-fill-color: currentcolor;
				/* iOSのSafariで文字色が青くなるのを防ぐ */
				color: inherit;
				/* 親要素の色を引き継ぐか、明示的に指定 */
			}
			select.jcjs_sf:focus {
				outline: none;
				color: #333;
			}
			/* STEP1 */
			select[name="SfItemVals[6]"]:focus {
				border-color: #fcb11e;
			}
			/* STEP3 */
			select[name="SfItemVals[21]"]:focus {
				border-color: #e28309;
			}
			/* STEP4 */
			select[name="SfItemVals[22][]"]:focus {
				border-color: #c36e00;
			}
			input.fo_err:focus {
				outline: none;
				/* デフォルトのアウトライン（黒い枠）を消す */
				border-color: #f49215;
				/* フォーカス時のボーダー色を初期状態（例: #ccc）のまま固定する */
			}
			select.jcjs_sf option {
				color: #333 !important;
				background-color: #fff;
				/* 背景が透過して見づらくなるのを防ぐ */
			}
			input.fo_err {
				color: #333 !important;
				/* 入力された文字を黒にする */
			}
			select.jcjs_sf::-ms-expand {
				display: none;
			}
			/* それぞれのSVGタグ内に preserveAspectRatio="none" を追加しました。
  また、引き伸ばした際に綺麗な二等辺三角形になるようSVG内の数値も最適化しています。
*/
			/* 2. STEP1（物件種別）: #fcb11e */
			select[name="SfItemVals[6]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23fcb11e"/></svg>');
			}
			/* 3. STEP3（売却希望時期）: #e28309 */
			select[name="SfItemVals[21]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23e28309"/></svg>');
			}
			/* 4. STEP4（お問い合わせ内容）: #c36e00 */
			select[name="SfItemVals[22][]"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="28" viewBox="0 0 10 28" preserveAspectRatio="none"><polygon points="0,0 10,0 5,28" fill="%23c36e00"/></svg>');
			}
			input.fo_err::placeholder {
				color: #d8d6d6 !important;
				/* お好みの薄さに合わせて #999 や #bbb に調整してください */
				opacity: 1;
				/* Firefoxで文字が薄くなりすぎるのを防ぐ */
			}
			select.jcjs_sf:has(option[value=""]:checked) {
				color: #d8d6d6;
				/* お好みのグレー */
			}
			/* 選択後（value="" 以外の option が選択された時）：黒にする */
			select.jcjs_sf:not(:has(option[value=""]:checked)) {
				color: #000000;
				/* 黒 */
			}
			/* ドロップダウンを開いたときの選択肢リストの中身は常に黒文字 */
			select.jcjs_sf option {
				color: #000000;
			}
		}
		>li:nth-child(1) {
			margin: 0px;
			.area_main_satei_step_num {
				background-color: #fcb11e;
			}
			select {
				border: 1px solid #fcb11e;
			}
		}
		>li:nth-child(2) {
			.area_main_satei_step_num {
				background-color: #f49215;
			}
			input {
				border: 1px solid #f49215;
			}
		}
		>li:nth-child(3) {
			.area_main_satei_step_num {
				background-color: #e28309;
			}
			select {
				border: 1px solid #e28309;
			}
		}
		>li:nth-child(4) {
			.area_main_satei_step_num {
				background-color: #c36e00;
			}
			select {
				border: 1px solid #c36e00;
			}
		}
	}
	.sale_t_box_btn {
		text-align: center;
		>button {
			width: 100%;
			border-radius: 48px;
			height: 55px;
			margin: 15px auto 0px auto;
			background: linear-gradient(180deg, #fcb11e 0%, #fcb11e 50%, #e3a121 50%, #e3a121 100%);
			border: none;
			cursor: pointer;
			font-size: 17px;
			color: #ffffff;
			letter-spacing: 0.1em;
			font-weight: bold;
			-webkit-text-stroke: 3px #e3a121;
			paint-order: stroke fill;
			text-shadow: 1px 1px 1px #774f00;
			font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 1px 1px 2px 0px #555555;
			position: relative;
			box-sizing: border-box;
			>span {
				background: linear-gradient(180deg, #e34e51 0%, #e34e51 50%, #d70106 50%, #d70106 100%);
				color: #ffffff;
				font-size: 13px;
				line-height: 26px;
				letter-spacing: 0.1em;
				display: inline-block;
				padding: 0px 10px;
				margin: 0px 7px 0px 0px;
				-webkit-text-stroke: 0px #e3a121;
				text-shadow: 0px 0px 0px #774f00;
				flex-shrink: 0;
			}
		}
	}
}