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

/* ============================================================
   タスクル TOP 再現 LP  -  CSS
   （A/B テスト用ベース。ヒーロー画像2枚のみ差し替え済み）
   ============================================================ */
/* ---- カラー変数（ゴミ屋敷 = ブルーベース） ---- */
/* line 6, app/assets/stylesheets/services/new_lp.scss */
.newLpPage {
  --teal:#479de0;
  /* メインのブルー（ヒーロー地色・アイコン等） */
  --teal-dark:#0075c2;
  /* 見出し帯・店舗帯・ボタン */
  --teal-deep:#0a4f8a;
  /* 濃紺アクセント */
  --blue-deep:#005da4;
  /* 見出し文字・理由ボタン文字 */
  --orange:#ee7800;
  /* 作業料金バー */
  --orange-line:#e8850c;
  /* 理由ボタンの枠 */
  --star:#f6ab00;
  /* 星の色 */
  --red:#e60012;
  /* 価格・割引率 */
  --green:#17a7a0;
  /* 不用品回収エリアボタン（サービス固有色） */
  --purple:#9b59b6;
  /* 遺品整理エリアボタン */
  --blue:#3a97d4;
  /* ゴミ屋敷エリアボタン */
  --ink:#333;
  /* 基本文字 */
  --sub:#888;
  /* 補助文字 */
  --line:#dcdcdc;
  /* 罫線 */
  --box:#f4f4f4;
  /* 依頼内容などの薄背景 */
  --page:#efece6;
  /* 枠外の下地 */
  --maxw:640px;
}

/* ---- リセット ---- */
/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}

/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage a {
  text-decoration: none;
  color: inherit;
}

/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage ul, .newLpPage li {
  list-style: none;
}

/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage {
  scroll-behavior: smooth;
}

/* line 25, app/assets/stylesheets/services/new_lp.scss */
.newLpPage, .newLpPage {
  color: var(--ink);
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
  font-size: 15px;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}

/* 枠外の下地 + タスクル透かしタイル */
/* line 32, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pc_bg {
  background-color: var(--page);
  background-image: url("https://taskle.jp/assets/BG_tile-9b0d75dd41756d34ad41c9e5f16f3b7da825f0db951f477b13333d8259bc3a83.png");
  background-repeat: repeat;
  min-height: 100vh;
}

/* 中央のモバイル枠 */
/* line 38, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pc_container {
  max-width: var(--maxw);
  margin: 0 auto;
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-bottom: 96px;
  /* フローティングCTAの高さ分の余白 */
}

/* ============================================================
   ヘッダー
   ============================================================ */
/* line 48, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

/* line 58, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header__logo img {
  height: 34px;
  width: auto;
}

/* line 58, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header__mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.1;
  margin-left: auto;
  margin-right: 10px;
  color: var(--ink);
}

/* line 66, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header__mid .clock {
  display: block;
}

/* line 66, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .header__mid span {
  font-size: 11px;
  font-weight: 700;
  margin-top: 2px;
}

/* line 66, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .hamburger {
  width: 46px;
  height: 46px;
  background: var(--teal);
  border: none;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}

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

/* ============================================================
   ヒーロー（TOP画像2枚 + 全国350社 帯）
   ============================================================ */
/* line 76, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .TopImageArea {
  background: var(--teal);
}

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

/* 「全国350社」は画像下部に焼き込まれた帯へ重ねて表示する */
/* line 79, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .TopImageArea .zenkoku {
  position: relative;
  margin: -35px 0 12px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
}

/* ============================================================
   AI写真見積診断ウィジェット（移植 v3 / .ai-diagnose で隔離）
   ※ 変数・スタイルは全て .ai-diagnose 配下に閉じ込め、LP本体と干渉させない
   ============================================================ */
/* line 94, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose {
  /* v3 のカラー変数をここに隔離（LPの :root は変更しない） */
  --blue:#0071bc;
  --blue-dark:#005791;
  --navy:#004a7c;
  --orange:#ff7a00;
  --orange-l:#ffa41b;
  --orange-pale:#fff3e6;
  --yellow:#ffe100;
  --red:#e60012;
  --text:#333;
  --muted:#7a8a99;
  --line:#e3ecf2;
  --bg:#f5f8fa;
  --ok:#2ea56b;
  --warn:#e8a13a;
  --danger:#e05252;
  background: #f5f8fa;
  padding: 14px;
  color: var(--text);
}

/* ステップバー（ヘッダーと重なるのを避けるため sticky を解除） */
/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .steps {
  position: static;
  background: #fff;
  border-bottom: 1px solid var(--line);
  display: flex;
  padding: 8px 6px;
  gap: 2px;
  border-radius: 8px 8px 0 0;
}

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .stp {
  flex: 1;
  text-align: center;
  font-size: 10px;
  color: #b0bec9;
  font-weight: 700;
  position: relative;
  padding-top: 22px;
}

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .stp::before {
  content: attr(data-n);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #dfe8ee;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
}

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .stp.cur {
  color: var(--orange);
}

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

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .stp.done {
  color: var(--blue);
}

/* line 105, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .stp.done::before {
  background: var(--blue);
  content: "✓";
}

/* 入力ウィジェット */
/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget {
  background: #fff;
  border: 3px solid var(--orange);
  border-radius: 14px;
  margin-bottom: 18px;
  overflow: hidden;
  padding: 0 16px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .wh {
  text-align: center;
  padding: 16px 0 12px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .wh .t1 {
  font-size: 20px;
  font-weight: bold;
  color: var(--orange);
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .wh .t2 {
  font-size: 12px;
  color: var(--text);
  font-weight: 700;
  margin-top: 4px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .wh::after {
  content: "";
  display: block;
  width: 0;
  margin: 10px auto 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 12px solid var(--orange);
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .wb {
  padding: 0 0 18px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .wq {
  margin-bottom: 18px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .ql {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .ql .qn {
  background: var(--red);
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .rq {
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  border-radius: 4px;
  padding: 2px 7px;
  margin-left: 6px;
  vertical-align: middle;
  display: inline-block;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .opb {
  background: #b0bec9;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  border-radius: 4px;
  padding: 2px 7px;
  margin-left: 6px;
  vertical-align: middle;
  display: inline-block;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose label {
  font-size: 12px;
  color: var(--muted);
  display: block;
  margin: 10px 0 4px;
  font-weight: 700;
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose input[type=text], .newLpPage .ai-diagnose input[type=password], .newLpPage .ai-diagnose input[type=date], .newLpPage .ai-diagnose select, .newLpPage .ai-diagnose textarea {
  width: 100%;
  padding: 12px;
  border: 2px solid #ffcf9e;
  border-radius: 8px;
  font-size: 15px;
  background: #fff;
  color: var(--text);
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose input:focus, .newLpPage .ai-diagnose select:focus, .newLpPage .ai-diagnose textarea:focus {
  outline: none;
  border-color: var(--orange);
}

/* line 106, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .plainbox input, .newLpPage .ai-diagnose .plainbox select {
  border-color: #cfdde8;
}

/* ★CMS(Bootstrap等)の .row 負マージン/折返しと名前衝突するため打ち消す */
/* line 107, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .row {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  width: auto;
}

/* line 107, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .row > div {
  flex: 1;
  min-width: 0;
}

/* 3列など狭い行のセレクトは左paddingを詰めて文字が入るように（右は矢印分のまま） */
/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .row select {
  padding-left: 2px;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .hint {
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
  line-height: 1.6;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .chips button {
  padding: 12px 10px;
  border-radius: 8px;
  border: 2px solid #ffcf9e;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  color: var(--muted);
  flex: 1;
  min-width: 54px;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .chips button.sel {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount {
  display: flex;
  gap: 8px;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount button {
  flex: 1;
  padding: 12px 6px;
  border-radius: 10px;
  border: 2px solid #ffcf9e;
  background: #fff;
  cursor: pointer;
  text-align: center;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount button .ai {
  font-size: 26px;
  display: block;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount button .at {
  font-size: 12px;
  font-weight: 800;
  color: var(--muted);
  display: block;
  margin-top: 4px;
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount button.sel {
  border-color: var(--orange);
  background: var(--orange-pale);
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .amount button.sel .at {
  color: var(--orange);
}

/* line 108, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .areaok {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 800;
  color: var(--ok);
}

/* CTAボタン */
/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn {
  display: inline-block;
  border: none;
  border-radius: 8px;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: .15s;
  text-align: center;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 14px;
  background: linear-gradient(180deg, var(--orange-l), var(--orange));
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  padding: 15px 18px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 3px 0 #d96800;
  position: relative;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta:hover {
  filter: brightness(1.05);
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta:disabled {
  background: #f3cba4;
  box-shadow: none;
  cursor: not-allowed;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta .free {
  background: #fff;
  color: var(--orange);
  font-size: 12px;
  font-weight: 900;
  border-radius: 12px;
  padding: 3px 10px;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta::after {
  content: "›";
  position: absolute;
  right: 18px;
  font-size: 22px;
  font-weight: 900;
}

/* line 109, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-cta:not(:disabled) {
  -webkit-animation: ctaPulse 2s ease-in-out infinite;
          animation: ctaPulse 2s ease-in-out infinite;
}

@-webkit-keyframes ctaPulse {
  0%, 100% {
    box-shadow: 0 3px 0 #d96800, 0 0 0 0 rgba(255, 122, 0, 0.45);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 3px 0 #d96800, 0 0 0 12px rgba(255, 122, 0, 0);
    transform: scale(1.015);
  }
}

@keyframes ctaPulse {
  0%, 100% {
    box-shadow: 0 3px 0 #d96800, 0 0 0 0 rgba(255, 122, 0, 0.45);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 3px 0 #d96800, 0 0 0 12px rgba(255, 122, 0, 0);
    transform: scale(1.015);
  }
}

/* line 110, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .glow {
  -webkit-animation: glowP 1.6s ease-in-out infinite;
          animation: glowP 1.6s ease-in-out infinite;
  border-radius: 10px;
}

@-webkit-keyframes glowP {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 122, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(255, 122, 0, 0.28);
  }
}

@keyframes glowP {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 122, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(255, 122, 0, 0.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 112, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .ai-diagnose .btn-cta:not(:disabled), .newLpPage .ai-diagnose .glow {
    -webkit-animation: none;
            animation: none;
  }
}

/* line 112, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-blue {
  background: var(--blue);
  color: #fff;
}

/* line 112, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-blue:hover {
  background: var(--blue-dark);
}

/* line 112, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-ghost {
  background: #eef4f8;
  color: var(--muted);
}

/* line 112, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .btn-sm {
  padding: 7px 14px;
  font-size: 12px;
}

/* カード共通 */
/* line 113, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 16px;
}

/* line 113, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .card h2 {
  font-size: 16px;
  margin-bottom: 12px;
  color: var(--text);
  font-weight: 900;
  border-left: 5px solid var(--orange);
  padding-left: 10px;
  line-height: 1.4;
}

/* オレンジ枠(.widget)の内側に入ったステップは、別箱に見せず区切り線だけで連続表示 */
/* line 114, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .card {
  background: transparent;
  border: none;
  border-top: 1px solid var(--line);
  border-radius: 0;
  margin: 0;
  padding: 16px 0;
}

/* line 114, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .widget .card.hidden {
  display: none;
}

/* 撮影 */
/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .safenote {
  display: flex;
  gap: 8px;
  background: var(--orange-pale);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12px;
  color: #8a6337;
  line-height: 1.7;
  margin-top: 10px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotprog {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 14px 0 10px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotprog .dot {
  flex: 1;
  height: 7px;
  border-radius: 4px;
  background: #e8eff4;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotprog .dot.done {
  background: var(--ok);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotprog .dot.cur {
  background: var(--orange);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotprog .cnt {
  font-size: 12px;
  font-weight: 800;
  color: var(--orange);
  white-space: nowrap;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard {
  border: 2.5px solid var(--blue);
  border-radius: 14px;
  padding: 20px;
  text-align: center;
  background: #f2f9ff;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard .bigico {
  font-size: 46px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard .ttl {
  font-size: 17px;
  font-weight: 900;
  margin-top: 6px;
  color: var(--blue-dark);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard .req {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 8px;
  margin-left: 6px;
  vertical-align: middle;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard .req.must {
  background: #ffe3e3;
  color: var(--red);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard .req.opt {
  background: #eef4f8;
  color: var(--muted);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard ul {
  list-style: none;
  text-align: left;
  margin: 12px auto 0;
  max-width: 400px;
  font-size: 13px;
  color: #5a6b78;
  line-height: 1.9;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotcard ul li::before {
  content: "✓ ";
  color: var(--ok);
  font-weight: 900;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotdone {
  border: 2.5px solid var(--ok);
  border-radius: 14px;
  padding: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  color: var(--ok);
  background: #f0faf4;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb {
  width: 86px;
  height: 86px;
  border-radius: 10px;
  background: linear-gradient(135deg, #dcedf8, #bcd9ec);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 2.5px solid transparent;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb:hover {
  border-color: var(--blue);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb.ng {
  border-color: var(--warn);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb .tag {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  background: rgba(0, 40, 70, 0.6);
  color: #fff;
  font-size: 9px;
  border-radius: 5px;
  padding: 1px 3px;
  text-align: center;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb .st {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumb .retake {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 9px;
  background: rgba(0, 40, 70, 0.6);
  color: #fff;
  border-radius: 5px;
  padding: 1px 4px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .thumbhint {
  font-size: 11px;
  color: var(--muted);
  margin-top: 6px;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotres {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  padding: 9px 11px;
  border-radius: 9px;
  background: #f2f9ff;
  margin-top: 6px;
  line-height: 1.7;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotres.warn {
  background: #fff7ec;
  border: 1px solid #f2ddba;
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .shotres .rt {
  font-weight: 800;
  white-space: nowrap;
  color: var(--blue-dark);
}

/* line 115, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .spin {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #cfdde8;
  border-top-color: var(--blue);
  border-radius: 50%;
  -webkit-animation: sp 1s linear infinite;
          animation: sp 1s linear infinite;
  vertical-align: -2px;
}

@-webkit-keyframes sp {
  to {
    transform: rotate(360deg);
  }
}

@keyframes sp {
  to {
    transform: rotate(360deg);
  }
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .progressbar {
  height: 9px;
  background: #e8eff4;
  border-radius: 5px;
  overflow: hidden;
  margin: 16px 0 6px;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .progressbar > div {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--blue), var(--orange));
  transition: width .3s;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .analyzing {
  font-size: 13px;
  color: var(--muted);
  text-align: center;
  font-weight: 700;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .apibox {
  margin-top: 12px;
  font-size: 12px;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .apibox summary {
  cursor: pointer;
  color: var(--blue);
  font-weight: 800;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .apibox .inner {
  background: #f2f9ff;
  border-radius: 10px;
  padding: 12px;
  margin-top: 8px;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .apibox .inner input {
  border-color: #cfdde8;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .apibox .note {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.7;
  margin-top: 8px;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .modebadge {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 9px;
  border-radius: 9px;
  margin-left: 6px;
  vertical-align: middle;
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .modebadge.real {
  background: #e2f5eb;
  color: var(--ok);
}

/* line 116, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .modebadge.mock {
  background: #eef4f8;
  color: var(--muted);
}

/* 診断結果 */
/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .range {
  border: 3px solid var(--blue);
  border-radius: 14px;
  overflow: hidden;
  margin: 14px 0;
  text-align: center;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .range .lbl {
  background: var(--blue);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  padding: 10px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .range .val {
  font-size: 36px;
  font-weight: 900;
  color: var(--red);
  margin: 12px 0 4px;
  letter-spacing: -1px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .range .val small {
  font-size: 16px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .rbreak {
  margin: 10px 14px;
  text-align: left;
  font-size: 12px;
  line-height: 2;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .rbreak .rrow {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed var(--line);
  gap: 10px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .rbreak .rrow span:last-child {
  white-space: nowrap;
  font-weight: 800;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .rbreak .rrow:last-child {
  border-bottom: none;
  color: var(--red);
  font-weight: 900;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .range .nt {
  font-size: 11px;
  color: var(--muted);
  padding: 0 14px 14px;
  line-height: 1.7;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .selfcmp {
  background: #f2f9ff;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 14px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .selfcmp b {
  color: var(--blue-dark);
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .diagbox {
  background: #f7fafc;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .diagbox .ttl {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 8px;
  font-weight: 800;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .levelbar {
  display: flex;
  gap: 6px;
  margin: 8px 0;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .levelbar button {
  flex: 1;
  padding: 11px 4px;
  border-radius: 8px;
  border: 2px solid #cfdde8;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  color: var(--muted);
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .levelbar button.sel {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .leveldesc {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.7;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-top: 6px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .aifind {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  line-height: 1.7;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .aifind:last-child {
  border-bottom: none;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .aifind .ic {
  flex-shrink: 0;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .aifind .conf {
  font-size: 10px;
  color: var(--muted);
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .aifind.alert {
  background: #fff7ec;
  border-radius: 9px;
  padding: 9px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 2px solid var(--line);
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  background: #fff;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow.airec {
  border: 2px dashed var(--orange);
  background: var(--orange-pale);
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow.on {
  border: 2px solid var(--blue);
  background: #f2f9ff;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow .aireason {
  display: block;
  color: #c26200;
  font-size: 11px;
  margin-top: 3px;
  line-height: 1.5;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow input {
  width: auto;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow .oi {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow .oi small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .optrow .op {
  font-size: 13px;
  font-weight: 900;
  color: var(--blue-dark);
  white-space: nowrap;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .reco {
  background: var(--orange);
  color: #fff;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 9px;
  margin-left: 6px;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .ctanote {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  margin-top: 10px;
  text-align: center;
}

/* line 117, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .ctanote a {
  color: var(--blue);
}

/* 依頼フォーム */
/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .sumtable {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 6px 0 10px;
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .sumtable td {
  padding: 9px 6px;
  border-bottom: 1px solid var(--line);
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .sumtable td:first-child {
  color: var(--muted);
  width: 38%;
  font-size: 12px;
  font-weight: 700;
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .toggle2 {
  display: flex;
  gap: 6px;
  max-width: 260px;
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .toggle2 button {
  flex: 1;
  padding: 11px;
  border-radius: 8px;
  border: 2px solid #cfdde8;
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  color: var(--muted);
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .toggle2 button.sel {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

/* line 118, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .checkline {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: var(--muted);
  margin-top: 10px;
}

/* トースト */
/* line 119, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #243642;
  color: #fff;
  padding: 13px 24px;
  border-radius: 26px;
  font-size: 13px;
  opacity: 0;
  transition: .3s;
  pointer-events: none;
  z-index: 99;
  max-width: 90%;
  line-height: 1.6;
}

/* line 119, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .toast.show {
  opacity: 1;
}

/* 非表示ユーティリティ（.card 等より後に置き display:none を優先させる） */
/* line 120, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .hidden {
  display: none;
}

/* ============================================================
   共通：セクション見出し（吹き出し型の帯 #0075C2）
   ============================================================ */
/* line 123, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-head {
  text-align: left;
  margin-bottom: 24px;
  padding: 0 16px;
}

/* line 123, 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 130, 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 140, 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 #005a94;
}

/* ============================================================
   ★星スプライト（お客様の声で使用）＋ 汎用「もっと見る」ボタン
   ============================================================ */
/* line 151, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rstars {
  width: 78px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  color: var(--star);
}

/* line 151, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rstars.sm {
  width: 62px;
  height: 12px;
}

/* line 151, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .more-btn {
  display: block;
  width: 78%;
  max-width: 360px;
  margin: 6px auto 0;
  text-align: center;
  border: 1px solid var(--teal);
  color: var(--teal-dark);
  font-weight: 700;
  border-radius: 30px;
  padding: 12px;
  background: #fff;
  font-size: 15px;
}

/* ============================================================
   優良業者を見分ける 失敗しない選び方5個
   ============================================================ */
/* line 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick {
  padding: 6px 16px 20px;
}

/* line 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__lead {
  font-size: 14px;
  color: #444;
  line-height: 1.9;
  margin-bottom: 14px;
}

/* line 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__summary {
  margin: 0 0 16px;
  padding-left: 22px;
  list-style: decimal;
}

/* line 158, 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 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__item {
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

/* line 158, 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 158, 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 158, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pick__body {
  font-size: 14px;
  color: #555;
  line-height: 1.9;
}

/* ============================================================
   都道府県から探す（日本地図＋地方アコーディオン）
   ============================================================ */
/* line 161, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref {
  padding: 6px 16px 24px;
}

/* line 161, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__map {
  position: relative;
  max-width: 440px;
  margin: 0 auto;
}

/* line 161, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__map img {
  width: 100%;
  display: block;
}

/* line 161, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__pin {
  position: absolute;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid #555;
  border-radius: 16px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  font-family: inherit;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__pin:hover {
  background: var(--teal);
  color: #fff;
  border-color: var(--teal);
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__pin.active {
  background: var(--teal-dark);
  color: #fff;
  border-color: var(--teal-dark);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__regions {
  max-width: 440px;
  margin: 14px auto 0;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__box {
  display: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 10px;
  overflow: hidden;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__box.open {
  display: block;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__reg-head {
  background: var(--teal-dark);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 8px 12px;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__reg-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}

/* line 167, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__reg-list a {
  flex: 0 0 auto;
  background: #fff;
  border: 1px solid var(--teal);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--teal-dark);
  text-decoration: none;
  min-width: 70px;
  text-align: center;
}

/* line 171, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pref__reg-list a:hover {
  background: var(--teal);
  color: #fff;
}

/* ============================================================
   セクション共通CTA（すべて #widget の診断フォームへ誘導）
   ============================================================ */
/* line 174, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-cta {
  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);
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  padding: 15px 18px;
  border-radius: 999px;
  box-shadow: 0 3px 0 #c05f00;
}

/* line 181, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .sec-cta .sec-cta__free {
  background: #fff;
  color: var(--orange);
  font-size: 12px;
  font-weight: 900;
  border-radius: 12px;
  padding: 3px 9px;
}

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

/* ============================================================
   ② 共感（悩みチェックリスト）
   ============================================================ */
/* line 184, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy {
  padding: 24px 16px 10px;
  background: #eef6fc;
}

/* line 184, 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 184, 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 #005a94;
}

/* line 184, 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 184, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__list {
  max-width: 420px;
  margin: 0 auto;
}

/* line 184, 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 184, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__list li i {
  color: #b9c6d0;
  margin-top: 2px;
  flex: none;
}

/* line 184, 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 184, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .empathy__ans-badge {
  color: #2ea56b;
  font-size: 24px;
  display: block;
  margin-bottom: 4px;
}

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

/* ============================================================
   ③ 解決提案（3ステップ / アイコンのみ・省スペース横並び）
   ============================================================ */
/* line 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve {
  padding: 8px 16px 14px;
}

/* line 187, 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 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve__step {
  flex: 1;
  text-align: center;
}

/* line 187, 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 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve__no {
  font-size: 15px;
  font-weight: 900;
  color: var(--orange);
  letter-spacing: .02em;
}

/* line 187, 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 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve__d {
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}

/* line 187, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .solve__arrow {
  flex: none;
  color: var(--teal);
  font-size: 18px;
  padding-top: 19px;
}

/* ============================================================
   ④ 選ばれる理由（ベネフィット5つ）
   ============================================================ */
/* line 190, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene {
  padding: 8px 16px 10px;
}

/* line 190, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 14px;
}

/* line 190, 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 190, 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 190, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene__t {
  font-size: 15px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 2px;
}

/* line 190, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .bene__body p {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* ============================================================
   ⑤ 料金相場表
   ============================================================ */
/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate {
  padding: 8px 16px 10px;
}

/* line 193, 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 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 440px;
  font-size: 13px;
}

/* line 193, 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 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__table thead th {
  background: var(--teal-dark);
  color: #fff;
  font-weight: 700;
}

/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__table thead th small {
  font-weight: 400;
  font-size: 15px;
  opacity: .85;
}

/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__table tbody th {
  background: #eef6fc;
  color: var(--teal-dark);
  font-weight: 800;
}

/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__table tbody td {
  color: var(--red);
  font-weight: 700;
  background: #fff;
}

/* line 193, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .rate__note {
  font-size: 12px;
  color: #666;
  line-height: 1.8;
  margin-top: 10px;
}

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

/* ============================================================
   ⑥ 見積もり事例（実例カード）
   ============================================================ */
/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excase {
  padding: 8px 16px 10px;
}

/* line 196, 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 196, 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 196, 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 196, 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 196, 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 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__madori i {
  color: var(--teal);
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__madori b {
  font-size: 15px;
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 12px;
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__price {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

/* line 196, 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 196, 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 196, 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 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now {
  border-color: var(--orange);
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now .pb__l {
  background: var(--orange);
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--now .pb__v {
  color: var(--red);
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--other .pb__l {
  background: #9aa7b2;
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .pb--other .pb__v {
  color: #8a97a2;
  text-decoration: line-through;
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__off {
  text-align: center;
  font-weight: 800;
  font-size: 15px;
  color: var(--ink);
  background: #fff5e9;
  border: 1px dashed var(--orange);
  border-radius: 8px;
  padding: 10px;
}

/* line 196, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .excard__pct {
  color: var(--red);
  font-size: 24px;
  font-weight: 900;
  margin: 0 3px;
}

/* ============================================================
   ⑦ お客様の声
   ============================================================ */
/* line 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice {
  padding: 8px 16px 10px;
}

/* line 199, 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 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

/* line 199, 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 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice__meta .rstars {
  color: var(--star);
}

/* line 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice__name {
  font-size: 12px;
  color: var(--sub);
  font-weight: 700;
}

/* line 199, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .voice__text {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
}

/* ============================================================
   ⑧ 業者の信頼性
   ============================================================ */
/* line 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust {
  padding: 8px 16px 10px;
}

/* line 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust__badges {
  display: flex;
  gap: 8px;
}

/* line 202, 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 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust__badge i {
  font-size: 26px;
  color: var(--orange);
}

/* line 202, 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 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust__img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 14px;
}

/* line 202, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .trust__lead {
  font-size: 13px;
  color: #555;
  line-height: 1.8;
  margin: 14px 0 0;
}

/* ============================================================
   ⑨ 流れの安心バナー
   ============================================================ */
/* line 205, 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 205, 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(--teal-deep);
}

/* line 205, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure i {
  color: var(--teal-dark);
  margin-right: 4px;
}

/* line 205, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .flow-reassure b {
  color: var(--red);
}

/* ============================================================
   ⑩ FAQ（details/summary アコーディオン）
   ============================================================ */
/* line 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq {
  padding: 8px 16px 10px;
}

/* line 208, 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 208, 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 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq__item summary::-webkit-details-marker {
  display: none;
}

/* line 208, 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 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq__item summary i {
  margin-left: auto;
  color: var(--sub);
  transition: transform .2s;
}

/* line 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq__item[open] summary i {
  transform: rotate(180deg);
}

/* line 208, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .faq__a {
  padding: 0 14px 14px 44px;
  font-size: 13px;
  color: #555;
  line-height: 1.8;
}

/* ============================================================
   ⑪ クロージング
   ============================================================ */
/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing {
  padding: 30px 16px 26px;
  text-align: center;
  background: linear-gradient(180deg, #eef6fc, #dcecf7);
}

/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__ttl {
  font-size: 22px;
  font-weight: 900;
  color: var(--blue-deep);
  line-height: 1.5;
}

/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__sub {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
  margin-top: 10px;
}

/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__company {
  margin-top: 22px;
  font-size: 12px;
  color: #777;
  line-height: 1.9;
}

/* line 211, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .closing__company a {
  color: var(--teal-dark);
  text-decoration: underline;
}

/* ============================================================
   フッター
   ============================================================ */
/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer {
  background: #3a3a3a;
  color: #fff;
  padding: 26px 20px 40px;
  font-size: 14px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer a {
  color: #fff;
  text-decoration: underline;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .f-top {
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .f-group {
  margin: 18px 0 6px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .f-group > .f-label {
  color: #aaa;
  font-size: 12px;
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .f-sub a {
  display: inline-block;
  margin: 0 12px 8px 12px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .f-line a {
  display: block;
  margin-bottom: 10px;
}

/* line 214, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .footer .copy {
  color: #bbb;
  font-size: 12px;
  margin-top: 24px;
  text-align: left;
}

/* ============================================================
   ページTOPへ戻る（フローティング）
   ============================================================ */
/* line 217, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .to-top {
  position: fixed;
  z-index: 65;
  right: calc(50% - var(--maxw)/2 + 14px);
  bottom: 104px;
  width: 56px;
  height: 56px;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
}

/* line 221, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .to-top img {
  width: 56px;
  height: 56px;
}

/* line 221, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .to-top.show {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 660px) {
  /* line 222, app/assets/stylesheets/services/new_lp.scss */
  .newLpPage .to-top {
    right: 14px;
  }
}

/* ============================================================
   本家フローティングCTA（スクロールで下部にスライド表示）
   ============================================================ */
/* line 225, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 70;
  transform: translateX(-50%) translateY(110%);
  width: 100%;
  max-width: var(--maxw);
  background: rgba(22, 21, 21, 0.88);
  padding: 6px 10px 12px;
  text-decoration: none;
  transition: transform .3s ease;
}

/* line 233, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta.show {
  transform: translateX(-50%) translateY(0);
}

/* line 233, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta__sub {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 0 7px;
}

/* line 236, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta__sub .sl {
  flex: none;
}

/* line 236, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #e76e4d;
  color: #fff;
  border-radius: 6px;
  padding: 14px;
  font-size: 18px;
  font-weight: 800;
}

/* line 240, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .overlay-cta__free {
  background: #fff;
  color: #e76e4d;
  font-size: 13px;
  font-weight: 800;
  border-radius: 4px;
  padding: 3px 10px;
  line-height: 1;
}

/* ============================================================
   ハンバーガーメニュー（オフキャンバス）
   ============================================================ */
/* line 246, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .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 249, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nav-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

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

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

/* line 253, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nav-panel a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 11px 4px;
  border-bottom: 1px solid #555;
  font-size: 15px;
}

/* line 253, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .nav-close {
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  float: right;
  line-height: 1;
  margin-bottom: 6px;
}

/* ============================================================
   タスくんAI診断ウィジェット（スライド式3問クイズ + 即時概算）
   ============================================================ */
/* line 258, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0 10px;
}

/* line 259, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .dots {
  display: flex;
  gap: 5px;
}

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

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

/* line 262, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .dot.done {
  background: var(--blue);
}

/* line 263, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .ans-chips {
  display: flex;
  gap: 5px;
}

/* line 264, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .achip {
  font-size: 10px;
  font-weight: 800;
  color: var(--blue-dark);
  background: var(--thin-color, #ECFAFF);
  border: 1px solid #cdeae4;
  border-radius: 999px;
  padding: 3px 8px;
  cursor: pointer;
  display: none;
}

/* line 265, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .achip.show {
  display: inline-block;
}

/* line 266, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .achip::after {
  content: " \270E";
  opacity: .6;
}

/* line 267, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .slider {
  overflow: hidden;
}

/* line 268, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .track {
  display: flex;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 269, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .slide {
  min-width: 100%;
}

/* line 270, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .back {
  font-size: 10.5px;
  color: #9ab5b0;
  font-weight: 700;
  background: none;
  border: none;
  margin-top: 10px;
  cursor: pointer;
  padding: 0;
}

/* line 271, app/assets/stylesheets/services/new_lp.scss */
.newLpPage .ai-diagnose .back::before {
  content: "\2039 ";
}

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