@charset "UTF-8";
/* line 3, app/assets/stylesheets/services/common.scss */
header .mainHeader .noticeLabel {
  background-color: var(--thin-color) !important;
}

/* line 6, app/assets/stylesheets/services/common.scss */
header .mainHeader .noticeLabel svg .cls-1 {
  fill: var(--first-color);
}

/* line 10, app/assets/stylesheets/services/common.scss */
header .mainHeader .noticeLabel .noticeTxt {
  color: var(--first-color) !important;
}

/* line 12, app/assets/stylesheets/services/common.scss */
header .mainHeader .noticeLabel .noticeTxt a {
  color: var(--first-color) !important;
}

/* line 20, app/assets/stylesheets/services/common.scss */
.commonTemplates {
  padding-bottom: 30px;
}

/* line 22, app/assets/stylesheets/services/common.scss */
.commonTemplates .section {
  margin-bottom: 30px;
}

/* line 28, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn .headerTab svg .cls-1 {
  fill: var(--first-color);
}

/* line 35, app/assets/stylesheets/services/common.scss */
.commonTemplates .gTopZeroth h1 {
  width: 100%;
  min-height: unset;
  height: -moz-fit-content;
  margin: auto;
  color: #000000;
  padding: 0px 6px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  text-shadow: unset;
  background-color: #FFFAF3;
  white-space: nowrap;
}

/* line 49, app/assets/stylesheets/services/common.scss */
.commonTemplates .gTopZeroth img {
  width: 100%;
}

/* line 52, app/assets/stylesheets/services/common.scss */
.commonTemplates .gTopZeroth .TopImageArea {
  background-color: var(--fourth-color, #17A7A0);
}

/* line 54, app/assets/stylesheets/services/common.scss */
.commonTemplates .gTopZeroth .TopImageArea span {
  font-size: 40px;
  color: #FFFFFF;
  text-align: center;
  margin: 5px;
  display: block;
  font-weight: bold;
}

/* line 62, app/assets/stylesheets/services/common.scss */
.commonTemplates .gTopZeroth .TopImageArea p {
  margin-top: -40px;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

/* line 73, app/assets/stylesheets/services/common.scss */
.commonTemplates #gHikaku {
  background-color: #FFFFFF;
  padding: 20px 10px 20px;
}

/* line 76, app/assets/stylesheets/services/common.scss */
.commonTemplates #gHikaku img {
  width: 100%;
}

/* line 80, app/assets/stylesheets/services/common.scss */
.commonTemplates .quoteFormArea {
  background-color: var(--thin-color);
}

/* line 83, app/assets/stylesheets/services/common.scss */
.commonTemplates .quoteFormArea .formArea .formLabel {
  background-color: var(--second-color);
}

/* line 86, app/assets/stylesheets/services/common.scss */
.commonTemplates .quoteFormArea .formArea .formInput {
  border: 4px solid var(--third-color);
}

/* line 91, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea {
  padding: 20px;
}

/* line 93, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .outer {
  border: 5px solid var(--third-color);
  border-radius: 20px;
  padding: 30px 0px 30px 30px;
}

/* line 97, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .outer .meritLi {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

/* line 101, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .outer .meritLi svg {
  margin-right: 10px;
}

/* line 103, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .outer .meritLi svg .cls-1 {
  fill: var(--second-color);
}

/* line 108, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .outer .meritLi:last-child {
  margin-bottom: 0;
}

/* line 112, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .subText {
  padding: 20px 0px;
  font-size: 16px;
}

/* line 115, app/assets/stylesheets/services/common.scss */
.commonTemplates #meritArea .subText b {
  font-weight: bold;
  color: var(--second-color);
}

/* line 121, app/assets/stylesheets/services/common.scss */
.commonTemplates .sectionTitle {
  text-align: center;
  margin-bottom: 20px;
}

/* line 124, app/assets/stylesheets/services/common.scss */
.commonTemplates .sectionTitle .top {
  color: var(--first-color);
  font-weight: bold;
  font-size: 16px;
  padding: 0px 0px 10px;
}

/* line 130, app/assets/stylesheets/services/common.scss */
.commonTemplates .sectionTitle .bottom {
  color: #000000;
  font-weight: bold;
  font-size: 28px;
  line-height: 35px;
}

/* line 137, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow {
  padding: 0 20px;
}

/* line 139, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep {
  padding: 20px;
  margin-bottom: 20px;
  background-color: var(--thin-color);
  position: relative;
}

/* line 144, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep .stepLabel {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: var(--second-color);
}

/* line 154, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep .stepHead {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 160, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep .stepDes {
  font-size: 16px;
}

/* line 163, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep img {
  width: 100%;
  margin-bottom: 20px;
}

/* line 168, app/assets/stylesheets/services/common.scss */
.commonTemplates #usageFlow .usageStep:last-child {
  margin-bottom: 0;
}

/* line 172, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons {
  padding: 0 10px 20px;
}

/* line 174, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .sectionTitle {
  padding: 10px;
  margin: 0px;
}

/* line 177, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .sectionTitle .bottom {
  color: var(--first-color);
  font-size: 24px;
}

/* line 182, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .reasonLists {
  display: flex;
  justify-content: center;
  gap: 5px;
}

/* line 186, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .reasonLists .rList {
  width: 110px;
  height: 40px;
  padding: 4px 4px;
  border: 2px solid #FF8C00;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
}

/* line 196, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .reasonLists .rList .lTop {
  color: var(--first-color);
}

/* line 199, app/assets/stylesheets/services/common.scss */
.commonTemplates #threeReasons .reasonLists .rList .lBottom {
  color: #FF8C00;
}

/* line 205, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy {
  padding: 0 20px;
}

/* line 207, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases {
  padding: 60px 20px 20px 20px;
  margin-bottom: 20px;
  border: 2px solid #BEBEBE;
  border-radius: 10px;
  position: relative;
}

/* line 213, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .caseLabel {
  position: absolute;
  top: 0;
  left: 20px;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: var(--second-color);
}

/* line 223, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .caseText {
  position: absolute;
  top: 0;
  left: 110px;
  padding: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #5D5D5D;
}

/* line 232, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .caseImage {
  margin-bottom: 20px;
}

/* line 234, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .caseImage img {
  width: 100%;
}

/* line 238, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .casePrice {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/* line 242, app/assets/stylesheets/services/common.scss */
.commonTemplates #caseStudy .cases .casePrice b {
  font-size: 38px;
  color: var(--second-color);
  margin-right: 4px;
}

/* line 250, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample {
  padding: 20px;
  background-color: #D9EFF6;
}

/* line 253, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .title {
  background-color: var(--second-color);
  padding: 20px;
  color: #fff;
  font-size: 20px;
}

/* line 260, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .exampleImage img {
  width: 100%;
}

/* line 264, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content {
  padding: 10px;
  background-color: #fff;
}

/* line 270, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content .itemDetails tbody tr th:first-child {
  background-color: var(--second-color);
  color: #fff;
  width: 100px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  border-bottom: 1px solid;
}

/* line 279, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content .itemDetails tbody tr td:last-child {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #5C97AC;
}

/* line 286, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content .itemDetails tbody tr:first-child th {
  border-top: 1px solid #5C97AC;
}

/* line 291, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content .itemDetails tbody tr:last-child th {
  border-bottom: 1px solid #5C97AC;
}

/* line 297, app/assets/stylesheets/services/common.scss */
.commonTemplates #workExample .content .subText {
  font-weight: bold;
  padding: 10px;
}

/* line 303, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea {
  padding-top: 20px;
  margin-bottom: 60px;
}

/* line 306, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea img {
  width: 100%;
}

/* line 309, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea .areaButton {
  background-color: var(--third-color);
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 20px;
  display: inline-block;
  width: 80px;
  text-align: center;
  padding: 6px;
  margin: 5px 3px;
}

/* line 320, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea .areaButton.on {
  color: #FFFFFF;
  background-color: var(--first-color);
}

/* line 324, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea .subText {
  padding: 20px;
}

/* line 327, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea .subTitle {
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* line 333, app/assets/stylesheets/services/common.scss */
.commonTemplates .searchArea .buttons {
  text-align: center;
  margin-bottom: 10px;
}

/* line 338, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn {
  display: flex;
  justify-content: space-around;
  background-color: #fff;
}

/* line 342, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn .headerTab {
  width: 100%;
  font-size: 12px;
  border: 1px solid #E4EFF3;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  position: relative;
  height: 50px;
}

/* line 351, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn .headerTab svg {
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
}

/* line 355, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn .headerTab svg .cls-1 {
  fill: var(--second-color);
}

/* line 359, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn .headerTab .tabName {
  font-size: 12px;
  color: #000;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* line 372, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn.lp .headerTab {
  position: unset;
  height: auto;
  padding: 2px 0;
}

/* line 376, app/assets/stylesheets/services/common.scss */
.commonTemplates .tabBtn.lp .headerTab .tabName {
  font-size: 10px;
  position: unset;
  transform: none;
}

/* line 384, app/assets/stylesheets/services/common.scss */
#faq {
  padding: 0px 10px;
}

/* line 386, app/assets/stylesheets/services/common.scss */
#faq hr {
  margin: 0;
}

/* line 391, app/assets/stylesheets/services/common.scss */
#searchForCity .selectCities {
  background-color: var(--thin-color);
  padding: 10px;
  text-align: center;
  height: 155px;
  overflow: hidden;
}

/* line 397, app/assets/stylesheets/services/common.scss */
#searchForCity .selectCities .area_name {
  color: var(--first-color);
  font-weight: bold;
  text-decoration: underline;
  margin: 0px 10px 5px 0px;
  display: inline-block;
}

/* line 405, app/assets/stylesheets/services/common.scss */
#searchForCity .more_cities_btn {
  background-color: var(--thin-color);
  color: var(--first-color);
  text-decoration: underline;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
}

/* line 413, app/assets/stylesheets/services/common.scss */
#searchForCity .other_area {
  color: var(--first-color);
  text-align: center;
  display: block;
  text-decoration: underline;
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
}

/* line 423, app/assets/stylesheets/services/common.scss */
#overlayBtn {
  padding: 5px 5px 15px;
  background-color: #161515DB;
  z-index: 1000;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}

/* line 433, app/assets/stylesheets/services/common.scss */
#overlayBtn .subText {
  color: #fff;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

/* line 441, app/assets/stylesheets/services/common.scss */
.estimateBtn {
  background-color: #E76E4D;
  color: #fff;
  font-weight: bold;
  padding: 14px;
  font-size: 18px;
  text-align: center;
  border-radius: 6px;
}

/* line 449, app/assets/stylesheets/services/common.scss */
.estimateBtn .freeTxt {
  background-color: #fff;
  color: #E76E4D;
  font-size: 16px;
  margin-right: 5px;
  padding: 4px 14px;
}

/* line 459, app/assets/stylesheets/services/common.scss */
.commonTemplates.lp #threeReasons {
  margin-bottom: 0px;
}

/* line 464, app/assets/stylesheets/services/common.scss */
#warrantyConditions {
  padding: 10px;
}

/* line 466, app/assets/stylesheets/services/common.scss */
#warrantyConditions .conditions {
  max-width: 500px;
  margin: 0 auto 20px;
}

/* line 469, app/assets/stylesheets/services/common.scss */
#warrantyConditions .conditions .labelTitle {
  border: 1px solid var(--second-color);
  background-color: var(--second-color);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

/* line 478, app/assets/stylesheets/services/common.scss */
#warrantyConditions .conditions .labelDes {
  border: 1px solid var(--second-color);
  padding: 10px;
  color: #5D5D5D;
  line-height: 24px;
}

/* line 488, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin: auto;
  padding: 10px 10px 20px 10px;
  width: 100%;
}

/* line 496, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table {
  width: 100%;
}

/* line 498, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table tr {
  line-height: 38px;
  font-family: 游ゴシック;
}

/* line 502, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table td {
  border: 1px solid #efefef;
  line-height: 30px;
  font-family: 游ゴシック;
  background-color: #FFFFFF;
}

/* line 508, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table td:first-child {
  background-color: #efefef78;
}

/* line 511, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table td.green:first-child {
  background-color: var(--second-color);
}

/* line 514, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table .name {
  background-color: #efefef78;
}

/* line 517, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table .type {
  width: 30px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  position: relative;
  padding: 3px 0;
}

/* line 524, app/assets/stylesheets/services/common.scss */
#marketPrice .priceTable table .type .vertical-cell {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 536, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_title {
  font-size: 14px;
  margin-top: 15px;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

/* line 543, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area {
  padding: 10px 10px 0px;
  display: flex;
  justify-content: center;
  gap: 3px;
}

/* line 548, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area a {
  width: 100%;
}

/* line 551, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area .sort {
  height: 30px;
  background-color: #AAAAAA;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  line-height: 30px;
}

/* line 559, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area .sort.by_reviews {
  border-radius: 20px 0px 0px 20px;
}

/* line 562, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area .sort.by_price {
  border-radius: 0px 20px 20px 0px;
}

/* line 565, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .sort_area .sort.selected {
  background-color: #F29525;
}

/* line 570, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 {
  width: 95%;
  margin: 20px auto;
  border-radius: 10px;
  border: 1px solid #BEBEBE;
  position: relative;
}

/* line 576, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .recommendation_badge {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #18b675;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 0%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 0%);
  height: 50px;
  width: 50px;
  border-radius: 0px 10px 0 0;
}

/* line 585, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .recommendation_badge img {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
}

/* line 593, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop {
  padding: 15px 60px 0 15px;
  display: flex;
  margin-bottom: 10px;
  gap: 8px;
  justify-content: left;
}

/* line 599, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info {
  display: flex;
  height: 50px;
  width: 100%;
}

/* line 603, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .icon_area {
  width: 50px;
  margin-right: 8px;
}

/* line 606, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .icon_area img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px;
  height: 50px;
}

/* line 612, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .name_review {
  width: 100%;
}

/* line 615, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .store_name {
  padding: 3px;
  margin: 0;
  color: var(--second-color);
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}

/* line 628, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .review {
  padding: 3px;
  display: flex;
}

/* line 631, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .boxTop .icon_info .review .kutikomi_link {
  margin-left: 10px;
  margin-top: 0px;
}

/* line 651, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .recommended_txt p {
  line-height: 23px;
}

/* line 653, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .recommended_txt p strong {
  background: linear-gradient(transparent 64%, #fcd69f 0%);
}

/* line 658, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review {
  padding: 15px;
  position: relative;
}

/* line 661, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review .stars {
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

/* line 665, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review .stars .yellow_stars {
  color: #FFC107;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* line 673, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review .stars .gray_stars {
  color: #5D5D5D;
}

/* line 677, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review span {
  color: #5D5D5D;
  font-weight: bold;
}

/* line 683, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review span.total_num {
  color: #000000;
}

/* line 685, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review span.total_num span {
  text-decoration: underline;
  color: var(--second-color);
}

/* line 691, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review .kutikomi_link {
  display: block;
  margin-top: 8px;
}

/* line 694, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .review .kutikomi_link img {
  height: 16px;
}

/* line 700, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .detail_list {
  padding: 0 15px;
  font-size: 13px;
  line-height: 22px;
  font-weight: bold;
  margin: 15px 0;
}

/* line 706, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .detail_list img {
  width: 16px;
  margin-right: 10px;
}

/* line 711, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .store_feature {
  width: 95%;
  background-color: #fff;
  padding: 10px;
  margin: auto;
  border-radius: 4px;
}

/* line 717, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .store_feature h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 0px;
}

/* line 724, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .store_feature .textArea .text {
  font-weight: normal;
  margin: 0px;
}

/* line 728, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .store_feature .textArea span {
  text-align: right;
  color: #2A8BD5;
  width: 100%;
  display: block;
  margin-top: 10px;
}

/* line 737, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table {
  padding: 0 15px;
}

/* line 739, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table {
  width: 100%;
  margin: 10px auto;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

/* line 745, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table tr:nth-child(1) {
  background-color: #E6E7E8;
}

/* line 747, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table tr:nth-child(1) td {
  font-size: 14px;
}

/* line 751, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table td {
  height: 30px;
  line-height: 30px;
  border: 1px solid #BEBEBE;
}

/* line 756, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table td:nth-child(1) {
  width: 40%;
}

/* line 759, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table td:nth-child(2) {
  color: var(--second-color);
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
}

/* line 764, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .service_plan_table table td:nth-child(2) span {
  color: #000000;
  font-size: 14px;
}

/* line 771, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .textArea {
  padding: 0 15px;
}

/* line 773, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .textArea .text {
  padding: 0px;
  padding-bottom: 8px;
  margin: 15px 0 0;
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
}

/* line 783, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .textArea .moreComment, .storeBox3_outer .storeBox3 .textArea .lessComment {
  width: 100%;
  color: #0036D0;
  font-weight: bold;
  line-height: 19px;
  font-size: 12px;
  display: block;
  text-align: right;
  text-decoration: underline;
}

/* line 794, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea {
  background-color: #E6E7E8;
  padding: 15px;
}

/* line 797, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .title {
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

/* line 805, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .title span {
  color: #000000;
}

/* line 808, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .title a {
  color: #2A8BD5;
  text-decoration: underline;
}

/* line 813, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review {
  width: 100%;
  background-color: #FFF;
  position: relative;
}

/* line 817, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name {
  display: flex;
  padding: 5px;
  position: relative;
}

/* line 821, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name .stars {
  position: relative;
  margin-right: 10px;
}

/* line 824, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name .stars .yellow_stars {
  color: #FFC107;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* line 832, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name .stars .gray_stars {
  color: #5D5D5D;
}

/* line 836, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name .rate {
  font-weight: bold;
  background-color: #FFF;
}

/* line 840, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .reviewArea .one_review .rate_name .name {
  position: absolute;
  right: 5px;
  width: 50%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666666;
  font-size: 14px;
  background-color: #FFF;
}

/* line 855, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .storeBoxBtnArea {
  padding: 15px 15px 15px 15px;
  display: flex;
  gap: 15px;
  justify-content: end;
  background-color: #FFF;
}

/* line 861, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .storeBoxBtnArea .storePageLink {
  display: grid;
  place-items: center;
  border: 2px solid var(--first-color);
  border-radius: 4px;
  width: 30%;
  height: 50px;
  border-radius: 6px;
  color: var(--first-color);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/* line 874, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .storeBoxBtnArea .newItemLink {
  position: relative;
  width: 70%;
  height: 50px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  border-radius: 6px;
  border: 2px solid #FFA132;
  color: #000000;
  background-color: #FFF6EC;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
}

/* line 890, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .storeBoxBtnArea .newItemLink span {
  height: 26px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  line-height: 24px;
  background-color: #CC2300;
  border-radius: 7px;
  color: #FFFFFF;
}

/* line 900, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3 .storeBoxBtnArea .newItemLink .svg-inline--fa {
  color: #FFA132;
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 913, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3.recommendation_store_ver {
  border: 1px solid #FFB300;
  background-color: #FDF9EE;
}

/* line 917, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .storeBox3.recommendation_store_ver .service_plan_table tr:nth-child(n+2) {
  background-color: #FFF;
}

/* line 922, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .more_stores_btn {
  color: var(--first-color);
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  border: none;
  background-color: #fff;
  width: auto;
  display: block;
  text-align: center;
}

/* line 933, app/assets/stylesheets/services/common.scss */
.storeBox3_outer .link_between_storeBox {
  padding: 0 10px;
  width: 95%;
  margin: auto;
}

/* line 940, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 {
  padding: 0 10px;
}

/* line 943, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .sectionTitle .bottom {
  font-size: 24px;
  color: var(--first-color);
}

/* line 948, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox {
  border: 1px solid #E4EFF3;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

/* line 953, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo {
  margin-bottom: 10px;
  height: 50px;
  margin-bottom: 10px;
}

/* line 957, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top {
  display: flex;
}

/* line 959, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top svg {
  width: 46px;
  height: 40px;
  margin-right: 20px;
}

/* line 963, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top svg .cls-1 {
  fill: var(--second-color);
}

/* line 967, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right {
  width: 100%;
}

/* line 969, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .star_date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

/* line 973, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .star_date .stars {
  position: relative;
  margin-right: 5px;
}

/* line 976, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .star_date .stars .gray_stars {
  color: #5D5D5D;
}

/* line 979, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .star_date .stars .yellow_stars {
  position: absolute;
  color: #FFA132;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* line 989, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .star_date .stars .rate {
  position: absolute;
  left: 80px;
  top: 0;
}

/* line 998, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .reviewInfo .top .right .username {
  color: #5D5D5D;
  font-weight: bold;
}

/* line 1005, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .commentArea {
  margin-bottom: 10px;
}

/* line 1007, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .commentArea .usedService {
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1012, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewBox .moreComment {
  color: var(--first-color);
}

/* line 1016, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewStoreInfo {
  margin-bottom: 20px;
}

/* line 1018, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .reviewStoreInfo .titleLabel {
  background-color: var(--second-color);
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0;
  font-size: 14px;
}

/* line 1028, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .storeBox3_outer .storeBox3 {
  padding: 0px;
  width: auto;
  margin: auto;
  border: none;
}

/* line 1033, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .storeBox3_outer .storeBox3 .boxTop {
  padding: 15px;
}

/* line 1035, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .storeBox3_outer .storeBox3 .boxTop .review {
  justify-content: end;
}

/* line 1041, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .requestDetails {
  background-color: #efefef;
  border-radius: 6px;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
}

/* line 1048, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .requestDetails .titleLabel {
  padding: 10px 10px 5px;
  margin: 0;
  font-size: 14px;
}

/* line 1053, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .requestDetails .itemContent {
  padding: 0px 10px 10px 10px;
}

/* line 1056, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .requestDetails .itemContent .item_text_box .free_text {
  font-weight: normal;
}

/* line 1061, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .requestDetails .each_item {
  display: inline-block;
}

/* line 1065, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .moreReviews {
  width: 100%;
  text-align: center;
  display: block;
  padding: 0 0 10px;
}

/* line 1070, app/assets/stylesheets/services/common.scss */
#searchReview_ver5 .moreReviews span {
  color: var(--second-color);
  text-decoration: underline;
  font-size: 20px;
  font-weight: bold;
}

/* line 1080, app/assets/stylesheets/services/common.scss */
#howToUse h3, #disposal_method h3 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1086, app/assets/stylesheets/services/common.scss */
#howToUse .imageArea, #disposal_method .imageArea {
  width: 100%;
  padding: 10px;
}

/* line 1089, app/assets/stylesheets/services/common.scss */
#howToUse .imageArea img, #disposal_method .imageArea img {
  width: 100%;
}

/* line 1093, app/assets/stylesheets/services/common.scss */
#howToUse .text, #disposal_method .text {
  font-weight: normal;
  width: 95%;
  margin: 15px auto;
  font-size: 14px;
  line-height: 22px;
}

/* line 1099, app/assets/stylesheets/services/common.scss */
#howToUse .text span, #disposal_method .text span {
  background: linear-gradient(transparent 50%, #FEF549 90%);
}

/* line 1103, app/assets/stylesheets/services/common.scss */
#howToUse ol, #disposal_method ol {
  list-style-type: none;
  padding-left: 20px;
  border-radius: 10px;
  border: 2px solid #BEBEBE;
  width: 95%;
  margin: auto;
  padding: 15px 9px;
}

/* line 1112, app/assets/stylesheets/services/common.scss */
#howToUse li, #disposal_method li {
  line-height: 24px;
  font-weight: bold;
}

/* line 1116, app/assets/stylesheets/services/common.scss */
#howToUse li:before, #disposal_method li:before {
  color: var(--second-color);
  padding-right: 5px;
}

/* line 1120, app/assets/stylesheets/services/common.scss */
#howToUse h3:before, #disposal_method h3:before {
  color: var(--second-color);
  padding-right: 5px;
}

/* line 1124, app/assets/stylesheets/services/common.scss */
#howToUse .one:before, #disposal_method .one:before {
  content: "❶";
}

/* line 1127, app/assets/stylesheets/services/common.scss */
#howToUse .two:before, #disposal_method .two:before {
  content: "❷";
}

/* line 1130, app/assets/stylesheets/services/common.scss */
#howToUse .three:before, #disposal_method .three:before {
  content: "❸";
}

/* line 1133, app/assets/stylesheets/services/common.scss */
#howToUse .four:before, #disposal_method .four:before {
  content: "❹";
}

/* line 1136, app/assets/stylesheets/services/common.scss */
#howToUse .five:before, #disposal_method .five:before {
  content: "❺";
}

/* line 1139, app/assets/stylesheets/services/common.scss */
#howToUse hr, #disposal_method hr {
  width: 95%;
  margin: auto;
}

/* line 1145, app/assets/stylesheets/services/common.scss */
.moreDetails {
  width: 100%;
  text-align: center;
  padding: 0 0 10px;
}

/* line 1149, app/assets/stylesheets/services/common.scss */
.moreDetails .moreLink {
  color: var(--first-color);
  font-size: 20px;
  text-decoration: underline;
  font-weight: bold;
  width: auto;
}

/* line 1158, app/assets/stylesheets/services/common.scss */
.seeDetails {
  width: 100%;
  text-align: center;
  margin: 10px 0 10px;
}

/* line 1162, app/assets/stylesheets/services/common.scss */
.seeDetails .moreLink {
  text-align: center;
  border-radius: 20px;
  border: 2px solid #00746F;
  background-color: #00746F;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 7px 60px;
  font-size: 16px;
}

/* line 1174, app/assets/stylesheets/services/common.scss */
.storeIndex {
  padding-bottom: 50px;
}

/* line 1178, app/assets/stylesheets/services/common.scss */
#taskleMediaArticles {
  margin-bottom: 0px;
}

/* line 1182, app/assets/stylesheets/services/common.scss */
.categoryTop {
  width: 100%;
  min-height: 166px;
  padding: 20px;
  background-position: center;
  background-size: cover;
  background-color: var(--first-color);
}

/* line 1189, app/assets/stylesheets/services/common.scss */
.categoryTop h1 {
  width: 300px;
  min-height: 50px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  color: #FFFFFF;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  text-shadow: #0000008A 0 3px 6px;
  background-color: rgba(0, 0, 0, 0.4);
  white-space: pre-wrap;
}

/* line 1205, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 {
  padding: 0;
  background-color: #FFF6D1;
}

/* line 1208, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 h1 {
  width: 100%;
  min-height: unset;
  height: -moz-fit-content;
  margin: auto;
  color: #FFFFFF;
  font-size: 12px;
  padding: 10px 6px;
  font-weight: bold;
  text-align: center;
  line-height: unset;
  text-shadow: unset;
  background-color: var(--first-color);
  white-space: unset;
}

/* line 1224, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 .quoteFormArea .hide {
  display: none;
}

/* line 1227, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 .quoteFormArea h1 {
  margin-top: 0;
  width: auto;
  white-space: unset;
  background-color: unset;
  color: var(--first-color);
  text-shadow: none;
  line-height: unset;
  min-height: unset;
}

/* line 1237, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 .quoteFormArea img {
  width: 100%;
}

/* line 1240, app/assets/stylesheets/services/common.scss */
.categoryTop.type1 .quoteFormArea .areaName {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: var(--first-color);
  margin-top: 0;
  width: auto;
}

/* line 1250, app/assets/stylesheets/services/common.scss */
.sectionQuotationBtn {
  padding: 10px;
}

/* line 1252, app/assets/stylesheets/services/common.scss */
.sectionQuotationBtn .subText {
  font-size: 12px;
  text-align: center;
  color: #000;
}

/* line 1257, app/assets/stylesheets/services/common.scss */
.sectionQuotationBtn .estimateBtn {
  padding: 10px;
}

/* line 1263, app/assets/stylesheets/services/common.scss */
#purchaseTarget img {
  width: 100%;
}

/* line 1266, app/assets/stylesheets/services/common.scss */
#purchaseTarget .leadTx {
  line-height: 20px;
  margin-bottom: 20px;
}

/* line 1270, app/assets/stylesheets/services/common.scss */
#purchaseTarget .targetItems {
  border: 2px solid #BEBEBE;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 1275, app/assets/stylesheets/services/common.scss */
#purchaseTarget .targetItems .title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: var(--first-color);
  margin-bottom: 20px;
}

/* line 1283, app/assets/stylesheets/services/common.scss */
#purchaseTarget .mainImg {
  margin-bottom: 20px;
}

/* line 1288, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors {
  background-color: #03B6B1;
  padding: 10px;
}

/* line 1291, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .innerBlock {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}

/* line 1295, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .innerBlock .leadTx {
  line-height: 20px;
  margin-bottom: 20px;
}

/* line 1300, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .imageAndTitle {
  display: flex;
  justify-content: space-around;
  margin-top: 0;
}

/* line 1305, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .imageAndTitle .titleIcon img {
  width: 100px;
}

/* line 1309, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .imageAndTitle .titleTx {
  font-weight: bold;
  font-size: 18px;
  color: var(--first-color);
}

/* line 1315, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .tableImg {
  margin-bottom: 20px;
}

/* line 1317, app/assets/stylesheets/services/common.scss */
#blockMaliciousVendors .tableImg img {
  width: 100%;
}

/* line 1323, app/assets/stylesheets/services/common.scss */
#taskleRecommend {
  padding: 20px;
  background-color: var(--thin-color);
}

/* line 1326, app/assets/stylesheets/services/common.scss */
#taskleRecommend .title {
  color: var(--first-color);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* line 1333, app/assets/stylesheets/services/common.scss */
#taskleRecommend ul {
  position: relative;
  background-color: #fff;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-size: 14px;
}

/* line 1339, app/assets/stylesheets/services/common.scss */
#taskleRecommend ul li {
  font-weight: bold;
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none !important;
  /*ポチ消す*/
}

/* line 1344, app/assets/stylesheets/services/common.scss */
#taskleRecommend ul li svg {
  width: 20px;
  height: 20px;
}

/* line 1347, app/assets/stylesheets/services/common.scss */
#taskleRecommend ul li svg .cls-1 {
  fill: #FF6F00;
}

/* line 1356, app/assets/stylesheets/services/common.scss */
#badgedStore .sectionTitle {
  position: relative;
}

/* line 1358, app/assets/stylesheets/services/common.scss */
#badgedStore .sectionTitle .background_img {
  height: 90px;
  width: 100%;
  background-color: var(--first-background);
  position: relative;
  z-index: 1;
}

/* line 1365, app/assets/stylesheets/services/common.scss */
#badgedStore .sectionTitle .title_text {
  margin-top: -90px;
  height: 90px;
  padding: 13px;
  position: relative;
  z-index: 2;
}

/* line 1371, app/assets/stylesheets/services/common.scss */
#badgedStore .sectionTitle .title_text .top {
  height: 30px;
  width: 260px;
  background-color: #FFF45E;
  border-radius: 50px;
  line-height: 30px;
  color: #000;
  font-size: 16px;
  margin: 0 auto 5px;
}

/* line 1381, app/assets/stylesheets/services/common.scss */
#badgedStore .sectionTitle .title_text .bottom {
  color: #FFF;
  text-shadow: #000000AD 0px 2px 3px;
  font-size: 20px;
}

/* line 1388, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #BEBEBE;
}

/* line 1392, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop {
  padding: 15px 15px 0 15px;
  display: flex;
  margin-bottom: 10px;
  gap: 15px;
  justify-content: left;
  position: relative;
}

/* line 1399, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop h3 {
  font-size: 16px;
  font-weight: bold;
}

/* line 1403, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop .icon_area {
  width: 50px;
}

/* line 1405, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop .icon_area img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px;
  height: 50px;
}

/* line 1411, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop .osusume_badge {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1416, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop .osusume_badge img {
  width: 50px;
  height: 50px;
}

/* line 1421, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .boxTop svg {
  color: #BEBEBE;
  position: absolute;
  right: 10px;
  top: 25px;
}

/* line 1428, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .review {
  padding: 15px 0;
  position: relative;
}

/* line 1431, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .review .stars {
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

/* line 1435, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .review .stars .yellow_stars {
  color: #FFC107;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* line 1443, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .review .stars .gray_stars {
  color: #5D5D5D;
}

/* line 1447, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .review span {
  color: #5D5D5D;
  font-weight: bold;
}

/* line 1452, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .store_feature {
  width: 100%;
  background-color: #FFFAF3;
  padding: 10px;
}

/* line 1456, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .store_feature h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 0px;
}

/* line 1463, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .store_feature .textArea .text {
  font-weight: normal;
  margin: 0px;
}

/* line 1467, app/assets/stylesheets/services/common.scss */
#badgedStore .badged_store_box .store_feature .textArea span {
  text-align: right;
  color: #2A8BD5;
  width: 100%;
  display: block;
  margin-top: 10px;
}

/* line 1481, app/assets/stylesheets/services/common.scss */
#disposal_method .sectionTitle .bottom {
  font-size: 22px;
}

/* line 1486, app/assets/stylesheets/services/common.scss */
#disposal_method .text h3 {
  font-size: 18px;
}

/* line 1489, app/assets/stylesheets/services/common.scss */
#disposal_method .text p {
  line-height: 1.8;
}

/* line 1491, app/assets/stylesheets/services/common.scss */
#disposal_method .text p strong {
  font-weight: normal;
  background: linear-gradient(transparent 64%, #fcf69f 0%);
}

/* line 1498, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content_outer {
  padding: 10px;
}

/* line 1501, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content {
  background-color: #FDF9EE;
  border-radius: 10px;
  padding: 2rem;
}

/* line 1506, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content h2 {
  font-size: 20px;
  color: var(--first-color);
  font-weight: bold;
  margin-bottom: 3rem;
  margin-top: 10px;
  padding-bottom: 0.5rem;
  text-align: center;
}

/* line 1516, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content h3 {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left: 4px solid var(--first-color);
  padding-left: 0.5rem;
  border-bottom: 2px solid #BEBEBE;
}

/* line 1527, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content p {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* line 1531, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content p:last-child {
  margin-bottom: 0;
}

/* line 1537, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ul, #disposal_method .disposal_method_content ol {
  margin-left: 2rem;
  margin-bottom: 1.5rem;
  border: none;
}

/* line 1541, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ul li, #disposal_method .disposal_method_content ol li {
  font-size: 1.2rem;
  color: #000000;
  margin-bottom: 0.75rem;
}

/* line 1545, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ul li:before, #disposal_method .disposal_method_content ol li:before {
  content: '•';
  position: absolute;
  left: 26px;
  color: var(--third-color);
  font-size: 1.5rem;
  line-height: inherit;
}

/* line 1553, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ul li:last-child, #disposal_method .disposal_method_content ol li:last-child {
  margin-bottom: 0;
}

/* line 1558, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ol {
  margin-left: 5px;
}

/* line 1561, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content ul {
  margin-left: 15px;
}

/* line 1565, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content a {
  color: #2980b9;
  text-decoration: none;
  font-weight: bold;
}

/* line 1569, app/assets/stylesheets/services/common.scss */
#disposal_method .disposal_method_content a:hover {
  text-decoration: underline;
  color: #1abc9c;
}

/* line 1578, app/assets/stylesheets/services/common.scss */
#localStoresBox .sectionDiscription {
  padding: 0 10px;
}

/* line 1580, app/assets/stylesheets/services/common.scss */
#localStoresBox .sectionDiscription h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1586, app/assets/stylesheets/services/common.scss */
#localStoresBox .sectionDiscription .is-style-num_circle {
  background-color: #fdf9ee;
  padding: 10px;
  counter-reset: listnum;
  /* カウンターをリセット */
  list-style: none;
  /* 標準のスタイルは消す */
  list-style: none;
}

/* line 1592, app/assets/stylesheets/services/common.scss */
#localStoresBox .sectionDiscription .is-style-num_circle li {
  padding-left: 2em;
  line-height: 1.5;
  margin: .25em 0;
  position: relative;
}

/* line 1598, app/assets/stylesheets/services/common.scss */
#localStoresBox .sectionDiscription .is-style-num_circle li:before {
  counter-increment: listnum;
  /* counter-resetと同じ文字列 */
  content: counter(listnum);
  /* カウントした数に応じて番号を表示 */
  letter-spacing: normal;
  background-color: #006662;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #006662;
  box-sizing: content-box;
  color: #fff;
  display: block;
  height: 1.8em;
  left: 1px;
  line-height: 1.8;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -.15em;
  transform: scale(0.75);
  transform-origin: 0 50%;
  width: 1.8em;
}

/* line 1626, app/assets/stylesheets/services/common.scss */
#recommendationStores .containerDiscription {
  text-align: center;
  font-weight: bold;
  padding: 0 10px;
}

/* line 1632, app/assets/stylesheets/services/common.scss */
.block_header_img {
  width: 100%;
  margin-bottom: 15px;
}

/* line 1636, app/assets/stylesheets/services/common.scss */
.border_image {
  width: 100%;
  margin: 20px 0;
}

/* line 1642, app/assets/stylesheets/services/common.scss */
#contact-info h3 {
  color: #F6762A;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* line 1651, app/assets/stylesheets/services/common.scss */
#contact-info .free-dial-container {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 10px;
}

/* line 1657, app/assets/stylesheets/services/common.scss */
#contact-info .free-dial-container .phone_num {
  color: #606060;
  font-size: 35px;
  line-height: 54px;
  display: inline-block;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
  transform: scale(1);
}

/* line 1666, app/assets/stylesheets/services/common.scss */
#contact-info .free-dial-container .phone_num:hover, #contact-info .free-dial-container .phone_num:focus {
  transform: scale(1.05);
  color: #474747;
}

/* line 1671, app/assets/stylesheets/services/common.scss */
#contact-info .free-dial-container .free_dial {
  width: 45px;
  height: 54px;
}

/* line 1676, app/assets/stylesheets/services/common.scss */
#contact-info span {
  margin: 0;
  color: #606060;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  display: block;
  font-weight: bold;
}

/* line 1686, app/assets/stylesheets/services/common.scss */
#contact-info .cta-button {
  display: block;
  background-color: #FF8A00;
  color: #FFFFFF;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.2em;
  font-weight: bold;
  transition: background-color 0.3s;
  margin: 20px auto 0;
  width: 280px;
}

/* line 1698, app/assets/stylesheets/services/common.scss */
#contact-info .cta-button:hover {
  background-color: #cc6e00;
}

/* line 1712, app/assets/stylesheets/services/common.scss */
.features {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 16px;
  margin-top: 20px;
}

/* line 1718, app/assets/stylesheets/services/common.scss */
.features .feature {
  width: 100%;
  background: #f9f9f9;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

/* line 1705, app/assets/stylesheets/services/common.scss */
.features .feature:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* line 1728, app/assets/stylesheets/services/common.scss */
.features .feature h3 {
  color: var(--first-color);
  display: block;
  margin: 0;
  line-height: 22px;
  font-size: 1.4em;
  font-weight: bold;
}

/* line 1736, app/assets/stylesheets/services/common.scss */
.features .feature p {
  margin: 20px 0 0 0;
}

/* line 1739, app/assets/stylesheets/services/common.scss */
.features .feature .feature_icon {
  display: inline;
  margin-right: 20px;
  height: 22px;
  width: 22px;
}

/* line 1746, app/assets/stylesheets/services/common.scss */
.features .feature svg path {
  stroke: var(--first-color);
}

/* line 1754, app/assets/stylesheets/services/common.scss */
#how-it-works {
  padding: 0 16px;
}

/* line 1761, app/assets/stylesheets/services/common.scss */
#how-it-works .process {
  padding: 30px 0;
  counter-reset: step;
  border-radius: 10px;
  box-shadow: #00000029 0px 3px 6px;
}

/* line 1766, app/assets/stylesheets/services/common.scss */
#how-it-works .process li {
  counter-increment: step;
  padding-left: 50px;
  position: relative;
  border: none;
  box-shadow: none;
  margin: 0px;
  padding-left: 58px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
}

/* line 1778, app/assets/stylesheets/services/common.scss */
#how-it-works .process li::before {
  content: counter(step);
  background-color: var(--first-color);
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px;
  top: 20px;
  margin-right: 10px;
}

/* line 1790, app/assets/stylesheets/services/common.scss */
#how-it-works .process li::after {
  content: url("services/kaitai/SVG/arrow_shitamuki.svg");
  display: block;
  width: 21px;
  margin: 10px auto 20px;
}

/* line 1797, app/assets/stylesheets/services/common.scss */
#how-it-works .process li:last-child::after {
  content: none;
}

/* line 1801, app/assets/stylesheets/services/common.scss */
#how-it-works .process .arrow_shitamuki {
  width: 21px;
  display: block;
  margin: 10px auto 20px;
}

@media screen and (min-width: 800px) {
  /* line 1812, app/assets/stylesheets/services/common.scss */
  #overlayBtn {
    max-width: 640px;
  }
  /* line 1818, app/assets/stylesheets/services/common.scss */
  .commonTemplates #threeReasons .reasonLists .rList {
    width: 180px;
    height: 60px;
    padding: 6px 4px;
    font-size: 18px;
    line-height: 22px;
  }
  /* line 1829, app/assets/stylesheets/services/common.scss */
  .commonTemplates .gTopZeroth .TopImageArea p {
    margin-top: -60px;
    line-height: 60px;
    font-size: 18px;
  }
  /* line 1839, app/assets/stylesheets/services/common.scss */
  #contact-info h3 {
    font-size: 24px;
    line-height: 36px;
  }
  /* line 1843, app/assets/stylesheets/services/common.scss */
  #contact-info .free-dial-container {
    gap: 14px;
  }
  /* line 1845, app/assets/stylesheets/services/common.scss */
  #contact-info .free-dial-container .phone_num {
    font-size: 50px;
    line-height: 54px;
  }
  /* line 1849, app/assets/stylesheets/services/common.scss */
  #contact-info .free-dial-container .free_dial {
    width: 60px;
    height: 54px;
  }
  /* line 1854, app/assets/stylesheets/services/common.scss */
  #contact-info span {
    font-size: 20px;
    line-height: 30px;
  }
  /* line 1865, app/assets/stylesheets/services/common.scss */
  #contact-info .cta-button {
    width: 401px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    padding: 0px;
    text-align: center;
    margin-top: 30px;
  }
}

/* line 1878, app/assets/stylesheets/services/common.scss */
#others p {
  padding: 0 10px;
}

/* line 1881, app/assets/stylesheets/services/common.scss */
#others img {
  width: 100%;
}

/* line 5, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .commonTemplates #caseStudy .cases .caseText {
  left: 230px;
}

/* line 13, app/assets/stylesheets/services/fuyouhin.scss */
footer .footer.fuyouhin {
  background-color: var(--first-color);
  color: #fff;
  font-weight: bold;
}

/* line 20, app/assets/stylesheets/services/fuyouhin.scss */
footer .footer.fuyouhin .main .colum li a {
  font-size: 13px;
  color: #fff;
}

/* line 35, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  background-color: #FFFFFF;
}

/* line 40, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_2 {
  padding: 0px;
  background-color: #FFF1E1;
}

/* line 43, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_2 .priceDescription {
  font-size: 14px;
  line-height: 19px;
  padding: 20px 10px 10px 10px;
}

/* line 49, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_3 {
  width: 100vw;
  max-width: 640px;
  padding: 0px;
}

/* line 53, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_3 img {
  width: 100%;
}

/* line 61, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_7 {
  padding: 0px;
  margin: 0px;
}

/* line 64, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_7 .no_store {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}

/* line 72, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_9 {
  padding: 0px 0 15px;
  margin: 0px;
  background-color: #FFFCE6;
}

/* line 76, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_9 h2 {
  width: 100%;
  height: 50px;
  background-color: #F29525;
  font-size: 18px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
  border: none;
}

/* line 87, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_9 .searchReview_ver5 .reviewBox .commentArea.gradation::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #FFFCE6 80%);
}

/* line 92, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_10 .flex-box {
  margin: 20px auto;
}

/* line 98, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_12 {
  padding: 0px;
}

/* line 100, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_12 .blockHTwo {
  height: 73px;
  line-height: 25px;
  padding: 12px 0;
}

/* line 105, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_12 .flex-box {
  overflow-y: hidden;
}

/* line 108, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_12 .media_link {
  color: #00928C;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 20px auto;
}

/* line 117, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_13 {
  padding: 0px;
}

/* line 124, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_16 {
  padding: 0px;
  margin: 0px;
}

/* line 128, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 {
  padding-bottom: 20px;
}

/* line 130, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 h2 {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
  line-height: 30px;
}

/* line 136, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 img {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
}

/* line 141, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 .area_text {
  font-size: 14px;
  line-height: 21px;
  color: #5D5D5D;
}

/* line 146, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 .click_to_open {
  margin: 20px 0 0;
  color: #FFFFFF;
  padding: 13px;
  font-size: 16px;
}

/* line 152, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 .open_contents {
  display: block;
  line-height: 24px;
  font-size: 14px;
}

/* line 156, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 .open_contents .area_name {
  text-decoration: underline;
  margin: 0 5px;
}

/* line 161, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_17 .other_area {
  width: 200px;
  height: 40px;
  margin: 20px auto;
  background-color: #F5F4F1;
  border: 1px solid #707070;
  display: block;
  color: #000000;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

/* line 175, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_18 {
  margin: 0px;
}

/* line 178, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 {
  padding: 0px;
  margin: 0px;
}

/* line 181, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .blockHTwo {
  height: 73px;
  padding: 12px 0;
  line-height: 25px;
}

/* line 186, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
}

/* line 193, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 .result {
  color: #CC2300;
  font-size: 20px;
}

/* line 197, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 .citation {
  font-size: 14px;
  font-weight: normal;
}

/* line 201, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 .underline {
  display: block;
}

/* line 203, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 .underline.blue {
  background: linear-gradient(transparent 20%, #D8E8FF 60%);
}

/* line 206, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 h3 .underline.yellow {
  background: linear-gradient(transparent 20%, #F6FF7A 60%);
}

/* line 211, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .benefit {
  width: 90%;
  margin: 20px auto;
}

/* line 214, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .benefit .benefit_icon {
  width: 120px;
}

/* line 216, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .benefit .benefit_icon img {
  width: 100%;
}

/* line 220, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .benefit .benefit_title {
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}

/* line 225, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhin .block_19 .benefit p {
  font-size: 14px;
  line-height: 19px;
}

/* line 237, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata {
  max-width: 800px;
  margin: auto;
  padding: 20px 10px;
  /* 比較一覧表 */
}

/* line 241, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata a {
  color: #0036D0;
  text-decoration: underline;
}

/* line 245, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata h2 {
  font-size: 26px;
  margin-top: 50px;
  color: #00928C;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 252, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata h3 {
  margin-top: 30px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
}

/* line 260, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata h4 {
  margin-top: 30px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
}

/* line 269, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata p {
  margin: 20px auto;
  padding: 10px;
}

/* line 273, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata span {
  margin: 15px 0;
  text-align: center;
}

/* line 278, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table {
  margin-top: 30px;
  border: 1px solid #BEBEBE;
  border-collapse: separate;
  font-weight: bold;
}

/* line 283, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table tbody tr td {
  border: 1px solid #BEBEBE;
  line-height: 23px;
  font-size: 12px;
}

/* line 288, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table tbody tr td:first-child {
  background-color: #E6E7E8;
  width: 70px;
}

/* line 292, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table tr {
  border: 1px solid #BEBEBE;
}

/* line 295, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table tbody {
  border: 1px solid #BEBEBE;
}

/* line 301, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata table.even-width tbody tr td:first-child {
  width: 215px;
}

/* line 310, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison {
  overflow-wrap: break-word;
  overflow: scroll;
  font-size: 12px;
  font-weight: bold;
}

/* line 315, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table {
  border: none;
  border-collapse: collapse;
}

/* line 318, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table td {
  font-weight: normal;
  word-break: break-all;
  width: 120px;
  border: 1px solid #ccc;
  padding: 6px;
}

/* line 324, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table td .title_item {
  color: #8ec43e;
}

/* line 327, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table td .td_item_image {
  width: 145px;
}

/* line 332, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table th {
  border: 1px solid #ccc;
  border-left: 5px solid #005ab3;
  width: 120px;
  color: #005ab3;
}

/* line 338, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table th h4 {
  margin: 0;
  color: #005ab3;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 120px;
}

/* line 348, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table img {
  max-width: 100px;
  max-height: 100px;
}

/* line 354, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table #comparison_table_0 td .comparison-circle:before {
  border: 18px solid transparent;
  border-top: 18px solid #46beab;
  border-left: 18px solid #46beab;
}

/* line 359, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .comparison-area .comparison table #comparison_table_0 td .comparison-circle {
  line-height: 20px;
  width: 20px;
}

/* line 368, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-illustration {
  clear: both;
  width: 100%;
  max-width: 640px;
  display: inline-block;
}

/* line 375, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .right-icon {
  width: 50px;
  height: 50px;
  background: no-repeat;
  background-size: 100%;
  background-position: center;
  float: right;
  display: inline-block;
  margin-bottom: 10px;
}

/* line 384, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .right-icon img {
  width: 40px;
}

/* line 389, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-right {
  float: right;
  position: relative;
  padding: 10px 18px;
  border-radius: 18px;
  margin-right: 16px;
  width: 300px;
  margin-bottom: 10px;
  background: #99e867;
  font-size: 13px;
  font-weight: bold;
}

/* line 402, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-right:after {
  content: "";
  display: inline-block;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-left: solid 20px transparent;
  border-left-color: #99e867;
  position: absolute;
  right: -18px;
  top: 24px;
  margin-top: -8px;
}

/* line 415, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .left-icon {
  float: left;
  width: 50px;
  height: 50px;
  background: no-repeat;
  background-size: 100%;
  background-position: center;
  display: inline-block;
  margin-bottom: 10px;
}

/* line 424, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .left-icon img {
  width: 40px;
}

/* line 429, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-left {
  float: left;
  position: relative;
  padding: 10px 18px;
  border-radius: 18px;
  margin-left: 16px;
  width: 300px;
  margin-bottom: 10px;
  font-size: 13px;
  background-color: #E9E5D8;
  font-weight: bold;
}

/* line 442, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-left:before {
  content: "";
  display: inline-block;
  margin-top: -9px;
}

/* line 448, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .kaiwa-left:after {
  content: "";
  display: inline-block;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-right: solid 20px transparent;
  border-right-color: #E9E5D8;
  position: absolute;
  left: -18px;
  top: 24px;
  margin-top: -8px;
}

/* line 461, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .talk-end {
  clear: both;
}

/* line 464, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .box {
  border: 1px solid #BEBEBE;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 23px;
  font-weight: normal;
  margin: 15px auto;
}

/* line 472, app/assets/stylesheets/services/fuyouhin.scss */
.fuyouhinsutekata .box .greenHeader {
  font-weight: bold;
  color: #00928C;
  text-align: left;
  display: block;
  margin: 10px 0;
}

@media screen and (min-width: 800px) {
  /* line 522, app/assets/stylesheets/services/fuyouhin.scss */
  .right-icon {
    width: 80px;
    height: 80px;
  }
  /* line 527, app/assets/stylesheets/services/fuyouhin.scss */
  .left-icon {
    width: 80px;
    height: 80px;
  }
  /* line 532, app/assets/stylesheets/services/fuyouhin.scss */
  .kaiwa-right {
    padding: 16px 32px;
    width: 350px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 32px;
  }
  /* line 539, app/assets/stylesheets/services/fuyouhin.scss */
  .kaiwa-left {
    padding: 16px 32px;
    width: 350px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 32px;
  }
}

/* line 5, app/assets/stylesheets/services/ihinseiri.scss */
.fuyouhin .commonTemplates #caseStudy .cases .caseText {
  left: 230px;
}

/* line 13, app/assets/stylesheets/services/ihinseiri.scss */
footer .footer.ihinseiri {
  background-color: var(--first-color);
  color: #fff;
  font-weight: bold;
}

/* line 20, app/assets/stylesheets/services/ihinseiri.scss */
footer .footer.ihinseiri .main .colum li a {
  font-size: 13px;
  color: #fff;
}

/* line 37, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri {
  max-width: 640px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* line 42, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 {
  background-color: #FFF1E1;
}

/* line 44, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceDescription {
  font-size: 14px;
  line-height: 19px;
  padding: 20px 10px 10px 10px;
}

/* line 49, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceTable {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin: auto;
  padding: 10px 10px 20px 10px;
  width: 100%;
}

/* line 57, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceTable table {
  width: 100%;
}

/* line 59, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceTable table tr {
  line-height: 38px;
  font-family: 游ゴシック;
}

/* line 63, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceTable table td {
  border: 1px solid #BEBEBE;
  line-height: 30px;
  font-family: 游ゴシック;
  background-color: #FFFFFF;
}

/* line 69, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_2 .priceTable table td:first-child {
  background-color: #DEFFFE;
}

/* line 77, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_4 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 80, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_4 .no_store {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}

/* line 86, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_5 {
  padding: 0px 0 15px;
  margin: 0px;
  background-color: #FFFCE6;
}

/* line 90, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_5 h2 {
  width: 100%;
  height: 50px;
  background-color: #F29525;
  font-size: 18px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
  border: none;
}

/* line 101, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_5 .searchReview_ver5 .reviewBox .commentArea.gradation::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #FFFCE6 80%);
}

/* line 105, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 108, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 h3 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

/* line 113, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .imageArea {
  width: 100%;
}

/* line 115, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .imageArea img {
  width: 100%;
}

/* line 119, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .text {
  font-weight: normal;
  width: 95%;
  margin: 15px auto;
  font-size: 14px;
  line-height: 22px;
}

/* line 125, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .text span {
  background: linear-gradient(transparent 50%, #FEF549 90%);
}

/* line 129, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 ol {
  list-style-type: none;
  padding-left: 20px;
  border-radius: 10px;
  border: 2px solid #BEBEBE;
  width: 95%;
  margin: auto;
  padding: 15px 9px;
}

/* line 138, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 li {
  line-height: 24px;
  font-weight: bold;
}

/* line 142, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 li:before {
  color: #2DB4AF;
  padding-right: 5px;
}

/* line 146, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 h3:before {
  color: #2DB4AF;
  padding-right: 5px;
}

/* line 150, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .one:before {
  content: "❶";
}

/* line 153, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .two:before {
  content: "❷";
}

/* line 156, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .three:before {
  content: "❸";
}

/* line 159, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .four:before {
  content: "❹";
}

/* line 162, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 .five:before {
  content: "❺";
}

/* line 165, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_6 hr {
  width: 95%;
  margin: auto;
}

/* line 170, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_7 {
  padding: 0px;
  margin: 0px;
  background-color: #FFFCE6;
}

/* line 174, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_7 h2 {
  width: 100%;
  height: 50px;
  background-color: #F29525;
  font-size: 18px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
  border: none;
}

/* line 185, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_7 .searchReview_ver5 .reviewBox .commentArea.gradation::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #FFFCE6 80%);
}

/* line 188, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_7 .moreReviews {
  font-size: 18px;
}

/* line 192, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_8 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 195, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_8 .flex-box {
  margin: 20px auto;
}

/* line 199, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_9 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 203, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_10 {
  padding: 0px;
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 207, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_10 .blockHTwo {
  height: 73px;
  line-height: 25px;
  padding: 12px 0;
}

/* line 212, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_10 .flex-box {
  overflow-y: hidden;
}

/* line 215, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_10 .media_link {
  color: #00928C;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 20px auto;
}

/* line 224, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 {
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 229, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 .benefit {
  width: 90%;
  margin: 20px auto;
}

/* line 232, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 .benefit .benefit_icon {
  width: 120px;
}

/* line 234, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 .benefit .benefit_icon img {
  width: 100%;
}

/* line 238, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 .benefit .benefit_title {
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}

/* line 243, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_11 .benefit p {
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
}

/* line 250, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_12 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 254, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 {
  background-color: #FFFFFF;
  overflow: hidden;
}

/* line 257, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 h2 {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
  line-height: 30px;
}

/* line 263, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 img {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
}

/* line 268, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 .area_text {
  font-size: 14px;
  line-height: 21px;
  color: #5D5D5D;
}

/* line 273, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 .click_to_open {
  margin: 20px 0 0;
  color: #FFFFFF;
  padding: 13px;
  font-size: 16px;
}

/* line 279, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 .open_contents {
  display: block;
  line-height: 24px;
  font-size: 14px;
}

/* line 283, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 .open_contents .area_name {
  text-decoration: underline;
  margin: 0 5px;
}

/* line 288, app/assets/stylesheets/services/ihinseiri.scss */
.ihinseiri .block_13 .other_area {
  width: 200px;
  height: 40px;
  margin: 20px auto;
  background-color: #F5F4F1;
  border: 1px solid #707070;
  display: block;
  color: #000000;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

/* line 2, app/assets/stylesheets/services/gomiyashiki.scss */
footer .footer.gomiyashiki {
  background-color: var(--first-color);
  color: #fff;
}

/* line 8, app/assets/stylesheets/services/gomiyashiki.scss */
footer .footer.gomiyashiki .main .colum li a {
  font-size: 13px;
  color: #fff;
}

/* line 24, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki {
  max-width: 640px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* line 38, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_5 .no_store {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}

/* line 45, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 h2 {
  height: 70px;
  line-height: 25px;
  padding: 12px 0;
}

/* line 50, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 h3 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .imageArea {
  width: 100%;
}

/* line 57, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .imageArea img {
  width: 100%;
}

/* line 61, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .text {
  font-weight: normal;
  width: 95%;
  margin: 15px auto;
  font-size: 14px;
  line-height: 22px;
}

/* line 67, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .text span {
  background: linear-gradient(transparent 50%, #FEF549 90%);
}

/* line 71, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 ol {
  list-style-type: none;
  padding-left: 20px;
  border-radius: 10px;
  border: 2px solid #BEBEBE;
  width: 95%;
  margin: auto;
  padding: 15px 9px;
}

/* line 80, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 li {
  line-height: 24px;
  font-weight: bold;
}

/* line 84, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 li:before {
  color: #2DB4AF;
  padding-right: 5px;
}

/* line 88, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 h3:before {
  color: #2DB4AF;
  padding-right: 5px;
}

/* line 92, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .one:before {
  content: "❶";
}

/* line 95, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .two:before {
  content: "❷";
}

/* line 98, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .three:before {
  content: "❸";
}

/* line 101, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .four:before {
  content: "❹";
}

/* line 104, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 .five:before {
  content: "❺";
}

/* line 107, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_6 hr {
  width: 95%;
  margin: auto;
}

/* line 112, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 {
  padding: 0px;
  margin: 0px;
}

/* line 115, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .blockHTwo {
  height: 73px;
  line-height: 25px;
  padding: 12px 0;
}

/* line 120, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .benefit {
  width: 90%;
  margin: 20px auto;
}

/* line 123, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .benefit .benefit_icon {
  width: 120px;
}

/* line 125, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .benefit .benefit_icon img {
  width: 100%;
}

/* line 129, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .benefit .benefit_title {
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}

/* line 134, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_7 .benefit p {
  font-size: 14px;
  line-height: 19px;
}

/* line 141, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_8 .flex-box {
  margin: 20px auto;
}

/* line 145, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_9 {
  overflow: hidden;
}

/* line 147, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_9 .blockHTwo {
  height: 70px;
  line-height: 25px;
  padding: 12px 0;
}

/* line 152, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_9 .media_link {
  color: #00928C;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 20px auto;
}

/* line 162, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 h2 {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
  line-height: 30px;
}

/* line 168, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 img {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
}

/* line 173, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .area_text {
  font-size: 14px;
  line-height: 21px;
  color: #5D5D5D;
}

/* line 178, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .click_to_open {
  margin: 20px 0 0;
  color: #FFFFFF;
  padding: 13px;
  font-size: 16px;
}

/* line 184, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .open_contents {
  display: block;
  line-height: 24px;
  font-size: 14px;
}

/* line 188, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .open_contents .area_name {
  text-decoration: underline;
  margin: 0 5px;
}

/* line 193, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .other_area {
  width: 200px;
  height: 40px;
  margin: 20px auto;
  background-color: #F5F4F1;
  border: 1px solid #707070;
  display: block;
  color: #000000;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

/* line 206, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .estimate_link {
  position: relative;
  width: 85%;
  height: 50px;
  margin: 20px auto;
  padding: 5px 15px;
  background-color: #FF8C00;
  display: block;
  border-radius: 40px;
  box-shadow: #00000029 0px 3px 6px;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

/* line 221, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .estimate_link span {
  width: 50px;
  height: 30px;
  display: inline-block;
  color: #FF0000;
  background-color: #FFFFFF;
  border-radius: 7px;
  line-height: 30px;
  text-align: center;
}

/* line 231, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_10 .estimate_link .svg-inline--fa {
  font-size: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 240, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 {
  background-color: #FFF1E1;
}

/* line 242, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceDescription {
  font-size: 14px;
  line-height: 19px;
  padding: 20px 10px 10px 10px;
}

/* line 247, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceTable {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin: auto;
  padding: 10px 10px 20px 10px;
  width: 100%;
}

/* line 255, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceTable table {
  width: 100%;
}

/* line 257, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceTable table tr {
  line-height: 38px;
  font-family: 游ゴシック;
}

/* line 261, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceTable table td {
  border: 1px solid #BEBEBE;
  line-height: 30px;
  font-family: 游ゴシック;
  background-color: #FFFFFF;
}

/* line 267, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_11 .priceTable table td:first-child {
  background-color: #DEFFFE;
}

/* line 273, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_12 {
  padding: 0px 0 15px;
  margin: 0px;
  background-color: #FFFCE6;
}

/* line 277, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_12 h2 {
  width: 100%;
  height: 50px;
  background-color: #F29525;
  font-size: 18px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
  border: none;
}

/* line 288, app/assets/stylesheets/services/gomiyashiki.scss */
.gomiyashiki .block_12 #searchReview_ver5 .reviewBox .commentArea.gradation::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #FFFCE6 80%);
}

@media screen and (min-width: 800px) {
  /* line 298, app/assets/stylesheets/services/gomiyashiki.scss */
  .gomiyashiki {
    max-width: 640px;
    background-color: #FFFFFF;
  }
}

/* line 2, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top main {
  padding: 0;
}

/* line 4, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top main h1 {
  color: unset;
  padding: 10px;
}

/* line 7, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top main h1 span {
  color: unset;
}

/* line 11, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top main h2 {
  border-bottom: none;
  position: static;
  text-align: center;
  font-size: 28px;
}

/* line 19, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top .recommend_area a {
  padding: 10px 20px;
  margin: 10px 5px;
  display: inline-block;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  background-color: var(--thin-color);
}

/* line 28, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top .recommend_area a:hover {
  color: #fff;
  background-color: var(--first-color);
}

/* line 33, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top .hero {
  background-color: var(--first-color);
  color: white;
  text-align: center;
  padding: 30px 0;
}

/* line 38, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top .hero .container {
  padding: 0px;
}

/* line 41, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top .hero img {
  width: 100%;
}

/* line 45, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top #features {
  margin-top: 40px;
}

/* line 48, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top #contact {
  text-align: center;
  background-color: #FFFEF2;
  padding: 30px 0 0 0;
}

/* line 52, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top #contact p {
  margin: 10px auto 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

/* line 60, app/assets/stylesheets/services/sanpai.scss */
.sanpai_top #waste-problem h2 {
  font-size: 24px;
}

/* line 69, app/assets/stylesheets/services/sanpai.scss */
.sanpai .commonTemplates #caseStudy .cases .caseText {
  left: 230px;
}

/* line 77, app/assets/stylesheets/services/sanpai.scss */
footer .footer.sanpai {
  background-color: var(--first-color);
  color: #fff;
  font-weight: bold;
}

/* line 84, app/assets/stylesheets/services/sanpai.scss */
footer .footer.sanpai .main .colum li a {
  font-size: 13px;
  color: #fff;
}

/* line 94, app/assets/stylesheets/services/sanpai.scss */
.header {
  background: var(--first-color);
  padding: 20px;
}

/* line 97, app/assets/stylesheets/services/sanpai.scss */
.header h1 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* line 106, app/assets/stylesheets/services/sanpai.scss */
.image-container {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* line 113, app/assets/stylesheets/services/sanpai.scss */
.image-container .section-image {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* line 119, app/assets/stylesheets/services/sanpai.scss */
.image-container .image-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

/* line 135, app/assets/stylesheets/services/sanpai.scss */
main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 143, app/assets/stylesheets/services/sanpai.scss */
main section {
  margin-bottom: 40px;
}

/* line 146, app/assets/stylesheets/services/sanpai.scss */
main section h2 {
  margin-top: 0;
  font-size: 1.75em;
  font-weight: bold;
  color: var(--first-color);
  border-bottom: 2px solid var(--first-color);
  padding-bottom: 10px;
  position: relative;
}

/* line 155, app/assets/stylesheets/services/sanpai.scss */
main section h2::before {
  content: "";
  width: 50px;
  height: 5px;
  background: var(--first-color);
  position: absolute;
  bottom: -2px;
  left: 0;
  border-radius: 2px;
}

/* line 167, app/assets/stylesheets/services/sanpai.scss */
main section .info-block {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

/* line 176, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-image {
  width: 40%;
  height: auto;
  border-radius: 8px;
}

/* line 182, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-text {
  width: 60%;
  padding-left: 20px;
}

/* line 186, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-text h3 {
  font-size: 1.5em;
  color: #333;
  margin-top: 0;
}

/* line 192, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-text p {
  margin-top: 10px;
  line-height: 1.6;
  color: #555;
}

/* line 198, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-text .info-link {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: var(--first-color);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* line 208, app/assets/stylesheets/services/sanpai.scss */
main section .info-block .info-text .info-link:hover {
  background-color: #0056b3;
}

/* line 216, app/assets/stylesheets/services/sanpai.scss */
main p {
  margin-top: 10px;
  line-height: 1.8;
  color: #444;
}

/* line 222, app/assets/stylesheets/services/sanpai.scss */
main ol {
  margin-top: 10px;
  padding-left: 0;
  list-style-type: none;
  counter-reset: step-counter;
}

/* line 227, app/assets/stylesheets/services/sanpai.scss */
main ol li {
  margin-top: 20px;
  line-height: 1.6;
  color: #555;
  position: relative;
  padding: 20px 50px;
  font-size: 1.2em;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 238, app/assets/stylesheets/services/sanpai.scss */
main ol li::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--first-color);
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.2em;
}

/* line 260, app/assets/stylesheets/services/sanpai.scss */
main article.review {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 268, app/assets/stylesheets/services/sanpai.scss */
main article.review h3 {
  font-size: 1.5em;
  color: #007bff;
  margin-top: 0;
}

/* line 274, app/assets/stylesheets/services/sanpai.scss */
main article.review p {
  margin-top: 10px;
  color: #666;
  line-height: 1.6;
}

/* line 281, app/assets/stylesheets/services/sanpai.scss */
main #register {
  text-align: center;
}

/* line 284, app/assets/stylesheets/services/sanpai.scss */
main #register button {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 15px 30px;
  font-size: 1.2em;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* line 294, app/assets/stylesheets/services/sanpai.scss */
main #register button:hover {
  background-color: #0056b3;
}

/* line 301, app/assets/stylesheets/services/sanpai.scss */
.sectionLabel {
  margin-top: 20px;
  font-size: 2em;
  color: #333;
  text-align: center;
}

/* line 308, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

/* line 313, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list .waste-item {
  flex: 1 1 calc(50% - 20px);
  box-sizing: border-box;
  margin: 10px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
}

/* line 326, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list .waste-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* line 331, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list .waste-item h2 {
  margin-top: 0;
  font-size: clamp(16px, 2vw, 1.5em);
  font-weight: bold;
  color: #333;
  transition: color 0.2s;
}

/* line 338, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list .waste-item h2:hover {
  color: var(--first-color);
}

/* line 343, app/assets/stylesheets/services/sanpai.scss */
.waste-item-list .waste-item p {
  color: #666;
  line-height: 1.6;
}

/* line 350, app/assets/stylesheets/services/sanpai.scss */
.waste-content {
  padding: 10px;
}

/* line 354, app/assets/stylesheets/services/sanpai.scss */
.article-content {
  max-width: 800px;
  margin: 0 auto 20px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 363, app/assets/stylesheets/services/sanpai.scss */
.article-content:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* line 367, app/assets/stylesheets/services/sanpai.scss */
.article-content h1 {
  margin-top: 0;
  font-size: 24px;
  color: #333;
  position: relative;
  padding-bottom: 15px;
  font-weight: bold;
  text-align: left;
}

/* line 377, app/assets/stylesheets/services/sanpai.scss */
.article-content h2 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid var(--first-color);
  padding-bottom: 5px;
  position: relative;
}

/* line 386, app/assets/stylesheets/services/sanpai.scss */
.article-content h2::before {
  content: "";
  width: 50px;
  height: 5px;
  background: var(--first-color);
  position: absolute;
  bottom: -2px;
  left: 0;
  border-radius: 2px;
}

/* line 398, app/assets/stylesheets/services/sanpai.scss */
.article-content .post-content {
  font-size: 1.3em;
  font-weight: 700;
  margin: 3em 0 2em;
  position: relative;
}

/* line 404, app/assets/stylesheets/services/sanpai.scss */
.article-content .post-content::before {
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--first-color) 0%, var(--first-color) 29.3%, rgba(150, 150, 150, 0.2) 29.3%, rgba(150, 150, 150, 0.2) 100%);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  z-index: 0;
}

/* line 417, app/assets/stylesheets/services/sanpai.scss */
.article-content h3 {
  margin-top: 15px;
  font-size: 1.75em;
  color: #555;
  padding: 0 0 .5em;
  position: relative;
}

/* line 425, app/assets/stylesheets/services/sanpai.scss */
.article-content h4.post-content {
  font-size: 1em;
  margin: 3em 0 2em 2em;
}

/* line 428, app/assets/stylesheets/services/sanpai.scss */
.article-content h4.post-content::before {
  background: repeating-linear-gradient(90deg, var(--second-color) 0%, var(--second-color) 29.3%, rgba(150, 150, 150, 0.2) 29.3%, rgba(150, 150, 150, 0.2) 100%);
}

/* line 432, app/assets/stylesheets/services/sanpai.scss */
.article-content h4.post-content + p {
  margin: 3em 0 2em 2em;
}

/* line 436, app/assets/stylesheets/services/sanpai.scss */
.article-content h4 {
  margin-top: 10px;
  font-size: 1.5em;
  color: #777;
}

/* line 443, app/assets/stylesheets/services/sanpai.scss */
.article-content .thumb img {
  width: 100%;
}

/* line 448, app/assets/stylesheets/services/sanpai.scss */
.article-content p {
  margin-top: 10px;
  line-height: 1.8;
  color: #444;
}

/* line 454, app/assets/stylesheets/services/sanpai.scss */
.article-content ul {
  margin-top: 10px;
  padding-left: 20px;
}

/* line 458, app/assets/stylesheets/services/sanpai.scss */
.article-content ul li {
  margin-top: 5px;
}

/* line 463, app/assets/stylesheets/services/sanpai.scss */
.article-content strong {
  font-weight: bold;
  color: #000;
}

/* line 471, app/assets/stylesheets/services/sanpai.scss */
.vendor_search header h1, .legal-guide header h1 {
  margin-top: 0;
  font-size: 24px;
  color: #333;
  position: relative;
  padding-bottom: 15px;
  font-weight: bold;
}

/* line 481, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main, .legal-guide main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 489, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section, .legal-guide main section {
  margin-bottom: 40px;
}

/* line 492, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section h2, .legal-guide main section h2 {
  margin-top: 0;
  font-size: 1.75em;
  font-weight: bold;
  color: var(--first-color);
  border-bottom: 2px solid var(--first-color);
  padding-bottom: 10px;
  position: relative;
}

/* line 501, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section h2::before, .legal-guide main section h2::before {
  content: "";
  width: 50px;
  height: 5px;
  background: var(--first-color);
  position: absolute;
  bottom: -2px;
  left: 0;
  border-radius: 2px;
}

/* line 513, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section form, .legal-guide main section form {
  display: flex;
  flex-direction: column;
}

/* line 517, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section form label, .legal-guide main section form label {
  margin-top: 10px;
  font-size: 1em;
  color: #333;
}

/* line 523, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section form select, .legal-guide main section form select {
  margin-top: 5px;
  padding: 10px;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* line 531, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section form button, .legal-guide main section form button {
  margin-top: 20px;
  padding: 10px;
  font-size: 1.1em;
  color: #fff;
  background: var(--first-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* line 542, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section form button:hover, .legal-guide main section form button:hover {
  background: #0056b3;
}

/* line 548, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul, .legal-guide main section ul {
  list-style: none;
  padding: 0;
}

/* line 552, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul li, .legal-guide main section ul li {
  margin-bottom: 20px;
  padding: 20px;
  background: #f0f0f0;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 559, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul li h3, .legal-guide main section ul li h3 {
  margin-top: 0;
  font-size: 1.5em;
  color: var(--first-color);
}

/* line 565, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul li p, .legal-guide main section ul li p {
  margin: 5px 0;
  font-size: 1em;
  color: #555;
}

/* line 571, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul li a, .legal-guide main section ul li a {
  color: var(--first-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

/* line 576, app/assets/stylesheets/services/sanpai.scss */
.vendor_search main section ul li a:hover, .legal-guide main section ul li a:hover {
  color: #0056b3;
}

/* line 585, app/assets/stylesheets/services/sanpai.scss */
.article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

/* line 591, app/assets/stylesheets/services/sanpai.scss */
.post {
  background: #f0f0f0;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

/* line 598, app/assets/stylesheets/services/sanpai.scss */
.post h3 {
  margin-top: 0;
  font-size: 1.5em;
  color: var(--first-color);
}

/* line 604, app/assets/stylesheets/services/sanpai.scss */
.post p {
  margin: 10px 0;
  color: #555;
}

/* line 609, app/assets/stylesheets/services/sanpai.scss */
.post a {
  color: var(--first-color);
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

/* line 615, app/assets/stylesheets/services/sanpai.scss */
.post a:hover {
  color: #0056b3;
}

/* line 621, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

/* line 626, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid .vendor {
  background: #f0f0f0;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
}

/* line 633, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid .vendor h3 {
  margin-top: 0;
  font-size: 1.5em;
  color: var(--first-color);
}

/* line 639, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid .vendor p {
  margin-top: 10px;
  color: #555;
  line-height: 1.6;
}

/* line 645, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid .vendor .info-link {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: var(--first-color);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* line 655, app/assets/stylesheets/services/sanpai.scss */
.area_disposal .vendor-grid .vendor .info-link:hover {
  background-color: #0056b3;
}

/* line 25, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top .container {
  padding: 0;
}

/* line 29, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

/* line 33, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main h2 {
  color: #00746F;
  text-align: center;
  font-size: 2em;
  margin: 0px;
  padding: 0px;
  border: none;
  position: static;
}

/* line 44, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .hero {
  background-color: #4CAF50;
  color: white;
  text-align: center;
  padding: 30px 0;
}

/* line 49, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .hero img {
  width: 100%;
}

/* line 54, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #contact {
  text-align: center;
  background-color: #FFFEF2;
  padding: 30px 0 0 0;
}

/* line 58, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #contact p {
  margin: 10px auto 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

/* line 71, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #problems, .kaitai_top main #specific-vacant-house, .kaitai_top main #merits-demerits {
  box-shadow: #00000029 0px 3px 6px;
  border-radius: 10px;
  width: calc(100% - 32px);
  margin: 30px auto;
}

/* line 76, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #problems h3, .kaitai_top main #specific-vacant-house h3, .kaitai_top main #merits-demerits h3 {
  font-weight: bold;
  margin: 30px 0px 10px;
}

/* line 80, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #problems .example, .kaitai_top main #specific-vacant-house .example, .kaitai_top main #merits-demerits .example {
  background-color: #F2FFF2;
  border-left: 4px solid var(--secondary-color);
  padding: 15px;
  margin-top: 10px;
  font-style: italic;
}

/* line 87, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main #problems p, .kaitai_top main #specific-vacant-house p, .kaitai_top main #merits-demerits p {
  margin: 0px;
}

/* line 92, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main h1, .kaitai_top main h3 {
  color: var(--primary-color);
  margin-bottom: 20px;
}

/* line 96, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main h1 {
  font-size: 2.5em;
  font-weight: 700;
}

/* line 100, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main h3 {
  font-size: 1.5em;
}

/* line 103, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main p {
  margin-bottom: 20px;
}

/* line 106, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main ul {
  list-style: auto;
  margin-left: 40px;
  margin-bottom: 20px;
}

/* line 111, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .section {
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 40px;
  border-radius: 8px;
}

/* line 118, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .placeholder-img {
  background-color: #e0e0e0;
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 8px;
  color: #777;
  font-style: italic;
}

/* line 130, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .prefecture-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  margin-bottom: 30px;
}

/* line 136, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .prefecture-button {
  padding: 10px;
  background-color: var(--bg-color);
  border: 1px solid #ddd;
  border-radius: 5px;
  text-decoration: none;
  color: var(--text-color);
  text-align: center;
  transition: background-color 0.3s ease;
}

/* line 146, app/assets/stylesheets/services/kaitai.scss */
.kaitai_top main .prefecture-button:hover {
  background-color: var(--secondary-color);
  color: white;
}

@media (max-width: 768px) {
  /* line 151, app/assets/stylesheets/services/kaitai.scss */
  .kaitai_top main .section {
    padding: 20px;
  }
}

/* line 1, app/assets/stylesheets/services/base.scss */
.blockHTwo {
  width: 100%;
  height: 50px;
  background-color: #2DB4AF;
  font-size: 18px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
}

/* line 10, app/assets/stylesheets/services/base.scss */
.blockHTwo.no_top_margin {
  margin-top: 0px;
}

/* line 15, app/assets/stylesheets/services/base.scss */
.pageDescription {
  font-size: 14px;
  line-height: 19px;
  padding: 10px;
}

/* line 21, app/assets/stylesheets/services/base.scss */
.estimateLinkOrg {
  margin: 20px auto;
  padding: 5px 15px;
  background-color: #FF8C00;
}

/* line 27, app/assets/stylesheets/services/base.scss */
a.estimateLinkOrg {
  position: relative;
  width: 85%;
  height: 50px;
  border-radius: 40px;
  box-shadow: #00000029 0px 3px 6px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  font-size: 20px;
  line-height: 40px;
}

/* line 41, app/assets/stylesheets/services/base.scss */
a.estimateLinkOrg span {
  width: 50px;
  height: 30px;
  display: inline-block;
  color: #FF0000;
  background-color: #FFFFFF;
  border-radius: 7px;
  line-height: 30px;
  text-align: center;
}

/* line 52, app/assets/stylesheets/services/base.scss */
.pc_container {
  padding-bottom: 30px;
}

/* line 54, app/assets/stylesheets/services/base.scss */
.pc_container .blockHTwo {
  color: #FFFFFF;
  line-height: 50px;
}

/* line 61, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper {
  padding: 20px;
}

/* line 63, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper .leadTx {
  margin-bottom: 30px;
}

/* line 66, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper .main {
  padding: 0;
}

/* line 70, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper .main .items_label {
  background-color: var(--first-color);
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 30px;
  width: 100%;
  text-align: center;
}

/* line 81, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper .main .contentList {
  display: flex;
  flex-wrap: wrap;
}

/* line 84, app/assets/stylesheets/services/base.scss */
.itemListIndex .listWrapper .main .contentList .items_content {
  padding: 20px;
  width: 33%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

/* ============================================================
   タスクル 新LP（横型AI診断ウィザード）  -  CSS
   デザインモック lp-gomi-full-yokogata_complete.html を移植。
   全セレクタを .newLpPage 配下にスコープし、他ページのCSSと干渉しないようにしている。
   ============================================================ */
/* line 6, app/assets/stylesheets/services/new_lp.scss */
.newLpPage {
  /* アップロードされたレイアウト（css.txt）の配色に合わせている。変数名は既存のまま、値のみ差し替え。
     2026年10月：--teal-dark/--mutedはモック本体（.rethinkではない基本レイヤー）の--dark/--mutedの
     最終的なカスケード値（body,body.gomi{--dark:#12608f}／body,body.ihin{--muted:#60717c}など、
     複数のSource style blockが重なって決まる最終値）と食い違っていたため、その値に合わせて修正した
     （.step-label・.hintなど#tool配下の文字が、本来の太さ・濃さに見えない不具合の原因だった）。 */
  --teal:#479de0;
  --teal-dark:#12608f;
  --teal-bg:#eef6fc;
  --tas-orange:#f6ab00;
  --navy:#005da4;
  --deep:#0a4f8a;
  --yellow:#ffe14d;
  --orange:#ee7800;
  --orange-dark:#e8850c;
  --green:#2ea56b;
  --ink:#333333;
  --muted:#60717c;
  --line:#dcdcdc;
  /* デザインモックの<body class="gomi rethink">にのみ定義されていた--rt-*トークン。
     モックは常時rethink状態のため、カテゴリに依らず常時有効な値としてそのまま移植している。 */
  --rt:#12618d;
  --rt-ink:#203746;
  --rt-muted:#596d79;
  --rt-pale:#f3f8fb;
  --rt-line:#d5e3ec;
  /* 2026年10月6日改訂：①主要CTAボタンの配色を前回の明るいオレンジへ変更（旧#bd510d/#9e4007）。 */
  --rt-highlight:#dcebf4;
  --rt-action:#eb7624;
  --rt-action-hover:#d96315;
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;
  background: #cfd9e6;
  color: var(--ink);
  scroll-behavior: smooth;
}

/* 遺品整理：ゴミ屋敷（青系）とテーマカラーのみ差し替え（紫系）。レイアウト・構造は共通のまま。 */
/* line 28, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri {
  --teal:#8e6bb8;
  --teal-dark:#6a3fa0;
  --teal-bg:#f4eefb;
  /* body.rethink.ihinのトークン差分（--rt-action/--rt-action-hoverは遺品整理でも同じ値のため上書きなし） */
  --rt:#6e4b91;
  --rt-ink:#3d3348;
  --rt-muted:#6b6077;
  --rt-pale:#f8f5fb;
  --rt-line:#e3d9ed;
  --rt-highlight:#e9dff2;
}

/* line 33, app/assets/stylesheets/services/new_lp.scss */
.newLpPage * {
  box-sizing: border-box;
}

/* ブラウザ既定の段落・リストの上マージンが、見出し直下などで意図しない余白を生むのを防ぐ */
/* line 35, app/assets/stylesheets/services/new_lp.scss */
.newLpPage p, .newLpPage ul, .newLpPage ol, .newLpPage dl, .newLpPage h1, .newLpPage h2, .newLpPage h3, .newLpPage h4, .newLpPage h5, .newLpPage h6 {
  margin: 0;
}

/* line 36, app/assets/stylesheets/services/new_lp.scss */
.newLpPage img {
  max-width: 100%;
}

/* overflow-x:hiddenは保険。flex子要素のmin-width:auto起因で中身が横に溢れた場合でも
   ページ全体の横スクロールだけは発生させない（個別の溢れ自体は都度直す）。 */
/* line 39, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .page {
  max-width: 400px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 40px rgba(18, 50, 92, 0.3);
  position: relative;
  overflow-x: hidden;
}

/* line 40, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tag {
  background: #39424e;
  color: #fff;
  font-size: 10px;
  letter-spacing: .08em;
  padding: 4px 10px;
  opacity: .92;
}

/* header */
/* line 43, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 14px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 50;
}

/* line 44, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .logo {
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 45, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .logo .word {
  font-weight: 900;
  color: var(--tas-orange);
  font-size: 19px;
}

/* line 46, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .logo-svg {
  height: 26px;
  width: auto;
  display: block;
}

/* ヘッダー右側（24時間受付バッジ＋CTA）。2026年10月デザイン刷新分、デザインモックのheader-entry/header-availability/header-estimate-buttonを移植。 */
/* line 48, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header-entry {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* モックは時計アイコンと「24時間受付」を縦並びにする.flex-direction:columnの指定が後から重なって
   決まっており、抽出時に初期のdisplay:flex（横並び）の指定だけ拾って見落としていた。 */
/* line 51, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header-availability {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 9px;
  font-weight: 700;
  color: var(--muted);
  margin: 0;
  line-height: 1.25;
  white-space: nowrap;
}

/* line 52, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header-availability svg {
  flex-shrink: 0;
}

/* line 53, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header-estimate-button {
  display: flex;
  align-items: center;
  gap: 3px;
  background: var(--orange);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  border-radius: 999px;
  padding: 7px 10px 7px 12px;
  white-space: nowrap;
}

/* line 54, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header-cta-arrow {
  flex-shrink: 0;
}

/* line 55, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-hamburger {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  margin-left: 10px;
  background: var(--teal);
  border: none;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}

/* line 57, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
}

/* line 58, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

/* line 59, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
  height: 100%;
  width: 78%;
  max-width: 300px;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform .25s;
}

/* line 60, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-panel.open {
  transform: translateX(0);
}

/* line 61, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-panel a {
  display: block;
  color: var(--ink);
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  padding: 13px 4px;
  border-bottom: 1px solid var(--line);
}

/* line 62, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lp-nav-close {
  background: none;
  border: none;
  color: var(--muted);
  font-size: 26px;
  cursor: pointer;
  float: right;
  line-height: 1;
  margin-bottom: 10px;
}

/* line 64, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===== ヒーロー（写真比較訴求＋実績表示） 2026年10月デザイン刷新分 =====
   デザインモックのクラス名(rt-*)をそのまま使用。配色は既存の--teal/--orange系変数に合わせ、
   デザイン側の固有カラーコードは使っていない（ihinseiri側は自動で紫系になる）。 */
/* line 69, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-hero {
  background: #fff;
  padding-bottom: 14px;
}

/* line 70, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .source-banner {
  background: var(--teal);
}

/* line 71, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .banner-art-frame {
  position: relative;
  aspect-ratio: 1810/869;
  overflow: hidden;
}

/* line 72, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .banner-art-frame .art {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* line 73, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-ai-band {
  background: var(--rt);
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  padding: 8px 12px;
  line-height: 1.6;
}

/* line 74, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-ai-band strong {
  display: block;
  font-size: 14px;
}

/* line 75, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-photo-content {
  padding: 16px 16px 4px;
}

/* line 76, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-photo-lead {
  text-align: center;
  margin-bottom: 10px;
}

/* line 77, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-comparison-line {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--rt-ink);
}

/* line 78, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-comparison-line strong {
  font-size: 1.15em;
  font-weight: 800;
  color: var(--rt);
}

/* line 79, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-evidence {
  background: #fff;
  border: 1px solid var(--rt-line);
  border-radius: 14px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 4px 14px rgba(33, 57, 77, 0.02);
}

/* display:flex;align-items:baselineが無いと、.rt-metric-value b（大きいクランプフォント）の行送りが
   インライン既定の計算になり、数字の上側が.rt-evidenceの枠・上の帯にめり込んで見える不具合があった。 */
/* line 82, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 3px;
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--rt);
  line-height: 1.08;
  white-space: nowrap;
}

/* line 83, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value .rt-average {
  font-size: 13px;
  font-weight: 700;
}

/* line 84, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value b {
  font-size: 34px;
  margin: 0 1px;
}

/* line 85, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value .rt-unit {
  font-size: 16px;
  font-weight: 800;
}

/* line 86, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value .rt-saving-reduction {
  font-size: 15px;
  margin-left: 2px;
}

/* line 87, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value sup {
  position: relative;
  top: -2.6em;
  margin-left: 1px;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
}

/* line 88, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 0 9px 13px;
  margin: 0;
  color: var(--rt-ink);
}

/* line 89, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons div {
  min-width: 0;
  padding: 0 6px;
}

/* line 90, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons div + div {
  border-left: 1px solid var(--rt-line);
}

/* line 91, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons dt {
  font-size: 11px;
  font-weight: 900;
  color: #25313b;
  margin-bottom: 2px;
}

/* line 92, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons dd {
  margin: 0;
  font-size: 9.5px;
  color: #33414c;
  line-height: 1.5;
}

/* line 93, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons .rt-phrase {
  display: block;
}

/* line 94, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-footnote {
  display: block;
  font-size: 8.5px;
  color: var(--rt-muted);
  margin-top: 8px;
  line-height: 1.6;
}

/* line 95, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-footnote span {
  display: block;
}

/* hero (AI診断ウィザード) */
/* 2026年10月6日改訂：モックの#tool外側のラッパーdivは無装飾（<div><section class="tool" id="tool">…）で、
   横方向の余白はmain側で確保している。旧デザインの名残で付いていたグラデーション背景は、
   #tool自体が2px枠＋淡い背景で区切られるようになった今はウィザードの外側に不要な色帯として
   見えてしまうため削除し、横余白のpaddingのみ残す。 */
/* line 102, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .hero {
  padding: 14px 14px 0;
}

/* line 103, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .badges {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-bottom: 11px;
}

/* line 104, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .badge {
  background: #fff;
  color: var(--teal-dark);
  border: 1px solid #cdeae4;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 10px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .badge::before {
  content: "✓";
  color: var(--teal);
  font-weight: 900;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1 {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 3px;
}

/* line 107, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1 .l1 {
  font-size: 21px;
  font-weight: 900;
  display: block;
  color: var(--navy);
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1 .em {
  color: var(--orange-dark);
  font-size: 25px;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1 .kw {
  background: linear-gradient(transparent 68%, rgba(59, 191, 173, 0.25) 0);
  padding: 0 2px;
}

/* line 110, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1-sub {
  text-align: center;
  font-size: 11.5px;
  color: var(--muted);
  font-weight: 700;
  margin-bottom: 12px;
}

/* line 111, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .h1-sub b {
  color: var(--teal-dark);
}

/* line 112, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .jump {
  display: block;
  text-align: center;
  font-size: 12px;
  color: var(--teal-dark);
  text-decoration: none;
  margin: -4px 0 10px;
  font-weight: 800;
}

/* line 113, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .jump span {
  border-bottom: 1px dashed #9fd6cc;
  padding-bottom: 1px;
}

/* diag card */
/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .diag {
  background: #fff;
  border: 2px solid var(--teal);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(42, 154, 139, 0.18);
  margin-bottom: 10px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .diag-head {
  background: var(--teal);
  color: #fff;
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .diag-head .t {
  font-size: 13px;
  font-weight: 900;
}

/* line 119, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .diag-head .t .free {
  background: #fff;
  color: var(--orange-dark);
  font-size: 10px;
  font-weight: 900;
  border-radius: 6px;
  padding: 2px 6px;
  margin-left: 6px;
  vertical-align: 1px;
}

/* line 120, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .diag-head .timer {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 6px;
  padding: 3px 8px;
  font-weight: 800;
}

/* ===== 現在地ステップ表示 ===== */
/* line 123, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .psteps {
  display: flex;
  gap: 2px;
  padding: 9px 12px 2px;
  background: #fff;
}

/* line 124, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep {
  flex: 1;
  text-align: center;
  font-size: 9px;
  color: #b0c4bf;
  font-weight: 800;
  position: relative;
  padding-top: 19px;
}

/* line 125, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep::before {
  content: attr(data-n);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ddeae7;
  color: #fff;
  font-size: 9.5px;
  line-height: 16px;
  z-index: 1;
}

/* line 126, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: #ddeae7;
}

/* line 127, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep:last-child::after {
  display: none;
}

/* line 128, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep.cur {
  color: var(--orange);
}

/* line 129, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep.cur::before {
  background: var(--orange);
}

/* line 130, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep.done {
  color: var(--teal-dark);
}

/* line 131, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep.done::before {
  background: var(--teal);
  content: "✓";
}

/* line 132, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pstep.done::after {
  background: var(--teal);
}

/* ===== ゴミの量の選び直し ===== */
/* line 135, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .redo-row {
  font-size: 12px;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 10px 0 2px;
  font-weight: 800;
  background: #eef6fc;
  border: 1.5px dashed var(--teal);
  border-radius: 10px;
  padding: 9px 10px;
}

/* line 136, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .redo-row .sbtn {
  background: #fff;
  color: var(--teal-dark);
  font-weight: 900;
  border: 1.5px solid var(--teal-dark);
  flex-shrink: 0;
}

/* ===== このあと起こることプレビュー ===== */
/* line 139, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nextbox {
  background: #f6fbfa;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 11px 12px;
  margin: 12px 0 2px;
  text-align: left;
}

/* line 140, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nextbox .nt-t {
  font-size: 12px;
  font-weight: 900;
  color: var(--teal-dark);
  margin-bottom: 6px;
}

/* line 141, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nx {
  display: flex;
  gap: 9px;
  padding: 5px 0;
  font-size: 10.5px;
  line-height: 1.7;
  color: var(--muted);
}

/* line 142, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nx b {
  color: var(--ink);
  font-size: 11.5px;
  display: block;
}

/* line 143, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nx .n {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--teal);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 144, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .guide {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 12px 6px;
}

/* line 145, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tasukun {
  width: 64px;
  flex-shrink: 0;
}

/* line 146, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tasukun img {
  width: 100%;
  display: block;
  -webkit-animation: newlpBob 3s ease-in-out infinite;
          animation: newlpBob 3s ease-in-out infinite;
}

/* line 147, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .g-bubble {
  background: #f2faf8;
  border: 1.5px solid #cdeae4;
  border-radius: 4px 14px 14px 14px;
  padding: 9px 12px;
  flex: 1;
}

/* line 148, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .g-bubble p {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.6;
}

/* line 149, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .g-bubble p b {
  color: var(--teal-dark);
}

/* line 150, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .g-bubble .nm {
  font-size: 9px;
  color: #8fb5ad;
  font-weight: 800;
  margin-top: 3px;
}

/* line 151, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 14px 6px;
  min-width: 0;
}

/* line 152, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .dots {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}

/* line 153, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d5e9e5;
  transition: .25s;
}

/* line 154, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .dot.on {
  background: var(--orange);
  transform: scale(1.25);
}

/* line 155, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .dot.done {
  background: var(--teal);
}

/* min-width:0 + .achipのmax-width/ellipsisが無いと、長い回答ラベル
   （「一部屋・一部の物だけ」等）でページ全体が横に溢れてスクロールしてしまう。 */
/* line 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ans-chips {
  display: flex;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
}

/* line 159, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .achip {
  font-size: 10px;
  font-weight: 800;
  color: var(--teal-dark);
  background: var(--teal-bg);
  border: 1px solid #cdeae4;
  border-radius: 999px;
  padding: 3px 8px;
  cursor: pointer;
  display: none;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 160, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .achip.show {
  display: inline-block;
  -webkit-animation: newlpPopin .25s ease;
          animation: newlpPopin .25s ease;
}

/* line 161, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .achip::after {
  content: " ✎";
  opacity: .6;
}

/* 2026年10月デザイン刷新：横スライド(track transform)を廃止し、パネルのhidden属性切り替えに変更
   （section.tool#tool相当のパネル構成に合わせたもの。量選択カードが横に溢れてスライドする不具合の
   根本対策も兼ねる）。非表示パネルは[hidden]のブラウザ既定（display:none）に任せている。
   以前あったtranslateXの登場アニメーションも、横に動いて見えるため廃止した（モックは瞬時に切り替わる）。 */
/* line 166, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .slider {
  overflow: hidden;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .slide {
  padding: 6px 14px 14px;
}

/* line 168, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .q-label {
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 169, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .q-label .qn {
  background: var(--teal);
  color: #fff;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 2026年10月デザイン刷新：2列の大きいカードボタン（旧:5個横並びの小さいピル）。
   最後の1個（4LDK相当）は2列分フル幅にする（デザインモックのentry-main/entry-otherを移植）。 */
/* line 172, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

/* line 173, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chips .chip-btn:last-child {
  grid-column: 1/-1;
}

/* line 174, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chips-other {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

/* line 175, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chip-btn {
  min-height: 54px;
  padding: 10px 8px;
  border-radius: 11px;
  border: 1.5px solid #cfe5e0;
  background: #fff;
  color: var(--ink);
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 2px 0 #e7efeb;
  transition: transform .12s,background .15s,border-color .15s;
}

@media (max-width: 359px) {
  /* line 177, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .chip-btn {
    font-size: 14px;
    min-height: 48px;
  }
}

/* line 179, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chip-btn:active {
  transform: scale(0.97);
}

/* line 180, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chip-btn.on {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
  box-shadow: 0 2px 0 var(--orange-dark);
}

/* 2026年10月デザイン刷新：イラスト付きの縦積みカード（旧:アイコン+短文の横並びピル） */
/* デザインモックの#s1 .choices（2列グリッド）に合わせる。旧実装は縦積み1列だった。 */
/* line 183, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amount {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  max-width: 100%;
}

/* line 184, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amount .amt-btn:last-child {
  grid-column: 1/-1;
}

/* line 185, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 94px;
  padding: 8px;
  border-radius: 12px;
  border: 1.5px solid #cfe5e0;
  background: #fff;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  transition: transform .12s,background .15s,border-color .15s;
}

/* line 186, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-btn:active {
  transform: scale(0.98);
}

/* line 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-art {
  width: 72px;
  flex: 0 0 72px;
  display: block;
  line-height: 0;
}

/* line 188, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-art svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 8px;
}

/* min-width:0が無いとグリッド/flexアイテムが内容の幅に押し広げられ、スライド全体が横に溢れる */
/* line 190, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-copy {
  flex: 1;
  min-width: 0;
}

/* line 191, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-copy strong {
  display: block;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.4;
}

/* line 192, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-copy small {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
  line-height: 1.4;
}

/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-btn.on {
  background: #fff4ec;
  border-color: var(--orange);
}

/* line 194, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amt-btn.on .amt-copy strong {
  color: var(--orange-dark);
}

/* line 195, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .scope-help {
  font-size: 11px;
  color: var(--muted);
  margin: -4px 0 8px;
}

/* 搬出経路（旧：建物種別/階数/エレベーターの3択を統合、2026年10月デザイン刷新分） */
/* line 197, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 198, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1.5px solid #cfe5e0;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .12s,background .15s,border-color .15s;
}

/* line 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn:active {
  transform: scale(0.98);
}

/* line 200, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn .t {
  font-size: 13px;
  font-weight: 800;
  color: var(--ink);
}

/* line 201, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn small {
  font-size: 10.5px;
  color: var(--muted);
}

/* line 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn.on {
  background: #fff4ec;
  border-color: var(--orange);
}

/* line 203, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .carryroute-btn.on .t {
  color: var(--orange-dark);
}

/* 撮影ステップ：写真0枚でも次へ進める一括スキップ導線（2026年10月デザイン刷新分） */
/* line 205, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .noPhotoLink {
  text-align: center;
  margin-bottom: 8px;
}

/* line 206, app/assets/stylesheets/services/new_lp.scss */
.newLpPage select.area {
  width: 100%;
  padding: 12px 10px;
  border-radius: 10px;
  border: 1.5px solid #cfe5e0;
  font-size: 14px;
  font-weight: 700;
  background: #fff;
}

/* line 207, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .found {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--green);
  margin-top: 8px;
  visibility: hidden;
}

/* line 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .found::before {
  content: "✓ ";
}

/* line 209, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .est-card {
  background: var(--deep);
  border-radius: 12px;
  padding: 12px 14px;
  color: #fff;
  margin-bottom: 10px;
}

/* line 210, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .est-card .lb {
  font-size: 10.5px;
  font-weight: 700;
  opacity: .85;
  display: block;
  margin-bottom: 2px;
}

/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .est-card .val {
  font-size: 22px;
  font-weight: 900;
  color: var(--yellow);
}

/* line 212, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .est-card .val small {
  font-size: 10px;
  color: #fff;
  font-weight: 700;
  margin-left: 4px;
}

/* line 213, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .est-card .cond {
  font-size: 10px;
  opacity: .8;
  margin-top: 4px;
}

/* line 215, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta {
  display: block;
  width: 100%;
  background: linear-gradient(180deg, #ffa43e, var(--orange) 55%, #d96800);
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 14px;
  padding: 14px 10px 12px;
  font-weight: 900;
  font-size: 16.5px;
  box-shadow: 0 5px 0 var(--orange-dark), 0 10px 18px rgba(0, 0, 0, 0.2);
  position: relative;
  cursor: pointer;
  transition: transform .12s;
}

/* line 216, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta:active {
  transform: scale(0.96);
}

/* line 217, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta:not(:disabled) {
  -webkit-animation: newlpCtaP 2.2s ease-in-out infinite;
          animation: newlpCtaP 2.2s ease-in-out infinite;
}

/* line 218, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta:disabled {
  opacity: .45;
  cursor: not-allowed;
  -webkit-animation: none;
          animation: none;
}

/* line 219, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta .free {
  background: #fff;
  color: var(--orange-dark);
  font-size: 11px;
  font-weight: 900;
  border-radius: 6px;
  padding: 2px 6px;
  margin-right: 6px;
  vertical-align: 2px;
}

/* line 220, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta .sub {
  display: block;
  font-size: 11px;
  font-weight: 700;
  opacity: .95;
  margin-top: 3px;
}

/* line 221, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta::after {
  content: "›";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 900;
}

/* セクション内CTA（アップロードの.sec-ctaに合わせたピル型） */
/* line 223, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta.small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 88%;
  max-width: 400px;
  margin: 18px auto 4px;
  background: linear-gradient(180deg, var(--orange), #e06f00);
  box-shadow: 0 3px 0 #c05f00;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 18px;
  border-radius: 999px;
  -webkit-animation: none;
          animation: none;
}

/* line 224, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta.small::after {
  display: none;
}

/* line 225, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta.big {
  width: 94%;
  font-size: 18px;
  padding: 18px;
  margin-top: 20px;
}

/* sections（参照サイト https://fly-er.jp/sites/lp-gomi のCSSに準拠、値はそのまま移植） */
/* line 229, app/assets/stylesheets/services/new_lp.scss */
.newLpPage section.alt {
  background: var(--teal-bg);
}

/* line 230, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-head {
  text-align: left;
  margin-bottom: 24px;
  padding: 0 16px;
}

/* line 231, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-head .brand {
  display: inline-block;
  color: var(--teal-dark);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  margin: 0 0 7px 2px;
}

/* line 232, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-head h2 {
  position: relative;
  display: block;
  background: var(--teal-dark);
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.4;
  padding: .55em .7em;
  border-radius: 3px;
}

/* line 233, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-head h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px var(--deep);
}

/* 悩み共感 */
/* line 236, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy {
  padding: 24px 16px 10px;
  background: var(--teal-bg);
}

/* line 237, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ttl {
  position: relative;
  background: var(--teal-dark);
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.4;
  padding: .55em .7em;
  border-radius: 3px;
  margin-bottom: 16px;
}

/* line 238, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ttl::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px var(--deep);
}

/* line 239, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__img {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 14px;
  border-radius: 10px;
}

/* line 240, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__list {
  max-width: 420px;
  margin: 0 auto;
}

/* line 241, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__list li {
  background: #fff;
  border: 1px solid #d5e6f2;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* line 242, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__list li i {
  color: #b9c6d0;
  margin-top: 2px;
  flex: none;
}

/* line 243, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ans {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  color: var(--teal-dark);
  line-height: 1.6;
  margin: 18px 0 4px;
}

/* line 244, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ans-badge {
  color: #2ea56b;
  font-size: 24px;
  display: block;
  margin-bottom: 4px;
}

/* line 245, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ans b {
  color: var(--orange);
}

/* 実例（見積もり事例） */
/* line 248, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excase {
  padding: 8px 16px 10px;
}

/* line 249, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 14px;
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(20, 50, 80, 0.04);
}

/* line 250, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--teal-dark);
}

/* line 251, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__ttl {
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
  margin: 5px 0 10px;
  line-height: 1.4;
}

/* line 252, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__ttl span {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--teal);
  border-radius: 4px;
  padding: 2px 8px;
  margin-left: 6px;
  vertical-align: middle;
}

/* line 253, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__madori {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eef6fc;
  color: var(--teal-dark);
  font-size: 13px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 6px;
  margin-bottom: 12px;
}

/* line 254, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__madori i {
  color: var(--teal);
}

/* line 255, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__madori b {
  font-size: 15px;
}

/* line 256, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 12px;
}

/* line 257, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__off {
  text-align: center;
  background: #fff5e9;
  border: 1px dashed var(--orange);
  border-radius: 8px;
  padding: 12px 10px;
}

/* line 258, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__off-ttl {
  font-weight: 800;
  font-size: 15px;
  color: var(--ink);
  line-height: 1.5;
  margin-bottom: 10px;
}

/* line 259, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__price {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* line 260, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
}

/* line 261, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb__l {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  padding: 6px 6px;
  line-height: 1.3;
  text-align: center;
}

/* line 262, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb__v {
  font-size: 19px;
  font-weight: 900;
  text-align: center;
  padding: 9px 4px;
  background: #fff;
  font-variant-numeric: tabular-nums;
}

/* line 263, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now {
  border-color: var(--orange);
}

/* line 264, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now .pb__l {
  background: var(--orange);
}

/* line 265, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now .pb__v {
  color: var(--red);
}

/* line 266, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--other .pb__l {
  background: #9aa7b2;
}

/* line 267, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--other .pb__v {
  color: #8a97a2;
  text-decoration: line-through;
}

/* line 268, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb__arrow {
  flex: none;
  color: var(--orange);
  font-size: 20px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
}

/* line 269, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__pct {
  color: var(--red);
  font-size: 24px;
  font-weight: 900;
  margin: 0 3px;
}

/* 料金相場表 */
/* line 272, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate {
  padding: 8px 16px 10px;
}

/* line 273, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e0e6ea;
  border-radius: 8px;
}

/* line 274, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 440px;
  font-size: 13px;
}

/* line 275, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table th, .newLpPage .rate-table td {
  border: 1px solid #e6ecef;
  padding: 9px 6px;
  text-align: center;
  white-space: nowrap;
}

/* line 276, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table thead th {
  background: var(--teal-dark);
  color: #fff;
  font-weight: 700;
}

/* line 277, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table thead th small {
  font-weight: 400;
  font-size: 10px;
  opacity: .85;
  display: block;
}

/* line 278, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table tbody th {
  background: #eef6fc;
  color: var(--teal-dark);
  font-weight: 800;
}

/* line 279, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate-table tbody td {
  color: var(--red);
  font-weight: 700;
  background: #fff;
}

/* line 280, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .table-note {
  font-size: 12px;
  color: #666;
  line-height: 1.8;
  margin-top: 10px;
}

/* line 281, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .table-note b {
  color: var(--teal-dark);
}

/* かんたん3ステップ（横並び＋矢印） */
/* line 284, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve {
  padding: 8px 16px 14px;
}

/* line 285, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  max-width: 400px;
  margin: 0 auto;
}

/* line 286, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-step {
  flex: 1;
  text-align: center;
}

/* line 287, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-ico {
  width: 56px;
  height: 56px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 288, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-no {
  font-size: 15px;
  font-weight: 900;
  color: var(--orange);
  letter-spacing: .02em;
}

/* line 289, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-t {
  font-size: 18px;
  font-weight: 900;
  margin: 2px 0 5px;
  color: var(--ink);
  line-height: 1.3;
  white-space: nowrap;
}

/* line 290, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-d {
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}

/* line 291, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve-arrow {
  flex: none;
  color: var(--teal);
  font-size: 18px;
  padding-top: 19px;
}

/* 選ばれる理由 */
/* line 294, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene {
  padding: 8px 16px 10px;
}

/* line 295, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 14px;
}

/* line 296, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene-item {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 5px solid var(--teal);
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 10px;
}

/* line 297, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene-ico {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #fff3e6;
  color: var(--orange);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 298, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene-t {
  font-size: 15px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 2px;
}

/* line 299, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene-item p {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* お客様の声 */
/* line 302, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice {
  padding: 8px 16px 10px;
}

/* line 303, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-card {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 12px;
  background: #fff;
}

/* line 304, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

/* line 305, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-avatar {
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 50%;
  border: 2px solid var(--orange);
  color: var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 306, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-card .stars {
  color: var(--tas-orange);
  font-size: 13px;
  letter-spacing: 2px;
}

/* line 307, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-name {
  font-size: 12px;
  color: #888;
  font-weight: 700;
}

/* line 308, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice-text {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
}

/* 業者の信頼性 */
/* line 311, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust {
  padding: 8px 16px 10px;
}

/* line 312, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 14px;
}

/* line 313, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust-badges {
  display: flex;
  gap: 8px;
}

/* line 314, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust-badge {
  flex: 1;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px 6px;
  text-align: center;
}

/* line 315, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust-badge i {
  font-size: 26px;
  color: var(--orange);
}

/* line 316, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust-badge span {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: var(--ink);
  margin-top: 6px;
  line-height: 1.4;
}

/* line 317, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust-lead {
  font-size: 13px;
  color: #555;
  line-height: 1.8;
  margin: 14px 0 0;
}

/* 安心ポイント */
/* line 320, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 0 16px 8px;
}

/* line 321, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure div {
  flex: 1;
  min-width: 150px;
  background: #e9f8f7;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--deep);
}

/* line 322, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure i {
  color: var(--teal-dark);
  margin-right: 4px;
}

/* line 323, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure b {
  color: var(--red);
}

/* FAQ（Qバッジ・シェブロン） */
/* line 326, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq {
  padding: 8px 16px 10px;
}

/* line 327, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-bottom: 8px;
  background: #fff;
  overflow: hidden;
}

/* line 328, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 329, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item summary::-webkit-details-marker {
  display: none;
}

/* line 330, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item summary::before {
  content: "Q";
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 331, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item summary i {
  margin-left: auto;
  color: #888;
  transition: transform .2s;
}

/* line 332, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item[open] summary i {
  transform: rotate(180deg);
}

/* line 333, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq-item .a {
  padding: 0 14px 14px 44px;
  font-size: 13px;
  color: #555;
  line-height: 1.8;
}

/* 失敗しない選び方5個 */
/* line 336, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick {
  padding: 6px 16px 20px;
}

/* line 337, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__lead {
  font-size: 14px;
  color: #444;
  line-height: 1.9;
  margin-bottom: 14px;
}

/* line 338, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__summary {
  margin: 0 0 16px;
  padding-left: 22px;
  list-style: decimal;
}

/* line 339, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__summary li {
  list-style: decimal;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 4px;
}

/* line 340, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__item {
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

/* line 341, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 800;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 8px;
  line-height: 1.5;
}

/* line 342, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__num {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--teal-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

/* line 343, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__body {
  font-size: 14px;
  color: #555;
  line-height: 1.9;
}

/* クロージング */
/* line 346, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing {
  padding: 30px 16px 26px;
  text-align: center;
  background: linear-gradient(180deg, var(--teal-bg), #dcecf7);
}

/* line 347, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__ttl {
  font-size: 22px;
  font-weight: 900;
  color: var(--navy);
  line-height: 1.5;
}

/* line 348, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__sub {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
  margin-top: 10px;
}

/* line 349, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing .badge {
  background: #fff;
}

/* line 350, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__company {
  margin-top: 22px;
  font-size: 12px;
  color: #777;
  line-height: 1.9;
}

/* line 351, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__company a {
  color: var(--teal-dark);
  text-decoration: underline;
}

/* line 353, app/assets/stylesheets/services/new_lp.scss */
.newLpPage footer {
  background: #12233c;
  color: #8fa3bd;
  font-size: 10.5px;
  text-align: center;
  padding: 18px 16px 90px;
}

/* line 354, app/assets/stylesheets/services/new_lp.scss */
.newLpPage footer a {
  color: #a9bdd8;
  text-decoration: none;
  margin: 0 8px;
}

/* line 356, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sticky-cta {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 400px;
  padding: 10px 12px 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 40%);
  z-index: 60;
  display: none;
}

/* line 357, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sticky-cta .cta {
  font-size: 15px;
  padding: 12px 10px 10px;
}

/* ===== 横型ガイド拡張（撮影〜依頼） ===== */
/* line 360, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .mini-label {
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  margin: 8px 0 4px;
  display: block;
  text-align: left;
}

/* line 361, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rqb {
  background: #e0402e;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  border-radius: 4px;
  padding: 1px 5px;
  margin-left: 5px;
  vertical-align: 1px;
}

/* line 362, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .opb2 {
  background: #9fb0be;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  border-radius: 4px;
  padding: 1px 5px;
  margin-left: 5px;
  vertical-align: 1px;
}

/* 依頼フォームの「ご希望があれば選んでください」（遺品整理の買取査定・供養・立会いなし） */
/* line 364, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wishbox {
  background: #fdf6ec;
  border: 1px solid #f0dfc0;
  border-radius: 12px;
  padding: 14px;
  margin: 14px 0;
}

/* line 365, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wb-t {
  font-size: 13px;
  font-weight: 900;
  color: #8a6337;
  margin-bottom: 10px;
}

/* line 366, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: border-color .15s,background .15s;
}

/* line 367, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish:last-of-type {
  margin-bottom: 10px;
}

/* line 368, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish:has(input:checked) {
  border-color: var(--teal);
  background: var(--teal-bg);
}

/* line 369, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--teal);
}

/* line 370, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish b {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 3px;
}

/* line 371, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wish small {
  display: block;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.6;
}

/* line 372, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .wb-n {
  font-size: 11.5px;
  color: var(--muted);
  margin-top: 2px;
  line-height: 1.6;
}

/* line 373, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selrow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 374, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selrow select, .newLpPage .in {
  width: 100%;
  padding: 11px 10px;
  border-radius: 10px;
  border: 1.5px solid #cfe5e0;
  font-size: 13px;
  font-weight: 700;
  background: #fff;
  box-sizing: border-box;
}

/* line 375, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .in[readonly] {
  background: #f4f4f4;
  color: var(--muted);
}

/* line 376, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selrow > div {
  flex: 1 1 80px;
  min-width: 80px;
}

/* line 377, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selrow select {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 378, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtns {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 9px;
  flex-wrap: wrap;
}

/* line 379, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtn {
  font-size: 12px;
  font-weight: 800;
  border: none;
  border-radius: 9px;
  padding: 9px 14px;
  cursor: pointer;
  transition: transform .12s;
}

/* line 380, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtn:active {
  transform: scale(0.96);
}

/* line 381, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtn.p {
  background: var(--teal);
  color: #fff;
}

/* line 382, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtn.g {
  background: #eef3f2;
  color: var(--muted);
}

/* line 383, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sbtn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

/* モックの#thumbnails内の実際のマークアップは.thumb2/.thumbRemoveではなく.photo（img+.remove）＋
   3枚未満の間だけ並ぶ.add-photo-tileだった（gomi.jsのrender()参照）。旧.thumb2系は使われなくなったため削除し、
   実際に使われている.photo/.remove/.add-photo-tileのスタイルをモックの値そのまま追加する
   （この色味はrt-*ではなく、モック側で元々使っているteal系トークンそのままの値を直接指定）。 */
/* line 388, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo {
  position: relative;
  aspect-ratio: 1;
  border-radius: 9px;
  background: #ecf6f2;
  overflow: hidden;
}

/* line 389, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* line 390, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo .remove {
  position: absolute;
  top: 4px;
  right: 4px;
  border: 0;
  border-radius: 50%;
  background: rgba(23, 60, 57, 0.87);
  color: #fff;
  width: 36px;
  height: 36px;
  min-width: 32px;
  min-height: 32px;
  font-size: 19px;
  line-height: 1;
  padding: 0;
}

/* line 391, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .add-photo-tile {
  min-height: 90px;
  border: 2px dashed #96b9c8;
  background: #ecf6f2;
  border-radius: 10px;
  color: #075d50;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

/* ================= デザインモック section.tool#tool 丸ごと移植分（2026-10〜） =================
   taskle_gomi_final.html / gomi.css から全パネル（撮影含む）分をまとめて再抽出・移植。
   var(--service)→var(--teal), var(--dark)→var(--teal-dark), var(--pale)→var(--teal-bg), var(--green)→var(--teal)
   （モック側の--greenは実際には主要アクセント色としてteal系の値が入っていたため）。
   ※モックの<body class="gomi rethink">は常時rethink状態が適用されているため、"body.rethink"修飾・
   裸の".rethink"修飾の両方とも、常に有効なスタイルとして.newLpPageへ統合している。
   ※パネル自体のid（#s0〜#s8）に対するpadding上書きも含めて移植している（例：#s0は初回表示時
   （.in-flow付与前）はpadding:0、操作後はpadding-top:12pxのみ上書き、という段階的な変化がある）。
   同一セレクタに対する重複定義はカスケード通りに1つへマージ済み（プロパティごとに最後の定義を採用。
   マージ後のルールは、同じ詳細度を持つ他セレクタとの相対順序が変わらないよう、元ファイル内で最後に
   登場した位置のまま並べている）。
   body:not(.in-flow)/.in-flowは、JS側で.newLpPageに同じ要領でクラス付与して再現している
   （goTo()内でn!==0&&n!==1のときin-flowを付与）。.ihin/.mobile-start/.start-box/.start-in-viewは
   このプロジェクトでは使用しない別バリアント・未使用要素のため引き続き除外。 */
@-webkit-keyframes enter {
  from {
    opacity: .2;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes enter {
  from {
    opacity: .2;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes guideEnter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes guideEnter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes hello {
  0% {
    transform: translateY(4px) rotate(-5deg);
    opacity: 0;
  }
  55% {
    transform: translateY(-3px) rotate(3deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

@keyframes hello {
  0% {
    transform: translateY(4px) rotate(-5deg);
    opacity: 0;
  }
  55% {
    transform: translateY(-3px) rotate(3deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes estimate-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes estimate-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes estimate-dot {
  0%, 80%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-5px);
  }
}

@keyframes estimate-dot {
  0%, 80%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-5px);
  }
}

@-webkit-keyframes expectant-mascot {
  0%, 100% {
    transform: translateY(0) rotate(-3deg);
    box-shadow: 0 0 0 17px #eaf3fa;
  }
  50% {
    transform: translateY(-7px) rotate(3deg);
    box-shadow: 0 0 0 23px #eaf3fa80;
  }
}

@keyframes expectant-mascot {
  0%, 100% {
    transform: translateY(0) rotate(-3deg);
    box-shadow: 0 0 0 17px #eaf3fa;
  }
  50% {
    transform: translateY(-7px) rotate(3deg);
    box-shadow: 0 0 0 23px #eaf3fa80;
  }
}

@-webkit-keyframes scan-track {
  from {
    transform: translateX(-110%);
  }
  to {
    transform: translateX(360%);
  }
}

@keyframes scan-track {
  from {
    transform: translateX(-110%);
  }
  to {
    transform: translateX(360%);
  }
}

@-webkit-keyframes result-greet {
  0% {
    transform: translateY(0) rotate(0);
  }
  30% {
    transform: translateY(-6px) rotate(-7deg);
  }
  65% {
    transform: translateY(0) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes result-greet {
  0% {
    transform: translateY(0) rotate(0);
  }
  30% {
    transform: translateY(-6px) rotate(-7deg);
  }
  65% {
    transform: translateY(0) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes result-appear {
  from {
    opacity: .45;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes result-appear {
  from {
    opacity: .45;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes amount-reveal {
  from {
    transform: translateY(7px);
    opacity: .35;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes amount-reveal {
  from {
    transform: translateY(7px);
    opacity: .35;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes estimate-glint {
  from {
    transform: translateX(-65%);
  }
  to {
    transform: translateX(65%);
  }
}

@keyframes estimate-glint {
  from {
    transform: translateX(-65%);
  }
  to {
    transform: translateX(65%);
  }
}

@-webkit-keyframes comparison-rise {
  from {
    transform: translateY(9px);
    opacity: .6;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes comparison-rise {
  from {
    transform: translateY(9px);
    opacity: .6;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes request-input-nudge {
  0%, 100% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(3px);
  }
}

@keyframes request-input-nudge {
  0%, 100% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(3px);
  }
}

@-webkit-keyframes estimate-reveal {
  from {
    transform: translateY(12px) scale(0.97);
    opacity: .3;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes estimate-reveal {
  from {
    transform: translateY(12px) scale(0.97);
    opacity: .3;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes photo-later-arrow {
  0%, 65%, 100% {
    transform: translateY(0);
  }
  78% {
    transform: translateY(3px);
  }
  90% {
    transform: translateY(0);
  }
}

@keyframes photo-later-arrow {
  0%, 65%, 100% {
    transform: translateY(0);
  }
  78% {
    transform: translateY(3px);
  }
  90% {
    transform: translateY(0);
  }
}

@-webkit-keyframes photoIn {
  from {
    opacity: 0;
    transform: scale(0.94);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes photoIn {
  from {
    opacity: 0;
    transform: scale(0.94);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* line 424, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel[hidden] {
  display: none;
}

/* line 425, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary .arrow {
  float: right;
}

/* line 426, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .back {
  border: 0;
  background: none;
  padding: 16px 0 0;
  font-size: 12px;
  color: var(--muted);
  text-decoration: underline;
}

/* line 427, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .optional {
  font-size: 10px;
  background: #f0f2ef;
  color: #6a7872;
  padding: 2px 7px;
  border-radius: 5px;
  margin-left: 8px;
}

/* line 428, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* line 429, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice {
  position: relative;
}

/* line 430, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice input:focus-visible + span {
  outline: 3px solid #ecae34;
  outline-offset: 2px;
}

/* line 431, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .hint {
  font-size: 11px;
  color: var(--muted);
  margin: 8px 0;
}

/* line 432, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .notice b {
  display: block;
  margin-bottom: 3px;
}

/* line 433, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .thumbnails {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 14px 0;
}

/* line 434, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-row {
  border: 1px solid var(--line);
  padding: 12px;
  border-radius: 10px;
  margin-top: 12px;
  font-size: 12px;
}

/* line 435, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-row input {
  font-size: 11px;
  max-width: 100%;
  margin-top: 8px;
}

/* line 436, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .error {
  font-size: 12px;
  color: #ad3827;
  margin: 10px 0;
  min-height: 0;
}

/* line 437, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .error:empty {
  display: none;
}

/* line 438, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate .amount small {
  font-size: 18px;
  margin-left: 4px;
}

/* line 439, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sample-tag {
  display: inline-block;
  font-size: 10px;
  background: #fff5dd;
  color: #896626;
  padding: 2px 7px;
  border-radius: 4px;
  margin-bottom: 8px;
}

/* line 440, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bridge ul {
  padding-left: 18px;
  margin: 0;
  font-size: 12px;
}

/* line 441, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bridge li {
  margin: 7px 0;
}

/* line 442, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bridge strong {
  color: var(--teal);
}

/* line 443, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .summary {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
  font-size: 12px;
  margin: 20px 0;
}

/* line 444, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .summary dl {
  display: grid;
  grid-template-columns: 90px 1fr;
  margin: 0;
  gap: 6px;
}

/* line 445, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .summary dt {
  color: var(--muted);
}

/* line 446, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .summary dd {
  margin: 0;
}

/* line 447, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .inline-link {
  border: 0;
  background: none;
  color: var(--teal);
  font-size: 12px;
  text-decoration: underline;
  padding: 5px 0;
}

/* line 448, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .privacy {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.7;
}

/* line 449, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selection-count {
  font-size: 11px;
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  margin: 12px 0 8px;
}

/* line 450, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .selection-count strong {
  color: var(--teal);
}

/* line 451, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice-list {
  display: grid;
  gap: 8px;
}

/* line 452, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice-list label {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  gap: 10px;
  font-size: 12px;
  align-items: start;
}

/* line 453, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice-list input {
  accent-color: var(--teal);
  margin-top: 5px;
}

/* line 454, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .optional-box summary {
  font-size: 13px;
  cursor: pointer;
  font-weight: 700;
}

/* line 455, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .optional-box .choice-list {
  margin-top: 12px;
}

/* line 456, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel:focus {
  outline: none;
}

/* line 457, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate p {
  font-size: 11px;
  margin: 0;
  color: #d8e9f3;
}

/* line 458, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate .label {
  font-size: 12px;
  font-weight: 700;
  color: #e5eef5;
}

/* line 459, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .secondary:active {
  transform: translateY(2px);
  box-shadow: none;
}

/* line 460, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .success {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: var(--teal);
  font-size: 28px;
  border-radius: 50%;
  margin-bottom: 20px;
  -webkit-animation: photoIn .3s ease;
          animation: photoIn .3s ease;
  background: var(--teal-bg);
  box-shadow: 0 4px 12px #173c3910;
}

/* line 461, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge.compact {
  gap: 10px;
  margin: 14px 0 20px;
}

/* line 462, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge.compact .concierge-avatar {
  width: 49px;
  height: 49px;
  flex-basis: 49px;
}

/* line 463, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge.compact img {
  width: 39px;
  height: 39px;
}

/* line 464, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge.compact .concierge-copy {
  font-size: 11px;
  padding: 10px 12px;
}

/* line 465, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}

/* line 466, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice input:focus-visible {
  outline: none;
}

/* line 467, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge {
  display: flex;
  align-items: center;
  -webkit-animation: guideEnter .4s ease both;
          animation: guideEnter .4s ease both;
  gap: 10px;
  margin: 15px 0 21px;
}

/* line 468, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-copy {
  position: relative;
  background: var(--teal-bg);
  border-radius: 15px 15px 15px 3px;
  line-height: 1.8;
  flex: 1;
  padding: 10px 12px;
  font-size: 12px;
}

/* line 469, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge {
  margin: 12px 0 22px;
}

/* line 470, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li:first-child:after {
  left: 50%;
}

/* line 471, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li:last-child:after {
  right: 50%;
}

/* line 472, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel h3 {
  font-size: 16px;
}

/* line 473, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 > h2, .newLpPage #s0 > p.lead {
  display: none;
}

/* line 474, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 > .step-label {
  display: none;
}

/* line 475, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge, .newLpPage .concierge.compact, .newLpPage #s0 .concierge {
  gap: 12px;
  align-items: flex-start;
  margin: 7px 0 20px;
}

/* line 476, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .field {
  margin: 20px 0;
}

/* line 477, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice:hover span {
  border-color: var(--teal);
  transform: none;
}

/* line 478, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate .label, .newLpPage .estimate p {
  color: var(--teal-dark);
}

/* line 479, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .optional-box {
  border: 1px solid var(--line);
  padding: 14px;
  border-radius: 12px;
  margin: 18px 0;
  background: white;
}

/* line 480, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-avatar img, .newLpPage .concierge.compact img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 52px;
  height: 52px;
}

/* line 481, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li:before {
  position: absolute;
  transition: background .2s;
  content: counter(step);
  counter-increment: step;
  width: 18px;
  height: 18px;
  top: 0;
  left: calc(50% - 9px);
  right: auto;
  border-radius: 50%;
  line-height: 18px;
  font-size: 11px;
  z-index: 1;
  background: #dfe7eb;
  color: #607782;
  font-weight: 700;
}

/* line 482, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li:after {
  content: '';
  position: absolute;
  top: 8px;
  height: 2px;
  left: 0;
  right: 0;
  background: #e4ebee;
}

/* line 483, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .lead {
  margin: 0 0 22px;
  line-height: 1.8;
  color: var(--muted);
  font-size: 13px;
}

/* line 484, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-avatar, .newLpPage .concierge.compact .concierge-avatar {
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  width: 54px;
  height: 57px;
  flex-basis: 54px;
  padding-top: 7px;
}

/* line 485, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge.welcome .concierge-avatar {
  -webkit-animation: guideEnter .3s ease-out 1;
          animation: guideEnter .3s ease-out 1;
}

/* line 486, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary:active:not(:disabled) {
  box-shadow: 0 1px 0 #933508;
  transform: translateY(3px);
}

/* line 487, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .secondary {
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 700;
  transition: transform .15s;
  border-color: #cdd8df;
  color: var(--teal-dark);
  background: white;
  box-shadow: none;
}

/* line 488, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice input:checked + span {
  padding: 9px 5px;
  border: 2px solid var(--teal);
  box-shadow: none;
  transform: none;
  background: var(--teal-bg);
  border-color: var(--teal);
  color: var(--teal-dark);
  font-weight: 700;
}

/* line 489, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .cta-note {
  text-align: center;
  margin: 12px 0 0;
  font-size: 10px;
  margin-top: 13px;
  color: var(--muted);
  line-height: 1.7;
}

/* line 490, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .notice {
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 12px;
  margin: 18px 0;
  border-left-color: var(--teal);
  background: var(--teal-bg);
  border-left: 3px solid var(--teal);
}

/* line 491, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate {
  margin: 22px 0 16px;
  box-shadow: none;
  color: var(--teal-dark);
  text-align: center;
  padding: 20px;
  background: var(--teal-bg);
  border: 1px solid var(--line);
  border-radius: 14px;
}

/* line 492, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .optional-box, .newLpPage .summary {
  border-color: var(--line);
}

/* line 493, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .in-flow .tool {
  margin-top: 18px;
}

/* line 494, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate .amount {
  line-height: 1.5;
  letter-spacing: -.04em;
  font-weight: 850;
  font-size: 39px;
}

/* line 495, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge, .newLpPage .concierge.compact {
  gap: 9px;
}

/* line 496, app/assets/stylesheets/services/new_lp.scss */
.newLpPage:not(.in-flow) #s0 {
  padding: 0;
}

/* line 497, app/assets/stylesheets/services/new_lp.scss */
.newLpPage:not(.in-flow) .tool-head {
  display: block;
}

/* line 498, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-copy, .newLpPage .concierge.compact .concierge-copy {
  line-height: 1.8;
  padding: 12px 13px;
  font-size: 12px;
  border: 1.5px solid #cdeae4 !important;
  background: #f2faf8 !important;
  border-radius: 4px 14px 14px;
  font-weight: 700;
  color: #333;
}

/* line 499, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-avatar img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 60px;
  height: 60px;
}

/* line 500, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-avatar {
  flex: 0 0 70px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  box-shadow: 0 4px 10px #173c3910;
  width: 47px;
  height: 47px;
  flex-basis: 62px;
}

/* line 501, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .concierge-copy b {
  display: block;
  letter-spacing: .04em;
  margin-bottom: 5px;
  font-size: 10px;
  color: #71998f;
  font-weight: 600;
}

/* line 502, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .field > label:before, .newLpPage .legend:before {
  content: '●';
  color: var(--teal);
  margin-right: 7px;
}

/* line 503, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .field > label, .newLpPage .legend {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 800;
}

/* line 504, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .scope-chips button[aria-pressed=true] {
  border: 2px solid var(--teal);
  background: var(--teal-bg);
  color: var(--teal-dark);
}

/* line 505, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .choice span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 6px;
  transition: transform .16s,box-shadow .16s,border-color .16s;
  border-radius: 10px;
  font-size: 13px;
  border-color: #d5dfe5;
  min-height: 52px;
  background: #fff;
  border: 1.5px solid #cfe5e0;
  font-weight: 800;
  box-shadow: 0 2px 0 #e6efec;
}

/* line 506, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel .concierge {
  margin: 10px 0 22px;
}

/* line 507, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel h2 {
  letter-spacing: -.03em;
  margin: 6px 0 12px;
  color: var(--ink);
  line-height: 1.55;
  font-size: 22px;
}

/* line 508, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  gap: 7px;
  border-bottom: 1px solid #edf1f4;
  background: var(--teal);
  color: white;
  padding: 12px 14px;
  border: 0;
  font-size: 12px;
}

/* line 509, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .scope-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

/* line 510, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .scope-chips button {
  border: 1.5px solid #cfe5e0;
  border-radius: 10px;
  background: white;
  color: #333;
  min-height: 46px;
  font-weight: 800;
  box-shadow: 0 2px 0 #e6efec;
  padding: 9px 11px;
  font-size: 12px;
}

/* line 511, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge-avatar {
  width: 53px;
  flex-basis: 53px;
  height: 54px;
  padding: 0;
}

/* line 512, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge-avatar img {
  width: 51px;
  height: 51px;
}

/* line 513, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:hover, .newLpPage .entry-other button:hover {
  border-color: var(--teal);
  background: var(--teal-bg);
  transform: translateY(-1px);
}

/* line 514, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:active, .newLpPage .entry-other button:active {
  transform: translateY(1px);
}

/* line 515, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge-copy b {
  display: none;
}

/* line 516, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button, .newLpPage .entry-other button {
  background: #fff;
  border: 1.5px solid #cfe5e0;
  border-radius: 11px;
  color: #333;
  font-weight: 800;
  box-shadow: 0 2px 0 #e7efeb;
  padding: 8px 3px;
  transition: background .15s,transform .15s;
  min-height: 48px;
  font-size: 14px;
}

/* line 517, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:last-child {
  grid-column: 1/-1;
}

/* line 518, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button[aria-pressed="true"], .newLpPage .entry-other button[aria-pressed="true"] {
  background: #e7f3fc;
  border: 2px solid var(--teal);
  color: var(--teal-dark);
  box-shadow: 0 0 0 2px #479de01a;
}

/* line 519, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button[aria-pressed="true"]::before, .newLpPage .entry-other button[aria-pressed="true"]::before {
  content: '✓ ';
  font-weight: 900;
}

/* line 520, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .choice {
  min-height: 50px;
}

/* line 521, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progressive-field, .newLpPage #condition-finish {
  border-top: 1px dashed #b8d9e5;
  padding-top: 22px;
  margin-top: 24px;
}

/* line 522, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 select {
  min-height: 48px;
}

/* line 523, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:focus-visible, .newLpPage .entry-other button:focus-visible {
  outline: 3px solid #12547b;
  outline-offset: 3px;
}

/* line 524, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input:checked) {
  border-color: var(--teal);
  background: #edf7fd;
  box-shadow: 0 0 0 2px #479de014;
}

/* line 525, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input:focus-visible) {
  outline: 3px solid #12547b;
  outline-offset: 3px;
}

/* line 526, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amount-guide {
  font-size: 12px;
  color: #627781;
  margin: 4px 0 12px;
}

/* line 527, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .amount-footnote {
  font-size: 10px;
  color: #75868e;
  margin: 10px 0 0;
}

/* line 528, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .amount-art {
  display: block;
  flex-basis: 94px;
  width: 100%;
  flex: 0 0 auto;
  line-height: 0;
}

/* line 529, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .amount-art svg {
  display: block;
  width: 100%;
  height: auto;
}

/* line 530, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .amount-copy {
  display: block;
  min-width: 0;
  text-align: left;
  padding: 0 2px 3px;
}

/* line 531, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input:checked)::after {
  content: '✓';
  position: absolute;
  right: 12px;
  top: 12px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: white;
  font-size: 16px;
  font-weight: 800;
  border: 2px solid white;
}

/* line 532, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input[value="分からない"]) {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
  padding: 10px 12px 10px 42px;
  gap: 12px;
}

/* line 533, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input[value="分からない"]) .amount-art {
  width: 67px;
  flex: 0 0 67px;
}

/* line 534, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input[value="分からない"]) input {
  top: 50%;
  transform: translateY(-50%);
  left: 13px;
}

/* line 535, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice:has(input[value="分からない"]) .amount-copy {
  padding-right: 20px;
}

/* line 536, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
}

/* line 537, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .amount-copy strong {
  display: block;
  color: #214e63;
  line-height: 1.55;
  padding-right: 2px;
  font-size: 12px;
}

/* line 538, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .amount-copy small {
  display: block;
  color: #627781;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 5px;
  font-size: 10px;
}

/* line 539, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice input {
  flex: 0 0 18px;
  accent-color: var(--teal);
  position: absolute;
  margin: 0;
  z-index: 1;
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
}

/* line 540, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice {
  border: 2px solid #d7e5e9;
  background: white;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 0;
  min-height: 0;
  border-radius: 15px;
  padding: 8px;
  gap: 6px;
  transition: none;
}

/* line 541, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-options {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

/* line 542, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-art svg {
  display: block;
  width: 100%;
  height: auto;
}

/* line 543, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-tile:has(input:checked) {
  background: #edf7fd;
  border-color: var(--teal);
  box-shadow: 0 0 0 2px #479de014;
}

/* line 544, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-tile:has(input:checked) .access-check {
  display: grid;
}

/* line 545, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-tile:has(input:focus-visible) {
  outline: 3px solid #12547b;
  outline-offset: 3px;
}

/* line 546, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li {
  flex: 1;
  text-align: center;
  position: relative;
  padding-top: 10px;
  padding: 24px 0 3px;
  line-height: 1.5;
  color: #76868e;
  font-size: 10px;
}

/* line 547, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge {
  gap: 10px;
  margin: 0 0 12px !important;
}

/* line 548, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge-copy {
  padding: 8px 10px;
  line-height: 1.7;
  background: white;
  border-color: #d8e6ea;
  font-size: 12px;
}

/* line 549, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question .concierge-copy strong {
  font-weight: 800;
  color: var(--teal-dark);
}

/* line 550, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question h2 span {
  display: inline-grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  color: white;
  margin-right: 6px;
  font-size: 12px;
  background: #d47a13;
}

/* line 551, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .scope-help {
  font-size: 11px;
  line-height: 1.7;
  color: #62717a;
  margin: 0 0 12px;
}

/* line 552, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

/* line 553, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #e1ccb0;
}

/* line 554, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-other {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
  gap: 8px;
}

/* line 555, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-other button {
  font-weight: 600;
  min-height: 44px;
  font-size: 11px;
  background: #fff;
  border: 1.5px solid #9fb4c1;
  color: #405968;
  box-shadow: 0 2px 0 #dde6eb;
}

/* line 556, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-hint {
  color: #688078;
  text-align: center;
  line-height: 1.7;
  margin: 12px 0 0;
  font-size: 10px;
  margin-bottom: 0;
}

/* line 557, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .answer-status {
  font-size: 11px;
  color: var(--teal-dark);
  margin: 8px 0 0;
}

/* line 558, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .answer-status:empty {
  display: none;
}

/* line 559, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 h2 {
  font-size: 20px;
}

/* line 560, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .step-label {
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
  color: var(--teal-dark);
}

/* line 561, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 .visual-choice input, .newLpPage .access-tile input {
  display: block;
  opacity: 1;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

/* line 562, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* line 563, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-tile input {
  position: absolute;
  margin: 0;
  accent-color: var(--teal);
  z-index: 1;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 564, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-copy {
  display: block;
  padding: 0;
}

/* line 565, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-copy small {
  display: block;
  line-height: 1.6;
  color: #627781;
  font-weight: 400;
  font-size: 10px;
  margin-top: 3px;
}

/* line 566, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-check {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: white;
  font-size: 16px;
  font-weight: 800;
  border: 2px solid white;
  display: none !important;
}

/* line 567, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary:disabled {
  opacity: .45;
  box-shadow: none;
}

/* line 568, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary:hover {
  filter: brightness(1.06);
}

/* line 569, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s4 .lead, .newLpPage #s5 .hint {
  line-height: 1.8;
}

/* line 570, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bridge {
  padding: 18px;
  margin: 18px 0 24px;
  box-shadow: none;
  border-color: var(--line);
  border-radius: 12px;
  background: var(--teal-bg);
  border: 1px solid #d3e1e9;
}

/* line 571, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bridge h3 {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 10px;
  color: var(--teal-dark);
}

/* line 572, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question h2 {
  display: block !important;
  line-height: 1.6;
  margin: 10px 0 6px;
  font-size: 18px !important;
}

/* line 573, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-tile {
  position: relative;
  display: flex;
  border: 2px solid #d7e5e9;
  background: white;
  cursor: pointer;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  padding: 11px 8px 11px 30px;
  min-height: 77px;
  border-radius: 10px;
  gap: 4px;
  padding-left: 28px;
}

/* line 574, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-art {
  display: block;
  line-height: 0;
  flex: 0 0 37px;
  flex-basis: 30px;
  width: 30px;
}

/* line 575, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .access-copy strong {
  display: block;
  line-height: 1.55;
  color: #214e63;
  font-size: 11px;
}

/* line 576, app/assets/stylesheets/services/new_lp.scss */
.newLpPage:not(.in-flow) .tool {
  border: 2px solid var(--teal);
  border-radius: 20px;
  box-shadow: 0 8px 0 #dce7ee,0 14px 28px #1d425414;
  overflow: hidden;
  background: white;
}

/* line 577, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 {
  padding-top: 23px;
  padding: 22px 16px;
  border-top: 1px solid #d4e2eb;
  -webkit-animation: none;
          animation: none;
}

/* line 578, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-question {
  padding: 12px;
  background: white;
}

/* line 579, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button {
  min-height: 48px;
  border-radius: 10px;
  font-size: 15px;
  background: #fff;
  border: 2px solid #c4deda;
  color: #333;
  box-shadow: 0 3px 0 #dce8e5;
}

/* line 580, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button:hover {
  transform: none;
  background: var(--teal-bg);
  border-color: var(--teal);
}

/* line 581, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .entry-main button[aria-pressed=true], .newLpPage .entry-other button[aria-pressed=true] {
  background: var(--teal-bg);
  border-color: var(--teal);
  color: var(--teal-dark);
  box-shadow: 0 2px 0 #d5e1e8;
}

/* line 582, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate-loading {
  text-align: center;
  padding: 34px 12px 28px;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 583, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-mascot {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-animation: estimate-bob 1.4s ease-in-out infinite;
          animation: estimate-bob 1.4s ease-in-out infinite;
}

/* line 584, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .estimate-loading h2 {
  font-size: 22px;
  line-height: 1.6;
  margin: 20px 0 10px;
  color: var(--teal-dark);
}

/* line 585, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-dots {
  display: flex;
  gap: 9px;
  justify-content: center;
  margin: 18px 0 10px;
}

/* line 586, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-dots span:nth-child(2) {
  -webkit-animation-delay: .15s;
          animation-delay: .15s;
}

/* line 587, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-dots span:nth-child(3) {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

/* line 588, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-help {
  font-size: 12px;
  line-height: 1.8;
  color: #617482;
  margin: 8px 0;
}

/* line 589, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-note {
  font-size: 10px;
  line-height: 1.7;
  color: #768590;
  margin: 12px 0;
}

/* line 590, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-mascot, .newLpPage .loading-dots span {
  -webkit-animation: none;
          animation: none;
  transform: none;
}

/* line 591, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  -webkit-animation: estimate-dot 1.1s ease-in-out infinite;
          animation: estimate-dot 1.1s ease-in-out infinite;
  opacity: 1;
}

/* line 592, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-failed .loading-mascot, .newLpPage .loading-failed .loading-dots span {
  -webkit-animation: none;
          animation: none;
}

/* line 593, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-failed .loading-dots {
  display: none;
}

/* line 594, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-upload {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 20px 16px;
  background: var(--teal-bg);
  border: 2px solid var(--teal);
  border-radius: 15px;
  position: relative;
  text-align: center;
  margin: 0;
}

/* line 595, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-ready {
  color: var(--teal-dark);
  background: var(--teal-bg);
  padding: 10px 12px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.7;
}

/* line 596, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-video {
  margin: 16px 0;
  padding: 12px;
  border: 1px solid #dce7eb;
  background: white;
  border-radius: 10px;
}

/* line 597, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-video summary {
  font-size: 13px;
  cursor: pointer;
  font-weight: 700;
}

/* line 598, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-upload {
  position: relative;
  display: block;
  padding: 12px;
  background: var(--teal-bg);
  border: 1px solid var(--teal);
  border-radius: 8px;
  color: var(--teal-dark);
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}

/* line 599, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 600, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-upload:focus-within {
  outline: 2px solid var(--teal-dark);
  outline-offset: 2px;
}

/* line 601, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-skip {
  display: block;
  border: 0;
  background: none;
  color: #416273;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
  min-height: 44px;
  width: 100%;
  margin-top: 14px;
  cursor: pointer;
}

/* line 602, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-formats {
  margin: 14px 0;
  color: #6b7c86;
  font-size: 11px;
  line-height: 1.8;
}

/* line 603, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-formats summary {
  cursor: pointer;
}

/* line 604, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-formats p {
  margin: 8px 0;
}

/* line 605, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .required-badge {
  display: inline-block;
  background: #fff0e9;
  color: #a64219;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 1.7;
}

/* line 606, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-picker-title {
  text-align: center;
  color: var(--teal-dark);
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 13px;
}

/* line 607, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  text-align: center;
  background: white;
  color: var(--teal-dark);
  border: 1.5px solid var(--teal);
  border-radius: 11px;
  padding: 13px 7px;
  min-height: 96px;
  cursor: pointer;
  box-shadow: 0 3px 0 #1f4a5a15;
}

/* line 608, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .library-action {
  background: var(--teal-dark);
  color: white;
}

/* line 609, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .library-action small {
  color: #fff;
}

/* line 610, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 611, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action:focus-within {
  outline: 3px solid #d48725;
  outline-offset: 3px;
}

/* line 612, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action:has(input:disabled) {
  opacity: .45;
  box-shadow: none;
}

/* line 613, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action input:disabled {
  cursor: default;
}

/* line 614, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-limit, .newLpPage .drop-instruction {
  font-size: 10px;
  text-align: center;
  color: #607c8a;
  margin: 12px 0 0;
}

/* line 615, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-picker.drag-over {
  outline: 3px dashed var(--teal-dark);
  outline-offset: 3px;
  background: #e0f2e8;
}

/* line 616, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #video-preview {
  display: block;
  width: 100%;
  max-height: 240px;
  border-radius: 9px;
  background: #172d38;
  margin-top: 12px;
}

/* line 617, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .thumbnails .remove {
  min-width: 32px;
  min-height: 32px;
}

/* line 618, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .thumbnails .photo {
  position: relative;
}

/* line 619, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-picker {
  border: 2px solid var(--teal);
  background: var(--teal-bg);
  border-radius: 15px;
  margin: 18px 0 12px;
  padding: 12px;
}

/* line 620, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action small, .newLpPage .library-action small {
  color: #526c79;
  font-size: 10px;
  line-height: 1.6;
}

/* line 621, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-icon {
  font-size: 26px;
  line-height: 1.2;
  display: grid;
  place-items: center;
  height: 37px;
}

/* line 622, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-actions .media-action {
  padding: 10px 5px;
  min-height: 74px;
}

/* line 623, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .video-actions .media-action strong {
  font-size: 11px;
}

/* line 624, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action:active {
  background: var(--teal-bg);
}

/* line 625, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* line 626, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action strong {
  line-height: 1.65;
  font-size: 11px;
}

/* line 627, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action small {
  line-height: 1.7;
  color: #5a7280;
  font-size: 9px;
}

/* line 628, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .media-action.camera-action, .newLpPage .media-action.library-action {
  display: flex;
  background: white;
  color: var(--teal-dark);
  min-height: 124px;
  border: 2px solid var(--teal);
  gap: 9px;
  padding: 12px 4px;
}

/* line 629, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .result-arrival {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 13px;
  color: var(--teal-dark);
}

/* line 630, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .result-arrival img {
  width: 42px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 631, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .result-arrival p {
  font-size: 11px;
  line-height: 1.8;
  margin: 0;
}

/* line 632, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .result-arrival strong {
  font-weight: 700;
}

/* line 633, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .result-arrival img {
  -webkit-animation: result-greet .8s ease-out both;
          animation: result-greet .8s ease-out both;
}

/* line 634, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .result-arrival img, .newLpPage #s5:not([hidden]) .estimate {
  -webkit-animation: none;
          animation: none;
}

/* line 635, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .postal-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

/* line 636, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .postal-row input {
  min-width: 0;
  flex: 1;
}

/* line 637, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .postal-row button {
  flex: 0 0 auto;
  padding: 10px 13px;
  white-space: nowrap;
  border: 1.5px solid var(--teal);
  color: var(--teal-dark);
  background: var(--teal-bg);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
}

/* line 638, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .postal-row button:disabled {
  opacity: .6;
}

/* line 639, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .postal-field {
  padding: 15px;
  background: var(--teal-bg);
  border-radius: 12px;
}

/* line 640, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #postal-results select {
  width: 100%;
  margin: 8px 0;
}

/* line 641, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #postal-apply {
  padding: 10px;
  border: 1px solid var(--teal);
  border-radius: 8px;
}

/* line 642, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later {
  background: #f7f9fa;
  border: 1px solid #d5e2e8;
  border-radius: 12px;
  padding: 12px;
  margin: 16px 0;
}

/* line 643, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later > p {
  font-size: 12px;
  line-height: 1.8;
  margin: 0;
}

/* line 644, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later .photo-skip {
  margin: 8px 0;
  background: white;
  border: 1.5px solid var(--teal);
  color: var(--teal-dark);
  border-radius: 9px;
  font-size: 13px;
  text-decoration: none;
  padding: 10px;
  font-weight: 700;
}

/* line 645, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later .hint {
  font-size: 10px;
}

/* line 646, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-emphasis summary {
  font-size: 16px !important;
  font-weight: 800;
  color: var(--teal-dark);
}

/* line 647, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later h3 {
  font-size: 14px;
  color: var(--teal-dark);
  margin: 0 0 6px;
}

/* line 648, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later .optional-box {
  border: 0;
  border-top: 1px solid #d5e2e8;
  border-radius: 0;
  padding: 11px 0 0;
  margin: 12px 0 0;
  background: transparent;
}

/* line 649, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later .optional-box summary {
  font-size: 11px;
}

/* line 650, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-later .optional-box .secondary {
  padding: 10px;
  border: 1px solid var(--teal);
  border-radius: 7px;
  background: white;
  color: var(--teal-dark);
}

/* line 651, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-emphasis h3 {
  font-size: 17px;
  color: var(--teal-dark);
  line-height: 1.7;
  margin: 0 0 10px;
}

/* line 652, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-emphasis .media-picker {
  margin-top: 12px;
  border: 0;
  padding: 0;
  background: transparent;
}

/* line 653, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-emphasis .media-picker-title {
  font-size: 12px;
  display: none;
}

/* line 654, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-emphasis {
  border: 2px solid var(--teal) !important;
  background: var(--teal-bg) !important;
  border-radius: 13px !important;
  padding: 16px !important;
}

/* line 655, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-skip {
  background: white;
  border: 1.5px solid var(--teal);
  border-radius: 9px;
  text-decoration: none;
  padding: 11px;
  font-weight: 700;
}

/* line 656, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .contact-heading {
  margin: 24px 0 16px;
  border-top: 1px solid #d6e3e9;
  padding-top: 20px;
}

/* line 657, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .contact-heading span {
  font-size: 10px;
  color: var(--teal-dark);
  font-weight: 700;
}

/* line 658, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .contact-heading h3 {
  font-size: 17px;
  line-height: 1.7;
  margin: 4px 0;
  color: var(--teal-dark);
}

/* line 659, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .completion-status {
  padding: 13px;
  background: var(--teal-bg);
  border: 1px solid var(--teal);
  border-radius: 10px;
  color: var(--teal-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.8;
}

/* line 660, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chat-composer .media-action {
  padding: 12px 6px;
  min-height: 64px;
  border-radius: 10px;
}

/* line 661, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chat-composer .media-icon {
  font-size: 22px;
}

/* line 662, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chat-video-options .media-actions {
  margin: 8px 0;
}

/* line 663, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .chat-composer .hint {
  font-size: 11px;
}

/* line 664, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge-intro {
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 15px;
  color: #52616a;
}

/* line 665, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge ul {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: grid;
  gap: 12px;
}

/* line 666, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.7;
}

/* line 667, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge li:before {
  display: none;
}

/* line 668, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge li small {
  display: block;
  font-size: 12px;
  color: #5a6972;
}

/* line 669, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge .cta-note {
  color: #58636a;
  font-size: 11px;
  line-height: 1.8;
  margin-top: 15px;
}

/* line 670, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s8 .estimate-loading {
  position: relative;
}

/* line 671, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s8 .loading-mascot {
  border-radius: 50%;
  outline: 2px solid #c8ddeb;
  outline-offset: 10px;
  box-shadow: 0 0 0 20px #eaf3fa;
  -webkit-animation: expectant-mascot 1.8s ease-in-out infinite;
          animation: expectant-mascot 1.8s ease-in-out infinite;
}

/* line 672, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s8 .loading-dots {
  margin-top: 29px;
}

/* line 673, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-track {
  height: 5px;
  max-width: 210px;
  margin: 22px auto;
  background: #e1eaf0;
  border-radius: 10px;
  overflow: hidden;
}

/* line 674, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .loading-track span {
  display: block;
  width: 40%;
  height: 100%;
  border-radius: 10px;
  background: var(--teal, #409bdd);
  -webkit-animation: scan-track 1.6s ease-in-out infinite;
          animation: scan-track 1.6s ease-in-out infinite;
}

/* line 675, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .estimate {
  position: relative;
  overflow: hidden;
  -webkit-animation: estimate-reveal 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;
          animation: estimate-reveal 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* line 676, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .estimate:after {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: -50%;
  background: linear-gradient(110deg, transparent 43%, #ffffff26 49%, transparent 55%);
  -webkit-animation: estimate-glint 1.3s ease-out both;
          animation: estimate-glint 1.3s ease-out both;
}

/* line 677, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .estimate .amount {
  -webkit-animation: amount-reveal 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
          animation: amount-reveal 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* line 678, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5:not([hidden]) .bridge {
  -webkit-animation: comparison-rise .55s ease-out both;
          animation: comparison-rise .55s ease-out both;
}

/* line 679, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s8 .loading-mascot, .newLpPage .loading-track span, .newLpPage #s5:not([hidden]) .estimate, .newLpPage #s5:not([hidden]) .estimate:after, .newLpPage #s5:not([hidden]) .estimate .amount, .newLpPage #s5:not([hidden]) .bridge {
  -webkit-animation: none;
          animation: none;
}

/* line 680, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .estimate:after {
  display: none;
}

/* line 681, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge {
  margin: 22px 0 18px;
  padding: 22px 18px;
  color: #263c4a;
  position: relative;
  background: var(--teal-bg);
  border: 2px solid var(--teal);
  border-radius: 20px;
  box-shadow: 0 5px 0 #dcebea,0 12px 24px #145e900c;
}

/* line 682, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge-kicker {
  display: inline-block;
  margin: 0 0 9px;
  padding: 4px 11px;
  font-size: 12px;
  font-weight: 800;
  background: #fff;
  color: var(--teal-dark);
  border: 1px solid #d4e5ec;
  border-radius: 8px;
}

/* line 683, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge h3 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 1.55;
  letter-spacing: -.025em;
  color: var(--teal-dark);
}

/* line 684, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge h3 em {
  font-style: normal;
  color: var(--teal-dark);
  background: linear-gradient(transparent 72%, #fff1a8 72%);
}

/* line 685, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .benefit-check {
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  height: 25px;
  border-radius: 50%;
  font-weight: 800;
  background: var(--teal);
  color: white;
}

/* line 686, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge li strong {
  display: block;
  font-size: 14px;
  color: var(--teal-dark);
}

/* line 687, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge #wishes-summary {
  padding: 10px 0;
  margin: 0 0 8px;
  border-top: 1px solid #e8dfce;
  color: #536570;
  border-color: #cfe1e7;
}

/* line 688, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge .primary {
  color: #fff;
  padding: 17px 12px;
  min-height: 56px;
  font-size: 15px;
  background: linear-gradient(180deg, #fb8b42, #e96b24);
  border: 1px solid #ed762e;
  border-top-color: #ffbd8e;
  box-shadow: 0 5px 0 #bd4d13,0 10px 18px #e96b2425;
  text-shadow: 0 1px 1px #a4422425;
}

/* line 689, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s5 .bridge .primary:hover {
  background: linear-gradient(180deg, #f47e32, #df611b);
}

/* line 690, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-brand > span:first-child {
  font-size: clamp(14px, 3.8vw, 19px);
  line-height: 1.5;
  font-weight: 800;
}

/* line 691, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-brand > .free {
  flex-shrink: 0;
  white-space: nowrap;
}

/* line 692, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-instruction {
  margin: 12px 0 9px;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: var(--teal-dark);
}

/* line 693, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout p {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

/* line 694, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout strong {
  display: block;
  font-size: clamp(19px, 5.2vw, 25px);
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -.04em;
  text-decoration: underline;
  -webkit-text-decoration-color: #ffc476;
          text-decoration-color: #ffc476;
  text-decoration-thickness: 4px;
  text-underline-offset: 4px;
}

/* line 695, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 > h2 {
  font-size: clamp(13px, 3.65vw, 21px);
  line-height: 1.6;
  letter-spacing: -.045em;
  white-space: nowrap;
}

/* line 696, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .upload-entry-heading {
  margin: 22px 0 10px;
  color: var(--teal-dark);
  font-size: 19px;
  font-weight: 900;
  line-height: 1.5;
}

/* line 697, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .upload-entry-heading span {
  display: inline-grid;
  place-items: center;
  width: 25px;
  height: 25px;
  background: var(--teal);
  color: #fff;
  border-radius: 50%;
  font-size: 17px;
  margin-right: 6px;
}

/* line 698, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .upload-howto {
  margin: 10px 0 16px;
  font-size: 12px;
  color: #526a78;
}

/* line 699, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .upload-howto summary {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 700, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .upload-howto .photo-tip {
  margin: 10px 0;
  background: var(--teal-bg);
  border-radius: 10px;
  padding: 12px;
}

/* line 701, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s1 > h2, .newLpPage #access-step, .newLpPage #condition-finish {
  scroll-margin-top: 20px;
}

/* line 702, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .upload-ui-icon {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  color: var(--teal-dark);
}

/* line 703, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later h3 svg {
  width: 21px;
  height: 21px;
}

/* line 704, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .bookmark-later summary svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

/* line 705, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .media-picker-title {
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 13px;
  color: var(--teal-dark);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

/* line 706, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .media-picker-title svg {
  width: 23px;
  height: 23px;
}

/* line 707, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video {
  background: var(--teal-bg);
  border: 1.5px solid var(--teal);
  border-radius: 14px;
  padding: 14px;
  margin-top: 18px;
}

/* line 708, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video > summary {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 800;
  color: var(--teal-dark);
  cursor: pointer;
}

/* line 709, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video > summary > svg {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

/* line 710, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .video-actions {
  margin: 12px 0;
  gap: 10px;
}

/* line 711, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .media-action {
  background: white;
  min-height: 116px;
  padding: 14px 8px;
}

/* line 712, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .media-icon {
  display: block;
  color: var(--teal-dark);
  margin-bottom: 8px;
}

/* line 713, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .media-icon svg {
  width: 33px;
  height: 33px;
}

/* line 714, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .media-action strong {
  font-size: 13px;
}

/* line 715, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-video .media-action small {
  display: block;
  font-size: 11px;
  margin-top: 5px;
  color: #5b7280;
}

/* line 716, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .privacy {
  position: relative;
  padding-left: 26px;
}

/* line 717, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .privacy > svg {
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 19px;
  color: #607986;
}

/* line 718, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge.compact {
  margin: 0 0 13px;
  gap: 10px;
  align-items: center;
}

/* line 719, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-copy {
  font-size: 13px;
  line-height: 1.6;
  padding: 10px 12px;
}

/* line 720, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-avatar {
  width: 48px;
  height: 49px;
  flex-basis: 48px;
}

/* line 721, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-avatar img {
  max-width: 48px;
  max-height: 49px;
}

/* line 722, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .scope-help {
  margin: 6px 0 12px;
  font-size: 12px;
  line-height: 1.6;
}

/* line 723, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-hint {
  margin: 9px 0 0;
  font-size: 11px;
}

/* line 724, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later {
  padding: 12px 14px;
  margin: 12px 0 18px;
}

/* line 725, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin: 0 0 8px;
}

/* line 726, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later .hint {
  margin: 7px 0;
  font-size: 11px;
}

/* line 727, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later .bookmark-later {
  margin: 8px 0 0;
}

/* line 728, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout {
  background: var(--teal-bg);
  border: 1px solid #d0e4eb;
  border-left: 4px solid var(--teal);
  border-radius: 12px;
  color: var(--teal-dark);
  padding: 12px 14px;
  margin: 12px 0;
}

/* line 729, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout > span {
  display: block;
  font-size: 12px;
  line-height: 1.7;
  color: #536b78;
  margin-top: 8px;
}

/* line 730, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-skip-bottom {
  text-align: center;
  margin: 17px 0 5px;
}

/* line 731, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-skip-bottom .inline-link {
  border: 0;
  background: none;
  color: var(--teal-dark);
  font-size: 14px;
  font-weight: 700;
  min-height: 44px;
  padding: 9px 5px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* line 732, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-skip-bottom .hint {
  margin: 3px 0 0;
  font-size: 11px;
}

/* line 733, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-flow-item {
  position: relative;
  text-align: center;
  background: var(--teal-bg);
  border: 1px solid #d7e5ed;
  border-radius: 12px;
  padding: 12px 3px 10px;
  color: var(--teal-dark);
}

/* line 734, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-flow-item:not(:last-child)::after {
  content: '›';
  position: absolute;
  right: -9px;
  top: 31px;
  z-index: 1;
  color: #ed7b19;
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
}

/* line 735, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-flow-item > svg {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 8px;
}

/* line 736, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit > svg {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}

/* line 737, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit p {
  margin: 0;
  line-height: 1.6;
}

/* line 738, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit strong {
  display: block;
  font-size: 13px;
}

/* line 739, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit span {
  display: block;
  font-size: 11px;
  color: #5b7180;
  margin-top: 3px;
}

/* line 740, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-choice-note {
  font-size: 11px;
  line-height: 1.7;
  color: #5b7180;
  margin: 10px 0 16px;
}

/* line 741, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-details {
  border-top: 1px solid #e0e9ed;
  padding-top: 11px;
}

/* line 742, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-details summary {
  font-size: 12px;
  font-weight: 700;
  color: var(--teal-dark);
  cursor: pointer;
}

/* line 743, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-details .summary {
  font-size: 11px;
  margin: 10px 0;
  padding: 10px;
}

/* line 744, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-photo-note {
  margin: 8px 0 16px;
  font-size: 11px;
}

/* line 745, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-flow-item b {
  display: block;
  line-height: 1.6;
  font-size: 11px;
}

/* line 746, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-flow-item small {
  display: block;
  margin-top: 5px;
  color: #617785;
  line-height: 1.5;
  font-size: 9px;
}

/* line 747, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit {
  align-items: center;
  gap: 10px;
  display: block;
  background: var(--teal-bg);
  border: 2px solid var(--teal);
  border-radius: 14px;
  padding: 15px;
  margin: 14px 0;
  color: var(--teal-dark);
}

/* line 748, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit .remote-quote-copy {
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
}

/* line 749, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit .remote-quote-copy b {
  font-weight: 800;
}

/* line 750, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 11px 0 0;
}

/* line 751, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-tags span {
  display: inline-block;
  margin: 0;
  padding: 4px 8px;
  border-radius: 6px;
  background: white;
  border: 1px solid #d1e3e9;
  font-size: 11px;
  font-weight: 700;
  color: var(--teal-dark);
}

/* line 752, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-policy {
  padding-left: 10px;
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.85;
  background: #f6f7f8;
  border: 1px solid #d9dee2;
  border-left: 4px solid #555;
  border-radius: 8px;
  padding: 13px 14px;
  margin: 12px 0 17px;
}

/* line 753, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-policy strong {
  font-weight: 800;
  color: #111;
}

/* line 754, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-policy > span {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  color: #333;
  margin-top: 4px;
}

/* line 755, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-heading strong {
  font-weight: 900;
  font-size: clamp(13px, 3.7vw, 19px);
  line-height: 1.5;
  letter-spacing: -.045em;
  min-width: 0;
}

/* line 756, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-chat-benefit .remote-quote-heading {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
}

/* line 757, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .remote-quote-heading svg {
  flex: none;
  width: 27px;
  height: 27px;
  flex-basis: 27px;
}

/* line 758, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-benefit-flow {
  margin: 12px 0 10px;
}

/* line 759, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-flow-item {
  padding: 9px 3px 8px;
}

/* line 760, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-flow-item > svg {
  width: 34px;
  height: 34px;
  margin-bottom: 5px;
}

/* line 761, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-chat-benefit {
  padding: 11px 12px;
  margin: 10px 0;
}

/* line 762, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .remote-quote-copy {
  font-size: 12px;
  line-height: 1.7;
}

/* line 763, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .remote-quote-policy {
  padding: 10px 12px;
  margin: 10px 0 14px;
  font-size: 12px;
  line-height: 1.75;
}

/* line 764, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .contact-heading {
  margin: 12px 0 6px;
  padding: 0;
}

/* line 765, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .contact-heading h3 {
  font-size: 16px;
  margin: 0;
}

/* line 766, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-details {
  margin: 16px 0 10px;
  padding-top: 10px;
}

/* line 767, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .consent {
  font-size: 12px;
  line-height: 1.7;
}

/* line 768, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 {
  container-type: inline-size;
}

/* line 769, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 > h2 {
  font-size: 4.7cqw;
  line-height: 1.6;
  letter-spacing: -.03em;
  white-space: nowrap;
  margin: 6px 0 12px;
}

/* line 770, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 24px 0 18px;
  padding: 15px 12px;
  background: var(--teal-bg);
  border: 1px solid #d7e5ed;
  border-radius: 12px;
  line-height: 1.6;
}

/* line 771, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite > svg {
  flex: none;
  color: #ed7b19;
  width: 21px;
  height: 25px;
}

/* line 772, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite p {
  margin: 0 0 3px;
  font-size: 11px;
  font-weight: 700;
  color: #5c7380;
}

/* line 773, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite h3 {
  margin: 0;
  font-size: 15px;
  color: var(--teal-dark);
  line-height: 1.6;
  font-weight: 800;
}

/* line 774, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .field {
  margin: 20px 0;
}

/* line 775, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .field > label {
  margin-bottom: 9px;
}

/* line 776, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6:not([hidden]) .request-input-invite > svg {
  -webkit-animation: none;
          animation: none;
}

/* line 777, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-compare-chat small {
  display: block !important;
  font-size: 10px;
  line-height: 1.55;
  color: var(--teal-dark);
  font-weight: 700;
  margin-top: 5px;
}

/* line 778, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .request-benefit-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 18px 0 13px;
  gap: 6px;
  align-items: stretch;
}

/* line 779, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .contact-private-note svg {
  flex: none;
  margin-top: 3px;
}

/* line 780, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .contact-private-note strong {
  font-weight: 800;
}

/* line 781, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite .contact-private-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 9px 0 0;
  color: #111;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.8;
}

/* line 782, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s6 .request-input-invite .contact-private-note strong {
  color: #111;
  font-weight: 800;
}

/* line 783, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #preferred-dates {
  margin-top: 12px;
  padding: 12px;
  background: var(--teal-bg);
  border: 1px solid #d6e5eb;
  border-radius: 10px;
}

/* line 784, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .preferred-date-row + .preferred-date-row {
  margin-top: 14px;
}

/* line 785, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .preferred-date-row > label {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
}

/* line 786, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .preferred-date-inputs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

/* line 787, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .preferred-date-inputs input[type=date], .newLpPage .preferred-date-inputs select {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 46px;
  border: 1px solid #c8d7cf;
  border-radius: 9px;
  padding: 9px;
  background: #fff;
  color: var(--ink);
  font-size: 16px;
}

/* line 788, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .schedule-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* line 789, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .schedule-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 12px 8px;
  background: #fff;
  border: 1.5px solid #cbdde5;
  border-radius: 11px;
  color: #536e7e;
  font-size: 15px;
  font-weight: 700;
}

/* line 790, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .schedule-option[aria-pressed=true] {
  background: var(--teal-bg);
  border: 2px solid var(--teal);
  color: var(--teal-dark);
  box-shadow: 0 2px 0 #d7e5ec;
}

/* line 791, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .schedule-option svg {
  flex: none;
}

/* line 792, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .schedule-option:focus-visible {
  outline: 3px solid #eead38;
  outline-offset: 3px;
}

/* line 793, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #photo-dropzone .selection-count {
  border-top: 1px solid #d4e4ec;
  padding-top: 12px;
}

/* line 794, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #photo-dropzone .photo-formats {
  margin-bottom: 0;
}

/* line 795, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-followup-notes .home-save-notes {
  margin: 12px 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.8;
}

/* line 796, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .photo-followup-notes .home-save-notes summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

/* line 797, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .media-picker .photo-guide-intro {
  font-size: 12px;
  line-height: 1.65;
  text-align: left;
  color: var(--teal-dark);
  margin: 0 0 12px;
}

/* line 798, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .media-picker .compact-photo-guide {
  margin: 12px 0 0;
  padding: 10px 0 0;
  border: 0;
  border-top: 1px solid #c9dfe9;
  background: transparent;
  text-align: left;
}

/* line 799, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .compact-photo-guide summary {
  font-size: 12px;
  line-height: 1.6;
  cursor: pointer;
  color: var(--teal-dark);
  padding: 2px 0;
}

/* line 800, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-example-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

/* line 801, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-example-grid figure {
  min-width: 0;
  margin: 0;
  padding: 5px 3px 7px;
  background: #fff;
  border: 1px solid #d5e4e9;
  border-radius: 8px;
  text-align: center;
}

/* line 802, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-example-grid svg {
  display: block;
  width: 100%;
  height: 62px;
  margin: auto;
}

/* line 803, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-example-grid figcaption strong {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  color: var(--teal-dark);
}

/* line 804, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-example-grid figcaption span {
  display: block;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 3px;
  color: #536d7a;
}

/* line 805, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .compact-photo-guide .photo-example-note {
  font-size: 11px;
  line-height: 1.6;
  margin: 8px 0 0;
  color: #536d7a;
}

/* line 806, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 #photo-skip-bottom {
  margin-top: 18px;
}

/* line 807, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 #photo-later {
  scroll-margin: 24px;
  text-align: left;
}

/* line 808, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 #photo-later:focus {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
}

/* line 809, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-row .compact-video-guide {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border: 0;
  border-top: 1px solid #d5e4e9;
  background: transparent;
}

/* line 810, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-row .compact-video-guide > summary {
  display: list-item;
  font-size: 12px;
  font-weight: 400;
  color: var(--teal-dark);
  cursor: pointer;
}

/* line 811, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-room-guide {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

/* line 812, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-room-guide > svg {
  flex: 0 0 92px;
  width: 92px;
  height: 74px;
}

/* line 813, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-room-guide > div {
  min-width: 0;
}

/* line 814, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-room-guide strong {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  color: var(--teal-dark);
}

/* line 815, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .video-room-guide p {
  font-size: 11px;
  line-height: 1.7;
  margin: 5px 0 0;
  color: #536d7a;
}

/* line 816, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .extra-photo-places {
  border-top: 1px solid #d5e4e9;
  margin-top: 10px;
  padding-top: 8px;
}

/* line 817, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .extra-places-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--teal-dark);
  margin: 0 0 6px;
}

/* line 818, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .place-example-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

/* line 819, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .place-example-grid figure {
  margin: 0;
  text-align: center;
  min-width: 0;
  background: #fff;
  border-radius: 6px;
  padding: 4px 1px;
}

/* line 820, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .place-example-grid svg {
  width: 100%;
  max-width: 48px;
  height: 42px;
  display: block;
  margin: auto;
}

/* line 821, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .place-example-grid figcaption {
  font-size: 10px;
  line-height: 1.5;
  color: #36586a;
}

/* line 822, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump {
  font-size: 12px;
  line-height: 1.7;
  text-align: right;
  margin: 9px 0 15px;
}

/* line 823, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump a svg {
  flex-shrink: 0;
  opacity: .8;
}

/* line 824, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump a:hover span {
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}

/* line 825, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump a {
  text-underline-offset: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  max-width: 100%;
  min-height: 36px;
  padding: 7px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: none;
  color: #a64e18;
}

/* line 826, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump a span {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: #d9aa88;
          text-decoration-color: #d9aa88;
}

/* line 827, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-later-jump a svg:last-child {
  opacity: 1;
  -webkit-animation: none;
          animation: none;
}

/* line 828, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout .photo-later-jump {
  margin: 9px 0 0;
  padding-top: 7px;
  border-top: 1px solid #cadfe9;
  text-align: right;
}

/* line 829, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout .photo-later-jump a {
  font-size: 11px;
  min-height: 32px;
  padding: 4px 0;
}

/* line 830, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-benefit-callout .photo-later-jump a span {
  font-size: inherit;
  font-weight: 700;
  color: inherit;
  margin: 0;
  display: inline;
}

/* line 831, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-visual-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 10px;
  align-items: center;
  padding: 14px 12px;
  background: var(--teal-bg);
  border: 1px solid #d3e3ea;
  border-radius: 12px;
  margin: 14px 0;
}

/* line 832, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-guide-copy strong {
  font-size: 15px;
  line-height: 1.65;
  color: var(--teal-dark);
}

/* line 833, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-guide-copy p {
  font-size: 12px;
  line-height: 1.7;
  margin: 8px 0 0;
}

/* line 834, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini {
  border: 1px solid #c6d6df;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  font-size: 8px;
  box-shadow: 0 3px 7px #2443540b;
}

/* line 835, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-head {
  background: white;
  text-align: center;
  padding: 7px 3px;
  font-weight: 700;
  color: #365365;
}

/* line 836, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-body {
  background: #e1edf3;
  padding: 8px 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 837, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-theirs {
  align-self: flex-start;
  border-radius: 2px 9px 9px 9px;
  background: #fff;
  padding: 5px 7px;
  line-height: 1.5;
}

/* line 838, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-mine {
  align-self: flex-end;
  border-radius: 9px 2px 9px 9px;
  background: #ceebd8;
  padding: 5px;
  line-height: 1.5;
}

/* line 839, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-media {
  display: flex;
  gap: 4px;
  align-self: flex-end;
}

/* line 840, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-media svg {
  display: block;
  width: 43px;
  height: 34px;
}

/* line 841, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  padding: 6px;
  color: #6c818b;
}

/* line 842, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-input span:nth-child(2) {
  background: #f1f5f6;
  border-radius: 8px;
  padding: 3px;
  font-size: 7px;
}

/* line 843, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-mini-input span:first-child {
  font-size: 15px;
}

/* line 844, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s7 .chat-guide-foot {
  grid-column: 1/-1;
  font-size: 10px;
  color: #607583;
  margin: 0;
  line-height: 1.6;
}

/* line 845, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .bookmark-return {
  border-top: 1px solid #d7e2e6;
  margin: 12px 0 0;
  padding-top: 10px;
}

/* line 846, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .bookmark-return summary {
  font-size: 12px;
  cursor: pointer;
  color: var(--teal-dark);
}

/* line 847, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .bookmark-return .secondary {
  width: 100%;
  font-size: 12px;
  padding: 10px;
  margin-top: 10px;
  white-space: normal;
}

/* line 848, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .bookmark-return .hint {
  margin: 8px 0;
}

/* line 849, app/assets/stylesheets/services/new_lp.scss */
.newLpPage:not(.in-flow) .tool, .newLpPage .tool {
  border: 2px solid var(--teal);
  border-radius: 18px;
  box-shadow: 0 10px 26px #2a9a8b20;
  background: #fff;
  overflow: clip;
}

/* line 850, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--teal-dark);
  margin: 12px 0 3px;
}

/* line 851, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-os-guide {
  margin: 10px 0;
  border: 1px solid #d2e2e9;
  background: white;
  border-radius: 9px;
  padding: 9px;
}

/* line 852, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-os-guide > summary {
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  color: var(--teal-dark);
}

/* line 853, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}

/* line 854, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--teal-bg);
  border-radius: 7px;
  padding: 6px 2px 8px;
  color: var(--teal-dark);
  min-width: 0;
}

/* line 855, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-step:not(:last-child):after {
  content: '›';
  position: absolute;
  right: -8px;
  top: 42px;
  color: #7592a3;
  font-size: 18px;
}

/* line 856, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-step-number {
  align-self: flex-start;
  border-radius: 50%;
  background: var(--teal-dark);
  color: white;
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
}

/* line 857, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-step svg {
  margin: 4px 0 6px;
}

/* line 858, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-step strong {
  font-size: 10px;
  line-height: 1.6;
}

/* line 859, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-guide-step small {
  font-size: 9px;
  line-height: 1.5;
  color: #617987;
  margin-top: 3px;
}

/* line 860, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes {
  margin-top: 10px;
}

/* line 861, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes summary {
  font-size: 11px;
}

/* line 862, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 #bookmark-status {
  font-size: 12px;
}

/* line 863, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool {
  width: 100%;
  background: #fff;
  border: 1px solid var(--rt-line);
  border-radius: 14px;
  box-shadow: 0 5px 18px #1937460a;
  margin-bottom: 25px;
  overflow: hidden;
  scroll-margin-top: 12px;
}

/* line 864, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head {
  padding-top: 25px;
  border-bottom: none;
  border: 0;
  padding-bottom: 8px;
  padding: 0 0 8px;
  background: #fff;
}

/* line 865, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head .free {
  white-space: nowrap;
  font-size: 10px;
  border: 1px solid var(--rt-line);
  background: #fff;
  border-radius: 4px;
  padding: 2px 7px;
  color: var(--rt);
}

/* line 866, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress {
  display: flex;
  list-style: none;
  counter-reset: step;
  margin-bottom: 0;
  padding: 0 12px;
  margin: 12px 0 0;
  gap: 4px;
  margin-top: 12px;
  background: none;
  box-shadow: none;
  height: auto;
  overflow: visible;
}

/* line 867, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li.active {
  font-weight: 800;
  color: var(--rt);
}

/* line 868, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li.active:before {
  color: #fff;
  background: var(--rt);
}

/* line 869, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 {
  padding-top: 12px;
}

/* line 870, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main, .newLpPage #s0 .entry-other {
  gap: 9px;
}

/* line 871, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button, .newLpPage #s0 .entry-other button {
  min-height: 50px;
  border-radius: 9px;
  border: 1.5px solid #c4d6e1;
  background: #fff;
  color: var(--rt-ink);
  box-shadow: 0 2px 0 #dbe6ed66;
  font-size: 15px;
}

/* line 872, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button:hover, .newLpPage #s0 .entry-other button:hover {
  background: var(--rt-pale);
  border-color: var(--rt);
}

/* line 873, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button[aria-pressed=true], .newLpPage #s0 .entry-other button[aria-pressed=true] {
  background: var(--rt-pale);
  border-color: var(--rt);
  color: var(--rt);
  box-shadow: 0 0 0 1px var(--rt);
}

/* line 874, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary {
  display: block;
  width: 100%;
  transition: transform .16s,box-shadow .16s,filter .16s;
  border-color: #be4712;
  border-top-color: #ed905d;
  border: 0;
  font-weight: 800;
  font-size: 14px;
  padding: 16px 10px;
  text-shadow: 0 1px 2px #823a0070;
  min-height: 52px;
  line-height: 1.6;
  border-radius: 10px;
  background: var(--rt-action);
  color: #fff;
  box-shadow: 0 3px 0 #c15c19;
}

/* line 875, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 0 #c96a07,0 12px 18px #0002;
  background: var(--rt-action-hover);
}

/* line 876, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-copy strong {
  font-size: 12px;
  color: var(--rt-muted);
  line-height: 1.7;
  font-weight: 600;
}

/* margin-bottom:0は、サイト全体で読み込んでいるBootstrap 3（CDN）が持つ同名の.panelコンポーネント
   （カード状UIパーツ）のmargin-bottom:20pxが衝突して漏れていたのを打ち消すため（.progress/.panelの
   背景色・枠線・影は既に別途打ち消し済みだったが、margin-bottomだけ見落としていた）。 */
/* line 880, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .panel {
  -webkit-animation: enter .25s ease;
          animation: enter .25s ease;
  padding: 20px 15px;
  padding-left: 14px;
  padding-right: 14px;
  background: none;
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

/* line 881, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head .tool-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--rt-pale);
  color: var(--rt);
  border-bottom: 1px solid var(--rt-line);
  font-weight: 800;
  line-height: 1.5;
  gap: 6px;
  padding: 12px 14px;
  font-size: 14px;
}

/* 遺品整理は量の選択肢が4択（少なめ/標準/多め/分からない）で2x2グリッドが成立するため、
   「分からない」を全幅表示にするゴミ屋敷側（5択）の指定を打ち消す（ihin.css差分どおり）。 */
/* line 884, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri #s1 .visual-choice:has(input[value="分からない"]) {
  grid-column: auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 10px;
  gap: 8px;
}

/* line 885, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri #s1 .visual-choice:has(input[value="分からない"]) .amount-art {
  width: 100%;
  flex: 0 0 auto;
}

/* line 886, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri #s1 .visual-choice:has(input[value="分からない"]) input {
  top: 14px;
  left: 14px;
  transform: none;
}

/* line 887, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri #s1 .visual-choice:has(input[value="分からない"]) .amount-copy {
  padding: 0 2px 3px;
}

/* 遺品整理モック独自の「今回のご相談」（#purpose）「買取・供養なども相談できます」セクション用CSS。
   ゴミ屋敷側には存在しないため、ihin.cssから移植（配色はモックの指定どおり紫系を直接使用）。 */
/* line 891, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

/* line 892, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card {
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
  padding: 14px 12px;
  border: 2px solid #ddd5e8;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  min-width: 0;
}

/* line 893, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card:last-child {
  grid-column: 1/-1;
}

/* line 894, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card input {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  margin: 0;
  accent-color: #7952aa;
}

/* line 895, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  color: #7952aa;
}

/* line 896, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card strong {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  color: #47315e;
}

/* line 897, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card small {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  color: #65717a;
  margin-top: 3px;
}

/* line 898, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card:has(input:checked) {
  border-color: #8861b3;
  background: #f5effb;
  box-shadow: 0 0 0 1px #8861b3;
}

/* line 899, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .purpose-card:has(input:focus-visible) {
  outline: 3px solid #efb044;
  outline-offset: 3px;
}

/* 画面幅380px以下ではsvgアイコンが36px→26pxに縮小される（モックのメディアクエリ、抽出時に見落としていた）。 */
@media (max-width: 380px) {
  /* line 902, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .purpose-card {
    gap: 6px;
    padding: 12px 8px;
  }
  /* line 903, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .purpose-card svg {
    width: 26px;
    height: 26px;
  }
  /* line 904, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .purpose-card strong {
    font-size: 14px;
  }
}

/* line 906, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .consultation-options > summary {
  background: #f3edf9;
  color: #583b78;
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
}

/* line 907, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .consultation-options > summary .optional {
  background: #fff;
  color: #70617f;
  margin-left: 8px;
  white-space: nowrap;
}

/* line 908, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .consultation-options[open] > summary {
  margin-bottom: 12px;
}

/* モックの金額表示は固定の短い金額（約150,000円）1本だったが、実際の概算は4社試算の価格帯
   （約XX,XXX円〜XX,XXX円）でより長い文字列になるため、折り返しが崩れないようフォントサイズのみ調整。 */
/* line 912, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool .estimate .amount {
  font-size: clamp(20px, 7vw, 30px);
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* line 913, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool .estimate .amount .amt-chunk {
  white-space: nowrap;
}

/* 2026年10月6日改訂：③診断ツール(#tool)全体を2pxの青／紫枠＋同色見出し＋淡い背景で常時明確に区切るよう
   変更。従来は「条件入力中＝枠が太く角丸強め、進んだ後(.in-flow)＝枠が細く角丸弱め」と状態で枠を
   切り替えていたが、モック側がstate問わず同じ枠（border:2px solid var(--rt)）に統一したため、
   .in-flow別出し分けのルールは廃止し1本化した。 */
/* line 919, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool {
  border: 2px solid var(--rt);
  border-radius: 14px;
  background: var(--rt-pale);
  box-shadow: 0 4px 0 var(--rt-highlight);
  overflow: visible;
  margin-bottom: 25px;
}

/* ================= 2026年10月6日改訂（taskle_developer_handoff_20261006） =================
   前回(9月29日)納品からの差分。モックの.rethink配下に追加された「Kunimoto review, 2026-10-06:
   compact entry and consistent supporting notes」を.newLpPage配下へ移植。
   ②AI見積の帯・比較見出し・提携社数案内の圧縮と初期質問(#s0)のキャラクター・余白の縮小、
   ④写真ページ(#s3)の共有案内・保存の説明のカード統一、をまとめて反映している。 */
/* ② ヒーロー側のAI見積帯・比較見出し・提携社数案内。旧--deep/--navy/--orange-dark系の配色から
   --rt-*（青／紫）トークンへ統一。rt-partner-line＋rt-chat-noteはrt-service-summaryの2セル構成に
   置き換わったため旧クラスのCSSは削除し、ERBのマークアップもrt-service-summaryへ変更済み。 */
/* line 930, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-ai-band {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 10px;
  padding: 7px 12px;
  line-height: 1.5;
}

/* line 931, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-ai-band strong {
  font-size: 16px;
  letter-spacing: 0;
}

/* line 932, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-ai-band span {
  margin: 0;
  font-size: 12px;
}

/* line 933, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-photo-content {
  padding: 10px 14px 8px;
}

/* line 934, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-photo-lead {
  margin: 0 0 8px;
}

/* line 935, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-comparison-line {
  font-size: clamp(13px, 3.6cqw, 17px);
  line-height: 1.5;
  white-space: normal;
}

/* line 936, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-comparison-line .rt-value-line {
  display: block;
  color: var(--rt);
  font-size: clamp(17px, 4.5cqw, 21px);
  font-weight: 800;
  line-height: 1.35;
}

/* line 937, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-saving {
  padding: 7px 10px 5px;
}

/* line 938, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-metric-value b {
  font-size: clamp(48px, 13.5cqw, 62px);
}

/* line 939, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-saving-reduction {
  font-size: clamp(26px, 7.2cqw, 32px);
}

/* line 940, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons {
  padding: 0 7px 8px;
}

/* line 941, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons dt {
  font-size: 12px;
  line-height: 1.5;
}

/* line 942, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-cost-reasons dd {
  margin: 2px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

/* line 943, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  padding: 7px 9px;
  background: var(--rt-pale);
  border-top: 1px solid var(--rt-line);
  gap: 0;
}

/* line 944, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary > div {
  min-width: 0;
  padding: 0 5px;
}

/* line 945, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary > div + div {
  border-left: 1px solid var(--rt-line);
}

/* line 946, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary p {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  color: var(--rt-muted);
}

/* line 947, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary strong {
  font-size: 12px;
  color: var(--rt-ink);
  font-weight: 800;
}

/* line 948, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary b {
  font-size: 17px;
  font-family: Arial,sans-serif;
  color: var(--rt);
  padding: 0 2px;
}

/* line 949, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-service-summary sup {
  font-size: 8px;
}

/* line 950, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rt-footnote {
  padding-top: 6px;
  font-size: 10px;
  line-height: 1.5;
}

@media (max-width: 360px) {
  /* line 952, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-ai-band {
    gap: 2px 8px;
    padding: 7px 8px;
  }
  /* line 953, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-ai-band strong {
    font-size: 14px;
  }
  /* line 954, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-ai-band span {
    font-size: 11px;
  }
  /* line 955, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-photo-content {
    padding: 9px 12px 7px;
  }
  /* line 956, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-service-summary {
    padding: 7px 5px;
  }
  /* line 957, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-service-summary strong {
    font-size: 11px;
  }
  /* line 958, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .rt-service-summary p {
    font-size: 10px;
  }
}

/* ② 診断ツールの見出しバー：tool-brandを色帯＋白文字へ、無料バッジに「・30秒」を統合
   （単独の案内(diagnosis-entry-cue)は撤去済み。ERBのtool-brandマークアップも変更済み）。 */
/* line 963, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head {
  background: var(--rt-pale);
  padding-bottom: 5px;
  border-radius: 11px 11px 0 0;
}

/* line 964, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head .tool-brand {
  padding: 9px 12px;
  background: var(--rt);
  color: #fff;
  border: 0;
  border-radius: 11px 11px 0 0;
  font-size: 15px;
  line-height: 1.5;
}

/* line 965, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .tool-head .free {
  padding: 2px 6px;
  border: 0;
  background: #fff;
  color: var(--rt);
  font-size: 10px;
}

/* line 966, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.in-flow .tool-brand .entry-time {
  display: none;
}

/* line 967, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress {
  margin: 8px 0 0;
  padding: 0 12px;
}

/* line 968, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li {
  padding-top: 21px;
  padding-bottom: 2px;
  font-size: 10px;
}

/* line 969, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .progress li:before {
  height: 18px;
  line-height: 18px;
}

@media (max-width: 360px) {
  /* line 971, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .tool-head .tool-brand {
    font-size: 13px;
    padding: 9px 10px;
  }
}

/* ② 初期質問(#s0)のキャラクター・説明文・余白をさらに圧縮（9/29版からの追加分）。 */
/* 既存の.newLpPage:not(.in-flow) #s0{padding:0}（#s0は常にnot(.in-flow)状態でのみ表示されるため実質常時適用）
   と同じ詳細度まで上げないと負けてしまうため、同じセレクタ形で上書きする。 */
/* line 977, app/assets/stylesheets/services/new_lp.scss */
.newLpPage:not(.in-flow) #s0 {
  padding: 10px 16px 16px;
}

/* line 978, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-question {
  padding: 0;
  background: transparent;
}

/* line 979, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge.compact {
  gap: 7px;
  margin: 0 0 7px !important;
  align-items: center;
}

/* line 980, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-avatar {
  width: 32px;
  height: 33px;
  flex-basis: 32px;
  padding: 0;
}

/* line 981, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-avatar img {
  width: 32px;
  height: 33px;
  max-width: 32px;
  max-height: 33px;
}

/* line 982, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-copy {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.5;
}

/* line 983, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .concierge-copy strong {
  font-size: 11px;
  line-height: 1.5;
  color: var(--rt-ink);
}

/* line 984, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-question h2 {
  font-size: 19px !important;
  margin: 5px 0 3px;
  line-height: 1.5;
  color: var(--rt-ink);
}

/* line 985, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-question h2 > span {
  background: var(--rt);
}

/* line 986, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .scope-help {
  margin: 0 0 9px;
  font-size: 11px;
  line-height: 1.5;
}

/* line 987, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main, .newLpPage #s0 .entry-other {
  gap: 8px;
}

/* line 988, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button, .newLpPage #s0 .entry-other button {
  min-height: 48px;
  border: 2px solid #aac5d6;
  background: #fff;
  color: var(--rt-ink);
  font-size: 15px;
}

/* line 989, app/assets/stylesheets/services/new_lp.scss */
.newLpPage.category-ihinseiri #s0 .entry-main button, .newLpPage.category-ihinseiri #s0 .entry-other button {
  border-color: #c4b1d9;
}

/* line 990, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-other button {
  font-size: 12px;
}

/* line 991, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button:hover, .newLpPage #s0 .entry-other button:hover {
  border-color: var(--rt);
  background: #fff;
}

/* line 992, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-main button[aria-pressed=true], .newLpPage #s0 .entry-other button[aria-pressed=true] {
  border-color: var(--rt);
  background: var(--rt-highlight);
  color: var(--rt-ink);
  box-shadow: 0 0 0 1px var(--rt);
}

/* line 993, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s0 .entry-hint:empty, .newLpPage #s0 .answer-status:empty {
  display: none;
}

@media (max-width: 360px) {
  /* line 995, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage:not(.in-flow) #s0 {
    padding: 10px 14px 14px;
  }
  /* line 996, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage #s0 .entry-question h2 {
    font-size: 18px !important;
  }
  /* line 997, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage #s0 .entry-other button {
    font-size: 11px;
  }
}

/* ④ 写真ページ(#s3)の共有案内(.privacy)と保存の説明(.home-save-notes)を同じカード見た目に統一。
   ERB側で.privacyに見出し(strong)、summaryにアイコン(svg.save-note-icon)を追加済み。 */
/* line 1002, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes {
  display: grid;
  gap: 8px;
  margin: 14px 0;
}

/* line 1003, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes > .privacy,
.newLpPage #s3 .photo-followup-notes > .home-save-notes {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--rt-line);
  border-radius: 9px;
  background: var(--rt-pale);
  color: var(--rt-muted);
  font-size: 11px;
  line-height: 1.75;
}

/* line 1005, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes > .privacy {
  padding-left: 38px;
}

/* line 1006, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes > .privacy > svg {
  left: 12px;
  top: 14px;
  width: 18px;
  height: 18px;
  color: var(--rt);
}

/* line 1007, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes > .privacy strong {
  display: block;
  margin: 0 0 3px;
  color: var(--rt-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

/* line 1008, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .photo-followup-notes > .home-save-notes > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  color: var(--rt-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

/* line 1009, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes > summary::-webkit-details-marker {
  display: none;
}

/* line 1010, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes > summary > .save-note-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--rt);
}

/* line 1011, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes > summary::after {
  content: '';
  width: 6px;
  height: 6px;
  margin: 0 3px 3px auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
}

/* line 1012, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes[open] > summary::after {
  transform: rotate(225deg);
  margin-bottom: -3px;
}

/* line 1013, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #s3 .home-save-notes > .hint {
  margin: 8px 0 0 26px;
  font-size: 11px;
  line-height: 1.75;
  color: var(--rt-muted);
}

/* line 1015, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .primary:focus-visible {
  outline: 3px solid var(--rt);
  outline-offset: 3px;
}

/* ================= フォーム部品の基本スタイル（2026-10〜） =================
   モックのinput/select/fieldset等への指定は、クラス名・idを伴わない素のタグ・属性セレクタ
   （input[type=email]等）だったため、クラス/id名をターゲットにしていた抽出では拾えず、
   メールアドレス欄などが無装飾の素のinputのまま表示されていた。#tool配下に限定して移植する。 */
/* line 1021, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool select,
.newLpPage #tool input[type=email],
.newLpPage #tool input[type=text],
.newLpPage #tool input[type=tel] {
  width: 100%;
  border: 1px solid #c8d7cf;
  border-radius: 9px;
  padding: 13px;
  background: #fff;
  color: var(--ink);
  font-size: 16px;
  box-sizing: border-box;
}

/* line 1025, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 1026, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool legend {
  padding: 0;
}

/* line 1027, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

/* line 1028, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool button:focus-visible,
.newLpPage #tool input:focus-visible,
.newLpPage #tool select:focus-visible {
  outline: 3px solid #ecae34;
  outline-offset: 4px;
}

/* サイト全体で読み込んでいるBootstrap 3（CDN）のHTML5シムが summary{display:block} を当てており、
   ブラウザ既定の▶開閉マーカー（display:list-itemで描画される）を消してしまっていた。モックは
   .photo-formats等の<summary>にマーカー非表示の指定を一切していない＝素のマーカー前提のため、
   ウィザード内のsummaryだけdisplay:list-itemに戻す（独自の矢印(::after)等で代替しているsummary
   （.home-save-notes等）は、そちら側でlist-style:noneを指定済みなのでマーカーは出ない）。 */
/* line 1036, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool summary {
  display: list-item;
}

/* サイト全体のリセット（base.scss）がh1〜h6に font:inherit を当てており、ブラウザ既定の太字
   （h2,h3のUA既定font-weight:bold）を打ち消してしまっていた。モック側は.panel h2/h3に
   font-weightを一切指定しておらず素の既定の太字前提の作りだったため、ウィザード内のh2・h3だけ
   太字に戻す（個別にfont-weightを指定済みの見出しは、より詳細度の高い指定が優先されるため影響なし）。 */
/* line 1041, app/assets/stylesheets/services/new_lp.scss */
.newLpPage #tool h2,
.newLpPage #tool h3 {
  font-weight: 700;
}

/* サイト全体で読み込んでいるBootstrap 3（CDN）はlabel{font-weight:700}という独自のform用リセットを
   持っており、モックのlabel（.choice-list・.purpose-card等、太字指定のないもの）まで太字になって
   しまっていた。詳細度を.field>labelのような個別の太字指定より低く保つため、#toolスコープではなく
   .newLpPageだけでリセットし、より詳細度の高い指定（.field>label等）はそのまま優先される。 */
/* line 1047, app/assets/stylesheets/services/new_lp.scss */
.newLpPage label {
  font-weight: 400;
}

/* line 12, app/assets/stylesheets/services.scss */
.itemIndex {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #fff;
  margin-top: 0px;
}

/* line 55, app/assets/stylesheets/services.scss */
.itemIndex .slick-arrow {
  z-index: 2;
  width: 100px;
  height: 100px;
}

/* line 61, app/assets/stylesheets/services.scss */
.itemIndex 　.slick-next {
  right: -60px;
}

/* line 65, app/assets/stylesheets/services.scss */
.itemIndex .slick-prev:before, .itemIndex .slick-next:before {
  font-size: 30px;
  color: #000;
}

/* line 72, app/assets/stylesheets/services.scss */
.itemIndex 　.slick-prev {
  left: -60px;
}

/* line 76, app/assets/stylesheets/services.scss */
.itemIndex .main {
  overflow: visible;
  max-width: 500px;
  margin: 0px auto;
  padding: 10px 10px;
  width: 100%;
}

/* line 84, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp {
  height: 500px;
  overflow: auto;
}

/* line 87, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list {
  width: 95%;
  max-width: 360px;
  height: 140px;
  margin: 5px auto;
}

/* line 92, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list li {
  margin: 10px auto;
}

/* line 95, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date {
  height: 50px;
  background-color: #2CC2BD;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
  font-weight: bold;
  padding: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* line 105, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date.estimated {
  background-color: #008480;
}

/* line 108, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date.expired {
  background-color: #9E1818;
}

/* line 111, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date .place {
  font-size: 14px;
}

/* line 114, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date .date {
  font-size: 16px;
}

/* line 116, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .place_date .date.estimated {
  color: #f7ff00;
}

/* line 121, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text {
  border: #5D5D5D 1px solid;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #5D5D5D;
  font-weight: bold;
  padding: 10px 20px;
}

/* line 129, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text.expired {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 132, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text.estimated {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 135, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .each_item {
  display: flex;
  justify-content: end;
  line-height: 18px;
  padding: 3px;
}

/* line 143, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .each_item .count {
  margin-left: 8px;
}

/* line 147, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .total_amount {
  display: flex;
  justify-content: end;
  line-height: 27px;
  font-size: 18px;
  padding: 5px;
}

/* line 153, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .total_amount .sum {
  color: #FF6F00;
  margin-left: 20px;
}

/* line 156, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .total_amount .sum.expired {
  color: #5D5D5D;
}

/* line 159, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .itemDisp .itemDisp_list .text .total_amount .sum.estimated {
  color: #5D5D5D;
}

/* line 167, app/assets/stylesheets/services.scss */
.itemIndex .main .serviseDisp .pagination-area {
  position: relative;
  bottom: 0px;
}

/* line 174, app/assets/stylesheets/services.scss */
.reviewIndex {
  padding-bottom: 30px;
}

/* line 180, app/assets/stylesheets/services.scss */
.reviewIndex .serviceReview .sectionTitle {
  font-size: 22px;
  margin-bottom: 20px;
}

/* pc向け */
@media screen and (min-width: 800px) {
  /* line 192, app/assets/stylesheets/services.scss */
  .itemIndex {
    background-image: url(/assets/BG_tile-9b0d75dd41756d34ad41c9e5f16f3b7da825f0db951f477b13333d8259bc3a83.png);
    height: auto;
    overflow: hidden;
  }
  /* line 197, app/assets/stylesheets/services.scss */
  .itemIndex .br-sp {
    display: none;
  }
  /* line 201, app/assets/stylesheets/services.scss */
  .itemIndex .pc {
    display: block;
  }
  /* line 204, app/assets/stylesheets/services.scss */
  .itemIndex .sp {
    display: none;
  }
  /* line 208, app/assets/stylesheets/services.scss */
  .itemIndex .main {
    margin: auto;
    max-width: 500px;
    width: 100%;
  }
  /* line 212, app/assets/stylesheets/services.scss */
  .itemIndex .main .overlay_new_item {
    display: none;
  }
  /* line 218, app/assets/stylesheets/services.scss */
  .itemIndex .slick-arrow {
    z-index: 2;
    width: 50px;
    height: 80px;
    background-color: #FFA132;
  }
  /* line 225, app/assets/stylesheets/services.scss */
  .itemIndex .slick-next {
    right: 0px;
  }
  /* line 229, app/assets/stylesheets/services.scss */
  .itemIndex .slick-prev:before, .itemIndex .slick-next:before {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
  }
  /* line 236, app/assets/stylesheets/services.scss */
  .itemIndex .slick-prev:before {
    content: "＜";
  }
  /* line 241, app/assets/stylesheets/services.scss */
  .itemIndex .slick-next:before {
    content: "＞";
  }
  /* line 246, app/assets/stylesheets/services.scss */
  .itemIndex .slick-prev {
    left: 0px;
  }
  /* line 264, app/assets/stylesheets/services.scss */
  .itemIndex .postTable {
    margin-top: 30px;
  }
  /* line 266, app/assets/stylesheets/services.scss */
  .itemIndex .postTable p {
    font-size: 22px;
  }
  /* line 269, app/assets/stylesheets/services.scss */
  .itemIndex .postTable .requestForm {
    width: 500px;
    font-size: 18px;
  }
  /* line 274, app/assets/stylesheets/services.scss */
  .itemIndex .postTable .postal_input {
    padding: 12px 20px 10px;
  }
  /* line 279, app/assets/stylesheets/services.scss */
  .itemIndex .section {
    max-width: 900px;
    margin: auto;
  }
  /* line 282, app/assets/stylesheets/services.scss */
  .itemIndex .section p {
    font-size: 22px;
  }
  /* line 286, app/assets/stylesheets/services.scss */
  .itemIndex .section h2 {
    font-size: 22px;
  }
  /* line 289, app/assets/stylesheets/services.scss */
  .itemIndex .section .sectionImage {
    margin: auto;
    max-width: 800px;
  }
  /* line 293, app/assets/stylesheets/services.scss */
  .itemIndex .section .sectionImage img {
    width: 100%;
    max-width: 800px;
  }
  /* line 297, app/assets/stylesheets/services.scss */
  .itemIndex .section .sectionImage.noPadding {
    margin-left: calc(50% - 400px);
  }
  /* line 300, app/assets/stylesheets/services.scss */
  .itemIndex .section .sectionImage.pc {
    width: 800px;
    display: block;
  }
  /* line 304, app/assets/stylesheets/services.scss */
  .itemIndex .section .sectionImage.sp {
    display: none;
  }
  /* line 312, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description {
    margin: auto;
    text-align: center;
  }
  /* line 316, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box {
    width: 30%;
    height: 560px;
    margin: 30px 5px;
    display: inline-block;
    vertical-align: text-top;
  }
  /* line 322, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .left {
    margin-right: 0px;
  }
  /* line 324, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .left h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
    line-height: 27px;
    font-weight: bold;
  }
  /* line 331, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .left .description {
    font-size: 14px;
    text-align: left;
  }
  /* line 336, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box hr {
    display: none;
  }
  /* line 339, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .step_image {
    text-align: center;
    width: auto;
    margin: 20px auto;
  }
  /* line 340, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .step_image.pc {
    text-align: center;
    display: block;
  }
  /* line 345, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .step_image.sp {
    display: none;
  }
  /* line 352, app/assets/stylesheets/services.scss */
  .itemIndex .section .section_table .description .step-box .step_image img {
    width: 150px;
  }
  /* line 361, app/assets/stylesheets/services.scss */
  .itemIndex .section .flexSection {
    width: 100%;
  }
  /* line 364, app/assets/stylesheets/services.scss */
  .itemIndex .section .prefImage {
    max-width: 800px;
  }
  /* line 375, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .expired {
    font-size: 14px;
  }
  /* line 379, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .imageCount {
    font-size: 12px;
  }
  /* line 384, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .back .text {
    font-size: 14px;
  }
  /* line 387, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .back .text .namesList li {
    font-size: 14px;
  }
  /* line 391, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .back .text .sum {
    font-size: 22px;
  }
  /* line 396, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure .back .text .only {
    font-size: 22px;
  }
  /* line 404, app/assets/stylesheets/services.scss */
  .itemIndex .serviseDisp .itemDisp .itemDisp_list .itemDisp_listItem figure figcaption {
    font-size: 14px;
  }
}